mobile widgets development
DESCRIPTION
Presentation at Inside Mobile Conference (O'Reilly and 360Conferences) at San Jose, CA on July 27th, 2009.Today is possible to create mobile offline (and installed) applications using web-related technologies (XHTML, CSS, JavaScript, AJAX, Flash) and additional APIs. WRT for Nokia-Symbian, WebUI for Motorola, WebOS for Palm Pre, online/offline Webapps for iPhone 3.0, widgets for BlackBerry, and other mobile widget platforms for Sony Ericsson, Samsung, Nokia S40, Windows Mobile, Opera and Yahoo!. There is also a new hybrid paradigm using the best of the web technologies and a native development, like the PhoneGap project that can be distributed in the AppStore.What can we do using this technology? what are the differences between platforms? Can we distribute them in the Application Stores? What compatibility do we have with web standards? What kind of applications are best-suited for this platforms? How to access location, contacts, accelerometer, SMS, home screen and Internet for each platform? What about security and privacy of my code?Let's see how to create mobile web 2.0 mashups ported to many platforms in a couple of minutes using web knowledge.TRANSCRIPT
![Page 1: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/1.jpg)
Mobile Widget Development
Maximiliano Firtman!Firt! Firt.mobi!
![Page 2: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/2.jpg)
Inside Mobile July, 27th 2009 San José, CA
Maximiliano Firtman!Firt! Firt.mobi!
twi%er.com/firt www.firt.mobi www.mobile0nyurl.com www.widgen.com
![Page 3: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/3.jpg)
What
Mobile Widgets
![Page 4: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/4.jpg)
What
Mobile Widgets
Offline capable mobile applica0ons Icon in the apps menu HTML, CSS, JavaScript, AJAX Invisible to the user
Meaning in WebOS and Android
![Page 5: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/5.jpg)
Why
Vendors Roadmap Device fragmenta0on is increasing We need to be fast “… is the future of mobile applica0ons”, Google, July, 16th 2009
Related 70%
Non
Related 30%
InsideMobile
![Page 6: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/6.jpg)
Positive
Well‐known technologies Tools, Frameworks, IDEs Web APIs Low 0me‐to‐market Por0ng Applica0on Stores! Only a few UI rendering engines Easy to port from/to desktop
![Page 7: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/7.jpg)
Negative
We s0ll need por0ng Debugging Standards It's not na0ve, we know that.. Performance Not for all kind of apps
![Page 8: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/8.jpg)
Can’t Can
Applica0ons
Web Mashups
Mobile Clients
Casual games
2D games*
3D games
High CPU apps
Background apps*
![Page 9: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/9.jpg)
Architecture
![Page 10: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/10.jpg)
Architecture
![Page 11: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/11.jpg)
Architecture
![Page 12: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/12.jpg)
Cross Platform Standards
![Page 13: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/13.jpg)
Cross Platform Standards
For packaging W3C Widget Apple Widget
For Mobile Pla4orm Access W3C Geoloca0on & MWI BONDI HTML 5 Google Gears Nokia Plaform Services 2.0
ad.ag/jgwajg
![Page 14: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/14.jpg)
Tools For coding Aptana / Eclipse Adobe Dreamweaver Visual Studio
For packaging / signing Nokia WRT plugins Motodev.UI Mojo SDK PhoneGap Projects Any ZIP packager!
![Page 15: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/15.jpg)
Let’s talk about platforms!
![Page 16: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/16.jpg)
Symbian Foundation! Web Run0me First class ci0zen Available Today Versions
WRT 1.0 WRT 1.1 [MiniView] Plaform Services 2.0
![Page 17: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/17.jpg)
iPhone OS! WebClip with icon Available Today Versions
Webapps for iPhone 2.0 Webapps for iPhone 3.0 Hybrid
![Page 18: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/18.jpg)
Palm WebOS ! Available Today Unique developer plaform Mojo Framework Versions
Full feature apps Browser based
![Page 19: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/19.jpg)
Windows Mobile! Since 6.5 Uses Internet Explorer Versions
Widget Hybrid (< 6.5) BONDI Ac0veX (< 6.5)
![Page 20: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/20.jpg)
Android! Widget / AppWidget Versions:
Hybrid Offline webapp
![Page 21: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/21.jpg)
BlackBerry! Widget Plaform Announced Private tes0ng right now Will be first class ci0zen as COD files Versions
Widget Hybrid
![Page 22: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/22.jpg)
Motorola WebUI ! Available Today Future? Versions
WebUI Widgets Full feature Widget apps
![Page 23: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/23.jpg)
LG Widget Platform! Plaform announced SDK available Based on BONDI 1.0
![Page 24: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/24.jpg)
Samsung Widgets! Cross Plaform Available at the Home Screen WRT available in Symbian Resizable In Symbian, two plaforms
![Page 25: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/25.jpg)
Opera Widgets! Cross Plaform Available for many operators
![Page 26: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/26.jpg)
JIL – Joint Innovation Lab! Cross Plaform Future devices SDK Available Billing inside
![Page 27: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/27.jpg)
Just for the record…!• HTML based – ACCESS NetFront Widgets
• Adobe Flash based – Sony Ericsson’s Capuchin Project – Nokia Flash (NFL Format) for S40 – Flash Mobile Packager
• XML and some script based – Prosciu%o Project (Java ME) – Yahoo! Blueprint – Orange Djinngo – Sun Java On Device Portal
![Page 28: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/28.jpg)
Let’s talk about !challenges!
![Page 29: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/29.jpg)
UI Challenges
UI Frameworks HTML / CSS Mojo WRTKit iUI
Na0ve menus Interac0on Mode
View only (mul0) Touch Pointer Focus
![Page 30: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/30.jpg)
UI Challenges
Mul0ple views Links Sta0c DIVs Dynamic DIVs AJAX DIVs
Layout Fixed Liquid
![Page 31: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/31.jpg)
Code Challenges
Performance Dynamic app update Pushing data Por0ng
Using body class pa%ern Using one CSS and JS per plaform
Data Storage SQL Key/Value
![Page 32: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/32.jpg)
Comparison
Available Today
Browser Engine
WebKit WebKit WebKit IE Opera
Package Type
Signing
Standards Bondi
Distribution Channel
OTA / Offline Installation
![Page 33: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/33.jpg)
Privacy and Security
If a widget is a ZIP
…
can I unzip it?
![Page 34: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/34.jpg)
Can we create a one cross platform code?
![Page 35: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/35.jpg)
I think YES!
Define the UI Define the app logic Create the device detec0on framework Port the logic and UI Test & Debug Package for every plaform For OTA
Device Detec0on Show Webapp or package delivery
![Page 36: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/36.jpg)
To Read…
![Page 37: Mobile Widgets Development](https://reader034.vdocument.in/reader034/viewer/2022052307/54b7512e4a795967588b466d/html5/thumbnails/37.jpg)
THANK YOU!
Twi%er.com/firt www.firt.mobi www.mobile0nyurl.com www.widgen.com
Pictures from freedigitalphotos.net