ibm mobile portal experience

Download IBM Mobile portal experience

If you can't read please download the document

Upload: vincent-perrin

Post on 16-Apr-2017

5.583 views

Category:

Technology


0 download

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

[email protected]

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