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 Development 1 / 9 30.09.2009 FOWA 09Advanced Widget development DominikHelleberg 30.09.2009 DominikHelleberg

2. 2 / 9 Advanced Widget development Contents Advanced technologies for widget development Advanced tools for widget development Demo of on-device-development / debugging DominikHelleberg

3. Widgets – Advanced Web Technology Therearemanybeautiful & interesting Web technologies out there HTML 5 SVG Canvas WICD Thereis a problem in thedesktop web….. 6.x 3 / 9 DominikHelleberg

4. Widgets – Advanced Web Technology For mobile widgets, thesituationis different: Opera ! WebKit ! Feelfreetouse DoJo, JQuery Google Charts Openstreetmap Every web-based API youcanthinkof! 4 / 9 DominikHelleberg

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

6. Widgets – Advanced Tools Opera dragonfly Desktop debugging On devicedebugging On devicedevelopment Nokia EnergyProfiler Power / CPU / networkconsumption 6 / 9 DominikHelleberg

7. Widgets – On devicedebuggingWhyandWhen? Problems portingfrom Desktop to mobile Problems portingfrom WLAN to Mobile network Unexpected XHR responses Strange eventbehaviour on mobile? UI optimization Performance measures / optimization 7 / 9 DominikHelleberg

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

9. 9 / 9 Questions & Answers DominikHelleberg