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 ...
Why widgets?
    • Open source code familiar to millions of developers


    • Easy to write, deploy and update


    • Ri...
Start building widgets
    What you need:


    • Vodafone Apps Manager (Developer)


    • Widget Packager application


...
Keep it simple

    Textpad+
    HTML+CSS+Javascript+AJAX+
    Opera Browser+
    Zip
    =
    .wgt




6   Vodafone Gree...
Widget skeleton
     • A Widget is distributed as a regular zip file with .wgt file extension.


     • This archive conta...
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 Greec...
Thank you

      Dimitris Rakopoulos
      @dimrac




13   Vodafone Greece devCamp
     11.09.2009
Upcoming SlideShare
Loading in...5
×

Basic Widget Development

713

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
713
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "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

×