WebSphere is a platform for developing mobile apps across different platforms and devices. It allows creating web apps using open web technologies like HTML5 and JavaScript that can run on mobile browsers, as well as hybrid and native mobile apps. WebSphere provides tools for building apps targeting different mobile requirements and capabilities. It also offers server-side capabilities for integrating mobile apps with back-end systems and managing mobile apps across devices and platforms.

1. WebSphere as a platform
for mobile apps
Henrik Sjöstrand
WebSphere Technical Sales
IBM Software Group, Sweden
henrik@se.ibm.com

3. JavaScript Frameworks for Rich Internet Applications
IBM invests in the Dojo framework. Why Dojo?
• Open source project
• Comprehensive feature set
• Commercial-friendly licensing
• Globalization and accessibility support (WAI-ARIA)
• Well architected
http://dojotoolkit.org/ • Active user community
Alternatives: jQuery, YUI, Ext JS, MooTools, Prototype, script.aculo.us, DWR and others...
but often more targeted at spicing up a web page

4. So what does a Dojo application look like?

5. Mobile: Different Approach for Different Requirements
Web Mobile Web Hybrid Mobile Native Mobile
Application Application Application Application
Characteristics
Desktop and mobile using open Mobile only using open web Mobile only, app runs on the Mobile only, developed using
web (HTML, JavaScript) client (HTML5, JavaScript) client device, but leverages open web native languages or transcode
programming models programming models (HTML5, JS) via JavaScript to native via MAP tools
bridge
Limited to no device-specific Off-line capabilities Native appearance and
functionality Native device capabilities device capabilities, performance
(GPS, camera, contacts)
Mimic native appearance
Mobile Browser Execution AppStore download and install
Traditional Trade-offs
(without MEAP/MAP)
Richness of Mobile Presentation / Services
Portability (cross-device reuse)
Maintenance Cost (TCO)
5

6. Mobile: Different Approach for Different Requirements
Web Mobile Web Hybrid Mobile Native Mobile
Application Application Application Application
a,
Characteristics
v t
native languages or a
Desktop and mobile using open Mobile only using open web Mobile only, app runs on the Mobile only, developed using
web (HTML, JavaScript) client (HTML5, JavaScript) client device, but leverages open web
to native via ,
J transcode
h
programming models programming models (HTML5, JS) via JavaScript
bridge
+ ig
+ MAPLtools
Limited to no device-specific
functionality
Off-line capabilities
Native device capabilities
(GPS, camera, contacts)
/C lver
Native appearance and
device capabilities, performance
C i
Mimic native appearance S
Mobile Browser Execution AppStore download and install
Traditional Trade-offs
(without MEAP/MAP)
Richness of Mobile Presentation / Services
Portability (cross-device reuse)
Maintenance Cost (TCO)
6

7. Mobile: Different Approach for Different Requirements
Web Mobile Web Hybrid Mobile Native Mobile
Application Application Application Application
a,
Characteristics
+
Desktop and mobile using open Mobile only using open web Mobile only, app runs on the
native languages or a
v t
Mobile only, developed using
L
web (HTML, JavaScript) client (HTML5, JavaScript) client device, but leverages open web
to native via ,
J transcode
ig
h
M jo
programming models programming models (HTML5, JS) via JavaScript
bridge
+ + MAPLtools
HT Do /C lver
Limited to no device-specific Off-line capabilities Native appearance and
functionality Native device capabilities device capabilities, performance
(GPS, camera, contacts) C i
Mimic native appearance S
Mobile Browser Execution AppStore download and install
Traditional Trade-offs
(without MEAP/MAP)
Richness of Mobile Presentation / Services
Portability (cross-device reuse)
Maintenance Cost (TCO)
7

8. Mobile: Different Approach for Different Requirements
Web Mobile Web Hybrid Mobile Native Mobile
Application Application Application Application
a,
Characteristics
+
Desktop and mobile using open
5 ile
+
Mobile only using open web Mobile only, app runs on the
native languages or a
v t
Mobile only, developed using
L
web (HTML, JavaScript) client
L
(HTML5, JavaScript) client device, but leverages open web
to native via ,
J transcode
h
M jo M ob ig
programming models programming models (HTML5, JS) via JavaScript
bridge
+ + MAPLtools
HT Do HT jo M /C lver
Limited to no device-specific Off-line capabilities Native appearance and
functionality Native device capabilities device capabilities, performance
(GPS, camera, contacts) C i
Do S
Mimic native appearance
Mobile Browser Execution AppStore download and install
Traditional Trade-offs
(without MEAP/MAP)
Richness of Mobile Presentation / Services
Portability (cross-device reuse)
Maintenance Cost (TCO)
8

9. dojox.mobile widgets (iPhone & Android themes)
Heading with a back button Round Rectangle List Round Rectangle List Edge-to-Edge List
(Variable Height)
Edge-To-Edge List List with Buttons Tab Container Edge-To-Edge List
in a Tab

10. Advanced dojox.mobile widgets

