WebSphere as a platform for mobile apps

Preview:

DESCRIPTION

 

Citation preview

WebSphere as a platform

for mobile apps

Henrik Sjöstrand

WebSphere Technical Sales

IBM Software Group, Sweden

henrik@se.ibm.com

JavaScript Frameworks for Rich Internet Applications

IBM invests in the Dojo framework. Why Dojo?

Alternatives: jQuery, YUI, Ext JS, MooTools, Prototype, script.aculo.us, DWR and others...

but often more targeted at spicing up a web page

• Open source project

• Comprehensive feature set

• Commercial-friendly licensing

• Globalization and accessibility support (WAI-ARIA)

• Well architected

• Active user communityhttp://dojotoolkit.org/

So what does a Dojo application look like?

Mobile Browser ExecutionMobile Browser Execution

Mobile: Different Approach for Different RequirementsTraditional Trade-offs

(without MEAP/MAP)

Characteristics

Maintenance Cost (TCO)Maintenance Cost (TCO)

Portability (crossPortability (cross--device reuse)device reuse)

Richness of Mobile Presentation / ServicesRichness of Mobile Presentation / Services

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

AppStore download and installAppStore download and install

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

5

Mobile Browser ExecutionMobile Browser Execution

Mobile: Different Approach for Different RequirementsTraditional Trade-offs

(without MEAP/MAP)

Characteristics

Maintenance Cost (TCO)Maintenance Cost (TCO)

Portability (crossPortability (cross--device reuse)device reuse)

Richness of Mobile Presentation / ServicesRichness of Mobile Presentation / Services

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

AppStore download and installAppStore download and install

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

6

C/C++, Java,

SilverLight

Mobile Browser ExecutionMobile Browser Execution

Mobile: Different Approach for Different RequirementsTraditional Trade-offs

(without MEAP/MAP)

Characteristics

Maintenance Cost (TCO)Maintenance Cost (TCO)

Portability (crossPortability (cross--device reuse)device reuse)

Richness of Mobile Presentation / ServicesRichness of Mobile Presentation / Services

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

AppStore download and installAppStore download and install

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

7

HTML +

Dojo

C/C++, Java,

SilverLight

Mobile Browser ExecutionMobile Browser Execution

Mobile: Different Approach for Different RequirementsTraditional Trade-offs

(without MEAP/MAP)

Characteristics

Maintenance Cost (TCO)Maintenance Cost (TCO)

Portability (crossPortability (cross--device reuse)device reuse)

Richness of Mobile Presentation / ServicesRichness of Mobile Presentation / Services

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

AppStore download and installAppStore download and install

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

8

HTML +

Dojo

HTML5 +

Dojo Mobile

C/C++, Java,

SilverLight

dojox.mobile widgets (iPhone & Android themes)

Heading with a back button Round Rectangle List Edge-to-Edge ListRound Rectangle List(Variable Height)

Edge-To-Edge List List with Buttons Edge-To-Edge Listin a Tab

Tab Container

Advanced dojox.mobile widgets

1

1

Web 2.0 & Mobile Feature Pack for WebSphere

Web 2.0

& MobileEJB 3.0

Web

Services

WAS V6.1 EJB 3.0Web

Services

Web 2.0

& MobileCEA XML SCA

OSGi Apps

& JPA 2.0

WAS V7

Java

Batch

Web 2.0 & Mobile

WAS V8CEA XML SCAOSGi Apps

& JPA 2.0

Java

Batch

Dynamic Scripting

Java EE 6

Java EE 5

With WAS V6.1 & 7.0

With WAS V8

J2EE 1.4 WAS V6.1 WAS V7

No additional cost. Supported by IBM.

Development Tooling In Rational Application Developer

12

Mobile Browser ExecutionMobile Browser Execution

Mobile: Different Approach for Different RequirementsTraditional Trade-offs

(without MEAP/MAP)

Characteristics

Maintenance Cost (TCO)Maintenance Cost (TCO)

Portability (crossPortability (cross--device reuse)device reuse)

Richness of Mobile Presentation / ServicesRichness of Mobile Presentation / Services

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

AppStore download and installAppStore download and install

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

13

HTML +

Dojo

HTML5 +

Dojo Mobile

C/C++, Java,

SilverLight

Mobile Browser ExecutionMobile Browser Execution

