1. IBM Smarter Collaboration Mobile Portal Experience Vincent Perrin, Certified Lotus Client Technical Professional for SW IOT

3. Technical Issues

4. Approaches

5. Implementations

6. Mobile Portal Accelerator

7. Perspectives for the future

10. 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

11. 4.6 Billion Mobile Phone Subscribers Cars PCs Telephone TVs Mobile 4.6 Billion in perspective .8B 1B 1.3B 1.7B 4.6B

12. 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?

14. Browsers

15. Mark-up Languages

16. Keyboards

17. JavaScript

18. Layout

19. Images

20. Carriers

21. Operating Systems

22. Networks

23. 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?

27. Supports the richest of user experiences (e.g., gaming applications)

29. Simplify distribution and retain control over application updates , rather than waiting for customers to update or acquire their applications from the app store

30. Save costs by leveraging a common infrastructure for both web and mobile applications

31. Build engaging, native-looking apps using existing web technologies & emerging standards like html5, and CSS3

32. 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

33. 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

35. A more customized (and customizable) solution is required.

36. 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/

37. Verizon Portal OTA Downloads Self Provisioning VZStart Feature Phones Smart Phones VZAM

38. 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

39. Bharti Airtel Screen Examples

40. Demo http://lotus2010.com

41. 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

42. 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

49. Portlets or widgets (WebSphere Portal)

51. Create native-looking smartphone applications using familiar technologies and skillsets (HTML, CSS, Javascript)

52. Leverage the smartphone application samples to speed development and learn best practice techniques, including how to best support geolocation and phones' orientation features

53. 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

54. 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

56. 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.

57. 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.

58. 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

59. 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

60. Mobile Portal Accelerator Architecture Overview

61. Runtime Interaction

62. XDIME Mobile Portal allows you to create a view in XDIME markup which MCS uses to create the required markup for the device

63. Conditional Rendering - Layouts The designer can input layout options, all using the same underlying code.

64. Layout Results These pages are rendered from the same code. MPA has optimized for each device.

65. Conditional Rendering - Devices Mobile Portal Accelerator software can dynamically use different images or text depending on the device.

66. Image Options One image policy can be used to reference multiple images. MCS can determine which image suits the device making the request .

68. Reduce the color depth for a smaller color palette

69. Scale images

71. May be installed on separate application servers than WebSphere Portal and may be clustered

73. Application developers do not have to be concerned with updating

74. their applications for new devices

76. Eclipse-based plugins….run on Rational Application Developer

77. Mobile Portal Toolkit Mobile Portal Toolkit Eclipse plug-in to RAD or RSA

79. 600+ attributes per device

82. Design Policies

83. Device update service

85. Add "pre-release" devices to repository to test in pre-production environment.

86. Interrogate device attributes to determine device capabilities. (MCS API or manually)

87. Search capability to find specific entries in repository.

89. Merge/Replace repository using this tool.

90. Mobile Device Update subscription required

91. A process is established for requesting device addition to the repository

93. Get reports on the testing

94. Test on real devices

95. Wireless connections

96. World Wide carriers

97. Over 1200 devices

98. View over web

99. Enterprise level testing

101. Openwave

102. Palm

104. Need UA strings – useragent.org

105. Adjust browser size to approximate device size

106. Quick and dirty - not Enterprise quality testing

107. Administration Manage Mobile Portal from the same interface as Portal Administration

109. Navigation Nodes can be configured such that they only appear on a certain type of device (example: PDA) or model (example: Sanyo SCP-8100).

110. Device Type Filtering is configured though Manage Mobile Pages. Filtering based on Device Type / Capabilities

112. Portlets using this API and adhering to the specification may be deployed to any portal product that conforms to this specification

113. A JSR 168 portlet identifies each MIME type that it supports. The MIME type for XDIME is x-application/vnd.xdime+xml

115. Allows web developers to create dynamic XDIME based user interfaces that exist in a Struts environment

116. Sample Struts portlets are available including:

117. A “blank” Struts portlet that can be used as the base to create new Struts portlets that use the IBM portlet API.

118. A JSR 168 compliant “blank” Struts portlet that can be used as the base to create a new Struts JSR 168 portlet.

119. A sample JSR 168 Struts portlet that can be used by developers as an example of how to code a Struts JSR 168 portlet.

124. Smartphones expected to reach 20% of all mobile phones shipped in 2010

125. Estimated worldwide smartphone shipments will reach 526 million units in 2014

126. 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

129. Mobile navigation widgets – set of showcase samples of common mobile application navigation patterns

130. Mobile page layouts – set of showcase samples of content interaction patterns

131. Mobile WCM content templates – samples establishing best practice patterns for authoring & presenting mobile web content

132. 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

134. Native-looking navigation tabs and lists

135. Access to smartphone features such as HTML 5, geo-location, and orientation

136. Complete CRUD (create, read, update, delete) applications tailored for smartphone display

137. Input UI patterns suitable for smartphones such as selectable lists and checkbox lists

140. New smartphone focused samples and themes

141. 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

142. Improved installation

143. Tighter tooling integration with Rational Application Developer or Rational Software Architect

144. 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

145. Q & A Thank you [email_address]