content based templates for series 40 web apps

8

Click here to load reader

Upload: microsoft-mobile-developer

Post on 13-Jun-2015

922 views

Category:

Business


3 download

DESCRIPTION

This webinar will show you how to use pre-built templates that will help you make the most of your own web apps. We’ll cover the Mobile Web Library APIs for executing JavaScript™ routines locally on Series 40 phones. We’ll show you how to access the current location of a user, even when the user’s phone doesn’t include a GPS receiver. We’ll also show you how to use the JSON, file-upload, and file-download features of Series 40 web apps.

TRANSCRIPT

Page 1: Content based templates for Series 40 web apps

CONTENT BASED TEMPLATES FOR NOKIA SERIES 40 WEB APPS

Michael Samarin Director, Developer Training and Evangelism Futurice

Page 2: Content based templates for Series 40 web apps

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

Page 3: Content based templates for Series 40 web 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

Page 4: Content based templates for Series 40 web apps

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

Page 5: Content based templates for Series 40 web apps

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

Page 6: Content based templates for Series 40 web apps

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

Page 7: Content based templates for Series 40 web apps

HANDS-ON DEMO

Page 8: Content based templates for Series 40 web apps

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

Michael Samarin, Director of Developer Training and Evangelism, Futurice

THANK YOU!