Mobile Apps Cross Platform - Overtheair London, 2009

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    2 Favorites

    Mobile Apps Cross Platform - Overtheair London, 2009 - Presentation Transcript

    1. Mobile Apps Cross Platform Using HTML, CSS, JavaScript Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    2. JavaScript FrontEnd AJAX Usability UserExperience Browser CSS django dojo mobile Web2.0 widgets OpenSource Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    3. Stores 30th July 2009 14 Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    4. Stores 23rd30th July 2009 September 2009 23 Stores 14 Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    5. Wanna write native Apps for each? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    6. Native Apps • iPhone Objective-C • Android, Blackberry Java • Nokia Symbian C • Sony Ericsson Java • Window Mobile .NET Cross Platform Expensive and OUCH anyway Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    7. Types of Mobile "Apps" Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    8. Types of Mobile "Apps" • Preinstalled • Native App (from "some" app store) • Websitelimited access to phone resources • W3C Widget access to what the widget runtime provides • W3C Widget wrapped as native app depends on it's runtime Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    9. Small apps. Very focused. Many platforms. Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    10. Mobile Moment Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    11. we le l l-k p no s im wn HTML te st easy to CSS simp le te xt JavaScript easy velop to d fast to de evel op Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    12. Website as "App" • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super • Access native functionality e.g.: position, contacts, sensors, ... no • Offline not really Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    13. W3C Widgets http://www.quirksmode.org/blog/archives/2009/04/introduction_to.html • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super • Access native functionality e.g.: position, contacts, sensors, ... no yes • Offline not really really Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    14. What is a W3C Widget? • Native app on the phone • Not a website! • Can do AJAX, SVG, CSS Transitions, etc. • Has it's own runtime (mostly) Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    15. What is a W3C Widget? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    16. What is a W3C Widget? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    17. What is a W3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    18. Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    19. Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    20. Any Standards? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    21. W3C Widget Spec • specifies packaging Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    22. We want more! Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    23. Native Access • Camera • Telephony • Geo location • Accelerometer • Compass • Contacts • ... Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    24. Multiple Ways • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ • W3C Spec http://w3.org/2009/dap/ Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    25. But they are just specs :-( Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    26. Multiple Ways • JIL Spec http://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/ • Google Chrome OS??? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    27. Runtimes • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ Nokia S60 • W3C Spec http://w3.org/2009/dap/ iPhone • PhoneGap http://phonegap.pbworks.com/ Android • Nokia WRT http://bit.ly/nokia-WRT-APIs Blackberry • Appcelerator http://www.codestrong.com/timobile/api/ • Google Chrome OS??? Windows Mobile Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    28. PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    29. Some numbers • iPhone App = 364 kB • JavaScript, HTML, CSS, media = 124 kB • that means PhoneGap+SDK foot print = 240 kB Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    30. Distribution? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    31. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    32. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    33. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009
    34. thx http://blog.uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Wolfram Kriesing, uxebu @wolframkriesing Freitag, 25. September 2009

    + wolframkriesingwolframkriesing, 2 months ago

    custom

    581 views, 2 favs, 1 embeds more stats

    Showing how you can cross platform deploy (W3C) Wid more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 581
      • 580 on SlideShare
      • 1 from embeds
    • Comments 0
    • Favorites 2
    • Downloads 21
    Most viewed embeds
    • 1 views on http://www.combatdev.com

    more

    All embeds
    • 1 views on http://www.combatdev.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories