ibm mobile portal experience
TRANSCRIPT
IBM Smarter Collaboration
Mobile Portal Experience
Vincent Perrin, Certified Lotus Client Technical Professional for SW IOT
Agenda
Business Problem
Technical Issues
Approaches
Implementations
Mobile Portal Accelerator
Perspectives for the future
Source : Garnter, International Telecommunication Union, eMarketer; Internet Statistics 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
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 pointsJust in time marketing and offerings
Instant communicationSelf Service SupportFaster time to resolution
Increase frequency of customer interactionsBroader range of servicesPersonalize services
Competitive advantage
Pervasive presenceCapture customer mind share
Employee Productivity
Drive business productivityProcess ImprovementsImmediate 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: Screen Sizes
Browsers
Mark-up Languages
Keyboards
JavaScript
Layout
Images
Carriers
Operating Systems
Networks
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 ApplicationsAccessible over the internet without need to download software
Uses device browser to display content
Hybrid Both Web and Native ComponentsNative looking applications which utilize the browser interface to deliver content
Provide the ability to use native device features without writing code for each device
NativeAble 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: Leverage existing and widely available skill sets (HTML, Javascript, CSS), rather than re-training your developers or finding new developers ($$$)
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
Dont make the device conform to your site, your site should conform to the device
Transcoding
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 presentationCommon business logicDevice specific requirements Limited real estateResponse timeBroad band limitationsTime 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 tierDevice Independent Markup ExtensionsImage Conversion ServicesSupport for smart phonesTime to market
* From 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/
Verizon Portal
OTA Downloads
Self Provisioning
VZStart
Feature Phones
Smart PhonesVZAM
Bharti (Airtel.in)
ChallengeServicing the exploding telecom market in IndiaEvolving Business processNeed to transform IT systems with an architecture that will scaleSupport thousands of different handheld devicesIBM SolutionWebSphere Portal and Mobile PortalIBM Service Provider Delivery Environment Architecture
ResultsFirst 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...
Statistics11,000 concurrent users1.2 million unique users/day200 portal page views/secOver 100M subscribers
Bharti Airtel Screen Examples
Demo
http://lotus2010.com
transparent white capsuleWhy Leverage a Portal Framework for Mobile Solution Delivery?
GEL Oval MS-red1
GEL Oval MS-red2
GEL Oval MS-red3
GEL Oval MS-red4
GEL Oval MS-red5
GEL Oval MS-red6Integrate with your back-end systems, including web content management
Are personalized to a user's role, preferences, and behavior
window_earthWebBrowserMobile
mdamobilephone2feed-icon32x32RSS / Atom
blue shadow arrow smallPortal_6_theme_1Are 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
Common framework for both web and mobile applications, allowing both to be integrated easy to navigate mobile experience
User Management for enrollment, preferences, and access control across devices (web, mobile phone, smart phone, iPad, etc)
Role based navigation of applications providing a focused and personalized experience for users
Integration of WCM (Web Content Management) to develop and manage content driven applications and provide compelling marketing content
Customization of content based on user-profile allowing personalization of content targeted to individual users
Analytics capabilities to measure web and mobile applications effectiveness to improve the results
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 look & feel for smaller screens (site branding, navigation, page layout)
Optimizes page download size for mobile connections
Create native-looking smartphone Portal themes using familiar technologies and skillsets (HTML, CSS, Javascript)
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
Provides site branding, navigation and page layout
Loads common site resources: Javascript, CSS, ...
Initializes Portal features: drag and drop, site analytics, Person Awareness,
Dedicated theme/pages:PRO:- Directly targeted and optimized for the device- Clear separation of full site and mobile contentCON:- If you have different set of pages for mobile and desktop, you would have different set of preferences. So even if you had the same Mail portlet, for example, it would be a separate instance, so the user would need to set the preference in both places
Single theme/same set of pages:PRO: - single set of pages to maintainCON:- theme and portlets contain both mobile and full site content, and the logic to detect the client and switch
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: Mobile-optimized applications (iPhone, Blackberry, Android, iPad)
Portlets or widgets (WebSphere Portal)
Web application (WebSphere Application Server)
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)
Create native-looking smartphone applications using familiar technologies and skillsets (HTML, CSS, Javascript)
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
Smartphones
WebSphere PortalWebSphereApplication Server
TabletsDesktopBrowsers
Use one common set of tools, techniques, application code ...
...and generate applications for multiple clientdevices
WebSphere Portlet Factory
...deploy to multiple platforms...
Mobile Portal Accelerator 7
IBM Mobile Portal Accelerator
htc-tytn-ll-smartphone
BlackBerry-8830-Smartphone
red MOTORAZR V3m for U.S. Cellular
htc-tytn-ll-smartphone
PCs & full browsers
MobileDevices
Dynamically Adapted & Rendered
iphone_home
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_home081215 Lenovo desktop
BBWebSphere Portal Services
Mashups
IBM WebSphere Portal
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.
BB
Mobile Portal Accelerator - Mobile Multi-Channel Capabilities
WebSphere Portal
Mobile Portal AcceleratorPCs and Full Browsers
Mobile Devices
Dynamically Adapted& Rendered to 7,200 Devices
BBRole BasedPersonalizationContextual Web Experience
Multi Channel Server
Mobile Portal Accelerator Architecture Overview
Runtime Interaction
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
Scale images
Limit the output file to a size that can be handled by the device
For performance: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
Portlet Development
Create one markup (XDIME) to support all mobile devicesA 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
Device Repository
Rich Mobile Device RepositoryOver 6,500 devices and growinag
600+ attributes per device
Aligned with W3C CC/PP and WAP Forum UAPROF
Robust Device Identificationcompressed XML file in RAD
DB based on Server (DB2, Oracle, SQL Server)
Inheritance/fallback Device Attributes
Design Policies
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
Testing
Rational ClearQuest with DeviceAnywhere
Run Testing scripts
Get reports on the testing
Test on real devices
Wireless connections
World Wide carriers
Over 1200 devices
View over web
Enterprise level testing
More Testing
Real devices get service plans from carriersUse one device from each device category
Device emulators are available from device manufacturersBlackBerry
Openwave
Palm
Not all devices may have an emulator
Firefox browser with user agent switcher pluginWorks 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 Filtering
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 168The 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 libraryIs 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 SupportUse 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 setsEach 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 20102014 Forecast Update: September 2010Gartner 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
Hybrid Abstraction Layer (API)
Camera
GPS
Microphone
Device Data
Accelerometer
Device Specific Capabilities
With the hybrid approach you can: Use simple HTML and Javascript to interact with native device capabilities
Write once and run on many smartphone devices
Bluetooth
Mobile Application
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
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 (this covers different ways of presenting multiple portlets on the page and switching between them)
Mobile WCM content templates samples establishing best practice patterns for authoring and presenting mobile web content
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
Complete CRUD (create, read, update, delete) applications tailored for smartphone display
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
Improved installation
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
Q&A
Thank you
Click to edit the title text format
ibm.com/software/BetaWorks
Click to edit the title text format, one or two lines maximum
Click to edit the outline text formatSecond Outline LevelThird Outline Level
Click to edit the title text format
Click to edit the notes format
2006 IBM Corporation
IBM Collaboration Solutions
2010 IBM Corporation
Click to edit the title text format
2009 IBM Corporation
Deliver highly personalized, engaging, and agile online experiences with IBM Customer Experience Suite
Click to edit the title text format
Click to edit the notes format
CarsPCsTelephoneTVMobile Phones
0.811.31.74.6