1. W3C Widgets
Why should I care?
Daniel Davis (@ourmaninjapan)

3. Act 1: What is a widget?

6. <!-- config.xml -->
<?xml version="1.0" encoding="utf-8"?>
<widget>
<widgetname>Hello, world!</widgetname>
<description>Super simple hello world widget.</description>
<id>
<host>my.opera.com</host>
<name>Template Type 1</name>
<revised>2006-02</revised>
</id>
<width>200</width>
<height>200</height>
<author>
<name>Opera Software</name>
<link>http://www.opera.com</link>
</author>
</widget>

7. <!-- config.xml -->
<?xml version="1.0" encoding="utf-8"?>
<widget>
<widgetname>Hello, world!</widgetname>
<description>Super simple hello world widget.</description>
<id>
<host>my.opera.com</host>
<name>Template Type 1</name>
<revised>2006-02</revised>
</id>
<width>200</width>
<height>200</height>
<author>
<name>Opera Software</name>
<link>http://www.opera.com</link>
</author>
</widget>

8. Act 2: The first incarnation

11. ...

12. Act 3: Useful at last

15. What
about
desktop?

16. Desktop widgets 2.0
● Independent of the browser
● OS chrome
● Access to the filesystem

17. Act 4: Free as a bird

18. Dearest
Luv ya lots,
Opera xx

19. <!-- config.xml -->
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
id="HelloWorldWidget"
version="1.0"
height="200"
width="200"
viewmode="floating">
<name short="Hi, world!">Hello, world!</name>
<description>Super simple hello world widget.</description>
<author href="http://www.opera.com">Opera Software</author>
<icon src="icons/example.png"/>
</widget>

20. No Opera? No problem.
● Widgeon
● Windows Mobile 6.5
● Nokia Qt Web Runtime
● Apache Wookie
● Aplix Web Runtime

21. Act 5: What next?

22. ● Hardware access (WAC, DAP)
● Digital signing
● New view modes
www.w3.org/TR/view-mode
● More platforms

23. So what's the point?

24. Native apps with web languages
● Cross-device
● Cross-platform
● More choice for users
● More choice for developers

25. Thank you
Resources
www.w3.org/TR/widgets/
dev.opera.com/articles/view/opera-widgets-sdk/
Photo credits
BBC Micro computer:
www.flickr.com/photos/davedawson/37156597/
Red curtains:
www.sxc.hu/photo/506089/
Cross:
www.openclipart.org/detail/1645
Gift:
publicdomainpictures.net/view-image.php?image=1470
Horse chestnut:
publicdomainpictures.net/view-image.php?image=63