SlideShare a Scribd company logo
Ideas for Addictive Series 40
web apps
Tapan Acharya
Lead Evangelist and Consultant
Nokia
Contents
• What are Series 40 web apps?
• Why web apps?
    •   Web app runtime architecture
•   Pointers for developing a good WebApp
•   Components available for developing WebApps.
•   Demo.
•   WebApp Ideas.
Java and web apps offer                                      •    Consumer Foot fall.
                                                                  Usage Trends


options and flexibility
                                                             •
                                                             •    Purchase Trends.
                                                             •    Web Extensions




                       JAVA APPS                             WEB APPS

                                       News, Info,                 Brands,
Sophisticated
                      Communication     Guides &                 Products &
   Games
                                       Reference                  Shopping

                                                            Simple/Social
 Productivity                            Social
                         Multimedia                             Games
    Tools                               Networks
                                                            (e.g., quizzes)


                                      • Suited to connected information
• Suited for highly interactive and     and entertainment apps
  graphics-intensive apps, offline    • Easier to learn for new developers
  processing                          • Faster time to market & lower
• Available as “native” platform        development costs
Web apps leverage cloud-assisted
Xpress 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 apps
                                                  Better
                                                 browsing


                                                 Web apps

     THE INTERNET         XPRESS BROWSER         BETTER AND
                           FOR SERIES 40        PERSONALISED
                           PROXY SERVER         WEB EXPERIENCE
Web App Runtime                                                                                Initial

Architecture                                                                                  web view




                                                   Xpress Browser Proxy                     2. Requests web app           Web App
Xpress Browser   1. User selects web app
    Client                                     Client                                                                     Manager
                                                                      Application
                                                                                             3. Metadata, HTML, CSS,
                                              Optimizer                Session               JavaScript, Images, etc.
Application
 Session                                       DOM
                                             Comparison
                                                                        DOM                       4. Create DOM and
                                                                                                  JavaScript context.
                  8. Web app view                                                                 Run onload JavaScript

   DOM
                  (HTML, CSS, Images,
                  MWL)                       Device APIs
                                                                       JavaScript             5. AJAX requests for data
                                                                                                                          Content
                                              Widget API                Context
                                                                                                                           Server
                                                                                             6. XML, JSON, etc. from
    MWL                                                                                      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
Pointers for developing a WebApp
•   Centered around a Single Purpose.
•   Centered around a user category.
•   Keep in mind the life cycle of the WebApp (create, Maintain).
•   Show just enough content.
•   Clear business model (WIN Criterion, purpose).
•   Holistic thinking of the purpose.
•   It should make users life better.
•   Plan the game for the long haul.



                                        6
Components for Developing
WebApps
WebApp popular components.
•   Templates of use.
•   Photo Containers.
•   Video Containers.
•   Social Media Containers.
•   RSS Containers.
•   Geo Location Capability.
•   JSON Capability.
•   File Upload Capability.
•   Text holders and Search.
•   API……Example
                               8
Demo.

© Nokia 2012   9
WebApp Ideas.
WebApp Ideas.
• Citizen Application                                        • Content based Apps
• Tourist Application                                        • Movie Review Application
• File Upload & Download.                                    • Shopping App
• Consolidator of Key Sites.                                 • Logistics tracking app
• Health Experts Around.                                     • Stock Trading
• Key Interest application                                   • Matrimony App
  (Automotive)                  User             Utility     • Photo File Upload
• Personal Journal/ List.                                    • Deals




                               Location        Enterprise
• Around Me                                                 • Social Media Consolidator.
• Hotel Search application.                                 • Sales Forecast Application.
• Party/ Marriage venue app.                                • Product Stock update.
• City Application                                          • Customer Support Application.
• Party plan Application.                                   • Financial check.
• Location based offers.                                    • Program Guide

            © Nokia 2012                  11
Thank you.
       Try it now: http://xpresswebapps.nokia.com/




© Nokia 2012                                         12

More Related Content

PDF
Effectively using Nokia Web Tools 2.0 templates for Series 40 web apps
PPTX
Kentico Technical Learning: Exploring jQuery Mobile
PDF
VMware Zimbra 7
PDF
Supporting View Transition Design of Smartphone Applications Using Web Templ...
PPTX
Building and packaging highly scalable services for maximum market penetratio...
PDF
Ajax World Oct2008 Jrd
PDF
Cloud Computing2
PDF
Egl Rui Ajax World
Effectively using Nokia Web Tools 2.0 templates for Series 40 web apps
Kentico Technical Learning: Exploring jQuery Mobile
VMware Zimbra 7
Supporting View Transition Design of Smartphone Applications Using Web Templ...
Building and packaging highly scalable services for maximum market penetratio...
Ajax World Oct2008 Jrd
Cloud Computing2
Egl Rui Ajax World

