Cordova - Entwicklung plattformneutraler Apps

Vorwort

Inhaltsverzeichnis

1 Einleitung und Grundlagen – Um was geht es bei Cordova?

1.1 Was behandeln wir im einleitenden Kapitel?

1.2 Erste grundlegende Überlegungen zum Umfeld

1.2.1 Die mobile Welt – Tausende von Inseln

1.2.2 Was erwartet Sie in dem Buch?

1.3 Was sind Cordova und PhoneGap?

1.3.1 Cordova oder PhoneGap oder was?

1.4 Die Architektur, der Cordova-Wrapper und FFI

1.5 Unterstützte Plattformen bei Cordova

1.6 Was sollten Sie bereits wissen?

1.7 Was sollten Sie haben?

1.7.1 Betriebssysteme

1.7.2 Die Entwicklungs-Software

1.7.3 Die mobile Hardware und Registrierungsfragen

1.7.4 Verschiedene Wege zum Testen

2 Native Apps versus Web-Apps und mobilen Web-Applikationen – Das mobile Umfeld von Cordova

2.1 Was behandeln wir im einleitenden Kapitel?

2.2 Mobile Web-Applikationen und mobile Webseiten versus Web-Apps

2.2.1 Webseiten

2.2.2 Web-Applikationen – RIA

2.2.3 Single-page-Webanwendung

2.2.4 Besonderheiten von Web-Apps

2.2.5 Native Apps

2.2.6 Die Arbeitsweise nativer Apps

3 Installation und erste Anwendung von Cordova – Erster Kontakt zu Cordova

3.1 Was behandeln wir im Kapitel?

3.2 Installation von Cordova

3.2.1 Node.js und npm bereitstellen

3.2.2 Die konkrete Installation von Cordova mit npm

3.2.3 Test der Installation

3.2.4 Erweiterte Anweisungen zur Cordova-Installation

3.3 Cordova-Projekte anlegen

3.3.1 Die Plattformunterstützung hinzufügen

3.3.2 Kompilieren und ausführen

3.3.3 Individuelle Icons

3.4 Von der CLI zur IDE

3.4.1 Ein Android-Cordova-Projekt im Android Studio laden und bearbeiten

3.4.2 Cordova-Projekte unter Visual Studio

3.4.3 Importieren eines Cordova-Projekts in Visual Studio

3.5 Verschiedene Workflow, das merges-Verzeichnis und plattformspezifische Anpassungen

3.6 Alles was Recht ist

3.6.1 Allgemeines zu den Rechtesystemen

4 Web-Technologien unter Cordova – Wie setzt man HTML, JavaScript und CSS in Cordova ein?

4.1 Was behandeln wir im Kapitel?

4.2 Die Indexseite

4.2.1 Die Struktur der HTML-Seite

4.2.2 Die Skript-Referenzen

4.2.3 Style Sheets

4.3 Einige Standardschablonen

4.4 Die eigenen Skript-Dateien

4.5 Weitere Tipps

4.5.1 Pfadangaben

4.6 Bilder & andere Multimediadateien

4.6.1 Eine App mit Bilddarstellung über das img-Tag

4.6.2 Eine App mit Video

5 Wo bin ich und wo will ich hin? – Mit Cordova die Position und Richtung bestimmen

5.1 Was behandeln wir im Kapitel?

5.2 Das navigator-Objekt

5.2.1 Eigenschaften und Methoden von navigator auswerten

5.2.2 Die Bedeutung von deviceready

5.3 Geolokalisierung

5.3.1 Die verschiedenen Techniken zur Ortsbestimmung

5.3.2 Das Objekt navigation.geolocation

5.3.3 Die aktuelle Position – ein konkretes Beispiel mit getCurrentPosition()

5.3.4 Die Veränderung mit watchPosition() beobachten

5.3.5 Die Beobachtung beenden

5.4 Ein Mashup mit Kartendiensten

5.4.1 Karten von Google Maps nutzen

5.4.2 Karten von Bing Maps nutzen

5.5 Wie schnell bin ich? Eine Tachometer-App

5.6 Ein grafischer Tacho mit HTML5-Canvas-Objekten

5.6.1 Das Canvas-Element

5.7 Wo geht es lang? Der Kompass

5.7.1 Die möglichen Optionen

5.7.2 Die Eigenschaften

5.7.3 Ein vollständiges Kompassbeispiel

5.7.4 Ein Kompassbeispiel unter Verwendung von HTML5-Canvas-Objekten

5.8 Der Beschleunigungssensor

5.8.1 Die Methoden und Eigenschaften

5.9 Ein Cockpit als Abschlussbeispiel

5.9.1 Portrait-Modus

6 Erstellung in der Cloud – Der Build-Dienst von Adobe®

6.1 Was behandeln wir in diesem Kapitel?

6.2 Der Build-Dienst

6.3 Übersetzung der Web-Quellcodes

7 Information und Rückmeldung – Hallo, jemand da?

7.1 Was behandeln wir im Kapitel?

7.2 Das device-Objekt

7.2.1 Die Eigenschaften

7.2.2 Ein Beispiel zur Anzeige relevanter Informationen

7.3 Der Netzwerkstatus

7.3.1 Ein Beispiel zur Auswertung des Netzwerkstatus

7.3.2 Ein Muster zur Entscheidung, ob eine Netzwerkverbindung besteht

7.4 Notification

7.4.1 Das Dialogfenster über alert()

7.4.2 Der confirm()-Dialog

7.4.3 Entgegennahme von Benutzereingaben mit prompt()

7.4.4 beep()

7.4.5 vibrate()

7.4.6 Weiterentwicklung der Cockpit-App

7.5 Der Batteriestatus

7.6 Das Konsolenobjekt

