IBM Mobile portal experiencePresentation Transcript
IBM Smarter Collaboration Mobile Portal Experience Vincent Perrin, Certified Lotus Client Technical Professional for SW IOT
Mobile Portal Accelerator
Perspectives for the future
Over 85% of new handsets will have mobile Web access by 2011
There will be 5.3 billion mobile subscriptions by the end of 2010
(that's almost 80% of the world population)
Almost one in five global mobile subscribers have access to fast mobile Internet ( 3G or better ) services
The number of people accessing the mobile Internet is growing fast and is expected to overtake the PC as the most popular way to get on the Web within five years.
Mobile Growth Exploding Source : Garnter, International Telecommunication Union, eMarketer; Internet Statistics
4.6 Billion Mobile Phone Subscribers Cars PCs Telephone TVs Mobile 4.6 Billion in perspective .8B 1B 1.3B 1.7B 4.6B
Improve Customer Service Drive New Revenue Increase Customer Loyalty Drive Differentiation Build Brand loyalty Increase services and touch points Just in time marketing and offerings Instant communication Self Service Support Faster time to resolution Increase frequency of customer interactions Broader range of services Personalize services Competitive advantage Pervasive presence Capture customer mind share Employee Productivity Drive business productivity Process Improvements Immediate access to data Why Exceptional Mobile Experiences?
The Mobile Business Problem To make this….. appear on all of these…. … in a rich, useful way that engages the user and permits the productive use of portlets and applications. Different:
Mobile Confusion - When to Use What? Native Mobile Applications? Smart Phones? Hybrid Mobile Applications? Web Mobile Applications? Mobile Web Sites? Multi Channel? Mobile Portal? MPA?
Techniques for Creating Exceptional Mobile Experiences Browser Based, Web Applications
Accessible over the internet without need to download software
Uses device browser to display content
Hybrid – Both Web and Native Components
Native looking applications which utilize the browser interface to deliver content
Provide the ability to use native device features without writing code for each device
Able to make use of phone's native features such as camera, GPS, accelerometer, calendar, etc..
Supports the richest of user experiences (e.g., gaming applications)
With a web or hybrid mobile application approach you can:
Simplify distribution and retain control over application updates , rather than waiting for customers to update or acquire their applications from the app store
Save costs by leveraging a common infrastructure for both web and mobile applications
Build engaging, native-looking apps using existing web technologies & emerging standards like html5, and CSS3
Save time and lower maintenance costs by developing applications for smartphones that support Webkit based mobile browsers (Android, Safari, WebOS, S60)
Exceptional Web and Hybrid Mobile Experiences # of devices # of apps (cost) Native Hybrid + Web Economics of Web & Hybrid Approaches
Mobile capable sites Standard web site iPhone version of site Provide an Exceptional Web Experience on each device Don ’ t make the device conform to your site, your site should conform to the device
Experience shows that there are too many variables between mobile devices to format useful interfaces by rules (transcoding).
A more customized (and customizable) solution is required.
Verizon Device agnostic presentation Common business logic Device specific requirements Limited real estate Response time Broad band limitations Time to Market Challenges and Opportunities – Verizon Wireless* Mobile Portal Accelerator Advantages * IBM Mobile Portal Accelerator (formerly WebSphere Mobile Portal Everyplace (WEMP) Minimum changes for Business logic tier Device Independent Markup Extensions Image Conversion Services Support for smart phones Time to market * F rom Customer case study session delivered at Impact 2009: Session Number 1630 Verizon Wireless' Portal Applications for Handheld Devices http://www-01.ibm.com/software/websphere/events/impact2009/
Bharti (Airtel.in) Challenge Servicing the exploding telecom market in India Evolving Business process Need to transform IT systems with an architecture that will scale Support thousands of different handheld devices IBM Solution WebSphere Portal and Mobile Portal IBM Service Provider Delivery Environment Architecture Results First telecom supplier to offer integrated services across India Subscriber base grew from @6 million in ’04 to over 35 million in ’06, 95 million 2009... Statistics 11,000 concurrent users 1.2 million unique users/day 200 portal page views/sec Over 100M subscribers
Bharti Airtel Screen Examples
transparent white capsule Why Leverage a Portal Framework for Mobile Solution Delivery? GEL Oval MS-red GEL Oval MS-red GEL Oval MS-red GEL Oval MS-red GEL Oval MS-red GEL Oval MS-red Integrate with your back-end systems, including web content management Are personalized to a user's role, preferences, and behavior window_earth mda mobilephone2 feed-icon32x32 blue shadow arrow small Portal_6_theme_1 Are secure One common framework for mobile & web applications To create mobile applications that: Support end-user customization Can be measured and optimized using analytics Can adapt their presentation and functionality according to the device 1 2 3 4 5 6 Web Browser Mobile RSS / Atom
Mobile Solution Considerations ...develop, manage and deploy mobile web applications for a wide variety of devices and device types, including monochrome phones? Needs Solutions Mobile Portal Accelerator ...develop, manage and deploy web and hybrid mobile applications for smart phone and smart devices? 7,000 + Devices iPhone, iPad, Android, Blackberry WebSphere Portal Themes + WebSphere Portlet Factory Does your organization need to... OR
Websphere Portal Themes for Smartphones
Extend Portal web experience to mobile devices though the use of Portal themes for smartphones
Optimizes page download size for mobile connections
Two mobile theme options provided:
Dedicated mobile themes can serve dedicated mobile pages and content
Single theme can detect the device and serve mobile presentation or full site and content.
Sample themes can be downloaded on Portal Solutions catalog https://greenhouse.lotus.com/plugins/plugincatalog.nsf/assetDetails.xsp?action=editDocument&documentId=3148931F1C482700852576AC0050BD8C&Login
WebSphere Portlet Factory for Smart Phones
Automate the creation of smartphone-optimized applications, eliminating coding and speeding time to market
Support your multi-channel strategy. Create once and run on multiple devices and in multiple formats:
Quickly integrate your back-end systems into your mobile applications with a robust set of connectors (SAP, Domino, relational DB, web/REST services, PeopleSoft, Siebel, and more)
Leverage the smartphone application samples to speed development and learn best practice techniques, including how to best support geolocation and phones' orientation features
Multi-channel Application Capabilities Use one common set of tools, techniques, application code ... ...and generate applications for multiple client devices WebSphere Portlet Factory ...deploy to multiple platforms... Smartphones WebSphere Portal WebSphere Application Server Tablets Desktop Browsers
Mobile Portal Accelerator 7 PCs & full browsers Mobile Devices Dynamically Adapted & Rendered Introducing ThinkPad® T60 and T60p notebooks ... Perfect balance of performance and portability. Intel® Centrino® Duo Mobile Technology delivers new levels of mobile performance, reliability and manageability (select models). View demo. iphone_home 081215 Lenovo desktop BB WebSphere Portal Services Mashups IBM WebSphere Portal IBM Mobile Portal Accelerator htc-tytn-ll-smartphone BlackBerry-8830-Smartphone red MOTORAZR™ V3m for U.S. Cellular htc-tytn-ll-smartphone iphone_home
Mobile Portal Accelerator
WebSphere Portal extension that delivers online content and applications to virtually all mobile devices.
Adapt your content to over 7,200 mobile devices. MPA provides intelligent Multi-Channel Server capabilities that dynamically renders content to specific device characteristics and capabilities.
Speed your development with Mobile Portal Toolkit which enables both the development and testing of XDIME (XHTML with Device Independent Markup Extensions) portlets in IBM Rational Application Developer.
Keep pace with the latest mobile devices with IBM Mobile Portal Accelerator Device Update. Provides regular updates to mobile device definitions as they become available from device manufacturers.
Mobile Portal Accelerator - Mobile Multi-Channel Capabilities PCs and Full Browsers Mobile Devices Dynamically Adapted & Rendered to 7,200 Devices BB Role Based Personalization Contextual Web Experience Multi Channel Server WebSphere Portal Mobile Portal Accelerator
Mobile Portal Accelerator Architecture Overview
XDIME Mobile Portal allows you to create a view in XDIME markup which MCS uses to create the required markup for the device
Conditional Rendering - Layouts The designer can input layout options, all using the same underlying code.
Layout Results These pages are rendered from the same code. MPA has optimized for each device.
Conditional Rendering - Devices Mobile Portal Accelerator software can dynamically use different images or text depending on the device.
Image Options One image policy can be used to reference multiple images. MCS can determine which image suits the device making the request .
Image Conversion Service
The Image Conversion Service can:
Convert images to a different format and pixel depth
Reduce the color depth for a smaller color palette
Limit the output file to a size that can be handled by the device
May use the Caching Proxy of WebSphere Application Server Edge Components as both a forward and reverse proxy
May be installed on separate application servers than WebSphere Portal and may be clustered
Create one markup (XDIME) to support all mobile devices
A single portlet may support both wireless (XDIME) and wired (HTML) content.
XDIME elements reference Components, Theme and Layout policies
Application developers do not have to be concerned with updating
their applications for new devices
Mobile Portal Toolkit is used to create portlets and their policies
Portlets can be tested within the toolkit
Eclipse-based plugins….run on Rational Application Developer
Mobile Portal Toolkit Mobile Portal Toolkit Eclipse plug-in to RAD or RSA
Rich Mobile Device Repository
Over 6,500 devices and growinag…
600+ attributes per device
Aligned with W3C CC/PP and WAP Forum UAPROF
Robust Device Identification
compressed XML file in RAD
DB based on Server (DB2, Oracle, SQL Server)
Device update service
Toolkit – Device Repository Editor
Add custom attributes to repository using UI interface.
Add "pre-release" devices to repository to test in pre-production environment.
Interrogate device attributes to determine device capabilities. (MCS API or manually)
Search capability to find specific entries in repository.
Toolkit – Mobile Device Update Service
Repository updated regularly.
Merge/Replace repository using this tool.
Mobile Device Update subscription required
A process is established for requesting device addition to the repository
Rational ClearQuest with DeviceAnywhere
Run Testing scripts
Get reports on the testing
Test on real devices
World Wide carriers
Over 1200 devices
View over web
Enterprise level testing
Real devices – get service plans from carriers
Use one device from each device category
Device emulators are available from device manufacturers
Not all devices may have an emulator
Firefox browser with user agent switcher plugin
Works for many devices but not all
Need UA strings – useragent.org
Adjust browser size to approximate device size
Quick and dirty - not Enterprise quality testing
Administration Manage Mobile Portal from the same interface as Portal Administration
Navigation nodes (Pages, Portlets and URLs) can be configured such that they appear only on devices with particular capabilities (example: color, audio, camera)
Navigation Nodes can be configured such that they only appear on a certain type of device (example: PDA) or model (example: Sanyo SCP-8100).
Device Type Filtering is configured though Manage Mobile Pages.
Filtering based on Device Type / Capabilities
JSR 168 Portlet Support JSR 168
The Java Specification Request 168 Portlet Specification (JSR 168) standardizes how components for portal servers are to be developed
Portlets using this API and adhering to the specification may be deployed to any portal product that conforms to this specification
A JSR 168 portlet identifies each MIME type that it supports. The MIME type for XDIME is x-application/vnd.xdime+xml
Struts Portlet Support Struts XDIME tag library
Is a port of the WebSphere Portal version of the Struts HTML tag library
Allows web developers to create dynamic XDIME based user interfaces that exist in a Struts environment
Sample Struts portlets are available including:
A “blank” Struts portlet that can be used as the base to create new Struts portlets that use the IBM portlet API.
A JSR 168 compliant “blank” Struts portlet that can be used as the base to create a new Struts JSR 168 portlet.
A sample JSR 168 Struts portlet that can be used by developers as an example of how to code a Struts JSR 168 portlet.
Virtual Portal Support
Exploits WP 6 Virtual Portal Support
Use a single installation of portal to deploy multiple portals with different URLs, anonymous pages, user groups, and themes and skins.
Reuse existing hardware and simplified administration of multiple portals.
In order to achieve different look and feels across virtual portals, MCS policies may be grouped into policy sets
Each Virtual Portal can then be assigned a policy set, or use the default
A JSP tag selects a MCS policy from the appropriate policy set, depending on the Virtual Portal the user is browsing
Provides XML Access Scripts for creating or removing MPA content from a Virtual Portal. The create script is automatically configured in the WP Virtual Portal Manager Administration Portlet
Mobile Market - Explosion of Smartphone Devices
2010 estimated smartphone shipments worldwide will reach 270 million units, up 55% from 2009
Smartphones expected to reach 20% of all mobile phones shipped in 2010
Estimated worldwide smartphone shipments will reach 526 million units in 2014
Smartphones will constitute 32% of all mobile phones shipped by 2014
IDC - Worldwide Smartphone 2010–2014 Forecast Update: September 2010 Gartner NewsRoom - http://www.gartner.com/it/page.jsp?id=1466313 Worldwide smartphone sales to end users by operating system in 3Q10
Mobile Hybrid Approach- The Best Choice for Mobile Business Applications Camera GPS Microphone Device Data Accelerometer Device Specific Capabilities With the hybrid approach you can:
Write once and run on many smartphone devices
Bluetooth Mobile Application Hybrid Abstraction Layer (API)
New mobile theme for smartphones – lightweight, visually rich, and exploiting Webkit CSS3 visual effects
Mobile navigation widgets – set of showcase samples of common mobile application navigation patterns
Mobile page layouts – set of showcase samples of content interaction patterns
Mobile WCM content templates – samples establishing best practice patterns for authoring & presenting mobile web content
New mobile capabilities will be posted to the Portal solutions catalog for download
The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion WebSphere Portal Mobile Themes Roadmap (mid-2011) Devices with Webkit supported browsers: Webkit is a layout engine designed to allow mobile browsers to render web pages
Provide a new set of smartphone automation components that help developers rapidly construct great-looking mobile applications that have a native smartphone look & feel :
Scrolling lists with configurable display options such as thumbnail images, slide animations, icons, and multi-line text with multiple styles
Native-looking navigation tabs and lists
Access to smartphone features such as HTML 5, geo-location, and orientation
Input UI patterns suitable for smartphones such as selectable lists and checkbox lists
Buttons and other controls with a smartphone-optimized look and feel
Sample application using Phonegap
BlackBerry iPad Portlet Factory Mobile Roadmap (mid-2011) iPhone Android The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion
Improve out of the box integration with Websphere Portal themes
New smartphone focused samples and themes
Accelerate time to value with easy to use mobile development samples and how-to papers & articles, including integration with social features such as connections profiles
Tighter tooling integration with Rational Application Developer or Rational Software Architect
Multi-Channel Server enhancements
Mobile Portal Accelerator Roadmap (End-2011) The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion