1

Developing apps with Web Runtime

Santtu Ahonen &

Rajesh Lal

2

This presentation – Can you multitask?• Why, what, how and when on

slideshow• Hands on demo

• Hello world with Notepad

• RSS Feed Widget with Aptana Studio

• Further editing of the Hello World Widget

• Santtu Ahonen – Head of Maemo Developer Offering Product Management, Helsinki

• Rajesh Lal – Web Geek, Maemo Team, Mountain View

Presentation

Demo

Bla bla bla blah

bla….

I’ll prove the

point

3

1st gear - Rev up - Aim - Launch!

Over 70.000.000 active

web sites out there

Based on open source WebKit

New application and business models

previously unforeseen

Cost of mobile clientimplementation goes down

Image velo4it @ Flickr – CC Attribution – Share Alike license

4

Info.plist

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE plist PUBLIC "-//Nokia//DTD PLIST 1.0//EN" "http://www.nokia.com/NOKIA_COM_1/DTDs/plist-1.0.dtd">

<plist version="1.0">

<dict>

<key>DisplayName</key>

<string>Feed Widget</string>

<key>Identifier</key>

<string>com.nokia.forum.widget.feedwidget</string>

<key>MainHTML</key>

<string>feedwidget.html</string>

<key>AllowNetworkAccess</key>

<true/>

</dict>

</plist>

Web Widgets – What are they?

• HTML, CSS and JS documents in a zip –file

• Includes also a manifest and .png icon

• No limitations for your selection of tools

• Installed and run on device as any other application

• Security model not different from compiled applications

• HTML, CSS and JS documents in a zip –file

• Includes also a manifest and .png icon

• No limitations for your selection of tools

• Installed and run on device as any other application

• Security model not different from compiled applications

5

Manifest

HTML

Scalable cross platform development

Client side Web Applications (widgets)

CSSJSE

XMLHttp

Request

Pack

agin

g

Media

type

EcmaScriptXML

Reso

urc

es

(musi

c,

images,

etc

)

Distribution and

deployment

Metadata and security

Structural semantics

Logic Presentation and behavior

DOM

HTTP URI Unicode

Host OS (selected S40, Symbian, Maemo…)

6

User experience

Full screen - Landscape or portrait

Floater and window widgets

Behaves as any application with discovery, install, icon on desktop, visible on task switcher etc.

7

How you do it?• Standard knowledge on

HTML, JS and CSS is needed

• Use your preferred tool chain, or one of these:

• Aptana Studio (pic)

• Visual Studio

• Dreamweaver

Check out Oren Levine - Hands-on development with Nokia Web Runtime – Sat Room N810 17:00-

17:25

8

Roadmap

Q4 2009 Q1 2010 Q2 2010

Alpha: Nokia Web Runtime for Maemo 6

Beta: Nokia Web Runtime for Maemo 6

Today: Millions of Symbian devices

Estimating schedule & content for Nokia Web Runtime for Maemo 5

Image © Santtu Ahonen 2008

9

Questions? …if we still have the time…

Check out http://www.forum.nokia.com/wrt