S60 Web Runtime Widgets21 Oct 2008, web 2.0 EXPOPetro Soininenpetro.soininen@nokia.com

I wanna know who you are

developers?

Othermobile platforms?

designers?

web?

What’s in store?3 hourstalking, codingdemoing, networking

Where can I get help from?Where can I distribute this stuff?

Can I hack one together right now?

What’s ?Widgets,

… again? Same old, same old?Ok, fine,so what can I do?

…and how?

Forum Nokia

Bring innovation

Create business opportunitiesfor mobile developers

ToolsSupport channels

Consultancy

TechBusiness Development

MarketingDistribution channels

to Nokia devices, services & software

forum.nokia.com

Forum Nokia Developer Programs

- Forum Nokia – Public information database, trainings, development tools & more;

- Forum Nokia Champion – Recognition and reward program for the top mobile developers

contributing to the success of the Forum Nokia Community;

- Forum Nokia Launchpad – Premium membership service that gives developers early and

exclusive access to Forum Nokia resources and support ;

- Forum Nokia PRO – Invitation-only program for leading-edge companies doing business in the

mobile world;

- Forum Nokia PRO Accelerator - Targets developers of innovative, industry-changing mobile

software and services selected for funding by top-tier VC firms

Let’s put all this creativity to work!

• Global contest – Show off your technical kung fu, and submit a true Killer App!

• Three categories: Eco-Challenge, Emerging Markets, Technology Showcase.

• All platforms and languages.

• Widgets, Flash Lite, Java, Python, Open Source.

Prizes for the Top Application in All 3 Categories.

The best application in each category will have:

• Chance to connect with distribution channels.

• Opportunity to showcase at the 2009 Mobile World Congress. By submitting a “Mobilise the Web” application from EMEA by 21 November, you are automatically entered in the regional competition, and winners areautomatically finalists for the worldwide contest.

For more information, visit: http://www.callingallinnovators.com/

Nokia Developer Platforms

Series40

The LeadingSmartphone Platform

Over 150M devices shippedSold by 200+ carriers

Nokia, Samsung, LG

Build what you want - Use what you knowOnly on S60

Symbian C++, Open C

Java

Flash

Web Run-TimePython

Open C++

Powerful environments offer experienced developers ways to expand the capabilities of mobile devices and leverage the creativity of open source communities

Easy, creative environmentsexpress your design vision and let you create innovative experiences and deliver Internet services

13

Native C/C++“Web Capable”

WebBrowserWidgets

UI features

S60 plug-ins, incl. Flash Lite, SVG, and audio.

Netscapeplug-in

API

WebCoreKHTML

(LGPL+BSD)

JavaScriptCore

KJS

(LGPL)

Browser control API

S60 WebKit

OS adaptations Memory manager

S60 Browser and Web Runtime are based on WebKit

Platform Services Integration

S60 for Web Developers

S60 Browser UI Widget Runtime

More information about Webkit: http://www.webkit.org

Web Browser for S60 delivers a complete browsing experience…

Page Overview

JavaScript & SSL

RSS & Atom feeds

AJAX and Dynamic HTML

Bookmark icons (“favicons”)

Password manager

…and support for rich graphics and multimedia

Microsoft Silverlight

• Silverlight intergation into the S60 browser engine supports rich interactive applications and multimedia

Adobe Flash Lite

• Flash integration delivers the desktop Flash experience to mobile devices

• Flash Lite 3 on S60 supports Flash 8 and Flash video

Enhance Web sites and widgets with

exciting graphics and multimedia

From Web Developer to Mobile Application Developer

WRT WidgetsCustom web-app front-ends

Innovative mashups

…but not just .mobi sites,screen scrapesor snippet views

Full fledged mobile apps

17

Widgets Compatible Devices

• 15 Nokia devices for 2008 launched, announced or upcoming

• N-series multimedia computers, E-series business phones, Several high-end mainstream/ volume devices

