Andreas BovensGroup Leader Developer Relations

Andreas BovensGroup Leader Developer Relations

Opera Widgetsfor Desktop& Opera Dragonfly

http://tr.im/roundandround

video placeholdersee video on URL below

http://tr.im/roundandround

A bit of history...

Widgets in Opera 9.0

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

tied to the browser

Widgets spec

Inside the package:

Inside the package:Web Standards!

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

On mobile, devices

On mobile, devices

On mobile, devices

On mobile, devices

On mobile, devices

On mobile, devices

On mobile, devices

In Opera 10.2 alpha ...

we’ve moved widgets outside of the browser

... making them more like real desktop apps.

Demo time :-)

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

Standalone, standards-based,

cross-platform apps

Let’s have a closer look

File I/O API

File I/O API

File I/O APIShowNotification()

File I/O APIShowNotification() Widget/application mode

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>

ools

Opera DragonflyDebug 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/

Opera DragonflyDebug 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/

widget emulator

+

www.opera.com/browser/nextdev.opera.com

mail: andreasb@opera.com twitter: @andreasbovens

thanks to Patrick Lauke for the pictures