Cross-Plattform Mobile DevelopmentDesktop? Mobile? Unify!                                    MobileTechCon 2012           ...
Agenda• Was ist Unify?• Features• Live-Coding
Web vs Native     http://www.flickr.com/photos/plainkacyjane/2254145745
Java         C / C++Symbian!C  Objective!C
Opera   Safari                     IE                Opera MiniMobile Safari            Mobile IE              Opera Mobil...
Mobile app store overview                               Last updated: December 2, 2009                               For m...
Unify?       Nie gehört!http://mitglied.multimania.de/krassomatik/files/wwm03.jpg
• JavaScript Framework• Vereinigt verschiedene Frameworks• Plus eigene Konzepte &  Funktionen
Entstehung• Deutsche Telekom• Wird seit 2010 entwickelt• Momentan in v3-beta verfügbar  (komplette Überarbeitung)• Verfügb...
Frameworks• Core (github.com/zynga/core)• Lowland (github.com/fastner/lowland)• Rearside (github.com/fastner/rearside)• Ap...
Core• Leichtgewichtiges JS-Framework• Klassen, Mixins, Interfaces, Module• Permutationen• Internationalisierung• Assets
Lowland• Browser-Abstraktion • Browser- & Feature-Detection • (Touch-)Events-Handling• HTML5-APIs
Features           http://appleheadlines.com/wp-content/uploads/2011/02/ODjxsDDL6XrYxBDW-1024x768.jpg
HTML5                                                                CSS3        http://www.w3.org/html/logo/downloads/HTM...
MVCModel                View        Controller
Klassen
Mixins
Interfaces
Widgets / Views• Widgets = User Interface Elemente  (Button, Checkbox, Textfield, Slider, Navigation Bar etc.)• Views = Con...
Layouts• Anordnung von Widgets innerhalb  eines Views (Containers)• Canvas, HBox, VBox, Dock,  Flow, Grid, Center
Theming
Tooling• Jasy (github.com/zynga/jasy)  • Build-Tool• App-Cache (github.com/fastner/jasy-appcache)
App-Store Integration
Zukun!tspläne• PhoneGap Build API Integration• Chrome Web Store• Firefox Marketplace
PagePlace
PagePlace
PagePlace
PagePlace
Mail for iPad
Mail for iPad
Mail for iPad
Live-CodingFlickr-Client                http://media.oregonlive.com/ent_impact_arts/photo/leventijpg-1275f1d04cd5ba33.jpg
github.com/unify/mtc2012
Support• www.unifyjs.com • create.unifyjs.com• github.com/unify/unify• www.unifyjs.com/support
Fragen?                            Bitte nicht so schwierige :!)       @stefan_kolb                @fastnerstefan.kolb@ind...
Upcoming SlideShare
Loading in …5
×

Desktop? Mobile? Unify!

598 views

Published on

