Opera Widgets for Desktop and Opera Dragonfly

40
Andreas Bovens Group Leader Developer Relations

description

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/

Transcript of Opera Widgets for Desktop and Opera Dragonfly

Page 1: Opera Widgets for Desktop and Opera Dragonfly

Andreas BovensGroup Leader Developer Relations

Page 2: Opera Widgets for Desktop and Opera Dragonfly

Andreas BovensGroup Leader Developer Relations

Page 3: Opera Widgets for Desktop and Opera Dragonfly
Page 4: Opera Widgets for Desktop and Opera Dragonfly

Opera Widgetsfor Desktop& Opera Dragonfly

Page 5: Opera Widgets for Desktop and Opera Dragonfly

http://tr.im/roundandround

video placeholdersee video on URL below

Page 6: Opera Widgets for Desktop and Opera Dragonfly

http://tr.im/roundandround

Page 7: Opera Widgets for Desktop and Opera Dragonfly

A bit of history...

Page 8: Opera Widgets for Desktop and Opera Dragonfly

Widgets in Opera 9.0

Page 10: Opera Widgets for Desktop and Opera Dragonfly

tied to the browser

Page 11: Opera Widgets for Desktop and Opera Dragonfly

Widgets spec

Page 12: Opera Widgets for Desktop and Opera Dragonfly

Inside the package:

Page 13: Opera Widgets for Desktop and Opera Dragonfly

Inside the package:Web Standards!

Page 14: Opera Widgets for Desktop and Opera Dragonfly

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

Page 15: Opera Widgets for Desktop and Opera Dragonfly
Page 16: Opera Widgets for Desktop and Opera Dragonfly

On mobile, devices

Page 17: Opera Widgets for Desktop and Opera Dragonfly

On mobile, devices

Page 18: Opera Widgets for Desktop and Opera Dragonfly

On mobile, devices

Page 19: Opera Widgets for Desktop and Opera Dragonfly

On mobile, devices

Page 20: Opera Widgets for Desktop and Opera Dragonfly

On mobile, devices

Page 21: Opera Widgets for Desktop and Opera Dragonfly

On mobile, devices

Page 22: Opera Widgets for Desktop and Opera Dragonfly

On mobile, devices

Page 23: Opera Widgets for Desktop and Opera Dragonfly
Page 24: Opera Widgets for Desktop and Opera Dragonfly

In Opera 10.2 alpha ...

Page 25: Opera Widgets for Desktop and Opera Dragonfly

we’ve moved widgets outside of the browser

Page 26: Opera Widgets for Desktop and Opera Dragonfly

... making them more like real desktop apps.

Page 27: Opera Widgets for Desktop and Opera Dragonfly

Demo time :-)

Page 28: Opera Widgets for Desktop and Opera Dragonfly

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

Page 29: Opera Widgets for Desktop and Opera Dragonfly

Standalone, standards-based,

cross-platform apps

Page 30: Opera Widgets for Desktop and Opera Dragonfly

Let’s have a closer look

Page 31: Opera Widgets for Desktop and Opera Dragonfly

File I/O API

Page 32: Opera Widgets for Desktop and Opera Dragonfly

File I/O API

Page 33: Opera Widgets for Desktop and Opera Dragonfly

File I/O APIShowNotification()

Page 34: Opera Widgets for Desktop and Opera Dragonfly

File I/O APIShowNotification() Widget/application mode

Page 35: Opera Widgets for Desktop and Opera Dragonfly

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>

Page 36: Opera Widgets for Desktop and Opera Dragonfly

ools

Page 37: Opera Widgets for Desktop and Opera Dragonfly

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/

Page 38: Opera Widgets for Desktop and Opera Dragonfly

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

+

Page 39: Opera Widgets for Desktop and Opera Dragonfly