Mobile Apps
                           Cross Platform

                               Wolfram Kriesing
                   ...
We open the mobile web.




Montag, 15. Februar 2010
Montag, 15. Februar 2010
Landscape
                           http://www.flickr.com/photos/tillwe/146242691/

Montag, 15. Februar 2010
Landscape
                           http://www.flickr.com/photos/tillwe/146242691/

Montag, 15. Februar 2010
30th July 2009
                                  14 Stores
                           23rd September 2009
                ...
Cross Platform



Montag, 15. Februar 2010
Objective-C           Symbian C   Java




                           Java     .NET      ...
Montag, 15. Februar 2010
HTML




Montag, 15. Februar 2010
Engine of the web

                           http://www.flickr.com/photos/robadob/88901885/




Montag, 15. Februar 2010
Why HTML?


                           •lot of devs
                           •easy to write
                           •...
iPhone - First usable mobile browser




                           http://www.flickr.com/photos/chris_radcli!/2947219465/
...
71% of all phones
                           have a modern xTML web browser.




                                  http://...
all the (smart)phones have browsers



                                HTML works everywhere!




                        ...
http://www.flickr.com/photos/halfbisqued/2353845688




                                                 =
                ...
What is a Widget?



Montag, 15. Februar 2010
Montag, 15. Februar 2010
Montag, 15. Februar 2010
}?
Montag, 15. Februar 2010
Types of "Apps"
                    • Preinstalled
                    • Native App (from "some" app store)
              ...
Types of "Apps"
                    • Preinstalled
                    • Native App (from "some" app store)
              ...
Layout
                                        index.html




                                                     Design
...
Layout
                                        index.html




         W3C Widget =
                                      ...
DONE!           http://www.flickr.com/photos/sundazed/2704578067/


Montag, 15. Februar 2010
Montag, 15. Februar 2010
Montag, 15. Februar 2010
QA
                    • Install?
                    • Run?
                    • Logo?
                    • Malware, Vi...
Montag, 15. Februar 2010
On any phone?



Montag, 15. Februar 2010
HTML
                                  tive
                              na




Montag, 15. Februar 2010
HTML
                                  tive
                              na




Montag, 15. Februar 2010
W3C Widgets
                                            ti ve
                                          na

              ...
W3C Widgets




                                         ...yes




Montag, 15. Februar 2010
W3C Widgets




                                            ...yes
                               not purely

            ...
Montag, 15. Februar 2010
A Phone is ...



Montag, 15. Februar 2010
http://www.flickr.com/photos/kratz/1984004945/

Montag, 15. Februar 2010
http://www.flickr.com/photos/mbiddulph/3087388964/

Montag, 15. Februar 2010
http://www.flickr.com/photos/redstamp/4222841946/




Montag, 15. Februar 2010
•      Camera

                    •      Compass

                    •      GPS

                    •      Acceleromete...
Native APIs
                  •JIL.org http://jil.org



                  •W3C DAP http://www.w3.org/2009/dap/



       ...
EventNinja



Montag, 15. Februar 2010
Events,           Layout
                                        index.html


                    a Calendar

            ...
http://bit.ly/webdev-events

Montag, 15. Februar 2010
Montag, 15. Februar 2010
Montag, 15. Februar 2010
Montag, 15. Februar 2010
Want to see it in action?


                           Download it from your store.


                                   C...
thx

                             http://uxebu.com

                               Wolfram Kriesing, uxebu

              ...
Upcoming SlideShare
Loading in...5
×

Cross platform development - by Uxebu

