W3C Widgets

Why should I care?

Daniel Davis (@ourmaninjapan)

Act 1: What is a widget?Act 1: What is a widget?

<!-- 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>

<!-- 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>

Act 2: The first incarnationAct 2: The first incarnation

...

Act 3: Useful at lastAct 3: Useful at last

Whatabout

desktop?

Desktop widgets 2.0

● Independent of the browser● OS chrome● Access to the filesystem

Act 4: Free as a birdAct 4: Free as a bird

Dearest

Luv ya lots,

Opera xx

<!-- 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>

No Opera? No problem.

● Widgeon● Windows Mobile 6.5● Nokia Qt Web Runtime● Apache Wookie● Aplix Web Runtime

Act 5: What next?Act 5: What next?

● Hardware access (WAC, DAP)● Digital signing● New view modes

www.w3.org/TR/view-mode

● More platforms

So what's the point?

Native apps with web languages

● Cross-device● Cross-platform● More choice for users● More choice for developers

Thank youResources

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/1645Gift: publicdomainpictures.net/view-image.php?image=1470Horse chestnut: publicdomainpictures.net/view-image.php?image=63