Vodafone Greece devCamp
Basic Widget Development
Athens 11.09.2009
1 devCamp
11.09.2009

Dimitris Rakopoulos
IS/IT Generalist
@dimrac
dimrac@gmail.com
2 Vodafone Greece devCamp
11.09.2009

What is widgets?
Mini Web applications that reside on the phone but can
be personalised to easily fetch relevant information from
the web and present it to the user.
3 Vodafone Greece devCamp
11.09.2009

Why widgets?
• Open source code familiar to millions of developers
• Easy to write, deploy and update
• Rich GUI, can be used offline
• Standardized web technologies
• Cross-device development
• Device capabilities through APIs
• Tools, Frameworks, IDEs
• “… is the future of mobile applications” Google
4 Vodafone Greece devCamp
11.09.2009

Start building widgets
What you need:
• Vodafone Apps Manager (Developer)
• Widget Packager application
• ZIP packager
• Opera Desktop Browser
• Widget tutorials
• Upload your widget to the Vodafone platform
http://widget.vodafone.com/dev/
5 Vodafone Greece devCamp
11.09.2009

Keep it simple
Textpad+
HTML+CSS+Javascript+AJAX+
Opera Browser+
Zip
=
.wgt
6 Vodafone Greece devCamp
11.09.2009

Widget skeleton
• A Widget is distributed as a regular zip file with .wgt file extension.
• This archive contains all the files necessary to run the widget.
• It must contain the following files:
The widget main document index.html & configuration file config.xml
• Files located at the widget structure's root or in a sub-directory of this root.
• Script and css files are located in distinct sub-directories.
7 Vodafone Greece devCamp
11.09.2009

Example of index.html & config.xml
8 Vodafone Greece devCamp
11.09.2009

Example skin directory
9 Vodafone Greece devCamp
11.09.2009

Example js directory
10 Vodafone Greece devCamp
11.09.2009

Example eBook from .flv .wgt
11 Vodafone Greece devCamp
11.09.2009

Widgets @ Wii
Watch video from http://www.qik.com/video/2200269
12 Vodafone Greece devCamp
11.09.2009

Thank you
Dimitris Rakopoulos
@dimrac
13 Vodafone Greece devCamp
11.09.2009