Kurzbeschreibung
Beschreibung: Mit der Veröffentlichung von iPhone, iPod Touch sowie iPad und dem iPhone OS hat Apple den Markt für mobile Endgeräte massenfähig gemacht. Google liefert mit dem Android-Betriebssystem ebenfalls eine stetig wachsende Plattform. Einer der Erfolgsfaktoren ist der auf beiden Systemen verfügbaren Browser "Mobile Safari" bzw. die technologische Basis WebKit. Diese freie HTML-Rendering-Bibliothek wird nicht nur von Apple und Google eingesetzt, sondern auch von anderen Unternehmen, wie Nokia, Adobe und Blackberry verwendet. Dozent: Peter Hecker, GFU Cyrus AG
Inhalt
- Einführung und Motivation
- Die WebKit-Plattform
- Überblick "mobile" Frameworks
- Zusammenfassung und Fazit
15. WebKit - Features
• HTML 4.01 / teilweise HTML 5
• XHTML 1.0 / 1.1
• CSS 2.1 vollständig und CSS 3 teilweise
• JavaScript 1.4 (inkl. kompletter DOM-Unterstützung)
• AJAX (XMLHTTP-Request) / Web 2.0
• Canvas
• SVG (Scalable Vector Graphics)
• HTLM5 Offline Data Storage
• HTML5 Audio und Video Element
• HTML5 Geolocation API
22. WebKit - HTML5
Datenbanken
• HTML5 clientseitige Datenbankspeicher
• vollständige, transaktionale SQLite
Datenbank auf dem Client
• Asynchrones Datenbank-Handling
• API per JavaScript ansprechbar
• Update mit Online-Datenbank möglich
23. WebKit - HTML5
Application Cache
• Cache Manifest
• Offline Speicherung der kompletten Applikation
• HTML-Dateien (lokal oder remote)
• Bilder
• JavaScript
• CSS
• JavaScript API für Updates
24. WebKit - HTML5
Geolocation API
• JavaScript-API
• Zugriff auf Geodaten
• GPS-Daten
• Triangulation
• Longitude, Latitude, Genauigkeit
• Nachfrage im Browser
• Tracking möglich
25. WebKit - SVG
• Scalable Vector Graphics
• W3C-Standard
• Definition von
Vektorgrafiken mittels
XML
• Animationen mittels
SMIL
26. WebKit - HTML5
Canvas
• <canvas>-Element
• „Virtuelle Zeichenfläche“
• Erstellung von Vektorgrafiken und Animationen
• Zeichnen, Bilder,Verläufe, Spiegelungen,
Transparenzen, Muster
• Transformationen, Kompositionen
• JavaScript API
27. WebKit
• Moderne und ausgereifte Browser-Engine
• Mobile Marktführer setzen auf WebKit
• Andere Plattformen ziehen nach
• Vereinheitlichung der Entwicklung
• Web-Technologien sind etabliert und
beherrschbar
58. Sencha Touch
• JavaScript-API für mobile Anwendungen
• Basiert auf Web-Standards
• WebKit als Plattform (natürlich)
• Unterstützung von Themen
• Programmatisch
73. Fazit:
• Optimieren Sie Ihre Website für mobile
Endgeräte
• Prüfen Sie den Mehrwert einer mobilen
Anwendung mit HTML, CSS und JavaScript
• Nutzen Sie in der Entwicklung ein mobiles
Framework und natürlich PhoneGap!