SlideShare a Scribd company logo
1 of 12
Download to read offline
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

What's hot

The API Facade Pattern: Overview - Episode 1
The API Facade Pattern: Overview - Episode 1The API Facade Pattern: Overview - Episode 1
The API Facade Pattern: Overview - Episode 1
Apigee | Google Cloud
 
Platform update and super apps ON BB App World
Platform update and super apps ON BB App World Platform update and super apps ON BB App World
Platform update and super apps ON BB App World
Prashant Singh
 
Jee技术在移动互联网中的应用
Jee技术在移动互联网中的应用Jee技术在移动互联网中的应用
Jee技术在移动互联网中的应用
javabloger
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web design
MR Z
 
Essential API Facade Patterns - Composition (Episode 1)
Essential API Facade Patterns - Composition (Episode 1)Essential API Facade Patterns - Composition (Episode 1)
Essential API Facade Patterns - Composition (Episode 1)
Apigee | Google Cloud
 
Architecture of a Modern Web App
Architecture of a Modern Web AppArchitecture of a Modern Web App
Architecture of a Modern Web App
scothis
 
IBM Worklight - Technical Overview
IBM Worklight - Technical OverviewIBM Worklight - Technical Overview
IBM Worklight - Technical Overview
IIC_Barcelona
 
SharePoint 2010 Customization Poster
SharePoint 2010 Customization PosterSharePoint 2010 Customization Poster
SharePoint 2010 Customization Poster
brendonschwartz
 

What's hot (20)

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

Similar to Ideas for addictive series 40 web apps

Codestrong 2012 breakout session the role of cloud services in your next ge...
Codestrong 2012 breakout session   the role of cloud services in your next ge...Codestrong 2012 breakout session   the role of cloud services in your next ge...
Codestrong 2012 breakout session the role of cloud services in your next ge...
Axway Appcelerator
 
Grameen Solutions Application Development Featured Projects 2009 11 15
Grameen Solutions   Application Development Featured Projects 2009 11 15Grameen Solutions   Application Development Featured Projects 2009 11 15
Grameen Solutions Application Development Featured Projects 2009 11 15
Grameen Solutions
 
SPEC INDIA Java Case Study
SPEC INDIA Java Case StudySPEC INDIA Java Case Study
SPEC INDIA Java Case Study
SPEC INDIA
 
Compuware APM Solution
Compuware APM SolutionCompuware APM Solution
Compuware APM Solution
backfire_88
 
Get Connected – Using Open Source Technologies on Facebook
Get Connected – Using Open Source Technologies on FacebookGet Connected – Using Open Source Technologies on Facebook
Get Connected – Using Open Source Technologies on Facebook
Binesh Gummadi
 
vFabric - Ideal Platform for SaaS Apps
vFabric - Ideal Platform for SaaS AppsvFabric - Ideal Platform for SaaS Apps
vFabric - Ideal Platform for SaaS Apps
VMware vFabric
 
Grameen Solutions Product Engineering Featured Projects 2009 11 12
Grameen Solutions   Product Engineering Featured Projects 2009 11 12Grameen Solutions   Product Engineering Featured Projects 2009 11 12
Grameen Solutions Product Engineering Featured Projects 2009 11 12
Grameen Solutions
 
FIND ME IF YOU CAN – SMART FUZZING AND DISCOVERY
FIND ME IF YOU CAN – SMART FUZZING AND DISCOVERYFIND ME IF YOU CAN – SMART FUZZING AND DISCOVERY
FIND ME IF YOU CAN – SMART FUZZING AND DISCOVERY
Shreeraj Shah
 
Integrating ADF Mobile with WebCenter
Integrating ADF Mobile with WebCenterIntegrating ADF Mobile with WebCenter
Integrating ADF Mobile with WebCenter
Brian Huff
 

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

