Basic Widget Development

848 views

Published on

Vodafone Greece devCamp Presentation

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
848
On SlideShare
0
From Embeds
0
Number of Embeds
58
Actions
Shares
0
Downloads
4
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Basic Widget Development

  1. 1. Vodafone Greece devCamp Basic Widget Development Athens 11.09.2009 1 devCamp 11.09.2009
  2. 2. Dimitris Rakopoulos IS/IT Generalist @dimrac dimrac@gmail.com 2 Vodafone Greece devCamp 11.09.2009
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. Keep it simple Textpad+ HTML+CSS+Javascript+AJAX+ Opera Browser+ Zip = .wgt 6 Vodafone Greece devCamp 11.09.2009
  7. 7. 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
  8. 8. Example of index.html & config.xml 8 Vodafone Greece devCamp 11.09.2009
  9. 9. Example skin directory 9 Vodafone Greece devCamp 11.09.2009
  10. 10. Example js directory 10 Vodafone Greece devCamp 11.09.2009
  11. 11. Example eBook from .flv .wgt 11 Vodafone Greece devCamp 11.09.2009
  12. 12. Widgets @ Wii Watch video from http://www.qik.com/video/2200269 12 Vodafone Greece devCamp 11.09.2009
  13. 13. Thank you Dimitris Rakopoulos @dimrac 13 Vodafone Greece devCamp 11.09.2009

×