CONTENT BASED TEMPLATES FOR NOKIA SERIES 40 WEB APPS

Michael Samarin Director, Developer Training and Evangelism Futurice

SERIES 40 WEB APPS • Based on: W3C Widget specification • Authored using: Nokia Web Tools (current version 2.0) • Using: Nokia Browser for Series 40 engine • Core cases: always connected data-driven apps

FEATURES AND CONSTRAINTS • Nokia Browser main features:

• JavaScript runs on Nokia Browser Proxy server side • Application content compressed before sending to the client • CSS minimized, images compressed, partial HTML updates whenever possible

• Current Nokia Browser main constraints:

• HTML 4.01 with CSS 2.0 mobile profile (selected parts of CSS 3 also available) • Certain DOM events not supported (onkey*, onmouse*, ontouch*) • Limitations on animations (a limited set of transition timing functions available,

animations are blocking) • No device API access, except: geo-location, uploading / downloading files, initiating

sending SMS, phone call. • No home screen widgets

JAVASCRIPT AND MWL • Regular JavaScript statements are executed by the Nokia Browser

Proxy server • JavaScript function calls in your code cause a round-trip to Nokia

Browser Proxy • Special library called Mobile Web Library (MWL) provides client-local JS

functions • Functions executed fully on the client side (Nokia Browser Client) • Used via a namespace called mwl

MOBILE WEB LIBRARY • MWL is limited, however covers the most common use

cases that can be run on the client side: • Running simple CSS transitions/animations • Handling gestures (swipe, long press) • Inserting new nodes to DOM

• Implemented natively by the Nokia Browser Client

LEARNING TOOLS • Web App Templates and Samples shipped as part of

Nokia Web Tools 2.0 • Examples at Nokia Developer website • Today we will walk through templates to lean more

about: UI capabilities in Web Apps, MWL, Geolocation, Uploading and Downloading files.

• UI Example Project:

http://projects.developer.nokia.com/webappsuivisualisation

HANDS-ON DEMO

Want to learn more? www.developer.nokia.com

Michael Samarin, Director of Developer Training and Evangelism, Futurice

THANK YOU!