Date post: | 21-Nov-2014 |
Category: |
Technology |
Upload: | ibm-danmark |
View: | 1,867 times |
Download: | 1 times |
WebSphere as a platform
for mobile apps
Henrik Sjöstrand
WebSphere Technical Sales
IBM Software Group, Sweden
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