1. Widget development 1 / 9 30.09.2009 FOWA 09 Widget development Workshop DominikHelleberg 30.09.2009 DominikHelleberg

2. 2 / 9 Widget development team Contact us via http://www.betavine.net/

3. Widgets – development Overview Widgetstechnology „Hello World!“ Basic rulesforwidgetdevelopment Vodafone Widget SDK introduction Basic widgetcodingdemo 3 / 9

4. Widgets – Technology basics 4 / 9 W3C WidgetSpechttp://www.w3.org/TR/widgets/ Web technologies (XHTML / CSS / ECMA Script / SVG) Simple development & deploymentprocess Simple update & maintenanceprocess Simple distributionhttp://widget.vodafone.com/dev/ WearethefirstcrossplatformApp-Store! .wgt index.html config.xml

5. Widgets – Technology Hello World! 5 / 9 ..elloWorldrc Screenshot0001.jpg

6. 6 / 9 Widgets – Development The basics Develop on Desktop as long as you can Design for different screen resolutions Package everything into the widget (libs, graphical elements etc.) Respect the limited input capabilities Respect the limited Hardware Respect the navigation paradigm of a mobile device

7. Widget Development 7 / 9 08.06.2009 Widgets – Development Vodafone Widget SDK Download the Vodafone Widget SDK fromhttp://www.betavine.net/ OSX & Windows Developer Widget Manager for S60 devices Widget Packager Application Opera Desktop browser Tutorials / documentation / samples Useofis SDK optional!

9. Develop & deployfirst Demo widget

10. Usewidgetspecificfunctionslike

11. Dockedmode

12. Preference storage....evelopidget_SDKelease1

13. 9 / 9 Questions & Answers