682

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
682
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Cross platform development - by Uxebu

  1. 1. Mobile Apps Cross Platform Wolfram Kriesing uxebu Montag, 15. Februar 2010
  2. 2. We open the mobile web. Montag, 15. Februar 2010
  3. 3. Montag, 15. Februar 2010
  4. 4. Landscape http://www.flickr.com/photos/tillwe/146242691/ Montag, 15. Februar 2010
  5. 5. Landscape http://www.flickr.com/photos/tillwe/146242691/ Montag, 15. Februar 2010
  6. 6. 30th July 2009 14 Stores 23rd September 2009 23 Stores 2nd December 2009 26 Stores http://bit.ly/distimo-appstores Montag, 15. Februar 2010
  7. 7. Cross Platform Montag, 15. Februar 2010
  8. 8. Objective-C Symbian C Java Java .NET ... Montag, 15. Februar 2010
  9. 9. HTML Montag, 15. Februar 2010
  10. 10. Engine of the web http://www.flickr.com/photos/robadob/88901885/ Montag, 15. Februar 2010
  11. 11. Why HTML? •lot of devs •easy to write •common •easy to test •stable standard •widely spread Montag, 15. Februar 2010
  12. 12. iPhone - First usable mobile browser http://www.flickr.com/photos/chris_radcli!/2947219465/ Montag, 15. Februar 2010
  13. 13. 71% of all phones have a modern xTML web browser. http://bit.ly/tomiahonen-2010-almanac Montag, 15. Februar 2010
  14. 14. all the (smart)phones have browsers HTML works everywhere! low hanging fruit Montag, 15. Februar 2010
  15. 15. http://www.flickr.com/photos/halfbisqued/2353845688 = W3C Widget, Vodafone360 App Montag, 15. Februar 2010
  16. 16. What is a Widget? Montag, 15. Februar 2010
  17. 17. Montag, 15. Februar 2010
  18. 18. Montag, 15. Februar 2010
  19. 19. }? Montag, 15. Februar 2010
  20. 20. 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 Montag, 15. Februar 2010
  21. 21. 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 Montag, 15. Februar 2010
  22. 22. Layout index.html Design style.css AJAX Library Database Montag, 15. Februar 2010
  23. 23. Layout index.html W3C Widget = Design Icon style.css Configuration AJAX Library config.xml Database Montag, 15. Februar 2010
  24. 24. DONE! http://www.flickr.com/photos/sundazed/2704578067/ Montag, 15. Februar 2010
  25. 25. Montag, 15. Februar 2010
  26. 26. Montag, 15. Februar 2010
  27. 27. QA • Install? • Run? • Logo? • Malware, Virus? • Content • .... http://www.slideshare.net/portathons/vodafone-360-quality-criteria-and-testing-191009 Montag, 15. Februar 2010
  28. 28. Montag, 15. Februar 2010
  29. 29. On any phone? Montag, 15. Februar 2010
  30. 30. HTML tive na Montag, 15. Februar 2010
  31. 31. HTML tive na Montag, 15. Februar 2010
  32. 32. W3C Widgets ti ve na HTML tive na Montag, 15. Februar 2010
  33. 33. W3C Widgets ...yes Montag, 15. Februar 2010
  34. 34. W3C Widgets ...yes not purely but great HTML support Montag, 15. Februar 2010
  35. 35. Montag, 15. Februar 2010
  36. 36. A Phone is ... Montag, 15. Februar 2010
  37. 37. http://www.flickr.com/photos/kratz/1984004945/ Montag, 15. Februar 2010
  38. 38. http://www.flickr.com/photos/mbiddulph/3087388964/ Montag, 15. Februar 2010
  39. 39. http://www.flickr.com/photos/redstamp/4222841946/ Montag, 15. Februar 2010
  40. 40. • Camera • Compass • GPS • Accelerometer • Calendar • Email • Address book • Watch • Alarm clock • ... Montag, 15. Februar 2010
  41. 41. Native APIs •JIL.org http://jil.org •W3C DAP http://www.w3.org/2009/dap/ •W3C System API http://www.w3.org/TR/2010/WD-system-info-api-20100202/ •... Montag, 15. Februar 2010
  42. 42. EventNinja Montag, 15. Februar 2010
  43. 43. Events, Layout index.html a Calendar Design Icon style.css Database Configuration AJAX Library config.xml Montag, 15. Februar 2010
  44. 44. http://bit.ly/webdev-events Montag, 15. Februar 2010
  45. 45. Montag, 15. Februar 2010
  46. 46. Montag, 15. Februar 2010
  47. 47. Montag, 15. Februar 2010
  48. 48. Want to see it in action? Download it from your store. Contact us. Montag, 15. Februar 2010
  49. 49. thx http://uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Montag, 15. Februar 2010
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×