What's hot (20)

PDF
Share Point, The Right CMS For Your Website?
PDF
Cloudonomics IP Monetization Conf - Malaysia
PPTX
Station Four: Web Redesign Presentation
PDF
Mobile IS Mainstream
PPTX
CrownPeak Mobile Marketing Videocast
PPTX
The API Facade Pattern: Overview - Episode 1
PDF
Platform update and super apps ON BB App World
PDF
Introduction to DaVinci
PDF
Jee技术在移动互联网中的应用
PPT
PPT
Principles of web design
PPTX
The API Facade Pattern: People - Episode 4
PPTX
Essential API Facade Patterns - Composition (Episode 1)
PDF
Architecture of a Modern Web App
PPTX
Web Sphere Portal
PDF
Fundamentals of Web Development For Non-Developers
PPTX
Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)
PDF
IBM Worklight - Technical Overview
DOC
Sherry-LinkedIn
PDF
SharePoint 2010 Customization Poster
Share Point, The Right CMS For Your Website?
Cloudonomics IP Monetization Conf - Malaysia
Station Four: Web Redesign Presentation
Mobile IS Mainstream
CrownPeak Mobile Marketing Videocast
The API Facade Pattern: Overview - Episode 1
Platform update and super apps ON BB App World
Introduction to DaVinci
Jee技术在移动互联网中的应用
Principles of web design
The API Facade Pattern: People - Episode 4
Essential API Facade Patterns - Composition (Episode 1)
Architecture of a Modern Web App
Web Sphere Portal
Fundamentals of Web Development For Non-Developers
Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)
IBM Worklight - Technical Overview
Sherry-LinkedIn
SharePoint 2010 Customization Poster
Ad

Similar to Ideas for addictive series 40 web apps (20)

PDF
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
PDF
Cross platform mobile web apps
PDF
Hybrid Apps / iPhoneDevCon 2010
PDF
Bd conf sencha touch workshop
PPTX
webinos - Architecture and Strategy
PDF
HTML5 and the dawn of rich mobile web applications pt 1
PDF
A Snapshot of the Mobile HTML5 Revolution
PDF
HTML5 and the dawn of rich mobile web applications
PDF
Building Cross Platform Mobile Web Apps
PDF
Building cross platform mobile web apps
PDF
Eva flex java_1_slides
PDF
PhoneGap Day - IBM, PhoneGap and the Enterprise
PDF
The Modern Web, Part 1: Mobility
PDF
Making mobile apps with web technology (revised)
PDF
Building Cloud-Based Cross-Platform Mobile Web Apps
PPTX
Codestrong 2012 breakout session introduction to mobile web and best practices
PDF
Mobile web or native app
PDF
CM WebClient CA Expo Mannheim Germany
PDF
An Intro to Mobile HTML5
PPTX
Mesh-Enabled Web Applications
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Cross platform mobile web apps
Hybrid Apps / iPhoneDevCon 2010
Bd conf sencha touch workshop
webinos - Architecture and Strategy
HTML5 and the dawn of rich mobile web applications pt 1
A Snapshot of the Mobile HTML5 Revolution
HTML5 and the dawn of rich mobile web applications
Building Cross Platform Mobile Web Apps
Building cross platform mobile web apps
Eva flex java_1_slides
PhoneGap Day - IBM, PhoneGap and the Enterprise
The Modern Web, Part 1: Mobility
Making mobile apps with web technology (revised)
Building Cloud-Based Cross-Platform Mobile Web Apps
Codestrong 2012 breakout session introduction to mobile web and best practices
Mobile web or native app
CM WebClient CA Expo Mannheim Germany
An Intro to Mobile HTML5
Mesh-Enabled Web Applications
Ad

More from Microsoft Mobile Developer (20)