• S60 platform licensee devices will support WRT (Samsung, LG)

18

Distribution via Nokia channels

Description

Download! widgets.nokia.mobi

Channels

widgets.nokia.mobiwith your mobile browser

Embedded Download!client on 100+ million devices

MOSH (Mobilize and Share) service at mosh.nokia.com

19

Distributed through non Nokia channels

Description

Third party widget aggregator

Operator Portal

Channels

Operator portal, e.g. Vodafone Betavine, http://widgetvine.mobi/

Aggregator who aggregate & publish widgets, e.g. Plusmo(s60.plusmo.com)

Partner own sites to allow users to download and install widgets, e.g. reuters.com/tools/widgets

Partner own site

Enough.

Show me What…and How

WRT Widget ingredientsS60 3rd Edition Feature Pack 2

You know your stuffxHTML

CSS JavaScriptAJAX

We deliver the runtime infra(Un)Installers and recognizers

IconsMenus

Security sandbox

Ok, so what about the sandbox?Official versionPlugin for get/set access to ’risk-free’ properties

LightsPower

Network Beep tones

Memory

VibraFile System

Charger

Language…and fresh out of the oven

S60 5th Edition

gives widgets

superpowers

Messaging

PIM

Audio

System

Imaging

Location

First Set of S60 Platform Services

• Location

• Contacts

• Calendar

• Media Management

• Messaging

• Landmarks

• Application Manager

• System Info

• Logging

• Sensors

…and the unofficial waysto drill deep into system resources

Localhost connection•C / C++ / Java / Python server

•Mobile Web Server / PAMP

•PHP or ModPython

HTTP FilterC++ component sitting between HTTP framework and the requesting client (e.g. widget)

http://wiki.forum.nokia.com/index.php/TSS001070_-_Modifying_Web_content_using_a_HTTP_filterhttp://wiki.forum.nokia.com/index.php/How_to_utilize_device_resources_from_a_WRT_widget

http://wiki.forum.nokia.com/index.php/How_to_access_S60_resources_from_WRT_or_FlashLite_using_PyS60

Browser pluginPossible but not trivial to implement

© 2007 Nokia Company Confidential

WRT Widget Components

• Simple bundle of files• info.plist (mandatory)

• [name].html (mandatory)

• icon.png

• [name].css

• [name].js

Widgetproperties

+ HTML

backbonePNG icon+

CSS layout+

js logicRoot

folder!

Packaging and distribution

Zip the files…rename to .wgz

MIME typex-nokia-widget

SDK support

•S60 3rd FP2 SDK

•Developer documentation

•Emulator test-bed• JavaScript logging

• Traffic inspection

•S60 5th Edition SDK

•S60 Platform Servicesdocumentation and emulator support

forum.nokia.com/S60SDK

Tools• Alpha tools - Packaging and validation

• http://groups.google.com/group/nokia-wrt-tools-beta

• Includes WRTKit UI framework

• Aptana plugins under development

• IDE preview• SDK / Device deployment• Project creation / import• Code completion for WRT APIs• Beta starting very soon…

• HW JavaScript debuggingand DOM inspection on the roadmap

Help & Support

forum.nokia.com/widgetswiki.forum.nokia.com

CodeDocs

eLearning

DiscussionWebinars

Demos

Q&A

Let’s put all this creativity to work!

• Global contest – Show off your technical kung fu, and submit a true Killer App!

• Three categories: Eco-Challenge, Emerging Markets, Technology Showcase.

• All platforms and languages.

• Widgets, Flash Lite, Java, Python, Open Source.

Prizes for the Top Application in All 3 Categories.

The best application in each category will have:

• Chance to connect with distribution channels.

• Opportunity to showcase at the 2009 Mobile World Congress. By submitting a “Mobilise the Web” application from EMEA by 21 November, you are automatically entered in the regional competition, and winners areautomatically finalists for the worldwide contest.

For more information, visit: http://www.callingallinnovators.com/

HackingPrototyping

Networking