Effectively using Nokia Web Tools 2.0 templates for Series 40 web apps

  • Published on
    16-Jun-2015

  • View
    1.102

  • Download
    2

DESCRIPTION

This webinar presentation shows you how easy it is to build Series 40 web apps based on templates in Nokia Web Tools 2.0. Tapan Acharya, lead evangelist and consultant with Nokia in Bangalore, describes templates including Multi-view, RSS Feed, Accordion, Carousel, and Tab Control. He presents sample apps and shows you how to use existing templates to localise your apps for languages you choose to support. The knowledge from this webinar will help you to select templates effectively and thus develop Series 40 web apps quickly.

Transcript

1. Effective templates for Series 40 web apps Tapan Acharya Lead Evangelist & Consultant. 2. Contents Why web apps? Web app runtime architecture Introducing Nokia Web tools. How to use different templates in web apps. Demo of some templates and UI components. Design consistency and templates. Demo of advanced templates. 3. Java and web apps offer Consumer Foot fall.Usage Trendsoptions and flexibility Purchase Trends.Web Extensions JAVA APPS WEB APPS News, Info, Brands,SophisticatedCommunication Guides & Products & Games ReferenceShoppingSimple/Social ProductivitySocial Multimedia GamesTools Networks(e.g., quizzes) Suited to connected information Suited for highly interactive and and entertainment appsgraphics-intensive apps, offline Easier to learn for new developersprocessing Faster time to market & lower Available as native platformdevelopment costs 4. Web apps leverage cloud-assistedXpress Browser for Series 40 Excellent browsing experience, even with the lowest price point devices Proxy to process complex web pages for better experience Up to 90% more efficient and more than twice as fast Dynamic start page with locally relevant content Cloud-assisted web appsBetter browsing Web appsTHE INTERNET XPRESS BROWSER BETTER ANDFOR SERIES 40PERSONALISED WEBPROXY SERVEREXPERIENCE 5. Web App RuntimeInitialArchitectureweb view Xpress Browser Proxy 2. Requests web app Web AppXpress Browser 1. User selects web appClient Client Manager Application3. Metadata, HTML, CSS,Optimizer Session JavaScript, Images, etc.Application Session DOM ComparisonDOM 4. Create DOM andJavaScript context.8. Web app view Run onload JavaScript(HTML, CSS, Images, DOMMWL) Device APIs JavaScript 5. AJAX requests for dataContentWidget APIContext Server6. XML, JSON, etc. fromMWL Content Server 7. Server processing Web app JavaScript modifies DOM Server creates client optimized HTML/CSS from DOM JavaScript event handlers are wrapped in MWL callbacks MWL event handlers are passed through to client 6. Web app tools Nokia Web Tools WebWeb App Web DevelopmentSimulatorDeveloper Environment(WAS) Channel(WDE)(WDC) 7. Overview of Nokia Web Tools. WDC WDESimulator 8. Web Developer Environment (WDE) Toolbar Built on the Eclipse platform WDE leverages the powerful webediting features (editing, packaging,and deploying of web apps).Menu optionsNetwork trace view Updated project shortcut menuoptions 9. Web App Simulator (WAS) Enables to preview and test Series 40 web apps For Series 40 web apps, WAS must be started from within WDE bypreviewing a web app Web App Simulator (WAS)LocalCloud PreviewPreview 10. Web App Simulator look & feel Simulator Menu Bar SimulatorSettingsDevice Settings 11. Web App Platform FeaturesMWL:Is a JavaScript library to handle basic on device operations.MWL Methods must be invoked inline to execute on the client.Gestures:Nokia Browser exposes swipe, long press and key events.Animated Transitions:Animated Transitions supported through basic CSS3 Module 3 support.Width, height and margin.Storage Using widget preferences :http://www.w3.org/TR/widgets-apis/#the-preferences-attributeApplication Cache HTML5 feature for storing Web assets locally Current Use: store static images from web app 12. Choosing template from WDE Nokia 2012 / Company Confidential 12 13. Demo 14. Templates and Series 40 design consistency 15. Gesture implementation in templates Nokia 2012 / Company Confidential 15 16. Demo 17. Thank you. www.developer.nokia.com/series40webapps Nokia 2012 17