Auslesen des Bewegungssensors mit JavaScript - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 245

hilfe des Bewegungssensors eine Schüttelgeste registriert und daraufhin ein Bild ein-
blendet. Das Bild wird zufällig aus dem Fotodienst Flickr geladen. Neben der reinen
Funktionalität werden Sie der App auch einen bestimmten Look verpassen, der die
Polaroid-Analogie sichtbar macht. Sie werden die WebApp Schritt für Schritt um
Funktionen und visuelle Schmankerl ergänzen. Eins nach dem anderen. Am Ende soll
das Ganze so aussehen wie im dazugehörigen Wireframe (Abbildung 6.3).
6
Abbildung 6.3 Ein einfacher Wireframe der WebApp
Für die WebApp (Abbildung 6.4) benötigen Sie insgesamt drei Komponenten:
1. die HTML-Datei und die zugehörige CSS-Datei, die die Funktionen und visuellen
Merkmale enthält
2. etwas JSON-Code, um ein Bild aus Flickr zu laden
3. eine extra JavaScript-Bibliothek, die das Erkennen einer Schüttelgeste vereinfacht
Abbildung 6.4 So wird die WebApp auf einem iPhone (links) und
auf einem Android-Smartphone (rechts) am Schluss aussehen.