May 12   html5 apps - cross platform - upfront ug berlin
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

May 12 html5 apps - cross platform - upfront ug berlin

on

  • 1,839 views

 

Statistics

Views

Total Views
1,839
Views on SlideShare
1,826
Embed Views
13

Actions

Likes
3
Downloads
33
Comments
0

1 Embed 13

http://www.slideshare.net 13

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

May 12 html5 apps - cross platform - upfront ug berlin Presentation Transcript

  • 1. Mobile Apps Cross Platform HTML5 Apps Wolfram Kriesing uxebu Mittwoch, 12. Mai 2010
  • 2. We open the mobile web. Mittwoch, 12. Mai 2010
  • 3. Mittwoch, 12. Mai 2010
  • 4. Mittwoch, 12. Mai 2010
  • 5. Landscape http://www.flickr.com/photos/tillwe/146242691/ Mittwoch, 12. Mai 2010
  • 6. Landscape http://www.flickr.com/photos/tillwe/146242691/ Mittwoch, 12. Mai 2010
  • 7. 30th July 2009 14 Stores 23rd September 2009 23 Stores 2nd December 2009 26 Stores http://bit.ly/distimo-appstores Mittwoch, 12. Mai 2010
  • 8. Cross Platform Mittwoch, 12. Mai 2010
  • 9. Mittwoch, 12. Mai 2010
  • 10. Objective-C Symbian C Java Java .NET ... Mittwoch, 12. Mai 2010
  • 11. HTML Mittwoch, 12. Mai 2010
  • 12. Engine of the web http://www.flickr.com/photos/robadob/88901885/ Mittwoch, 12. Mai 2010
  • 13. Why HTML? •lot of devs •easy to write •common •easy to test •stable standard •widely spread Mittwoch, 12. Mai 2010
  • 14. iPhone - First usable mobile browser http://www.flickr.com/photos/chris_radcli!/2947219465/ Mittwoch, 12. Mai 2010
  • 15. 71% of all phones have a modern xTML web browser. http://bit.ly/tomiahonen-2010-almanac Mittwoch, 12. Mai 2010
  • 16. App Store without Apple! Mittwoch, 12. Mai 2010
  • 17. all the (smart)phones have browsers HTML works everywhere! low hanging fruit Mittwoch, 12. Mai 2010
  • 18. http://www.flickr.com/photos/halfbisqued/2353845688 = W3C Widget, Vodafone360 App Mittwoch, 12. Mai 2010
  • 19. What is a Widget? Mittwoch, 12. Mai 2010
  • 20. Mittwoch, 12. Mai 2010
  • 21. }? Mittwoch, 12. Mai 2010
  • 22. Types of "Apps" • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources • W3C Widget access by widget runtime • Wrapped W3C Widget access depends on it's runtime Mittwoch, 12. Mai 2010
  • 23. Types of "Apps" • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources • W3C Widget access by widget runtime • Wrapped W3C Widget access depends on it's runtime Mittwoch, 12. Mai 2010
  • 24. Layout index.html Design style.css AJAX Library Database Mittwoch, 12. Mai 2010
  • 25. Layout index.html W3C Widget = Design Icon style.css Configuration AJAX Library config.xml Database Mittwoch, 12. Mai 2010
  • 26. What is a W3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Mittwoch, 12. Mai 2010
  • 27. DONE! http://www.flickr.com/photos/sundazed/2704578067/ Mittwoch, 12. Mai 2010
  • 28. On any phone? Mittwoch, 12. Mai 2010
  • 29. HTML tive na Mittwoch, 12. Mai 2010
  • 30. W3C Widgets ti ve na HTML tive na Mittwoch, 12. Mai 2010
  • 31. W3C Widgets ...yes not purely but great HTML support Mittwoch, 12. Mai 2010
  • 32. Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Mittwoch, 12. Mai 2010
  • 33. A Phone is ... Mittwoch, 12. Mai 2010
  • 34. http://www.flickr.com/photos/kratz/1984004945/ Mittwoch, 12. Mai 2010
  • 35. http://www.flickr.com/photos/mbiddulph/3087388964/ Mittwoch, 12. Mai 2010
  • 36. http://www.flickr.com/photos/redstamp/4222841946/ Mittwoch, 12. Mai 2010
  • 37. • Camera • Compass • GPS • Accelerometer • Calendar • Email • Address book • Watch • Alarm clock • ... Mittwoch, 12. Mai 2010
  • 38. Multiple Ways • W3C Spec http://w3.org/2009/dap/ • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ Mittwoch, 12. Mai 2010
  • 39. Multiple Ways • JIL Spechttp://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ • W3C Spec http://w3.org/2009/dap/ • PhoneGap http://phonegap.pbworks.com/ • Nokia WRT http://bit.ly/nokia-WRT-APIs • Appcelerator http://www.codestrong.com/timobile/api/ Mittwoch, 12. Mai 2010
  • 40. Runtimes Nokia S60 • JIL Spechttp://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ iPhone • W3C Spec http://w3.org/2009/dap/ Android • PhoneGap http://phonegap.pbworks.com/ • Nokia WRT http://bit.ly/nokia-WRT-APIs Blackberry • Appcelerator http://www.codestrong.com/timobile/api/ Windows Mobile Mittwoch, 12. Mai 2010
  • 41. PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Mittwoch, 12. Mai 2010
  • 42. http://phonegap.pbworks.com/Roadmap Mittwoch, 12. Mai 2010
  • 43. Some numbers Mittwoch, 12. Mai 2010
  • 44. Some numbers • iPhone App = 364 kB • JavaScript, HTML, CSS, media = 124 kB • that means PhoneGap+SDK foot print = 240 kB Mittwoch, 12. Mai 2010
  • 45. Native Look vs. One style cross platform Mittwoch, 12. Mai 2010
  • 46. Mittwoch, 12. Mai 2010
  • 47. Mittwoch, 12. Mai 2010
  • 48. EventNinja Mittwoch, 12. Mai 2010
  • 49. Events, Layout index.html a Calendar Design Icon style.css Database Configuration AJAX Library config.xml Mittwoch, 12. Mai 2010
  • 50. http://bit.ly/webdev-events Mittwoch, 12. Mai 2010
  • 51. Mittwoch, 12. Mai 2010
  • 52. Mittwoch, 12. Mai 2010
  • 53. Mittwoch, 12. Mai 2010
  • 54. http://uxebu.com/blog/2010/01/25/humanapi-the-browser-in-the-real-world/ Mittwoch, 12. Mai 2010
  • 55. Want to see it in action? Download it from your store. Contact us. Mittwoch, 12. Mai 2010
  • 56. thx http://uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Mittwoch, 12. Mai 2010