Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

iOS Apps mit Webtechnologien erstellen

1,128 views

Published on

Published in: Technology
  • Be the first to like this

iOS Apps mit Webtechnologien erstellen

  1. 1. IOS APPS MIT WEBTECHNOLOGIEN ERSTELLEN EIN ÜBERBLICK
  2. 2. MICHAEL KÜHNELMacht Internet seit Netscape 4.7Frontend Developer bei der SMA Solar Technology AGTwitter: @mkuehnelWebsite: www.michael-kuehnel.de
  3. 3. WORUM GEHT ESUIWebViewApache Cordova (PhoneGap)Appcelerator Titanium
  4. 4. NATIVE APPS = NATIVE TOOLCHAIN VORAUSSETZUNGENApple MacintoshiOS SDK Xcode IDE UIKit Framework, iPhone-Simulator, weitere Tools, Compiler etc.iOS Developer Program ( $99/Jahr )
  5. 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. 6. FAKTEN»Container« für WebinhalteBestandteil des Apple UIKit FrameworksKann »interne« und »externe« Inhalte ladenBuild Prozess über XcodeNative APIs teilweise über HTML5 APIs nachrüstbar: Offline / Storage : Application Cache, Local Storage, Web SQL & Indexed Database Geolocation , Media Capture and File API
  7. 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.
  8. 8. NACHTEILEPerformance: Andere JavaScript Engine als in Mobile SafariRudimentäre iOS SDK und Objective-C Kentnisse nötig
  9. 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. 10. FAKTEN»Container« für WebinhalteKann nur mit »internen« Inhalten (HTML, CSS, Javascript) umgehenBuild Prozess über XcodeZusätzliche Javascript Device APIs:Accelerometer , Camera , Capture , Compass , Connection , Contacts , Device ,Events , File , Geolocation , Media , Notification , Storage
  11. 11. VORTEILE»Freiheit« in der Webentwicklung: Clientseitig -> CSS und JavaScript Frameworks etc.Alle wichtigen Geräte APIs werden unterstütztGleiche Code-Basis für andere Devices nutzbar: Unterstützt zur Zeit 7 mobile Plattformen.Open Source und kostenlos
  12. 12. NACHTEILEPerformance: Andere JavaScript Engine als in Mobile SafariKein Einsatz von serverseitigen Scriptsprachen möglich
  13. 13. APPCELERATOR TITANIUM SDK“ Create rich native iOS, Android, hybrid, and mobile web apps from a single JavaScript-based SDK. ” Siehe appcelerator.com
  14. 14. FAKTENJavaScript 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 SpecificationBuild Prozess über Titanium Studio
  15. 15. VORTEILENative UI ElementePerformanceGleiche Code-Basis für andere Devices nutzbar: Unterstützt zur Zeit 3 mobile Plattformen.
  16. 16. NACHTEILEPure JavaScript Lösung. Kein HTML, kein CSS.Kein Einsatz von serverseitigen Scriptsprachen möglichKommerzieles Produkt mit dem eine Firma Geld verdienen muss. SiehePreistabelle .
  17. 17. FAZIT »RICHTIGE« APPS BENÖTIGEN »RICHTIGE« APISKein Unterschied an API Features zwischen Cordova und Titanium SDKLetzlich eine Sache der persönlichen Präferenz: Performance vs. Flexibilität … Vorhandenes Wissen … etc …
  18. 18. DIREKTER VERGLEICH EINER APP IN ENTWICKLUNG »WORKOUT LOG« AUF GITHUB Titanium Branch Phonegap Branch
  19. 19. ALTERNATIVEN
  20. 20. RUBYMOTION “ RubyMotion is a revolutionary toolchain for iOS. It lets you quickly develop and test native iOS applications for iPhone oriPad, all using the awesome Ruby language you know and love. ” Siehe rubymotion.com
  21. 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. 22. DAS WARS ; )FRAGEN?Twitter: @mkuehnelE-Mail: mail@michael-kuehnel.de
  23. 23. APPENDIX – LINKSMobile JavaScript/CSS Frameworks Zepto jQTouch jQuery Mobile Sencha Touch Kendo UI Mobile Foundation 3 Sidetap

×