Your SlideShare is downloading. ×
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

iOS Apps mit Webtechnologien erstellen

645

Published on

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
645
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
1
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. IOS APPS MIT WEBTECHNOLOGIEN ERSTELLEN EIN ÜBERBLICK
  • 2. MICHAEL KÜHNELMacht 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 TOOLCHAIN VORAUSSETZUNGENApple 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 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 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. 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. NACHTEILEPerformance: Andere JavaScript Engine als in Mobile SafariRudimentäre iOS SDK und Objective-C Kentnisse nötig
  • 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 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. 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. NACHTEILEPerformance: Andere JavaScript Engine als in Mobile SafariKein Einsatz von serverseitigen Scriptsprachen möglich
  • 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 Unterstütztung von JavaScript Modulen nach der CommonJS Module SpecificationBuild Prozess über Titanium Studio
  • 15. VORTEILENative UI ElementePerformanceGleiche Code-Basis für andere Devices nutzbar: Unterstützt zur Zeit 3 mobile Plattformen.
  • 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. 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. DIREKTER VERGLEICH EINER APP IN ENTWICKLUNG »WORKOUT LOG« AUF GITHUB Titanium Branch Phonegap Branch
  • 19. ALTERNATIVEN
  • 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. 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

×