CONTENT BASED TEMPLATES FORNOKIA SERIES 40 WEB APPSMichael SamarinDirector,Developer Training and EvangelismFuturice
SERIES 40 WEB APPS• Based on: W3C Widget specification• Authored using: Nokia Web Tools (current version 2.0)• Using: Noki...
FEATURES AND CONSTRAINTS• Nokia Browser main features:    • JavaScript runs on Nokia Browser Proxy server side    • Applic...
JAVASCRIPT AND MWL• Regular JavaScript statements are executed by the Nokia Browser  Proxy server• JavaScript function cal...
MOBILE WEB LIBRARY• MWL is limited, however covers the most common use  cases that can be run on the client side:   • Runn...
LEARNING TOOLS• Web App Templates and Samples shipped as part of  Nokia Web Tools 2.0• Examples at Nokia Developer website...
HANDS-ON DEMO
THANK YOU!Want to learn more?www.developer.nokia.com             Michael Samarin, Director of Developer Training and Evang...
Upcoming SlideShare
Loading in …5
×

Content based templates for Series 40 web apps

1,117 views
1,022 views

Published on

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.

Published in: Business
2 Comments
1 Like
Statistics
Notes
No Downloads
Views
Total views
1,117
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
36
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

Content based templates for Series 40 web apps

  1. 1. CONTENT BASED TEMPLATES FORNOKIA SERIES 40 WEB APPSMichael SamarinDirector,Developer Training and EvangelismFuturice
  2. 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. 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. 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. 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. 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
  7. 7. HANDS-ON DEMO
  8. 8. THANK YOU!Want to learn more?www.developer.nokia.com Michael Samarin, Director of Developer Training and Evangelism, Futurice

×