building html based mobile phone applications
DESCRIPTION
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.TRANSCRIPT
Building HTML5 based mobile phone applications
Mikko Ohtamaa
Preface
Mobile application platforms come plentiful and in great varieties
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
10.04.2023 2www.twinapex.com - [email protected]
HTML application rationale
Every developer is familiar with HTML technology– Fast and cost effective development times
Existing services are already running on HTML technologies
10.04.2023Twin Apex - www.twinapex.com -
More rationale…
Creating the same application for every platform from the scratch is very cumbersome
No other common platforms besides HTML:– iPhone doesn’t support Java ME– iPhone and other don’t support Flash Lite
Most applications are on-line, so network usage is justified in any case
10.04.2023Twin Apex - www.twinapex.com -
Filling the gap Application layers exists to fill
“gap” between HTML and mobile phone: it allows applificationing of HTML
The end-user cannot distinguish HTML application from applications made using other technologies
10.04.2023Twin Apex - www.twinapex.com -
HTML + Javascript
GPS, contacts, photos, SMS
Application layer (platform specific)
HTML applications vs. mobile sites
10.04.2023Twin Apex - www.twinapex.com -
HTML application Mobile site
•Sellable•Appears in distribution channels (appstores)•Mobile phone specific features: contacts, location, SMS…•Will stay in phone menu until uninstalled•Platform specific versions must be created•Distribution channels have acceptance policies and delays
•Available for every handset•Internet distribution is unregulated•Invoicing needs credit card•Must be bookmarked by the user
HTML application logic
10.04.2023Twin Apex - www.twinapex.com -
Server
Mobile application w/ HTML5 application
layer
Server sends HTML+Javascript which builds the user interface
Application responds to user interaction and asks new data from the server
Most application logic is on the server side. Installable mobile application consists of application layer, stub application and bootstrap
HTML/Javascript files
Example deployment
10.04.2023Twin Apex - www.twinapex.com -
Core service on the server
Phonegap application layer With iPhone user interface
Nokia web-runtime application layer with Series 60 user interface
Shared HTML code
Platforms
10.04.2023Twin Apex - www.twinapex.com -
Platform Application layer
iPhone Phonegap
Blackberry Phonegap
Android Phonegap
Nokia Series 60 Nokia web-run-time
Samsung Nokia web-run-time
LG Nokia web-run-time
Application layers
http://phonegap.com http://www.nimblekit.com/ http://www.rhomobile.com/ http://www.forum.nokia.com/Technology_Top
ics/Web_Technologies/Web_Runtime/
10.04.2023Twin Apex - www.twinapex.com -
Application examples
Phonegap: http://phonegap.com/projects Nokia: http://store.ovi.com
10.04.2023Twin Apex - www.twinapex.com -
Questions?
mikko.ohtamaa (at) twinapex.com http://www.twinapex.com,
http://www.twinapex.fi, http://www.twinapex.mobi
10.04.2023Twin Apex - www.twinapex.com -