Cross-Plattform Mobile Development MobileTechCon 2012 Sebastian Fastner and Stefan Kolb presented Unify, a JavaScript framework for cross-platform mobile development. Unify combines features from several frameworks like Core, Lowland, and Rearside, along with its own concepts. It allows developing once and deploying to multiple platforms like Android, iOS, and HTML5. The presentation demonstrated Unify's classes, mixins, widgets, layouts, theming, and tools. Future plans include PhoneGap integration and app store support. Attendees were invited to try the live coding demo of a Flickr client and get support on the Unify website.

1. Cross-Plattform Mobile Development
Desktop? 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. Agenda
• Was ist Unify?
• Features
• Live-Coding

3. Web vs Native
http://www.flickr.com/photos/plainkacyjane/2254145745

4. Java C / C++
Symbian!C
Objective!C

5. Opera
Safari IE Opera Mini
Mobile Safari Mobile IE Opera Mobile
Google Chrome Firefox
Android Browser Mobile Firefox

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. Unify?
Nie gehört!
http://mitglied.multimania.de/krassomatik/files/wwm03.jpg

8. • JavaScript Framework
• Vereinigt verschiedene Frameworks
• Plus eigene Konzepte &
Funktionen

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. 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. Core
• Leichtgewichtiges JS-Framework
• Klassen, Mixins, Interfaces, Module
• Permutationen
• Internationalisierung
• Assets

12. Lowland
• Browser-Abstraktion
• Browser- & Feature-Detection
• (Touch-)Events-Handling
• HTML5-APIs

13. Features
http://appleheadlines.com/wp-content/uploads/2011/02/ODjxsDDL6XrYxBDW-1024x768.jpg

14. HTML5 CSS3
http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png / http://www.flickr.com/photos/redhousewd/6079852166/

15. MVC
Model View
Controller

16. Klassen

17. Mixins

18. Interfaces

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. Layouts
• Anordnung von Widgets innerhalb
eines Views (Containers)
• Canvas, HBox, VBox, Dock,
Flow, Grid, Center

21. Theming

22. Tooling
• Jasy (github.com/zynga/jasy)
• Build-Tool
• App-Cache (github.com/fastner/jasy-appcache)

23. App-Store Integration

24. Zukun!tspläne
• PhoneGap Build API Integration
• Chrome Web Store
• Firefox Marketplace

25. PagePlace

26. PagePlace

27. PagePlace

28. PagePlace

29. Mail for iPad

30. Mail for iPad

31. Mail for iPad

32. Live-Coding
Flickr-Client
http://media.oregonlive.com/ent_impact_arts/photo/leventijpg-1275f1d04cd5ba33.jpg

33. github.com/unify/mtc2012

34. Support
• www.unifyjs.com
• create.unifyjs.com
• github.com/unify/unify
• www.unifyjs.com/support

35. Fragen?
Bitte nicht so schwierige :!)
@stefan_kolb @fastner
stefan.kolb@indiginox.com mail@sebastianfastner.de