This document summarizes a mobile widgets workshop. It discusses the features of mobile widgets, including support for HTML, JavaScript, CSS and more. It also outlines the SDK and workflow for developing mobile widgets, including using the Vodafone SDK to test widgets on desktops and mobiles, using the Opera Desktop to test and debug, and developing cross-browser. Resources for mobile widget development are also provided.

1. Mobile Widgets
Workshop
1. Features
2. SDK & Workflow
3. Go!
Daniel Herzog, Vodafone
@danfooo

2. Features 1/2
Mature support for HTML, JavaScript, CSS,
SVG, Canvas, XSLT, DOM3.
Cross domain xmlHttpRequests
100% ACID2, 73% ACID3.
Offline Preference Store / private Cookie style.

3. Features 2/2
All resources packaged, downloaded once,
updatable.
Active icon rendering mode.
File uploads possible via HTML form fields.
Multiple instances per widget for one user.
One widget to run on S60 mobiles, Windows,
Mac and Linux -Desktops.

4. Demo

5. SDK & Workflow
Vodafone SDK
Start from scratch or from included templates
Test your widget on the Desktop
Zip & directly send it to your mobile via
bluetooth.
Test it on any S60 mobile with a special
developer build of the Vodafone Widget
Manager

6. SDK & Workflow
Opera Desktop
Directly test and debug your widget on your
Desktop with the help of Opera Dragonfly.
Do tests in a special widget that emulates the
mobile.
Debug your widget remote from your Desktop
while it runs on the mobile.

7. SDK & Workflow
Your own workflow
Test and develop cross-browser
Vodafone library to be officially released
soon.
Firefox & Firebug.
Webkit & Webinspector.
Opera & Dragonfly.

8. SDK & Workflow
Resources on the web
betavine.net WidgetZone & Forums
dev.opera.com
developer.mozilla.org (General web-dev stuff)
All the js and css libraries and their docs.
PPKs compatibility table
Basically every other webpage offering web-
dev help.

9. SDK start
Find download link at
http://barcampdresden.mixxt.de/networks/wiki/
index.mobilew3Cwidgets
Extract
Install & start Widget Packager
Click „New“ or choose a template and click
„Create Project“.
See also Documentation/WidgetPackager/introduction.html