PDF
Intro to Nokia X software platform 2.0 and tools
PDF
Lumia App Labs: Lumia SensorCore SDK beta
PDF
Nokia Asha from idea to app - Imaging
PPTX
Healthcare apps for Nokia X and Nokia Asha
PDF
Push notifications on Nokia X
PDF
DIY Nokia Asha app usability studies
PDF
Lessons learned from Nokia X UI reviews
PDF
Location based services for Nokia X and Nokia Asha using Geo2tag
PDF
HERE Maps for the Nokia X platform
PDF
Nokia In-App Payment - UX considerations
PDF
Introduction to Nokia Asha SDK 1.2 (beta)
PDF
UX considerations when porting to Nokia X
PDF
Kids' games and educational app design
PDF
Nokia X: opportunities for developers
PDF
Lumia App Labs: Nokia Imaging SDK 1.1
PDF
Intro to Nokia X software platform and tools
PDF
Lumia App Labs: Lessons learned from 50 windows phone 8 design consultations
PDF
Windows Phone 8 speech: parliamo con la nostra app
PDF
La pubblicazione di un'applicazione sullo store
PDF
Il pattern mvvm come strutturare al meglio il vostro progetto
Intro to Nokia X software platform 2.0 and tools
Lumia App Labs: Lumia SensorCore SDK beta
Nokia Asha from idea to app - Imaging
Healthcare apps for Nokia X and Nokia Asha
Push notifications on Nokia X
DIY Nokia Asha app usability studies
Lessons learned from Nokia X UI reviews
Location based services for Nokia X and Nokia Asha using Geo2tag
HERE Maps for the Nokia X platform
Nokia In-App Payment - UX considerations
Introduction to Nokia Asha SDK 1.2 (beta)
UX considerations when porting to Nokia X
Kids' games and educational app design
Nokia X: opportunities for developers
Lumia App Labs: Nokia Imaging SDK 1.1
Intro to Nokia X software platform and tools
Lumia App Labs: Lessons learned from 50 windows phone 8 design consultations
Windows Phone 8 speech: parliamo con la nostra app
La pubblicazione di un'applicazione sullo store
Il pattern mvvm come strutturare al meglio il vostro progetto

Ideas for addictive series 40 web apps

  • 1. Ideas for Addictive Series 40 web apps Tapan Acharya Lead Evangelist and Consultant Nokia
  • 2. Contents • What are Series 40 web apps? • Why web apps? • Web app runtime architecture • Pointers for developing a good WebApp • Components available for developing WebApps. • Demo. • WebApp Ideas.
  • 3. Java and web apps offer • Consumer Foot fall. Usage Trends options and flexibility • • Purchase Trends. • Web Extensions JAVA APPS WEB APPS News, Info, Brands, Sophisticated Communication Guides & Products & Games Reference Shopping Simple/Social Productivity Social Multimedia Games Tools Networks (e.g., quizzes) • Suited to connected information • Suited for highly interactive and and entertainment apps graphics-intensive apps, offline • Easier to learn for new developers processing • Faster time to market & lower • Available as “native” platform development costs
  • 4. Web apps leverage cloud-assisted Xpress 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 apps Better browsing Web apps THE INTERNET XPRESS BROWSER BETTER AND FOR SERIES 40 PERSONALISED PROXY SERVER WEB EXPERIENCE
  • 5. Web App Runtime Initial Architecture web view Xpress Browser Proxy 2. Requests web app Web App Xpress Browser 1. User selects web app Client Client Manager Application 3. Metadata, HTML, CSS, Optimizer Session JavaScript, Images, etc. Application Session DOM Comparison DOM 4. Create DOM and JavaScript context. 8. Web app view Run onload JavaScript DOM (HTML, CSS, Images, MWL) Device APIs JavaScript 5. AJAX requests for data Content Widget API Context Server 6. XML, JSON, etc. from MWL 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. Pointers for developing a WebApp • Centered around a Single Purpose. • Centered around a user category. • Keep in mind the life cycle of the WebApp (create, Maintain). • Show just enough content. • Clear business model (WIN Criterion, purpose). • Holistic thinking of the purpose. • It should make users life better. • Plan the game for the long haul. 6
  • 8. WebApp popular components. • Templates of use. • Photo Containers. • Video Containers. • Social Media Containers. • RSS Containers. • Geo Location Capability. • JSON Capability. • File Upload Capability. • Text holders and Search. • API……Example 8
  • 11. WebApp Ideas. • Citizen Application • Content based Apps • Tourist Application • Movie Review Application • File Upload & Download. • Shopping App • Consolidator of Key Sites. • Logistics tracking app • Health Experts Around. • Stock Trading • Key Interest application • Matrimony App (Automotive) User Utility • Photo File Upload • Personal Journal/ List. • Deals Location Enterprise • Around Me • Social Media Consolidator. • Hotel Search application. • Sales Forecast Application. • Party/ Marriage venue app. • Product Stock update. • City Application • Customer Support Application. • Party plan Application. • Financial check. • Location based offers. • Program Guide © Nokia 2012 11
  • 12. Thank you. Try it now: http://xpresswebapps.nokia.com/ © Nokia 2012 12