Only web technology can gurantee cross device, cross platform application. This is true beauty of web standard technology. This will be next generation development of application development in CE market.
HTML5 makes web standalone application
CSS3 gives rich user experiences
Opera Widget = First
browser based WebApp
Opera introduced browser based application
called widget in 2006
Widget is W3C standard
Widget = browser based standalone web
2007 : Apple MacOS 10.5
MacOs Dashboard Widget
HTML5 Canvas was also introducted by Apple
2008 : Widget Chaos!
Google Desktop widget
Naver, Daum Widget
Non standard based
2010 : Chrome Webstore
Chrome WebStore = Desktop WebApps
Chrome to Phone = Mobile WebApps
2007 : Success of iPhone
2008 : Success of AppStore
iPhone : Mobile internet machine
iPhone : Application contents matter
Browser is a killer app of the smartphone
Opera mobile 10
Mobile browser war is more severe than desktop
New technology is applied in mobile browser
CSS/JS Store Engine)
Widget Examples : ebay
User observes his watching, buying and selling
Each item shows picture, description, price, number
of bids and remaining auction time.
Clicking on the item will open item details in the
browser, where user will be able to log in and bid for
In menu screen user can set his ebay username/
password and configure autorefresh time (in
Main screen should contain refresh button.
Widget will contact eBay API directly using HTTP
protocol and retrieve data in JSON or XML format.
Widget Examples : Facebook
User will be able to browse list of his friends, see friends details ,see friends
status message history, see and write messages to the friend's wall.
User will be able to poke selected friend, and write a message to him.
If phone and widget runtime supports it, user will be able to take a photo
and post it directly to Facebook, or post photo from phone gallery.
Widget will periodically (time configurable in widget preferences, in minutes)
check if there are new pokes, personal messages or wall messages for the
In case of new action, user will be informed by overlay icon on the widget in
Note: API key is needed. Check Terms and conditions for using it.
Widget Examples : Twitter
User will be able to reply or between any messages from another people.
Clicking on another user username will show this person details at the top of
the screen, and messages just from this user below.
User will be able to set his status on twitter.
User will be able to see list of people he is following and his followers.
Clicking on follower/following name will open that user page.
Each relevant page will also contain a link that opens that page in the
Easy development than Java/Objective-C
Easy use of OpenAPI/MeshUp
Easy delivery of web contents
Cross platform deployment
No device H/W controls
Low graphics, multimedia control
Extend Web : Device APIs
System info :
CPU, Battery, etc
Extending Web Spec
JIL (Joint Innovation Lab)
Vodafone, VZW, Softbank, China Mobile
W3C Device APIs and Policy
PhoneGap is an open source development
framework for building cross-platform mobile
take advantage of core features in iPhone/
iTouch, iPad, Google Android, Palm, Symbian
and Blackberry SDKs. Learn
Widget Apple iPhone
Web Developer Blackberr Blackb
Device API to control phone resources