7.7 Die Statusbar

8 Cordova im Zusammenspiel mit ergänzenden Frameworks – Die Funktionalität und die GUI bequemer erstellen

8.1 Was behandeln wir im Kapitel?

8.2 jQuery, jQuery UI und jQuery Mobile

8.3 Das Basisframework jQuery

8.3.1 Download von jQuery

8.3.2 Die Einbindung von jQuery in Webseiten

8.3.3 Wie jQuery grundsätzlich arbeitet

8.3.4 Wichtige Methoden von jQuery

8.3.5 Die Ereignisbehandlung

8.3.6 Vorhandenen Code mit jQuery umsetzen – das navigator-Objekt auswerten

8.4 Die GUI-Erstellung mit jQuery Mobile

8.4.1 Die Plattformen

8.4.2 Die speziellen Features von jQuery Mobile

8.4.3 Der Download

8.4.4 Die Einbindung

8.4.5 Das Rollensystem und data-role

8.4.6 Der grundsätzliche Aufbau einer mobilen Seite

8.4.7 Eine erste App mit jQuery Mobile

8.4.8 Eine weitere App mit jQuery Mobile – eine verbesserte Tachometer-App

8.4.9 Schaltflächen, Toolbars, Navbars und Formularelemente

8.4.10 Weiterentwicklung der Tacho-App mit jQuery Mobile

8.4.11 Das Themenframework und allgemeine Gestaltung von Inhalt

8.5 Der Einsatz von Bootstrap

8.5.1 Responsive Design

8.5.2 Bootstrap zur Umsetzung von RWD

8.5.3 Herunterladen

9 Multimediafragen – Mobile Unterhaltung

9.1 Was behandeln wir im Kapitel?

9.2 Zugriff auf die Kamera – das navigator.camera-Objekt

9.2.1 Die Aufnahme mit getPicture()

9.2.2 Ein Beispiel – ein Bild aufnehmen, anzeigen und speichern

9.3 Aufnahmemöglichkeiten mit Capture & Co

9.3.1 Die Basisobjekte

9.3.2 Das ConfigurationData-Array

9.3.3 Konkrete Aufnahmemethoden

9.3.4 Die Optionen

9.3.5 Erfolg und Misserfolg

9.3.6 Konkrete Aufnahmebeispiele

9.4 Audiowiedergabe und -aufnahme mit Media

9.4.1 Erzeugen von Mediaobjekten

9.4.2 Die Parameter

9.4.3 Methoden von Mediaobjekten

9.4.4 Ein Mediaplayer als Beispiel

10 Kontaktversuche – Zugriff auf das Adressbuch

10.1 Was behandeln wir im Kapitel?

10.2 Die Kontaktdatenbank – Contacts und Contact

10.2.1 Die Objekte Contacts und Contact

10.2.2 Ein Kontaktbeispiel

10.2.3 Eine Weiterentwicklung des Beispiels

10.3 Verwalten von Daten

10.3.1 Speichern, Duplizieren und Löschen

10.3.2 ContactError

10.4 Das Suchen von Daten

10.5 Die Methode pickContact()

11 Ran an den Speicher – Persistente Informationen

11.1 Was behandeln wir im Kapitel?

11.2 Zugriffe auf das Dateisystem – File & Co

11.2.1 Vorüberlegungen

11.2.2 Datenströme

11.2.3 Die Basisobjekte unter Cordova

11.2.4 LocalFileSystem

11.2.5 Wo wird gespeichert?

11.2.6 Objekte vom Typ File und FileSystem und das Plugin cordova-plugin-file

11.2.7 Eine Datei erstellen

11.2.8 Ein Beispiel zum Anlegen einer Datei in einer RIA

11.2.9 Ein Beispiel zum Anlegen einer Datei in einer App

11.2.10 Zugang zum Content mit FileReader und FileWriter

11.2.11 Arbeiten mit Verzeichnissen – Repräsentation des Dateisystems über FileSystem und DirectoryReader

11.2.12 Eine KML-Datei erstellen – Tracking für die Geolocation

11.3 FileTransfer und FileUploadOptions

11.3.1 FileUploadResult

11.3.2 FileTransferError

11.3.3 Ein Beispiel mit dem Upload einer Datei

11.4 WebSQL und Zugriff auf eine SQLite-Datenbank

11.4.1 Was ist WebSQL?

11.4.2 Was ist SQLite?

11.4.3 Die WebSQL- bzw. SQLite-Features in Cordova

11.5 Local Data Storage

11.5.1 Die Objekte localStorage und sessionStorage

11.5.2 Ein Beispiel zum Speichern von Daten im Local Data Storage

11.6 IndexedDB

11.6.1 Allgemeine Arbeitsweise

11.6.2 Ein komplettes Beispiel

12 Erweiterte Cordova-Themen – Was rund um die eigentlichen Apps noch geht

12.1 Was behandeln wir in dem Kapitel?

12.2 Cordova-App-Templates

12.2.1 Alternative Templates verwenden

12.2.2 Ein Template selbst erstellen

12.3 Der Splashscreen

12.4 Whitelisting und die Content Security Policy

12.4.1 Vertrauenswürdige Adressen in der Datei config.xml

12.4.2 Content Security Policy mittels meta-Tag

12.5 Hooks

12.5.1 Definitionswege für Hooks

12.6 Eigene Plugins entwickeln

12.6.1 Die JavaScript-Schnittstelle

12.6.2 Die nativen Schnittstellen

12.6.3 Das Veröffentlichen von Plugins

12.7 Plugins aus zusätzlichen Quellen installieren und Funktionalitäten erweitern

12.7.1 Ein Beispiel – das Clipboard-Plugin

Stichwortverzeichnis