iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets

1. iEnterprise Mit HTML5 zum Unternehmens-Dashboard für Tablets MobileTechCon 2011 13/Sep/2011 - Mainz, Germany Stefan Kolb Indiginox GmbH http://www.ﬂickr.com/photos/bump/4487899229/

2. Me, Myself & I @stefan_kolb Social Media, baby! stefankolb.de My blog is my castle Hier macht‘s Spaß :!) Softwareentwickler

3. Dashboard Den Überblick behalten http://www.enterprise-dashboard.com/img/cockpit-dashboard.jpg

4. Dashboard • dt.: Armaturenbrett, Instrumententafel • Überblick • Zustandsüberwachung

5. Dashboard • Computergestützte Applikation • Abbildung von (geschäftsrelevanten) Daten & Fakten • Steuerungsinstrument

6. http://www.dashboardinsight.com/CMS/a43dcca8-cef5-48a8-97d9-c1bb02b286ee/CTUIT_RADAR_restaurant_performance_digital_dashboard.png

7. http://3.bp.blogspot.com/_nIHqs6-wQqM/S83RaqDJBaI/AAAAAAAAA9U/WOAvNAM5NiA/s1600/LS+Trading+Screen+4-19-10.jpg

8. http://lhcdashboard.web.cern.ch/lhcdashboard/images/dashboard.png

11. Überfrachtet Navigation nicht eindeutig Bilder skalieren nicht Schrift nicht lesbar Tabellenzeilen zu schmal Schwer zu bedienen

12. http://www.ﬂickr.com/photos/rebelation-arround-the-world/3431859257

13. http://t3n.de/news/wp-content/uploads/2010/04/Kontagent_Dashboard.jpg

14. http://blog.roundarch.com/wp-content/uploads/2010/09/BB_NFL_team_support2.png

15. Marktübersicht Tablet PCs http://www.ﬂickr.com/photos/mgr66/6030407016

16. Apple iPad 2 iOS 4 1024x768 / 132ppi 3G / WiFi Mobile Safari http://www.thinkdigit.com/FCKeditor/uploads/Apple%20iPad2-2.jpg

17. Motorola Xoom Android 3.x 1280x800 / 150ppi WiFi Android HTML Webkit http://www.androidnet.de/wp-content/uploads/2011/05/XOOM_3G_seitlich-1010x1024.jpg

18. Samsung Galaxy Tab 10.1 Android 3.x 1280x800 / 149ppi 3G / WiFi Android Browser http://www.pcgameshardware.de/screenshots/original/2011/07/Samsung_Galaxy_Tab_10_1_2_screen.png

19. BlackBerry PlayBook BlackBerry Tablet OS 1024x600 / 123ppi 3G / WiFi BlackBerry Browser http://www.heise.de/imgs/18/6/3/0/3/7/4/playbook-b11604850412be09.png

20. HP TouchPad webOS 1024x768 / 132ppi WiFi webOS Browser http://www.channelinsider.de/wp-content/uploads/2011/07/HP-TouchPad-Card_Stacks.jpg

21. Warum Web-Tech? http://www.ﬂickr.com/photos/plainkacyjane/2254145745

22. Objective-C Java .NET Silverlight XNA Qt Java Symbian-C ...

23. Objective-C Java .NET Silverlight XNA Qt Java Symbian-C ...

24. 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 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 One-off billing Subscription billing In-app billing and counting... 70% Yes Yes Yes 70% Yes No No 80% Yes No No 70% Yes No No Undisclosed, in beta Yes No No 70% Yes No No 70% Yes No No - - - - 80% Yes No No 70% Yes No No Yes No No - 70% 60% Yes Yes Yes # countries for free apps 77 26 19 - - 2 1 13 2 - - - 103 App Stores # 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

25. 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 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 One-off billing Subscription billing In-app billing and counting... 70% Yes Yes Yes 70% Yes No No 80% Yes No No 70% Yes No No Undisclosed, in beta Yes No No 70% Yes No No 70% Yes No No - - - - 80% Yes No No 70% Yes No No Yes No No - 70% 60% Yes Yes Yes # countries for free apps 77 26 19 - - 2 1 13 2 - - - 103 App Stores # 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

26. http://nm7.org/sites/default/ﬁles/images/xHTML5_sticker.png.pagespeed.ic.nzyaNxFn3k.png

27. http://lh4.ggpht.com/__yGAwoTVvQg/TZD7WR5Kj5I/AAAAAAAAHSs/eLnDLGVOQ0w/MobileFever3%5B8%5D.png

28. Tablet-Applikationen • Use-Case Evaluierung • Einsatzgebiet deﬁnieren • Begrenzte Prozessor- und Graﬁkleistung

29. Tablet-Applikationen • Skalierung von Schriften, Bildern, Bedienelementen etc. • Bedienbarkeit gewährleisten • Nutzung ohne Datenverbindung

30. Web-App Bausteine HTML, CSS, JavaScript http://www.macnotes.de/gimages/ipad2teardown/ipad2-einzelteile.jpg

31. http://www.ﬂickr.com/photos/dlisbona/4550704443

32. http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png

33. http://lh3.ggpht.com/_acf4FzpScrE/TWkyyOFxMjI/AAAAAAAAAOk/yib37WIhnuc/Semantic%5B7%5D.png

34. <form> http://nettuts.s3.amazonaws.com/881_html5Forms/demo/demo.html

35. <video> http://www.mediamaestro.net/PicsKarl/cameraEKcinespecial.jpg

36. <audio> http://www.mylespaul.com/gallery/data/548/425070_425075.jpg

37. Demo Canvas/SVG/WebGL http://media.oregonlive.com/ent_impact_arts/photo/leventijpg-1275f1d04cd5ba33.jpg

38. http://img.ﬂamingeeks.com/2011/07/no_internet_today.jpg

39. http://www.ﬂickr.com/photos/redhousewd/6079852166/

40. Media Queries

41. 1024px

45. Demo CSS3 Transitions & Animations http://media.oregonlive.com/ent_impact_arts/photo/leventijpg-1275f1d04cd5ba33.jpg

46. JavaScript

49. Demo Sencha Touch & jQuery Mobile http://media.oregonlive.com/ent_impact_arts/photo/leventijpg-1275f1d04cd5ba33.jpg

50. Demo Datenvisualisierung http://media.oregonlive.com/ent_impact_arts/photo/leventijpg-1275f1d04cd5ba33.jpg

51. Fragen? Bitte nicht so schwierige :!) @stefan_kolb stefan.kolb@indiginox.com

52. THX I‘m up for beers http://hi-zu-mi.deviantart.com/art/The-Legendary-152264959

iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (19)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets

Ähnlich wie iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets