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.
RSA Conference Exhibitor List 2024 - Exhibitors Data
Content based templates for Series 40 web apps
1. CONTENT BASED TEMPLATES FOR
NOKIA SERIES 40 WEB APPS
Michael Samarin
Director,
Developer Training and Evangelism
Futurice
2. 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
3. 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
4. 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
5. 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
6. 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