ideas for addictive series 40 web apps

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 options and flexibility

Sophisticated Games Communication

Productivity Tools Multimedia

JAVA APPS

News, Info, Guides &

Reference

Brands, Products & Shopping

Social Networks

Simple/Social Games

(e.g., quizzes)

WEB APPS

• Suited for highly interactive and graphics-intensive apps, offline processing

• Available as “native” platform

• Suited to connected information and entertainment apps

• Easier to learn for new developers • Faster time to market & lower

development costs

• Consumer Foot fall. • Usage Trends • Purchase Trends. • Web Extensions

• 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

Web apps leverage cloud-assisted Xpress Browser for Series 40

THE INTERNET

Better browsing

Web apps

BETTER AND PERSONALISED

WEB EXPERIENCE

XPRESS BROWSER FOR SERIES 40 PROXY SERVER

Xpress Browser Client

Application Session

Xpress Browser Proxy Web App Manager

Content Server

Application Session

DOM

JavaScript Context

Client Optimizer

Device APIs

Widget API

DOM Comparison

DOM

MWL

1. User selects web app 2. Requests web app

3. Metadata, HTML, CSS, JavaScript, Images, etc.

4. Create DOM and JavaScript context. Run onload JavaScript

5. AJAX requests for data

6. XML, JSON, etc. from Content Server

8. Web app view (HTML, CSS, Images, MWL)

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

Web App Runtime Architecture

Initial web view

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.

© Nokia 2012 11

• Social Media Consolidator. • Sales Forecast Application. • Product Stock update. • Customer Support Application. • Financial check. • Program Guide

• Around Me • Hotel Search application. • Party/ Marriage venue app. • City Application • Party plan Application. • Location based offers.

• Content based Apps • Movie Review Application • Shopping App • Logistics tracking app • Stock Trading • Matrimony App • Photo File Upload • Deals

• Citizen Application • Tourist Application • File Upload & Download. • Consolidator of Key Sites. • Health Experts Around. • Key Interest application

(Automotive) • Personal Journal/ List.

User Utility

Enterprise Location

Thank you.

© Nokia 2012 12

Try it now: http://xpresswebapps.nokia.com/