11. 1
1
Web 2.0 & Mobile Feature Pack for WebSphere
With WAS V6.1 & 7.0
Web 2.0 Web Web 2.0 OSGi Apps Java
EJB 3.0 Services
CEA XML SCA
& Mobile & Mobile & JPA 2.0 Batch
J2EE 1.4 WAS V6.1 Web Java EE 5
EJB 3.0 Services WAS V7
With WAS V8
Web 2.0 & Mobile Dynamic Scripting
CEA XML SCA
OSGi Apps Java Java EE 6 WAS V8
& JPA 2.0 Batch
No additional cost. Supported by IBM.

12. Development Tooling In Rational Application Developer
12

13. Mobile: Different Approach for Different Requirements
Web Mobile Web Hybrid Mobile Native Mobile
Application Application Application Application
a,
Characteristics
+
Desktop and mobile using open
5 ile
+
Mobile only using open web Mobile only, app runs on the
native languages or a
v t
Mobile only, developed using
L
web (HTML, JavaScript) client
L
(HTML5, JavaScript) client device, but leverages open web
to native via ,
J transcode
h
M jo M ob ig
programming models programming models (HTML5, JS) via JavaScript
bridge
+ + MAPLtools
HT Do HT jo M /C lver
Limited to no device-specific Off-line capabilities Native appearance and
functionality Native device capabilities device capabilities, performance
(GPS, camera, contacts) C i
Do S
Mimic native appearance
Mobile Browser Execution AppStore download and install
Traditional Trade-offs
(without MEAP/MAP)
Richness of Mobile Presentation / Services
Portability (cross-device reuse)
Maintenance Cost (TCO)
13

14. Mobile: Different Approach for Different Requirements
Web Mobile Web Hybrid Mobile Native Mobile
Application Application Application Application
a,
Characteristics
+
Desktop and mobile using open
5 ile
+
Mobile only using open web +
5 ile
Mobile only, app runs on the
native languages or a
v t
Mobile only, developed using
L
web (HTML, JavaScript) client
L
(HTML5, JavaScript) client
L
device, but leverages open web
Mbridgeob a
(HTML5, JS) via JavaScriptp to native via ,
J transcode
h
M jo M ob ig
programming models programming models
+ MAPLtools
HT Do
Limited to no device-specific
functionality HT jo M
Off-line capabilities HT jo M neG
Native device capabilities
+
/C lver
Native appearance and
device capabilities, performance
C i
Do Pho
(GPS, camera, contacts)
Do S
Mimic native appearance
+
Mobile Browser Execution AppStore download and install
Traditional Trade-offs
(without MEAP/MAP)
Richness of Mobile Presentation / Services
Portability (cross-device reuse)
Maintenance Cost (TCO)
14

15. Mobile – End-to-End
Devices
Infrastructure

16. IBM WebSphere ®
Typical Three-Tier Server-side Architecture
Web Server Tier App Server Tier Database Tier
© 2011 IBM Corporation

17. IBM WebSphere ®
Solving the overloaded DB’s and response time issue
eXtreme Scale & DataPower XC10
Web Server Tier App Server Tier Elastic Data Grid Database Tier
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
© 2011 IBM Corporation

18. IBM WebSphere ®
Maximizing resource utilization and availability
Virtual Enterprise & IBM Workload Deployer
Web Server Tier App Server Tier Database Tier
Virtual Enterprise
On Demand Routers
© 2011 IBM Corporation

19. IBM WebSphere ®
Solving the security issues with Web 2.0 & Mobile Apps
DataPower XS40 & XI50
DMZ
Web Server Tier App Server Tier Elastic Data Grid Database Tier
© 2011 IBM Corporation

20. IBM WebSphere ®
IBM Mobile Technology Preview
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 Demonstrations, Samples, &
Capabilities Documentation
Support for Android
Demonstrations & Samples
Mobile Server Capabilities •Mysurance – Provides a showcase hybrid
on WAS v8.5 Alpha Liberty application that demonstrates all capabilities
in an end-to-end insurance scenario
•Dojo Showcase – Highlights the full
SOA & Connectivity
breadth of Dojo capabilities
•Hybrid Showcase – Demonstrates
Existing Back Ends integration with all available native device
Server runtime functions
•Acts as central point for •Simple Notifications Client – Illustrates
Client runtime notification functionality and development
integration to back-ends
•Provides a container for developing techniques
hybrid applications, written in HTML •Hosts key capabilities such as
and JavaScript, that deliver a user registry and notifications
compelling touch-based user •Runs on IBM’s Liberty runtime
experience and have full access to Management Concepts
•Customers will be able to
native device functions
integrate and extend existing To be demoed
•Customers will be able to rapidly applications and services to
develop, package, and distribute maximize existing investments Application Management
mobile applications through internal
and external app stores by Notification capability •Centralizes control over your mobile
leveraging existing skills and assets •Delivers notifications to users apps including policy-based access,
through maintained connection versioning, updating, tracking, and
between client and server wipe/remove
•Customers will be able to •Customers will be able to distribute
engage users with notifications of apps to employees and control access to
time sensitive information or those apps and their enterprise data
actions to take
© 2011 IBM Corporation

21. IBM WebSphere ®
WebSphere – Edge to Edge Application Optimization
© 2011 IBM Corporation

22. Thank you!

23. Cross platform mobile apps
with WebSphere
Henrik Sjöstrand
WebSphere Technical Sales
IBM Software Group, Sweden
henrik@se.ibm.com