Click here to load reader
Upload
microsoft-mobile-developer
View
922
Download
3
Embed Size (px)
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.
Citation preview
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!