iPhone OS Webentwicklung

1 Willkommen in der Welt des iPhone
1.1 Die Welt im Browser
1.2 Das iPhone als Webplattform
1.2.1 Netzwerk-Konnektivität
1.2.2 Safari auf dem iPhone
1.3 Das Interaktionsmodell des iPhone
1.4 Der Viewport des iPhone
1.5 Webseite oder Applikation?

2 Die mobile Safari-Plattform (WebKit)
2.1 Geschichte des WebKit
2.2 WebKit und Webstandards
2.3 Der WebKit-User-Agent-String
2.4 WebKit CSS Stile

3 Technische Spezifikationen
3.1 Allgemeines
3.2 Das Display
3.3 Die Software

4 Der Viewport des iPhone
4.1 Wie viel Platz steht Safari zur Verfügung?
4.2 Was genau ist der Viewport?
4.2.1 Der Viewport auf dem Desktop
4.2.2 Der Viewport auf dem iPhone
4.3 Konfiguration des Viewport
4.4 Viewport-Beispiele
4.5 Schnelle Anpassung

5 Kompatibler Webcontent
5.1 Gute Design-Praktiken
5.1.1 Die Document Type Definition (DTD)
5.1.2 Intelligente Aufteilung
5.1.3 Sauberer und strukturierter Code
5.1.4 Browserunabhängigkeit
5.2 Ressourcen-Limits
5.3 Eingebaute Funktionen verwenden
5.4 JavaScript
5.5 Rich-Media-MIME-Typen
5.6 Sicherheitsfunktionen

6 Webcontent optimieren
6.1 Conditional CSS
6.2 Der User Agent String
6.3 Das WebClip-Icon
6.4 Den Viewport optimieren
6.5 Anpassen des Stylesheet
6.5.1 Der Einsatz von CSS 3.0
6.5.2 Optimale Einstellung der Schriftgröße
6.5.3 Eigene Hervorhebungen

7 Entwicklungsumgebungen und Debugging
7.1 Integrierte Entwicklungsumgebungen - IDE
7.2 Aptana
7.2.1 Aptana installieren
7.2.2 Aptana einsetzen
7.2.3 Mit Aptana entwickeln
7.3 Die iPhone-Safari-Konsole
7.3.1 Die Safari-Konsole aktivieren
7.3.2 Meldungen in der Konsole
7.3.3 Konsolenmeldungen initiieren
7.4 Script Debugging
7.5 Arbeiten mit Dashcode
7.5.1 In der Praxis
7.5.2 Dashcode - Debugging

8 Grundlegende Entwicklungsziele
8.1 Einfachheit
8.1.1 Offensichtlichkeit
8.1.2 Vermeiden Sie Durcheinander
8.1.3 Reduzieren Sie Benutzereingaben
8.1.4 Drücken Sie Informationen kurz und bündig aus
8.1.5 Sorgen Sie für Fingerfreundlichkeit
8.1.6 Vermeiden Sie unnötige Interaktion
8.2 Fokussieren
8.3 Kommunizieren
8.4 Konsistenz
8.5 Ansprechbarkeit
8.6 Interoperabilität
8.7 Adaptierbarkeit

9 Das Standard-User-Interface
9.1 Metriken und Maße
9.1.1 Allgemeines Interface
9.1.2 Eingabeaufforderungen
9.1.3 Titelleiste
9.1.4 Listen
9.2 Schriftarten auf dem iPhone

