iOS Apps mit Webtechnologien erstellen

Download iOS Apps mit Webtechnologien erstellen

Post on 20-Jan-2015

605 views

Category:

Technology

0 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

  • 1. IOS APPS MIT WEBTECHNOLOGIENERSTELLEN EIN BERBLICK

2. MICHAEL KHNELMacht Internet seit Netscape 4.7Frontend Developer bei der SMA Solar Technology AGTwitter: @mkuehnelWebsite: www.michael-kuehnel.de 3. WORUM GEHT ESUIWebViewApache Cordova (PhoneGap)Appcelerator Titanium 4. NATIVE APPS = NATIVE TOOLCHAINVORAUSSETZUNGENApple MacintoshiOS 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 yourapplication. 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. FAKTENContainer fr WebinhalteBestandteil des Apple UIKit FrameworksKann interne und externe Inhalte ladenBuild Prozess ber XcodeNative APIs teilweise ber HTML5 APIs nachrstbar:Offline / Storage : Application Cache, Local Storage, Web SQL & Indexed DatabaseGeolocation , Media Capture and File API 7. VORTEILEFreiheit in der Webentwicklung: Serverseitige -> Datenbanken, Skriptsprachen etc. Clientseitig -> Datenbanken, CSS und JavaScript Frameworks etc.Gleiche Code-Basis ggf. fr andere Plattformen nutzbar. 8. NACHTEILEPerformance: Andere JavaScript Engine als in Mobile SafariRudimentre iOS SDK und Objective-C Kentnisse ntig 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. FAKTENContainer fr WebinhalteKann nur mit internen Inhalten (HTML, CSS, Javascript) umgehenBuild Prozess ber XcodeZustzliche Javascript Device APIs:Accelerometer , Camera , Capture , Compass , Connection , Contacts , Device ,Events , File , Geolocation , Media , Notification , Storage 11. VORTEILEFreiheit in der Webentwicklung: Clientseitig -> CSS und JavaScript Frameworks etc.Alle wichtigen Gerte APIs werden untersttztGleiche Code-Basis fr andere Devices nutzbar:Untersttzt zur Zeit 7 mobile Plattformen.Open Source und kostenlos 12. NACHTEILEPerformance: Andere JavaScript Engine als in Mobile SafariKein Einsatz von serverseitigen Scriptsprachen mglich 13. APPCELERATOR TITANIUM SDK Create rich native iOS, Android, hybrid, and mobile web apps from a single JavaScript-based SDK. Siehe appcelerator.com 14. FAKTENJavaScript basierte Plattform JavaScript -> Objective C Bridge Man programmiert JavaScript und die App nutzt letzlich native APIs Untersttztung von JavaScript Modulen nach der CommonJS Module SpecificationBuild Prozess ber Titanium Studio 15. VORTEILENative UI ElementePerformanceGleiche Code-Basis fr andere Devices nutzbar:Untersttzt zur Zeit 3 mobile Plattformen. 16. NACHTEILEPure JavaScript Lsung. Kein HTML, kein CSS.Kein Einsatz von serverseitigen Scriptsprachen mglichKommerzieles Produkt mit dem eine Firma Geld verdienen muss. SiehePreistabelle . 17. FAZIT RICHTIGE APPS BENTIGEN RICHTIGE APISKein Unterschied an API Features zwischen Cordova und Titanium SDKLetzlich eine Sache der persnlichen Prferenz: Performance vs. Flexibilitt Vorhandenes Wissen etc 18. DIREKTER VERGLEICH EINER APP IN ENTWICKLUNGWORKOUT LOG AUF GITHUB Titanium Branch Phonegap Branch 19. ALTERNATIVEN 20. RUBYMOTION RubyMotion is a revolutionary toolchain for iOS. It lets youquickly develop and test native iOS applications for iPhone oriPad, 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 ourelegant 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: @mkuehnelE-Mail: mail@michael-kuehnel.de 23. APPENDIX LINKSMobile JavaScript/CSS Frameworks Zepto jQTouch jQuery Mobile Sencha Touch Kendo UI Mobile Foundation 3 Sidetap