This is the presentation I gave on the "An Evening with YDN and Opera in Oslo" event (http://ydnoslo.eventbrite.com/). Opera Widgets for Desktop are available in our latest alpha build from http://www.opera.com/browser/next/

1. Andreas Bovens
Group Leader Developer Relations

2. Andreas Bovens
Group Leader Developer Relations

4. Opera Widgets
for Desktop
& Opera Dragonfly

5. video placeholder
see video on URL below
http://tr.im/roundandround

6. http://tr.im/roundandround

7. A bit of history...

8. Widgets in Opera 9.0

9. http://img89.imageshack.us/i/opera24vz.png/

10. tied to the browser

11. Widgets spec

12. Inside the package:

13. Inside the package:
Web Standards!

14. Inside the package:
HTML, CSS, JS, SVG ...

16. On mobile, devices

17. On mobile, devices

18. On mobile, devices

19. On mobile, devices

20. On mobile, devices

21. On mobile, devices

22. On mobile, devices

24. In Opera 10.2 alpha ...

25. we’ve moved widgets
outside of the browser

26. ... making them more
like real desktop apps.

27. Demo time :-)

28. Twitter: http://widgets.opera.com/widget/14501/
Google Translate: http://widgets.opera.com/widget/14511/
and more...

29. Standalone,
standards-based,
cross-platform apps

30. Let’s have a closer look

31. File I/O API

32. File I/O API

33. File I/O API
ShowNotification()

34. File I/O API
ShowNotification()
Widget/application mode

35. Widget/application mode
<?xml version='1.0' encoding='UTF-8'?>
<widget defaultmode="application">
<widgetname>Sample widget</widgetname>
<description>Shows the default chrome
for application mode.</description>
</widget>

36. ools

37. Opera Dragonfly
Debug JavaScript and inspect CSS, the DOM and HTTP headers, right from the comfort of your Opera
browser. If you deploy on mobile, no problem: Opera Dragonfly supports remote debugging to communicate
directly with Opera Mobile, and other Opera Presto powered devices. Opera Dragonfly is included in Opera for
Desktop, and can be found under Tools › Advanced › Developer Tools in the Opera menu bar.
Find out more about Opera Dragonfly and our developer focused activities at www.opera.com/developer/

38. widget
+
emulator
Opera Dragonfly
Debug JavaScript and inspect CSS, the DOM and HTTP headers, right from the comfort of your Opera
browser. If you deploy on mobile, no problem: Opera Dragonfly supports remote debugging to communicate
directly with Opera Mobile, and other Opera Presto powered devices. Opera Dragonfly is included in Opera for
Desktop, and can be found under Tools › Advanced › Developer Tools in the Opera menu bar.
Find out more about Opera Dragonfly and our developer focused activities at www.opera.com/developer/

40. www.opera.com/browser/next
dev.opera.com
mail: andreasb@opera.com
twitter: @andreasbovens
thanks to Patrick Lauke for the pictures