Codestrong 2012 breakout session the role of cloud services in your next ge...
Codestrong 2012 breakout session   the role of cloud services in your next ge...Codestrong 2012 breakout session   the role of cloud services in your next ge...
Codestrong 2012 breakout session the role of cloud services in your next ge...
 
Grameen Solutions Application Development Featured Projects 2009 11 15
Grameen Solutions   Application Development Featured Projects 2009 11 15Grameen Solutions   Application Development Featured Projects 2009 11 15
Grameen Solutions Application Development Featured Projects 2009 11 15
 
Web Performance Acceleration with Strangeloop AS1000
Web Performance Acceleration with Strangeloop AS1000Web Performance Acceleration with Strangeloop AS1000
Web Performance Acceleration with Strangeloop AS1000
 
SPEC INDIA Java Case Study
SPEC INDIA Java Case StudySPEC INDIA Java Case Study
SPEC INDIA Java Case Study
 
Building single page applications
Building single page applicationsBuilding single page applications
Building single page applications
 
SharePoint 2013 Hosted App Presentation by Roy Kim
SharePoint 2013 Hosted App Presentation by Roy KimSharePoint 2013 Hosted App Presentation by Roy Kim
SharePoint 2013 Hosted App Presentation by Roy Kim
 
Webinar The App Lifecycle Platform
Webinar The App Lifecycle PlatformWebinar The App Lifecycle Platform
Webinar The App Lifecycle Platform
 
Compuware APM Solution
Compuware APM SolutionCompuware APM Solution
Compuware APM Solution
 
T04f
T04fT04f
T04f
 
Get Connected – Using Open Source Technologies on Facebook
Get Connected – Using Open Source Technologies on FacebookGet Connected – Using Open Source Technologies on Facebook
Get Connected – Using Open Source Technologies on Facebook
 
Simplified Web2.0 application development with Project Zero
Simplified Web2.0 application development with Project ZeroSimplified Web2.0 application development with Project Zero
Simplified Web2.0 application development with Project Zero
 
Sencha Web Applications Come of Age
Sencha Web Applications Come of AgeSencha Web Applications Come of Age
Sencha Web Applications Come of Age
 
vFabric - Ideal Platform for SaaS Apps
vFabric - Ideal Platform for SaaS AppsvFabric - Ideal Platform for SaaS Apps
vFabric - Ideal Platform for SaaS Apps
 
Grameen Solutions Product Engineering Featured Projects 2009 11 12
Grameen Solutions   Product Engineering Featured Projects 2009 11 12Grameen Solutions   Product Engineering Featured Projects 2009 11 12
Grameen Solutions Product Engineering Featured Projects 2009 11 12
 
OreDev 2008: Software + Services
OreDev 2008: Software + ServicesOreDev 2008: Software + Services
OreDev 2008: Software + Services
 
SPEC INDIA Microsoft Technology Case Study
SPEC INDIA Microsoft Technology Case StudySPEC INDIA Microsoft Technology Case Study
SPEC INDIA Microsoft Technology Case Study
 
FIND ME IF YOU CAN – SMART FUZZING AND DISCOVERY
FIND ME IF YOU CAN – SMART FUZZING AND DISCOVERYFIND ME IF YOU CAN – SMART FUZZING AND DISCOVERY
FIND ME IF YOU CAN – SMART FUZZING AND DISCOVERY
 
Integrating ADF Mobile with WebCenter
Integrating ADF Mobile with WebCenterIntegrating ADF Mobile with WebCenter
Integrating ADF Mobile with WebCenter
 
Introducing the new SharePoint 2013 app model
Introducing the new SharePoint 2013 app modelIntroducing the new SharePoint 2013 app model
Introducing the new SharePoint 2013 app model
 
Getting started with SharePoint 2013 online development
Getting started with SharePoint 2013 online developmentGetting started with SharePoint 2013 online development
Getting started with SharePoint 2013 online development
 

More from Microsoft Mobile Developer

More from Microsoft Mobile Developer (20)

