HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps

Größe: px

Ab Seite anzeigen:

Download "HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps"

Petra Hoch
vor 8 Jahren
Abrufe

1 Markus Spiering / Sven Haiges / Rene Scholze HTML5- Apps für iphone und Android HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps

2 5 Inhaltsverzeichnis Einführung 9 Worum geht es? 11 HTML5 - die Spezifikation und der aktuelle Stand 11 Webanwendung vs. native Anwendung 12 Native Anwendung 13 Webanwendung 14 Warum nicht beides? 15 Wer sollte das Buch lesen? 15 Danksagung 16 Was wird benötigt? 16 Welcher Browser? 17 Welcher T exteditor? 19 Welches FTP-Programm? 19 Download der Beispiele 20 1 Mobile Designprinzipien Mobiles Web- und Anwendungsdesign Application Prototyping Dashcode und andere Programme iphone-typisches Design in der Praxis Erkennung von mobilen Browsern und Desktopbrowsern Geltungsbereiche der.htaccess-datei auf dem Webserver Einen falschen User-Agent vorgeben CSS- und JavaScript-Frameworks iwebkit 5 - das CSS-Framework Verwendete Ressourcen speichern Safari Web Inspector, Google Chrome Developer Tools und Firebug jquery und jquery Mobile HTML und Telefonfunktionen Telefonnummer benutzen SMS-Anwendung aufrufen s versenden Google Maps aufrufen 73

1 Mobiles Web- und Anwendungsdesign 23 1.1.1 Application Prototyping 23 1.1.2 Dashcode und andere Programme 24 1.2 iphone-typisches Design in der Praxis 25 1.

3 Inhaltsverzeichnis 1.6 iphone-spezifisch: Web-Apps, die den Browser verbergen CSS-Gestaltung für Hoch- und Querformat 84 HTML5 in der mobilen Webentwicklung Von HTML4 nach HTML Syntaktische Unterschiede Character Encoding Der Idoctype html Sprachliche Unterschiede Neue über JavaScript zugängliche APIs Neue Input-Typen, Auto-Korrektur und Auto-Großschreibung Das canvas-element Formen und Pfade Bilder Text Füllstil, Strichstil, Linienstil Verläufe, Muster, Schatten Unterstützte Transformationen Mögliche Zeichenoperationen Diagramme mit Flot SVG - skalierbare Vektorgrafik Unterschied SVG und Canvas Aufbau des ersten SVG-Bilds Elemente zum Zeichnen in SVG Animationen in SVG Audio und Video Audiowiedergabe MIME-Types Aufbau einer Videodatei Auf den Videocodec kommt es an Fehlerbehandlung mit der JavaScript-API Videoimplementierung mit der JavaScript-API Eigene Videos 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 190

3 Das canvas-element 95 2.3.1 Formen und Pfade 100 2.3.2 Bilder 106 2.3.3 Text 108 2.3.4 Füllstil, Strichstil, Linienstil 110 2.3.5 Verläufe, Muster, Schatten 114 2.3.6 Unterstützte Transformationen 117 2.

4 Inhaltsverzeichnis Error-Callbacks WatchPosition - ständige Positionsupdates Reverse Geocoding mit Google Maps-API Georeferenzierte Fotos von Flickr einbinden Weitere georelevante API-Methoden bei Flickr 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 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 Die ApplicationCache-API Zusammenfassung Native Anwendungen erstellen Titanium versus PhoneGap Das Titanium-Modell Das PhoneGap-Modell SDKs, IDEs und ADTs Entwicklungsumgebung für die ios-entwicklung einrichten Entwicklungsumgebung für die Android-Entwicklung einrichten PhoneGap installieren ios-apps mit PhoneGap entwickeln Den Projektaufbau erklären 280

7.3 Beispiele zu localstorage und sessionstorage 216 2.7.4 Storage-Event 222 2.8 Web SQL Database 225 2.8.1 Grundlagen relationaler Datenbanken 225 2.8.2 SQL-Basics 226 2.8.3 Transaktionen 228 2.8.4 Database-API 228 2.

5 8 Inhaltsverzeichnis App-Icon, App-Name, Splashscreen & Co jquery Mobile einbinden Mit PhoneGap und Xcode direkt auf einem ios-gerät testen Native Funktionen mit PhoneGap ansprechen Android-Apps mit PhoneGap entwickeln App-Name, App-Icon & Co. ändern jquery Mobile einbinden Native Funktionen von Android ansprechen Abweichungen von ios Webanwendungen und native Apps veröffentlichen Vertriebsmöglichkeiten für Web-Apps itunes App Store Die App mit Xcode für den App Store vorbereiten Google Play Store App außerhalb des Google Play Store vertreiben App im Google Play Store veröffentlichen App im Google Play Store verkaufen Andere Marktplätze 348 Stichwortverzeichnis 349

1 Vertriebsmöglichkeiten für Web-Apps 333 4.2 itunes App Store 333 4.2.1 Die App mit Xcode für den App Store vorbereiten 333 4.3 Google Play Store 341 4.3.1 App außerhalb des Google Play Store vertreiben 345 4.

Ähnliche Dokumente

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

Markus Spiering / Sven Haiges. 2. aktualisierte Auflage HTML5-A ZU. für iphone und Android. Mit 217 Abbildungen Markus Spiering / Sven Haiges 2. aktualisierte Auflage HTML5-A ZU für iphone und Android Mit 217 Abbildungen Inhaltsverzeichnis Einführung 11 1 Mobile Designprinzipien 23 1.1 Mobiles Web- und Anwendungsdesign