WebSphere as a platform for mobile apps
0 likes1,178 views
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.
WebSphere as a platform for mobile apps
- 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
- 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