Intro to Nokia X software platform 2.0 and tools
Intro to Nokia X software platform 2.0 and toolsIntro to Nokia X software platform 2.0 and tools
Intro to Nokia X software platform 2.0 and tools
 
Lumia App Labs: Lumia SensorCore SDK beta
Lumia App Labs: Lumia SensorCore SDK betaLumia App Labs: Lumia SensorCore SDK beta
Lumia App Labs: Lumia SensorCore SDK beta
 
Nokia Asha from idea to app - Imaging
Nokia Asha from idea to app - ImagingNokia Asha from idea to app - Imaging
Nokia Asha from idea to app - Imaging
 
Healthcare apps for Nokia X and Nokia Asha
Healthcare apps for Nokia X and Nokia AshaHealthcare apps for Nokia X and Nokia Asha
Healthcare apps for Nokia X and Nokia Asha
 
Push notifications on Nokia X
Push notifications on Nokia XPush notifications on Nokia X
Push notifications on Nokia X
 
DIY Nokia Asha app usability studies
DIY Nokia Asha app usability studiesDIY Nokia Asha app usability studies
DIY Nokia Asha app usability studies
 
Lessons learned from Nokia X UI reviews
Lessons learned from Nokia X UI reviewsLessons learned from Nokia X UI reviews
Lessons learned from Nokia X UI reviews
 
Location based services for Nokia X and Nokia Asha using Geo2tag
Location based services for Nokia X and Nokia Asha using Geo2tagLocation based services for Nokia X and Nokia Asha using Geo2tag
Location based services for Nokia X and Nokia Asha using Geo2tag
 
HERE Maps for the Nokia X platform
HERE Maps for the Nokia X platformHERE Maps for the Nokia X platform
HERE Maps for the Nokia X platform
 
Nokia In-App Payment - UX considerations
Nokia In-App Payment - UX considerationsNokia In-App Payment - UX considerations
Nokia In-App Payment - UX considerations
 
Introduction to Nokia Asha SDK 1.2 (beta)
Introduction to Nokia Asha SDK 1.2 (beta)Introduction to Nokia Asha SDK 1.2 (beta)
Introduction to Nokia Asha SDK 1.2 (beta)
 
UX considerations when porting to Nokia X
UX considerations when porting to Nokia XUX considerations when porting to Nokia X
UX considerations when porting to Nokia X
 
Kids' games and educational app design
Kids' games and educational app designKids' games and educational app design
Kids' games and educational app design
 
Nokia X: opportunities for developers
Nokia X: opportunities for developersNokia X: opportunities for developers
Nokia X: opportunities for developers
 
Lumia App Labs: Nokia Imaging SDK 1.1
Lumia App Labs: Nokia Imaging SDK 1.1Lumia App Labs: Nokia Imaging SDK 1.1
Lumia App Labs: Nokia Imaging SDK 1.1
 
Intro to Nokia X software platform and tools
Intro to Nokia X software platform and toolsIntro to Nokia X software platform and tools
Intro to Nokia X software platform and tools
 
Lumia App Labs: Lessons learned from 50 windows phone 8 design consultations
Lumia App Labs: Lessons learned from 50 windows phone 8 design consultationsLumia App Labs: Lessons learned from 50 windows phone 8 design consultations
Lumia App Labs: Lessons learned from 50 windows phone 8 design consultations
 
Windows Phone 8 speech: parliamo con la nostra app
Windows Phone 8 speech: parliamo con la nostra appWindows Phone 8 speech: parliamo con la nostra app
Windows Phone 8 speech: parliamo con la nostra app
 
La pubblicazione di un'applicazione sullo store
La pubblicazione di un'applicazione sullo storeLa pubblicazione di un'applicazione sullo store
La pubblicazione di un'applicazione sullo store
 
Il pattern mvvm come strutturare al meglio il vostro progetto
Il pattern mvvm come strutturare al meglio il vostro progettoIl pattern mvvm come strutturare al meglio il vostro progetto
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