Posts mit dem Label javascript werden angezeigt. Alle Posts anzeigen
Posts mit dem Label javascript werden angezeigt. Alle Posts anzeigen

Montag, 22. Februar 2010

Präsentation über LEGO Mindstorms NXT

Da ich auch immer viele Informationen aus dem Internet beziehe, dachte ich mir, gebe ich ihm mal etwas zurück. Deshalb veröffentliche ich hier meine Präsentation über NXT-Roboter. Sie beinhaltet sowohl Aspekte der Hardware als auch der Software (speziell Programmierung mit NXT-G) und gibt abschließend noch einige Informationen, Erfahrung und Kritik an der First LEGO League.
Online-Demo: http://docs.ubbel.de/presentations/nxt
Die Präsentation basiert auf einem Html-Grundgerüst, dass ich optisch und interaktiv mit jQuery UI und Css aufgewertet habe, was mir glaube ich auch ganz gut gelungen ist. Der Folienwechsel geschieht nach einem Klick in der Navigationsleiste links über einen asynchronen XMLHttpRequest (AJAX), dass heißt es wird nicht die ganze Seite neu geladen, sondern nur der Content-Bereich in der Mitte. Die Seite ist optimiert für Google Chrome 4+ und einer Auflösung von 1280x800px, andere Kombinationen sind natürlich auch gut möglich. Leider habe ich festgestellt, dass das Layout auf unserem Beamer in der Schule durch die Bilder etwas verzerrt wurde.

Ihr könnt die Präsentation hier herunterladen. Viel Spaß damit!

Sonntag, 21. Februar 2010

Gehirntrainer mit GWT

Dieses "Gehirntrainer"-Projekt habe ich vor einigen Jahren angefangen und - wie viele meiner Projekte - nie fertiggestellt...
Drei Disziplinen habe ich immerhin geschafft:

  1. 20 simple, arithmetische Kopfrechenaufgaben lösen, wobei die richtigen Ergebnisse und die Zeitgemessen werden.

  2. Zählen wie viele Leute nach einiger Zeit in einem Haus sind, nachdem zuvor unterschiedlich viele Leute in das Haus bzw. aus diesem heraus gerannt sind. Meine Lieblingsdisziplin :-)

  3. Ein einfacher Reaktionstest: Man muss die grünen Quadrate mit der Maus berühren und am Ende wird die Zeit angezeigt.


Das Programm wurde in Java geschrieben und mithilfe des Google Web Toolkits (GWT) in eine Rich Internet Application (RIA), also im Prinzip in HTML + Javascript-Code, umgewandelt.

Eine Online-Demo ist hier einzusehen: http://dev.ubbel.de/gwt/gehirntrainer/Gehirntrainer.html
Auf Wunsch stelle ich den Java-Quelltext natürlich auch zum Download bereit.


UPDATE: Leider habe ich gerade festgestellt, dass meine Lieblingsdisziplin online nicht funktioniert :-(. Wer dennoch damit spielen will, kann sich die ganze Anwendung hier herunterladen.

Quadratische Gleichungen lösen mit jQuery

Diese kleine jQuery-Anwendung habe ich mal zum Angeben im Informatikunterricht erstellt ;-). Das eigentliche Programm ist recht simpel und eigentlich nicht erwähnenswert. Es behandelt alle Fälle, die bei einer quadratischen Gleichung auftreten können und liefert die entsprechende Lösungsmenge. Mit jQuery und einigen schönen Effekten habe ich das schlichte Programm etwas aufgewertet. Ebenfalls sehenswert sind die automatisch ablaufenden Tests, die alle o.g. Fälle abdecken.