mobile webapps
DESCRIPTION
TRANSCRIPT
![Page 2: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/2.jpg)
Mittwoch, 30. März 2011
![Page 3: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/3.jpg)
Mittwoch, 30. März 2011
![Page 4: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/4.jpg)
WebApp / HTML5 App ?
Eine App auf Basis von Webstandards wie
HTML5, CSS3 und JavaScript mit guter Integration
in das Gerät.
Mittwoch, 30. März 2011
![Page 5: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/5.jpg)
Canvas
Video Drag&Drop
NewMarkup
Audio
Cache Manifest
HTML5 Spec
http://dev.w3.org/html5/spec/
Mittwoch, 30. März 2011
![Page 6: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/6.jpg)
CSS3Web Workers
Web Storage
Web SQL Database
Web SocketsGeolocation
MicrodataDevice API and File API
http://www.sencha.com/blog/
Weitere Technologien
Mittwoch, 30. März 2011
![Page 7: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/7.jpg)
Die “IDE”
Mittwoch, 30. März 2011
![Page 8: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/8.jpg)
Was macht eine App aus?m
UI / UX
Icon
Offline
Appstore
Performance
Geo
Kamera
Mittwoch, 30. März 2011
![Page 9: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/9.jpg)
UI / UX
Mittwoch, 30. März 2011
![Page 10: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/10.jpg)
Mittwoch, 30. März 2011
![Page 11: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/11.jpg)
CSS Animation
Mittwoch, 30. März 2011
![Page 12: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/12.jpg)
• Deklarativ
• Breite Platform-Unterstützung
• Progressive-Enhancement
• Große Nachfrage
• OpenSource, MIT / GPL V2
• Auf GitHub verfügbar
Mittwoch, 30. März 2011
![Page 13: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/13.jpg)
Mittwoch, 30. März 2011
![Page 14: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/14.jpg)
Mittwoch, 30. März 2011
![Page 15: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/15.jpg)
• Programmatisch
• Gut für Smartphone optimiert
• Nur für Smartphones
• Dual-Linzenz: GPL & Kommerziell
• Kostenlos
Touch
Mittwoch, 30. März 2011
![Page 16: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/16.jpg)
iUI
WinkToolkitTouch
Frameworks
Mittwoch, 30. März 2011
![Page 17: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/17.jpg)
Eigenes Icon
Mittwoch, 30. März 2011
![Page 18: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/18.jpg)
Geolocation
Mittwoch, 30. März 2011
![Page 19: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/19.jpg)
Offline
Cache Manifest
CACHE MANIFEST# Rev 2010-12-03
/index.html/itagile_logo.png/jqtouch/jqtouch/jqtouch.min.css/jqtouch/themes/jqt/img/toggleOn.png/jqtouch/themes/jqt/img/toolbar.png/jqtouch/themes/jqt/img/whiteButton.png
NETWORK:/api/
if the file changeseverything gets
revalidated
resources that should be cached
whitelist that shouldn’t be cached
LocalStorage
http://www.w3.org/TR/html5/offline.html http://dev.w3.org/html5/webstorage/Mittwoch, 30. März 2011
![Page 20: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/20.jpg)
Appstore
& Geräte
Mittwoch, 30. März 2011
![Page 21: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/21.jpg)
• Minimale native Hülle
• Entwicklung pur mit Webstandards
• OpenSource
• Akzeptiert
• Iterative Entwicklung
Mittwoch, 30. März 2011
![Page 22: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/22.jpg)
Mittwoch, 30. März 2011
![Page 23: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/23.jpg)
Mittwoch, 30. März 2011
![Page 24: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/24.jpg)
Automatische Builds
Mittwoch, 30. März 2011
![Page 25: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/25.jpg)
Performance
Mittwoch, 30. März 2011
![Page 26: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/26.jpg)
Mittwoch, 30. März 2011
![Page 27: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/27.jpg)
Mittwoch, 30. März 2011
![Page 28: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/28.jpg)
Mittwoch, 30. März 2011
![Page 29: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/29.jpg)
Progressive Enhancement?
Mittwoch, 30. März 2011
![Page 30: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/30.jpg)
WebKit != WebKit
http://www.quirksmode.org/webkit.html
85% Smartphone Market Share
http://radar.oreilly.com/2010/05
Zielplattform Webkit
Mittwoch, 30. März 2011
![Page 31: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/31.jpg)
lanyrd.com/scmzz
Mittwoch, 30. März 2011
![Page 32: Mobile WebApps](https://reader034.vdocuments.site/reader034/viewer/2022050905/54c4d08f4a7959b41b8b456a/html5/thumbnails/32.jpg)
“Agile
Developer
Skills”
-Kurs
Verlosung a
m Stand
im Wert
von 1950 €
twitter: @luebken
Mittwoch, 30. März 2011