Introduction to the Unify JavaScript framework

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
598
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Desktop? Mobile? Unify!

  1. 1. Cross-Plattform Mobile DevelopmentDesktop? Mobile? Unify! MobileTechCon 2012 05/Sep/2012 - Frankfurt/Main, Germany Sebastian Fastner Stefan Kolb IT-Berater Indiginox GmbH http://www.intomobile.com/wp-content/uploads/2011/02/pile-of-phones.jpg
  2. 2. Agenda• Was ist Unify?• Features• Live-Coding
  3. 3. Web vs Native http://www.flickr.com/photos/plainkacyjane/2254145745
  4. 4. Java C / C++Symbian!C Objective!C
  5. 5. Opera Safari IE Opera MiniMobile Safari Mobile IE Opera Mobile Google Chrome Firefox Android Browser Mobile Firefox
  6. 6. Mobile app store overview Last updated: December 2, 2009 For more information, check www.distimo.com Apple App Store Android Market Blackberry App World Nokia Ovi Store GetJar Palm App Catalog Samsung App Store Sony Ericsson PlayNow LG Application Store Windows Marketplace Handmark Intel Atom Handster Launch date Jul 11, 2008 Oct 22, 2008 Apr 1, 2009 May 26, 2009 Dec 1, 2004 Jun 6, 2009 Feb 3, 2009 Aug 10, 2009 Jul 13, 2009 Expected Q3 2009 Dec 1, 2000 - May 26, 2005 Supported platforms iPhone OS Android OS Blackberry OS 4.2 Java, Symbian, Java, Symbian, Windows Palm webOS Symbian, Java, Symbian Windows Mobile Windows Mobile, Android, BlackBerry, Java, Java, Debian Moblin Windows Mobile, Symbian, and higher Flash Lite, Mobile, Palm, Blackberry, Windows Mobiile Widgets Palm, Palm Web OS, Native, Windows Native, Android OS, BlackBerry, WRT Widgets Flash Lite, Android Windows Mobile, Symbian Adobe AIR, RedHat Linux Java Amount of Users 50M 1M 5-10M 5-10M 15M <1M 5M Available applications 105,000 15,000 3,500 7,500 14,000 250 1,000 3,700 1,400 - - - 5,700 Total downloads 2,000,000,000 40,000,000 Undisclosed - 692,000,000 1,000,000 Undisclosed - - - - - 10,000,000... and counting Billing method iTunes Google checkout, opr. bill Paypal Credit card,operator billing Credit card Credit card Credit card, Paypal Credit card, premium SMS Credit card Credit card, operator billing - Credit card, paypal, operator Developer revenue share 70% 70% 80% 70% Undisclosed, in beta 70% 70% - 80% 70% - 70% 60% X App Stores One-off billing Yes Yes Yes Yes Yes Yes Yes - Yes Yes Yes Yes Subscription billing Yes No No No No No No - No No No Yes In-app billing Yes No No No No No No - No No No Yes # countries for free apps 77 26 19 - - 2 1 13 2 - - - # countries for paid apps 77 8 19 - - 0 1 13 2 - - - Countries http://tinyurl.com/6r45es http://tinyurl.com/pbrpz6 http://tinyurl.com/b8tz88 - Open worldwide US, Canada UK, France, Italy - Australia, Canada - Open worldwide Open worldwide Developer submission fee $99 $25 $200 $0 $0 $99 $0 $0 Undisclosed $99 - $99 $0 Remarks Charges for operator Also provides white-label billing to be paid from app stores 70% developer rev share Mobango Vodafone 360 Java App Store Verizon VCast China Mobile Market T-Mobile web2go Software Store PocketGear Handango Archos AppsLib SlideME TIM App Store AndAppStore Launch date Dec 1, 2004 Expected end 2009 Undisclosed Expected Q4 2009 Aug 17, 2009 Nov 20, 2008 Sep 18, 2002 Jun 1, 2008 Jun 1, 2008 Sep 15, 2009 April, 2008 Expected Q1 2010 Oct 10, 2008 Supported platforms Java, Symbian, Windows Undisclosed Java Windows Mobile, Palm, Windows Mobile, Android, BlackBerry, Android, BlackBerry, Blackberry, Palm Web OS, Android, Blackberry, Palm, Android Android JAVA, Brew, Flash, Android Mobile, Palm, Blackberry, Blackberry, Android, Android, Symbian Java, Mobile Web, Windows Mobile, Windows Mobile, Symbian Windows Mobile, Symbian Android. To be added: Flash Lite, Android Symbian Sidekick, Windows Windows Mobile, Mobile Symbian, Palm, LiMo Amount of Users 40M subscribers - Available applications 24,000 - - - - - 70,000 - 66 292 - 258 Total downloads to date - - - - - - 100,000,000 100,000,000 - - - 160,000 Billing method - Operator billing - Operator billing - Credit card Credit card, Paypal - Credit card, Amazon - PayPal Developer revenue share - 70% - 70% 70% 70% 60% 60% - - - 100% One-off billing No Yes - Yes - Yes Yes Yes No Yes - Yes Subscription billing No Yes - Yes - Yes No No No No - No In-app billing No Yes - Yes - No No No No No - No # countries for free apps - - - - - 1 - - - - 1 - # countries for paid apps - - - - - 1 - - - - 1 All PayPal countries Countries Open worldwide - - - China United States Open worldwide Open worldwide Open worldwide Open worldwide Brazil Open worldwide Developer submission fee $0 - - - - - - - - - - $0 Remarks Provided by Handmark Targets Android devices without Google’s approval to include Android Market http://www.distimo.com/uploads/mobile%20app%20store%20overview.pdf
  7. 7. Unify? Nie gehört!http://mitglied.multimania.de/krassomatik/files/wwm03.jpg
  8. 8. • JavaScript Framework• Vereinigt verschiedene Frameworks• Plus eigene Konzepte & Funktionen
  9. 9. Entstehung• Deutsche Telekom• Wird seit 2010 entwickelt• Momentan in v3-beta verfügbar (komplette Überarbeitung)• Verfügbar unter MIT und Apache 2.0 Lizenz
  10. 10. Frameworks• Core (github.com/zynga/core)• Lowland (github.com/fastner/lowland)• Rearside (github.com/fastner/rearside)• ApiBrowser (github.com/zynga/apibrowser)• qooxdoo (github.com/qooxdoo/qooxdoo)
  11. 11. Core• Leichtgewichtiges JS-Framework• Klassen, Mixins, Interfaces, Module• Permutationen• Internationalisierung• Assets
  12. 12. Lowland• Browser-Abstraktion • Browser- & Feature-Detection • (Touch-)Events-Handling• HTML5-APIs
  13. 13. Features http://appleheadlines.com/wp-content/uploads/2011/02/ODjxsDDL6XrYxBDW-1024x768.jpg
  14. 14. HTML5 CSS3 http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png / http://www.flickr.com/photos/redhousewd/6079852166/
  15. 15. MVCModel View Controller
  16. 16. Klassen
  17. 17. Mixins
  18. 18. Interfaces
  19. 19. Widgets / Views• Widgets = User Interface Elemente (Button, Checkbox, Textfield, Slider, Navigation Bar etc.)• Views = Container für Widgets (Steuert unter Anderem das Anzeigen von Widgets)
  20. 20. Layouts• Anordnung von Widgets innerhalb eines Views (Containers)• Canvas, HBox, VBox, Dock, Flow, Grid, Center
  21. 21. Theming
  22. 22. Tooling• Jasy (github.com/zynga/jasy) • Build-Tool• App-Cache (github.com/fastner/jasy-appcache)
  23. 23. App-Store Integration
  24. 24. Zukun!tspläne• PhoneGap Build API Integration• Chrome Web Store• Firefox Marketplace
  25. 25. PagePlace
  26. 26. PagePlace
  27. 27. PagePlace
  28. 28. PagePlace
  29. 29. Mail for iPad
  30. 30. Mail for iPad
  31. 31. Mail for iPad
  32. 32. Live-CodingFlickr-Client http://media.oregonlive.com/ent_impact_arts/photo/leventijpg-1275f1d04cd5ba33.jpg
  33. 33. github.com/unify/mtc2012
  34. 34. Support• www.unifyjs.com • create.unifyjs.com• github.com/unify/unify• www.unifyjs.com/support
  35. 35. Fragen? Bitte nicht so schwierige :!) @stefan_kolb @fastnerstefan.kolb@indiginox.com mail@sebastianfastner.de

×