Desktop Containers 12: Next Generation of ZENworks Application Virtualization
iOS Apps mit Webtechnologien erstellen
1. IOS APPS MIT WEBTECHNOLOGIEN
ERSTELLEN
EIN ÜBERBLICK
2. MICHAEL KÜHNEL
Macht Internet seit Netscape 4.7
Frontend Developer bei der SMA Solar Technology AG
Twitter: @mkuehnel
Website: www.michael-kuehnel.de
4. NATIVE APPS = NATIVE TOOLCHAIN
VORAUSSETZUNGEN
Apple Macintosh
iOS SDK
Xcode IDE
UIKit Framework, iPhone-Simulator, weitere Tools, Compiler etc.
iOS Developer Program ( $99/Jahr )
5. UIWEBVIEW
“ You use the UIWebView class to embed web content in your
application. To do so, you simply create a UIWebView object,
attach it to a window, and send it a request to load web content.
”
Siehe developer.apple.com
6. FAKTEN
»Container« für Webinhalte
Bestandteil des Apple UIKit Frameworks
Kann »interne« und »externe« Inhalte laden
Build Prozess über Xcode
Native APIs teilweise über HTML5 APIs nachrüstbar:
Offline / Storage : Application Cache, Local Storage, Web SQL & Indexed
Database
Geolocation , Media Capture and File API
7. VORTEILE
»Freiheit« in der Webentwicklung:
Serverseitige -> Datenbanken, Skriptsprachen etc.
Clientseitig -> Datenbanken, CSS und JavaScript Frameworks etc.
Gleiche Code-Basis ggf. für andere Plattformen nutzbar.
9. APACHE CORDOVA (PHONEGAP)
“ Apache Cordova is a platform for building native mobile
applications using HTML, CSS and JavaScript. ”
Siehe incubator.apache.org/cordova
10. FAKTEN
»Container« für Webinhalte
Kann nur mit »internen« Inhalten (HTML, CSS, Javascript) umgehen
Build Prozess über Xcode
Zusätzliche Javascript Device APIs:
Accelerometer , Camera , Capture , Compass , Connection , Contacts , Device ,
Events , File , Geolocation , Media , Notification , Storage
11. VORTEILE
»Freiheit« in der Webentwicklung:
Clientseitig -> CSS und JavaScript Frameworks etc.
Alle wichtigen Geräte APIs werden unterstützt
Gleiche Code-Basis für andere Devices nutzbar:
Unterstützt zur Zeit 7 mobile Plattformen.
Open Source und kostenlos
13. APPCELERATOR TITANIUM SDK
“ Create rich native iOS, Android, hybrid, and mobile web apps
from a single JavaScript-based SDK. ”
Siehe appcelerator.com
14. FAKTEN
JavaScript basierte Plattform
»JavaScript« -> »Objective C« Bridge
Man programmiert JavaScript und die App nutzt letzlich native APIs
Unterstütztung von JavaScript Modulen nach der
CommonJS Module Specification
Build Prozess über Titanium Studio
16. NACHTEILE
Pure JavaScript Lösung. Kein HTML, kein CSS.
Kein Einsatz von serverseitigen Scriptsprachen möglich
Kommerzieles Produkt mit dem eine Firma Geld verdienen muss. Siehe
Preistabelle .
17. FAZIT
»RICHTIGE« APPS BENÖTIGEN »RICHTIGE« APIS
Kein Unterschied an API Features zwischen Cordova und Titanium SDK
Letzlich eine Sache der persönlichen Präferenz:
Performance vs. Flexibilität …
Vorhandenes Wissen … etc …
18. DIREKTER VERGLEICH EINER APP IN ENTWICKLUNG
»WORKOUT LOG« AUF GITHUB
Titanium Branch
Phonegap Branch
20. RUBYMOTION
“ RubyMotion is a revolutionary toolchain for iOS. It lets you
quickly develop and test native iOS applications for iPhone or
iPad, all using the awesome Ruby language you know and love. ”
Siehe rubymotion.com
21. CORONA
“ With Corona, you will develop mobile apps in record time.
Develop in Lua, an easy-to-learn language that coupled with our
elegant APIs allow you to add features like Facebook and physics
in just a few lines of code. ”
Siehe coronalabs.com
22. DAS WARS ; )
FRAGEN?
Twitter: @mkuehnel
E-Mail: mail@michael-kuehnel.de
23. APPENDIX – LINKS
Mobile JavaScript/CSS Frameworks
Zepto
jQTouch
jQuery Mobile
Sencha Touch
Kendo UI Mobile
Foundation 3
Sidetap