Series 40 web apps & Nokia Web Tools

April 2011

© Company Confidential

Web for the Next Billion

A renewed approach to bring

affordable and easy to use

web and apps at new price points

Our goal is nothing short of

delivering the best and most desirable

low-cost devices that deliver the

richest experiences and applications

that consumers will LOVE.

• Applications built using W3C standard Web technologies

• HTML for Layout – Supports most of XHTML Mobile Profile Elements

• CSS for Visual Styles – Supports CSS Mobile Profile

• JavaScript – For Application logic on the server

• Mobile Web Library – JavaScript like library on the client that enables Interactive

applications

• Packaged according to the W3C widgets spec (.wgt)

• Developed using the Nokia Web Tools for Series 40

• Published via Ovi Publish to Ovi Store

• Discovery and Deployment through Ovi Store

• Consumption Via Ovi Browser Client

What are Series 40 web apps ?

© Company Confidential

Cloud-assisted web apps

Series 40 web apps – run by Ovi Browser client on the device

• Cloud hosts the web app client and acts as a proxy between the Nokia Browser client

and the web app server

• Leverage on Cloud server for better performance and reduced data

• Allows S40 web apps load faster with less over the air data transfer

• Less ROM memory hungry vs. Java apps

Handset Ovi Browser Cloud

MyWebApp server

MyWebApp client

Ovi

Browser

client

HTML

Up to 90%

compression

0101100111001010010100001010

1111110101111001010110001010

1001010100101101001010110010

101

XML/JSON

0101100111001010010100001010

1001010111100101001100111001

0100101000010101010101011110

0101011011001110010100110100

0001010101011111010111100101

0110001010100101011011001110

0101001101000001010101011111

0101111001010110001010100101

0110110011100111100101011000

1010100101011011001110011110

0101011000101010010101101100

1110010100110100000101010101

1111010111100101011000101010

0101010010110100101011001010

1

100kb 10kb

© Company Confidential

Sample web apps screenshots

© Company Confidential

Nokia Web Tools for Series 40

Eclipse based web editing tool

•Templates/ sample codes

•Documentation and samples

•Emulator and Nokia Browser/runtime

for testing

•Build/preview/test within SDK and

device

•Publish to Ovi Store via Ovi Publish

(coming soon)

6 © 2011 Nokia Internal

© Company Confidential

Demos

Create, Debug, Deploy

Web Developer Environment

Web Apps Simulator

Web App Designer

7 © 2011 Nokia Internal

Backup

•Must read docs

•toggleClass

•switchClass

•addSwipeLeftListener

© Company Confidential

Animating Height & Width

© Company Confidential

Animating Margins

…or…

…or…

© Company Confidential

Thank you

@waiseto

forum.nokia.com/series40webapps