10 Entwicklung eines eigenen Benutzerinterface
10.1 iUI - iPhone User Interface
10.1.1 Was kann iUI?
10.1.2 Was ist iUI?
10.1.3 Wo kann man iUI herunterladen?
10.2 Erste Schritte mit iUI
10.2.1 Applikation: GET-A-TABLE
10.2.2 Basis-Setup
10.3 Die Titelleiste
10.3.1 Der Standardbutton
10.3.2 Der Backbutton
10.3.3 Weitere Buttons
10.3.4 Content-Bereich
10.4 Navigationslisten
10.4.1 Top-Level-Menü
10.4.2 Weitere Navigationslevel
10.4.3 Gruppierungen
10.5 Verlinkung
10.5.1 Ankerlinks
10.5.2 AJAX URL
10.5.3 AJAX URL REPLACE
10.5.4 Externe URL
10.6 Panels
10.6.1 Zusätzliches Stylesheet
10.6.2 Reihen
10.7 Formulare und Dialoge
10.7.1 Formulare
10.7.2 Dialoge
10.8 iUI-JavaScript
10.8.1 Das erstmalige Laden der Seite
10.8.2 Das iui-JSON-Objekt
10.8.3 Laden einer Standard-Seite
10.8.4 Verarbeitung von Links
10.8.5 Verarbeitung von AJAX-Links
10.8.6 Anzeige von Dialogen
10.8.7 Bilder vorladen
10.8.8 Überprüfen der Orientierung
10.9 Die Datei iui.css im Überblick
10.10 Die Datei iui.js im Überblick

11 Native iPhone-Applikationen ansprechen
11.1 Telefonnummern wählen
11.1.1 Nummern wählen mit Webclips
11.2 E-Mail-Links
11.3 Google Maps
11.4 YouTube
11.5 Zugriff auf das GPS-Modul
11.5.1 Verwendung mit Google Static Maps

12 Eventbehandlung
12.1 Wie das iPhone Events behandelt
12.2 Ein-Finger-Events
12.2.1 Panning
12.2.2 Klicken und halten
12.2.3 Doppel-Tipp
12.2.4 Maus-Emulation
12.3 Zwei-Finger-Events
12.3.1 Pinch-Zoom
12.3.2 Panning
12.3.3 Beispiel für das Event mousewheel
12.4 Dokument- und Formular-Events
12.5 Elemente klickbar machen
12.6 Events rund um Orientierungsänderungen verarbeiten
12.7 Unterstützung von Multi-Touch-Events
12.7.1 Beispiel - Auslesen der Werte
12.7.2 Beispiel: "Slide"-Geste simulieren
12.8 Unterstützung von Gesten
12.9 Das Default-Verhalten abschalten
12.10 Unterstützte Events

13 CSS-Übergänge, Animationen und Transformationen
13.1 Übergänge
13.1.1 Welche CSS-Eigenschaften lassen sich animieren?
13.1.2 CSS-Eigenschaften für Übergänge
13.2 Animationen
13.2.1 Schlüsselbilder
13.2.2 Eigenschaften von Animationen
13.2.3 Animations-Events
13.3 Transformationen
13.3.1 Das Koordinatensystem
13.3.2 Transformationsfunktionen

14 Canvas
14.1 Einführung
14.1.1 Fallback
14.1.2 Das Mustertemplate
14.1.3 Der Rendering-Kontext
14.2 Formen zeichnen
14.2.1 Rechtecke
14.2.2 Pfade
14.3 Mit Bildern arbeiten
14.3.1 Skalierung
14.3.2 Bilder via data URI einbinden
14.3.3 Bilder mit Formen kombinieren
14.4 Farben und Stile
14.4.1 Transparenz
14.4.2 Linien
14.4.3 Verlauf
14.4.4 Muster
14.5 Canvas-Zustände
14.6 Transformationen
14.6.1 Die Methode translate()
14.6.2 Die Methode rotate()
14.6.3 Die Methode scale()
14.6.4 Die Methode transform()
14.6.5 Die Methode setTransform()
14.6.6 Schatten
14.7 Komposition

15 Datenbankanwendungen und Offline-Applikationen
15.1 Online-Datenbank
15.2 JavaScript-Datenbank (Offline-Datenbank)
15.2.1 Vorbereitungen
15.2.2 Erzeugen und Öffnen der Datenbank
15.2.3 Anlegen und Befüllen der Tabellen
15.2.4 Daten abfragen
15.3 Offline-Applikationen
15.3.1 Erstellung des Cache Manifest
15.3.2 Aktualisierung des Cache
15.3.3 Cache-Events

16 Videos für das iPhone
16.1 Größe und Bildformat
16.2 Bitraten
16.2.1 Videogröße berechnen
16.3 Video-Programme
16.3.1 Freie und/oder kostenlose Programme
16.3.2 Kommerzielle Programme
16.4 Referenzfilm
16.5 Konfiguration des Servers
16.6 Einbinden des Videos in die Seite