Mobile: Different Approach for Different RequirementsTraditional Trade-offs

(without MEAP/MAP)

Characteristics

Maintenance Cost (TCO)Maintenance Cost (TCO)

Portability (crossPortability (cross--device reuse)device reuse)

Richness of Mobile Presentation / ServicesRichness of Mobile Presentation / Services

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

WebApplication

Desktop and mobile using open web (HTML, JavaScript) client

programming models

Limited to no device-specific functionality

AppStore download and installAppStore download and install

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Native Mobile Application

Mobile only, developed using native languages or transcode

to native via MAP tools

Native appearance anddevice capabilities, performance

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Mobile Web Application

Mobile only using open web (HTML5, JavaScript) client

programming models

Off-line capabilities

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

Hybrid Mobile Application

Mobile only, app runs on the device, but leverages open web (HTML5, JS) via JavaScript

bridge

Native device capabilities (GPS, camera, contacts)Mimic native appearance

14

HTML5 +

Dojo Mobile

+ PhoneGap

HTML +

Dojo

HTML5 +

Dojo Mobile

C/C++, Java,

SilverLight

Mobile – End-to-End

DevicesDevices

InfrastructureInfrastructure

© 2011 IBM Corporation

IBM WebSphere ®

Web Server Tier Database TierApp Server Tier

Typical Three-Tier Server-side Architecture

© 2011 IBM Corporation

IBM WebSphere ®

Web Server Tier Database TierApp Server Tier Elastic Data Grid

DataPower XC10 for simple

data oriented scenarios:• HTTP Session Replication

• Elastic Dynacache

• Web Side Cache

eXtreme Scale for maximum

flexibility covering data and

application oriented scenarios

Solving the overloaded DB’s and response time issue

eXtreme Scale & DataPower XC10

© 2011 IBM Corporation

IBM WebSphere ®

Web Server Tier Database TierApp Server Tier

Maximizing resource utilization and availability

Virtual Enterprise & IBM Workload Deployer

Virtual Enterprise

On Demand Routers

© 2011 IBM Corporation

IBM WebSphere ®

Web Server Tier Database TierApp Server Tier Elastic Data Grid

DMZ

Solving the security issues with Web 2.0 & Mobile Apps

DataPower XS40 & XI50

© 2011 IBM Corporation

IBM WebSphere ®

The IBM mobile technology preview will provide customers with early access to IBM’s mobile capabilities and demonstrate our approach to mobile application design, distribution, and management

The IBM mobile technology preview will provide customers with early access to IBM’s mobile capabilities and demonstrate our approach to mobile application design, distribution, and management

Device and Server Infrastructure CapabilitiesSupport for Android

Management ConceptsTo be demoed

Demonstrations, Samples, & Documentation

Mobile Server Capabilities

on WAS v8.5 Alpha Liberty

Existing Back Ends

SOA & Connectivity

Client runtime

•Provides a container for developing hybrid applications, written in HTML and JavaScript, that deliver a compelling touch-based user experience and have full access to native device functions

•Customers will be able to rapidly develop, package, and distribute mobile applications through internal and external app stores by leveraging existing skills and assets

Server runtime

•Acts as central point for integration to back-ends

•Hosts key capabilities such as user registry and notifications

•Runs on IBM’s Liberty runtime

•Customers will be able tointegrate and extend existing applications and services to maximize existing investments

Notification capability

•Delivers notifications to users through maintained connection between client and server

•Customers will be able toengage users with notifications of time sensitive information or actions to take

Application Management

•Centralizes control over your mobile apps including policy-based access, versioning, updating, tracking, and wipe/remove

•Customers will be able to distribute apps to employees and control access to those apps and their enterprise data

Demonstrations & Samples

•Mysurance – Provides a showcase hybrid application that demonstrates all capabilities in an end-to-end insurance scenario

•Dojo Showcase – Highlights the full breadth of Dojo capabilities

•Hybrid Showcase – Demonstrates integration with all available native device functions

•Simple Notifications Client – Illustrates notification functionality and development techniques

IBM Mobile Technology Preview

© 2011 IBM Corporation

IBM WebSphere ®

WebSphere – Edge to Edge Application Optimization

Thank you!

Cross platform mobile apps

with WebSphere

Henrik Sjöstrand

WebSphere Technical Sales

IBM Software Group, Sweden

henrik@se.ibm.com

Recommended