Markus Spiering / Sven Haiges. 2. aktualisierte Auflage HTML5-A ZU. für iphone und Android. Mit 217 Abbildungen

Transkript

1 Markus Spiering / Sven Haiges 2. aktualisierte Auflage HTML5-A ZU für iphone und Android Mit 217 Abbildungen

2 Inhaltsverzeichnis Einführung 11 1 Mobile Designprinzipien Mobiles Web- und Anwendungsdesign Application Prototyping mit Photoshop Interface Builder und andere Programme iphone-typisches Design in der Praxis Erkennung von mobilen Browsern und Desktop- Browsern User-Agent mit JavaScript abfragen User-Agent mittels der.htaccess-datei abfragen Geltungsbereiche der.htaccess-datei auf dem Webserver Einen falschen User-Agent vorgeben CSS- und Java Script-Frameworks iwebkit Verwendete Ressourcen speichern Form-Elemente mit iwebkit jquery und jqtouch Formulare mit jqtouch jqtouch-fehler für Radiobuttons Dynamische Inhalte HTML und Telefonfunktionen Telefonnummer benutzen SMS-Anwendung aufrufen s versenden Google Maps aufrufen iphone-spezifisch: Web Apps, die den Browser verbergen Startup-Bildschirm und App-Icon mit jqtouch CSS-Gestaltung für Hoch- und Querformat 83 2 HTML5 in der mobilen Webentwicklung Von HTML 4 nach HTML Syntaktische Unterschiede Character Encoding Der Idoctype html Sprachliche Unterschiede Neue APIs Neue Input-Typen, Auto-Korrektur und Auto-Großschreibung 91

3 8 Inhaltsverzeichnis 2.3 Das canvas-element Formen und Pfade Bilder Text Füllstil, Strichstil, Linienstil Verläufe, Muster, Schatten Transformationen Anordnung Diagramme mit Flot Audio und Video Audiowiedergabe MIME-Types Aufbau einer Videodatei Videocodecs Fehlerbehandlung Videoimplementierung mittels JavaScript-API Eigene Videos für diverse Formate konvertieren pass Encoding - was ist das? Geolocation-API Privatsphäre und Sicherheit Feature Detection: Geolocation-API Arten der Positionsbestimmung Google Maps-API One-Shot-Positionsanfragen Ortungsmethoden PositionOptions genauer betrachtet Error-Callbacks WatchPosition - ständige Positionsupdates Reverse Geocoding mit Google Maps-API Georeferenzierte Fotos von Flickreinbinden Weitere georelevante API-Methoden bei Flickr Geolocation mit jqtouch einbinden Zusammenfassung und Ausblick Web Storage Feature Detection: Darf Web Storage benutzt werden? sessionstorage und localstorage Beispiele zu localstorage und sessionstorage Storage-Event Web SQL Database Grundlagen relationaler Datenbanken SQL-Basics Transaktionen Database-API Neue Datenbank in den iphone-einstellungen Datenspeichern SQL Injection 220

4 Inhaltsverzeichnis Daten aktualisieren Datenbank-Queries Daten löschen Schemamigration Web SQL Database: Notes-Beispielanwendung Datenbanken im Safari Web Inspector und in Google Chrome Offline Web Applications Grundlagen der Cache-Manifestdatei Feststellen, ob der Browser online ist Online-Whitelist und Fallback-Sektion Dynamische Erzeugung des Cache-Manifests DieApplicationCache-API Zusammenfassung Native Anwendungen erstellen Titanium vs. PhoneGap DasTitanium-Modell Das PhoneGap-Modell SDKs, IDEs und ADTs Entwicklungsumgebung für ios-entwicklung einrichten Entwicklungsumgebung für Android-Entwicklung einrichten PhoneGap installieren ios-apps mit PhoneGap entwickeln Eine Anwendung für ios erstellen Einstellungen in der Info.plist-Datei Mit PhoneGap und Xcode direkt auf einem ios-gerät testen Native ios-systemfunktionen in PhoneGap einbinden Lokalisierte Button-Bezeichnungen Ladeanzeige in der Statusleiste Adressbucheinträge neu anlegen und abrufen Kamera und Fotobibliothek Geolocation Bewegungssensoren ipad-apps mit PhoneGap erstellen Android-Apps mit PhoneGap entwickeln Mit PhoneGap und Eclipse direkt auf einem Android-Gerät testen Eigene Programmsymbole erstellen und verwenden Einstellungen in der Datei AndroidManifest.xml Android-App mit Menüfunktionen versehen Original-Android-Grafiken in Ihren Projekten verwenden Native Android-Systemfunktionen integrieren Android und Kameraanwendungen Zusammenfassung 350

5 10 Inhaltsverzeichnis 4 Webanwendungen und native Apps veröffentlichen Apple Web Apps-Katalog Andere Vertriebsmöglichkeiten für Web Apps itunes App Store Android Market App an Betatester schicken oder außerhalb des Android Market vertreiben App im Android Market veröffentlichen App im Android Market verkaufen 371 Stichwortverzeichnis 375