Building HTML5 based mobile phoneapplications<br />Mikko Ohtamaa<br />
Preface<br />Mobile application platforms come plentiful and in great varieties<br />HTML and Javascript, prevailing techn...
HTML application rationale<br />Every developer is familiar with HTML technology<br />Fast and cost effective development ...
More rationale…<br />Creating the same application for every platform from the scratch is very cumbersome<br />No other co...
Filling the gap<br />Application layers exists to fill “gap” between HTML and mobile phone: it allowsapplificationing of H...
HTML applications vs. mobile sites<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />6<br />
HTML applicationlogic<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />7<br />Most application logi...
Example deployment<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />8<br />Core service on the serv...
Platforms<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />9<br />
Application layers<br />http://phonegap.com<br />http://www.nimblekit.com/<br />http://www.rhomobile.com/<br />http://www....
Application examples<br />Phonegap: http://phonegap.com/projects<br />Nokia: http://store.ovi.com<br />8/20/09<br />Twin A...
Questions?<br />mikko.ohtamaa (at) twinapex.com<br />http://www.twinapex.com, http://www.twinapex.fi, http://www.twinapex....
Upcoming SlideShare
Loading in...5
×

Building HTML based mobile phone applications

11,312

Published on

HTML and Javascript, prevailing technologies to build web sites, are the only common denominator across phones.
If one wishes to distribute application as wide as audience possible HTML based technologies are recommended.

Published in: Technology, Business
2 Comments
7 Likes
Statistics
Notes
  • Great Simple Straight to the point thank you Mkklo
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Easy to understand. Well done. You've shared information clearly and concisely. It's one of my favorites. Seek your permission to embed it to my site at www.sprintringtones.org/ .

    Anita Gomez .
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
11,312
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
118
Comments
2
Likes
7
Embeds 0
No embeds

No notes for slide

Building HTML based mobile phone applications

  1. 1. Building HTML5 based mobile phoneapplications<br />Mikko Ohtamaa<br />
  2. 2. Preface<br />Mobile application platforms come plentiful and in great varieties<br />HTML and Javascript, prevailing technologies to build web sites, are the only common denominator across phones<br />If one wishes to distribute application as wide as audience possible HTML based technologies are recommended<br />8/20/09<br />2<br />www.twinapex.com - info@twinapex.com<br />
  3. 3. HTML application rationale<br />Every developer is familiar with HTML technology<br />Fast and cost effective development times<br />Existing services are already running on HTML technologies<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />3<br />
  4. 4. More rationale…<br />Creating the same application for every platform from the scratch is very cumbersome<br />No other common platforms besides HTML:<br />iPhone doesn’t support Java ME<br />iPhone and other don’t support Flash Lite<br />Most applications are on-line, so network usage is justified in any case<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />4<br />
  5. 5. Filling the gap<br />Application layers exists to fill “gap” between HTML and mobile phone: it allowsapplificationing of HTML<br />The end-user cannot distinguish HTML application from applications made using other technologies<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />5<br />HTML + Javascript<br />Application layer (platform specific)<br />GPS, contacts, photos, SMS <br />
  6. 6. HTML applications vs. mobile sites<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />6<br />
  7. 7. HTML applicationlogic<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />7<br />Most application logic is on the server side. Installable mobile application consists of application layer, stub application and bootstrap HTML/Javascript files<br />Server sends HTML+Javascript which builds the user interface<br />Mobile application w/ HTML5 application layer<br />Server<br />Application responds to user interaction and asks new data from the server<br />
  8. 8. Example deployment<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />8<br />Core service on the server<br />Shared HTML code<br />Phonegap application layer <br />With iPhone user interface <br />Nokia web-runtime application layer with Series 60 user interface<br />
  9. 9. Platforms<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />9<br />
  10. 10. Application layers<br />http://phonegap.com<br />http://www.nimblekit.com/<br />http://www.rhomobile.com/<br />http://www.forum.nokia.com/Technology_Topics/Web_Technologies/Web_Runtime/<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />10<br />
  11. 11. Application examples<br />Phonegap: http://phonegap.com/projects<br />Nokia: http://store.ovi.com<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />11<br />
  12. 12. Questions?<br />mikko.ohtamaa (at) twinapex.com<br />http://www.twinapex.com, http://www.twinapex.fi, http://www.twinapex.mobi<br />8/20/09<br />Twin Apex - www.twinapex.com - info@twinapex.com<br />12<br />
  1. A particular slide catching your eye?

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

×