This document discusses advanced widget development technologies. It covers advanced tools for widget development including Opera Dragonfly for desktop and on-device debugging. It also discusses how widgets can now access advanced mobile technologies like location services, the phonebook and camera. Finally, it addresses why on-device debugging is important for issues like porting code to mobile, optimizing performance, and handling network differences versus desktop.

1. Advanced Widget Development1 / 930.09.2009FOWA 09Advanced Widget developmentDominikHelleberg30.09.2009DominikHelleberg

2. 2 / 9Advanced Widget development ContentsAdvanced technologies for widget developmentAdvanced tools for widget developmentDemo of on-device-development / debuggingDominikHelleberg

3. Widgets – Advanced Web Technology Therearemanybeautiful & interesting Web technologies out thereHTML 5SVGCanvasWICDThereis a problem in thedesktop web…..6.x3 / 9DominikHelleberg

4. Widgets – Advanced Web Technology For mobile widgets, thesituationis different: Opera !WebKit !FeelfreetouseDoJo,JQueryGoogle ChartsOpenstreetmapEvery web-based API youcanthinkof!4 / 9DominikHelleberg

5. Widgets – Advanced Mobile Technology Mobile Widgetsare Portable  Easy todevelop & maintainBased on open standards A bit limited in functionalityIn thenearfuture, Widgets will getaccesstoYourlocationPhonebookCamera Messaging …5 / 9DominikHelleberg

6. Widgets – Advanced ToolsOpera dragonflyDesktop debuggingOn devicedebuggingOn devicedevelopmentNokia EnergyProfilerPower / CPU / networkconsumption6 / 9DominikHelleberg

7. Widgets – On devicedebuggingWhyandWhen?Problems portingfrom Desktop to mobileProblems portingfrom WLAN to Mobile networkUnexpected XHR responsesStrange eventbehaviour on mobile?UI optimizationPerformance measures / optimization7 / 9DominikHelleberg

8. 8 / 9Widgets – On device debugging Getting started!DominikHelleberg

9. 9 / 9 Questions & AnswersDominikHelleberg