23
WebSphere as a platform for mobile apps Henrik Sjöstrand WebSphere Technical Sales IBM Software Group, Sweden [email protected]

WebSphere as a platform for mobile apps

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: WebSphere as a platform for mobile apps

WebSphere as a platform

for mobile apps

Henrik Sjöstrand

WebSphere Technical Sales

IBM Software Group, Sweden

[email protected]

Page 2: WebSphere as a platform for mobile apps
Page 3: WebSphere as a platform for mobile apps

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/

Page 4: WebSphere as a platform for mobile apps

So what does a Dojo application look like?

Page 5: WebSphere as a platform for mobile apps

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

Page 6: WebSphere as a platform for mobile apps

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

Page 7: WebSphere as a platform for mobile apps

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

Page 8: WebSphere as a platform for mobile apps

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

Page 9: WebSphere as a platform for mobile apps

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

Page 10: WebSphere as a platform for mobile apps

Advanced dojox.mobile widgets

Page 11: WebSphere as a platform for mobile apps

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.

Page 12: WebSphere as a platform for mobile apps

Development Tooling In Rational Application Developer

12

Page 13: WebSphere as a platform for mobile apps

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

Page 14: WebSphere as a platform for mobile apps

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

Page 15: WebSphere as a platform for mobile apps

Mobile – End-to-End

DevicesDevices

InfrastructureInfrastructure

Page 16: WebSphere as a platform for mobile apps

© 2011 IBM Corporation

IBM WebSphere ®

Web Server Tier Database TierApp Server Tier

Typical Three-Tier Server-side Architecture

Page 17: WebSphere as a platform for mobile apps

© 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

Page 18: WebSphere as a platform for mobile apps

© 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

Page 19: WebSphere as a platform for mobile apps

© 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

Page 20: WebSphere as a platform for mobile apps

© 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

Page 21: WebSphere as a platform for mobile apps

© 2011 IBM Corporation

IBM WebSphere ®

WebSphere – Edge to Edge Application Optimization

Page 22: WebSphere as a platform for mobile apps

Thank you!

Page 23: WebSphere as a platform for mobile apps

Cross platform mobile apps

with WebSphere

Henrik Sjöstrand

WebSphere Technical Sales

IBM Software Group, Sweden

[email protected]