HTML and CSS Reference
In-Depth Information
Beachten Sie
jQuery Mobile unterstützt Sie lediglich beim Interface und bei der Navigation. Kom-
plexe Funktionalitäten innerhalb einer Seite, wie z. B. die Implementierung einer
Google-Karte oder das Auslesen eines Flickr-Bildes, müssen Sie nach wie vor selbst
programmieren. Die gute Nachricht: Wenn Sie diese Zeilen lesen, dann wissen Sie
bereits, wie man all das macht. Zudem benötigen Sie einen Webserver, ob lokal via
XAMPP oder auf einem Webspace, damit jQuery Mobile korrekt funktioniert.
8.1.1 Zum heiteren Hering - ein Fischrestaurant als WebApp
Machen wir uns nichts vor: Sie lieben Aquarien. Diese großen blauen Wasserwelten,
in denen viele verschiedene Fischarten, teils schimmernd in den schillerndsten Far-
ben, geradezu hypnotisch und beruhigend ihre Bahnen ziehen. Besonders die ersten
Kapitel dieses Buches haben bei Ihnen die Vorliebe für Fische nur noch verstärkt.
Welch glücklicher Zufall: Ihr Kunde für die nächste WebApp ist ein Fischrestaurant
namens »Zum heiteren Hering«. Sein Besitzer, Herr Mattis Mattisen, ist ein unge-
wöhnlicher Charakter - er liebt die Nordsee, das Web, HTML5 und sein Smartphone.
Für sein Restaurant würde er auch gerne diese neuen Technologien einsetzen. Aller-
dings hat er von der Entwicklung von WebApps keine Ahnung (warum auch, wenn
der Fisch frisch auf den Teller kommt), weshalb er Sie engagiert, eine WebApp für sein
Restaurant zu entwickeln.
Die WebApp besteht dabei aus insgesamt vier Rubriken:
einer Startseite, die den Benutzer mit einem Foto des Restaurants begrüßt
der Menükarte als Übersicht und einer Detailseite mit weiteren Informationen
zum jeweiligen Gericht
einer Seite mit einer Karte, die automatisch die Route von Ihrem aktuellen Aufent-
haltsort zum Restaurant anzeigt
einer Kontaktseite, um mithilfe eines Formulars Feedback zum Restaurant oder
eine Reservierung zu hinterlassen (die Anfrage wird automatisch an die E-Mail-
Adresse von Herrn Mattisen gesendet)
Herr Mattisen erwähnte außerdem in einem ersten Gespräch, dass viele seiner
Freunde unterschiedliche Smartphones besitzen und die WebApp auch auf einem
Tablet gut aussehen muss.
Sie merken: Das riecht nicht nur nach Fisch, sondern vor allem nach einer Entwick-
lung mithilfe von jQuery Mobile. Also, los geht's!
Search WWH ::
Custom Search