SlideShare a Scribd company logo
1 of 22
Download to read offline
Dieter Roth
16. September 2010




Mobile Endgeräte sind überall –
deshalb das mobile Portal




                              Mobile Portal
                                 Northstar

                                   © 2010 IBM Corporation
Mobile Portal



Warum ist Mobilität wichtig?
    Mobility solutions have strong potential even in a weak economy


                                All organizations have to do more with less.
                                Managers are making sales calls, sales people are making
                                deliveries, executives are approving workflows.            Rich mobile
                                services enables users to “take their first job along with them to their
                                second job”.


                                Mobile devices offer cost reduction potential.
                                A smartphone can cost less to procure and maintain than a laptop or
                                a desktop - especially if the user buys it. Customers are asking:
                                “Can my workers do their job with just an iPhone or a Blackberry?”


                                Responsiveness helps organizations win.
                                Competition for business is tougher than ever. Organizations that
                                react quickly and respond aggressively improve their odds of
                                success against their competitors.




2                                                                                               © 2010 IBM Corporation
Mobile Portal



Das Problem: Kunden mit ihren Handys zu
erreichen kann sehr kompliziert werden
Es gibt tausende Typen und Modelle von mobilen Endgeräten auf dem Markt
                                                                 Different:
                                                                  Screen Sizes
                                                                  Browsers
                                                                  Mark-up Languages
                                                                  Keyboards
                                                                  JavaScript
                                                                  Layout
                                                                  Images
                                                                  Carriers
                                                                  Operating Systems
                                                                  Networks




3                                                                           © 2010 IBM Corporation
Mobile Portal



Exceptional Web Experience für jedes Gerät
      Don’t make the device conform to your site, your site should conform to the
      device




                  Standard web                           iPhone version of
                      site                                     site
4                                                                            © 2010 IBM Corporation
Mobile Portal



IBM Mobile Portal Accelerator 6.1
Multi-channel Server presentation to over 7000 mobile devices
WebSphere Portal Services


                            IBM WebSphere Portal
                                               PCs & full
                                               browsers




 Mashups
                                               Mobile
                                               Devices
                                                                Dynamically
                                 IBM Mobile                     Adapted &
                                 Portal                         Rendered
                                 Accelerator




5                                                                             © 2010 IBM Corporation
Mobile Portal



IBM Mobile Portal Accelerator
Extend Exceptional Web Experiences to mobile devices
                WebSphere Portal Extension that extends portal navigation to mobile
                devices
                Mobile Portal Toolkit eases development of device-independent portlets
                Mobile Device Update Service simplifies process of supporting growing
                market of mobile web devices


                      • Multichannel delivery of WebSphere Portal content
                      • Aggregation of a broad mix of applications into a unified display
                      • Write once, render on multiple devices -- supports over 6700 devices
                      • Navigation, role-based, personalized mobile content delivers competitive
                      advantage
                      • Seamlessly extend Lotus Web Content Management content to mobile users
                      • Security, access control, and single sign-on
                      • Templates for rapid site development and enforcement of style guidelines
                      • Device Updates ensure compatibility with latest in-market devices


6                                                                                           © 2010 IBM Corporation
Mobile Portal



Mobile Device Themes
Objective:
       Mobile devices with internet
       capabilities are becoming
       increasingly popular. Oftentimes,
       web authors will create a version of
       their site that is optimized for viewing
       on a specific mobile device or a
       smaller known set of mobile devices
       (e.g. iPhone, Blackberry, Android,..).


Solution:
       Dedicated Theme: Use WebSphere
       Portal's built-in support for markups
       and client detection to redirect
       mobile users to a specialized new
       theme.
       Combined Theme: Display all
       content as it is seen on a traditional
       browser and device support is added
       into a single theme.

7                                                 © 2010 IBM Corporation
Mobile Portal



WebSphere Portal Mobile Enabled Theme
    Enable customers to easily optimize web experience to key mobile device of choice
              via mobile friendly Portal themes
      1. Use WebSphere Portal's built-in support for markups and client detection to redirect mobile users to the new theme
      2. Incorporate mobile support into single Portal theme. Display all content
                as it is seen on a traditional browser and avoid adding new clients and markups




                                       Sample on WebSphere Portal Business Solutions Catalog:


                                       https://greenhouse.lotus.com/plugins/plugincatalog.nsf/assetDetails.xsp?
                                       action=editDocument&documentId=3148931F1C482700852576AC0050B               © 2010 IBM Corporation
8
                                       D8C
Mobile Portal



Mobile Portal Anwendungen mit WebSphere
Portlet Factory Profiling Service entwickeln




9                                     © 2010 IBM Corporation
Mobile Portal



Überblick Mobile Portal Architektur

                                         WebSphere Application Server

                                         WebSphere Portal                    Web
                                                                           Container    External
                               MCS            New WP           Portlets                 Systems
                              runtime       “Aggregator” :                   EJB
                                              Themes,                      Container
                                               Skins,
           Devices                            Screens




                     Assets                           Markup
                                 MCS
                               Repository



                 Layout                               Device
                                 Theme



                                                                    Mobile Portal Toolkit

10                                                                                           © 2010 IBM Corporation
Mobile Portal



XDIME Technology
for Designing Device Independent Applications
       ●   XDIME: XML Device Independent Mark-up Extensions
            –   XML vocabulary to describe content.
            –   based on XHTML
            –   Aligned with the XHTML2 recommendation of the W3C Device Independent Working Group
                (DIWG)
            –   Forms based on early drafts of XForms, different today, waiting to align with final specification
            –   XDIME2 is compliant with the W3C Device Independent Authoring Language (DIAL)
                Standard


       ●   Device dependent attributes are moved to Layout and Theme Policies
            –   Additional tags to abstract device specifics, such as Layout (e.g. <pane>, <region>)
            –   CSS-based grammar for stylistic control (Themes)




11                                                                                                    © 2010 IBM Corporation
Mobile Portal



Layout Policies

                Pane: Assign meaning to content
                <canvas layoutName="/stockLayout.mlyt" type="portlet" class="body">
                  <pane name="Name">
                    <b>JK Telecom</b>
                  </pane>
                  <pane name="Ticker">
                    JKT
                  </pane>
                  <pane name="Price">
                    192.73 +0.25
                  </pane>
                  <pane name="Logo">
                    <img src="/logo.mimg" />
                  </pane>
                  <pane name="Chart">
                    <img src="/chart.mimg" />
                  </pane>
                  <pane name="Additional">
                    <hr/>
                    JK Telecom is a industry leading communication services provider.
                  </pane>
                </canvas>




          XDIME JSP                                                                     Layout Policy Variants

12                                                                                                           © 2010 IBM Corporation
Mobile Portal



Layout Policies II




      Layout Policy Variants   Results displayed on devices

13                                                     © 2010 IBM Corporation
Mobile Portal



Image Policies

                                                 Example: baby.mimg
                                                 <?xml version="1.0" encoding="UTF-8"?>
                                                 <lpdm:imageComponent …
                                                   <lpdm:genericImageAsset value="baby-low-res.gif" encoding="gif" …
                                                   <lpdm:genericImageAsset value="baby-med-res.gif" encoding="gif" ...
                                                   <lpdm:genericImageAsset value="baby-med-res.jpg" encoding=“jpeg" …
                                                   <lpdm:genericImageAsset value="baby-high-res.jpg" encoding=“jpeg" …
                                                 </lpdm:imageComponent>




                                                     Mobile Portal also includes ICS, which can
                                                      dynamically resize/reformat images from
                                                               single source image.

                The Image Conversion Service (ICS) can:
                    Convert images to a different format and pixel depth
                      Supported input formats are:
                           Windows BMP, GIF87a, GIF89a, JFIF/JPEG, PNG, TIFF, WBMP
                      Supported output formats are:
                           GIF89a, JFIF/JPEG, PNG, WBMP
                    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

14                                                                                                              © 2010 IBM Corporation
Mobile Portal



Lotus WCM Content mit MPA




        See step by step instructions in IBM redbook: Creating External
        Web Sites with IBM WebSphere Portal:
        http://wiki1.swg.usma.ibm.com/ldd/portalwiki.nsf/xpViewCategories.xsp?lookupName=Redbooks%20Wiki%3A%
        20Creating%20External%20Web%20sites%20with%20WebSphere%20Portal

15                                                                                                    © 2010 IBM Corporation
Mobile Portal



Kundenreferenz: Verizon
                                         Feature Phones                           VZAM

                                                          Smart Phones
 Challenges
     ■   Device agnostic presentation
     ■   Common business logic
     ■   Device specific requirements
     ■   Limited real estate
     ■   Response time
     ■   Broad band limitations           VZStart
     ■   Time to Market
                                                                              OTA Downloads
                                                          Self Provisioning
 Solution
 ■       IBM Mobile Portal Accelerator
 ■       Minimum changes for Business
         logic tier
 ■       Device Independent Markup
         Extensions
 ■       Image Conversion Services
 ■       Support for smart phones
 ■       Accelerated Time-to-market
16                                                                                  © 2010 IBM Corporation
Mobile Portal



Kundenreferenz: Bharti Airtel



  Ad
Revenue              Sell
                    Digital
                    Assets




                                                   User can buy digital
                                                 assets for someone else

        Home Page                                                          Account Self
                                              Images & Videos                Service
                              Google Search
                                  Page
17                                                                               © 2010 IBM Corporation
Mobile Portal



MPA Demo




     MPA Demo
     http://PEC2010.com

18                        © 2010 IBM Corporation
Mobile Portal



                    Reach Customers Across
                    Multiple Channels – Mobile,
                    Web, Kiosk, Email...
     With Customer Experience Suite, you can:
     Utilize built-in support for client detection to return
      ●


     the appropriate pages and content depending upon                         Support mobile
     the device                                                                  shopping
  ●  Leverage one common theme to deliver content                                 through
     through the browser to deskop + mobile                                     WebSphere
                                                                                Commerce
  ●  Leverage out-of-the-box tooling to create a single
     application that can support both smartphones and
     full-sized desktop browsers.
 Add on the Mobile Module to dynamically adapt
content to the unique display characteristics of the mobile Out-of-the-box
device.                                                      mobile support
  ●  Over 6,500 different mobile device types are             included for
     supported today, including smartphones.                   Experience
                                                              Suite social
  ●  Supports XDIME 2 format for multi-channel server
                                                              capabilities.
     rendering to mobile devices.
19                                                                               © 2010 IBM Corporation
Mobile Portal



 Mobile Portal Accelerator Next
 An Exceptional Web Experience on each device
           WebSphere Portal Next Currency
1          Tighter integration with Portal Next (APIs and logging),WAS 7.0,
           Component updates to MCS 5.3 and MAP 5.3, zLinux support.



           Ease of use / User Experience
2          Accelerate time-to-value with How-To mobile development samples,
           papers & articles. Improved installation. Mobile Toolkit updates.



           Customer Support                                                        MPA Demo

3           Problem determination and serviceability. Standardize to Portal APIs
           and Portal logging, and eliminate updates to WPS.ear.                   http:/
                                                                                   PEC2010.com
Rich Mobile Device Repository
 •
      Over 7,000 devices and
      growing…
 •
      Up to 600+ attributes per device
 •
      Robust Device Identification
 •
      compressed XML file in RAD
 •
      DB based on Server
      (DB2, Oracle, SQL Server)
 •
      Inheritance/fallback
 •
      Device Attributes, Design Policies
 •
      Device update service
 20                                                                                              © 2010 IBM Corporation
Mobile Portal



Weitere Informationen
     Project Northstar:
     http://www.ibm.com/software/info/northstar/
     Mobile Portal Accelerator:
     http://www-01.ibm.com/software/lotus/portal/value/mobileaccelerator/
     Portal Zone (für Entwickler):
     https://www.ibm.com/developerworks/websphere/zones/portal/
     Portal Wiki:
     http://www.lotus.com/ldd/portalwiki.nsf
     Portal Demo:
     https://greenhouse.lotus.com/home/product.jsp?p=portal




21                                                                          © 2010 IBM Corporation
Lotus knows.
Smarter Software for a Smarter Planet




                                        Dr. Dieter Roth                IBM Deutschland GmbH
                                        Sales Leader Portal + Social   Betzenstr. 9
                                        IBM Software Group             66111 Saarbrücken

                                                                       Tel +49-171-5501885
                                                                       dieter_roth@de.ibm.com




                                        Vielen Dank !
                                                                                                © 2010 IBM Corporation

More Related Content

What's hot

IBM Mobile portal experience
IBM Mobile portal experienceIBM Mobile portal experience
IBM Mobile portal experience
Vincent Perrin
 
February 2013 IBM/DeviceAnywhere Webcast on Mobile Testing
February 2013 IBM/DeviceAnywhere Webcast on Mobile TestingFebruary 2013 IBM/DeviceAnywhere Webcast on Mobile Testing
February 2013 IBM/DeviceAnywhere Webcast on Mobile Testing
Leigh Williamson
 
We4IT LCTY 2013 - Captain Mobility - INV102 Mobile Strategy
We4IT LCTY 2013 - Captain Mobility - INV102 Mobile StrategyWe4IT LCTY 2013 - Captain Mobility - INV102 Mobile Strategy
We4IT LCTY 2013 - Captain Mobility - INV102 Mobile Strategy
We4IT Group
 
Web xpress enterprise mobility capability and solutions
Web xpress enterprise  mobility capability and solutionsWeb xpress enterprise  mobility capability and solutions
Web xpress enterprise mobility capability and solutions
WebXpress
 
Ibm connect 2014 recap asean perspective
Ibm connect 2014 recap   asean perspectiveIbm connect 2014 recap   asean perspective
Ibm connect 2014 recap asean perspective
Joseph George
 
iPath enterprise mobilization technology and solutions overview
iPath enterprise mobilization technology and solutions overviewiPath enterprise mobilization technology and solutions overview
iPath enterprise mobilization technology and solutions overview
iPathTech
 

What's hot (20)

IBM Mobile portal experience
IBM Mobile portal experienceIBM Mobile portal experience
IBM Mobile portal experience
 
February 2013 IBM/DeviceAnywhere Webcast on Mobile Testing
February 2013 IBM/DeviceAnywhere Webcast on Mobile TestingFebruary 2013 IBM/DeviceAnywhere Webcast on Mobile Testing
February 2013 IBM/DeviceAnywhere Webcast on Mobile Testing
 
HTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyHTML5 for Mobile - When and Why
HTML5 for Mobile - When and Why
 
Profound logic 2012
Profound logic 2012Profound logic 2012
Profound logic 2012
 
SharePoint and Mobile
SharePoint and MobileSharePoint and Mobile
SharePoint and Mobile
 
Maxime Thomas - eZBK
Maxime Thomas - eZBKMaxime Thomas - eZBK
Maxime Thomas - eZBK
 
Simplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
Simplifying Enterprise Mobility - Powering Mobile Apps from The CloudSimplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
Simplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
 
Building Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst PlatformBuilding Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst Platform
 
We4IT LCTY 2013 - Captain Mobility - INV102 Mobile Strategy
We4IT LCTY 2013 - Captain Mobility - INV102 Mobile StrategyWe4IT LCTY 2013 - Captain Mobility - INV102 Mobile Strategy
We4IT LCTY 2013 - Captain Mobility - INV102 Mobile Strategy
 
Web xpress enterprise mobility capability and solutions
Web xpress enterprise  mobility capability and solutionsWeb xpress enterprise  mobility capability and solutions
Web xpress enterprise mobility capability and solutions
 
Ibm connect 2014 recap asean perspective
Ibm connect 2014 recap   asean perspectiveIbm connect 2014 recap   asean perspective
Ibm connect 2014 recap asean perspective
 
HTML5 Mobile Application Framework
HTML5 Mobile Application FrameworkHTML5 Mobile Application Framework
HTML5 Mobile Application Framework
 
Agreeya Mobility Introduction
Agreeya Mobility IntroductionAgreeya Mobility Introduction
Agreeya Mobility Introduction
 
The Modern Web, Part 1: Mobility
The Modern Web, Part 1: MobilityThe Modern Web, Part 1: Mobility
The Modern Web, Part 1: Mobility
 
iPath enterprise mobilization technology and solutions overview
iPath enterprise mobilization technology and solutions overviewiPath enterprise mobilization technology and solutions overview
iPath enterprise mobilization technology and solutions overview
 
Blisstering Drupal Mobile and m2Serve
Blisstering Drupal Mobile and m2ServeBlisstering Drupal Mobile and m2Serve
Blisstering Drupal Mobile and m2Serve
 
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The EnterpriseBuilding & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
 
Enterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired PlatformEnterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired Platform
 
Ericsson Labs OTA09 090925
Ericsson Labs OTA09 090925Ericsson Labs OTA09 090925
Ericsson Labs OTA09 090925
 
Mobile porting and testing - Xoriant
Mobile porting and testing - Xoriant Mobile porting and testing - Xoriant
Mobile porting and testing - Xoriant
 

Viewers also liked (6)

Gate creds aviva_investors rev 1dec11
Gate creds aviva_investors rev 1dec11Gate creds aviva_investors rev 1dec11
Gate creds aviva_investors rev 1dec11
 
Michael Hoffmann zu Mobility
Michael Hoffmann zu MobilityMichael Hoffmann zu Mobility
Michael Hoffmann zu Mobility
 
Adam Christensen - The Experiment is Over: now it’s time for real value
Adam Christensen - The Experiment is Over: now it’s time for real valueAdam Christensen - The Experiment is Over: now it’s time for real value
Adam Christensen - The Experiment is Over: now it’s time for real value
 
Unternehmen im Web von heute: Der Kunde im Mittelpunkt
Unternehmen im Web von heute: Der Kunde im MittelpunktUnternehmen im Web von heute: Der Kunde im Mittelpunkt
Unternehmen im Web von heute: Der Kunde im Mittelpunkt
 
Mobile Kommunikation im Wandel
Mobile Kommunikation im WandelMobile Kommunikation im Wandel
Mobile Kommunikation im Wandel
 
Mobilität und mehr...im Kontext
Mobilität und mehr...im KontextMobilität und mehr...im Kontext
Mobilität und mehr...im Kontext
 

Similar to Mobile Endgeräte sind überall – deshalb das mobile Portal

Netbiscuits V2 16 English
Netbiscuits V2 16 EnglishNetbiscuits V2 16 English
Netbiscuits V2 16 English
Ott1967
 
Worklight 5.0 Webinar 7 12 V2
Worklight 5.0 Webinar 7 12 V2Worklight 5.0 Webinar 7 12 V2
Worklight 5.0 Webinar 7 12 V2
gaborvodics
 
PhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the EnterprisePhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the Enterprise
Bryce Curtis
 
Integrating ADF Mobile with WebCenter
Integrating ADF Mobile with WebCenterIntegrating ADF Mobile with WebCenter
Integrating ADF Mobile with WebCenter
Brian Huff
 
Worklight nitin nm
Worklight nitin nmWorklight nitin nm
Worklight nitin nm
Nitin Gaur
 
Web Sphere Revolution
Web Sphere RevolutionWeb Sphere Revolution
Web Sphere Revolution
ict.recruiter
 

Similar to Mobile Endgeräte sind überall – deshalb das mobile Portal (20)

IBM Worklight
IBM WorklightIBM Worklight
IBM Worklight
 
Netbiscuits V2 16 English
Netbiscuits V2 16 EnglishNetbiscuits V2 16 English
Netbiscuits V2 16 English
 
Worklight 5.0 Webinar 7 12 V2
Worklight 5.0 Webinar 7 12 V2Worklight 5.0 Webinar 7 12 V2
Worklight 5.0 Webinar 7 12 V2
 
Mobile App development for Large Companies- presented at Appsterdam wwll
Mobile App development for Large Companies- presented at Appsterdam wwllMobile App development for Large Companies- presented at Appsterdam wwll
Mobile App development for Large Companies- presented at Appsterdam wwll
 
Ibm mobile strategy may2012 mark.cesario v1.0
Ibm mobile strategy may2012 mark.cesario v1.0Ibm mobile strategy may2012 mark.cesario v1.0
Ibm mobile strategy may2012 mark.cesario v1.0
 
Optimizing mobile apps and websites
Optimizing mobile apps and websitesOptimizing mobile apps and websites
Optimizing mobile apps and websites
 
Build and Connect Enterprise Mobile Applications from developerWorks Live!
Build and Connect Enterprise Mobile Applications from developerWorks Live! Build and Connect Enterprise Mobile Applications from developerWorks Live!
Build and Connect Enterprise Mobile Applications from developerWorks Live!
 
Creating Mobile Websites with Kentico CMS 7
Creating Mobile Websites with Kentico CMS 7Creating Mobile Websites with Kentico CMS 7
Creating Mobile Websites with Kentico CMS 7
 
PhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the EnterprisePhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the Enterprise
 
Nemo intro-100811
Nemo intro-100811Nemo intro-100811
Nemo intro-100811
 
IBM Software Day 2013. A mobile strategy is essential
IBM Software Day 2013. A mobile strategy is essentialIBM Software Day 2013. A mobile strategy is essential
IBM Software Day 2013. A mobile strategy is essential
 
Cloud Native Patterns with Bluemix Developer Console
Cloud Native Patterns with Bluemix Developer ConsoleCloud Native Patterns with Bluemix Developer Console
Cloud Native Patterns with Bluemix Developer Console
 
DevOps for Mobile - DevOpsDays, NY, 2013
DevOps for Mobile - DevOpsDays, NY, 2013DevOps for Mobile - DevOpsDays, NY, 2013
DevOps for Mobile - DevOpsDays, NY, 2013
 
Integrating ADF Mobile with WebCenter
Integrating ADF Mobile with WebCenterIntegrating ADF Mobile with WebCenter
Integrating ADF Mobile with WebCenter
 
Volas Company Overview May 2010
Volas Company Overview May 2010Volas Company Overview May 2010
Volas Company Overview May 2010
 
Sencha Touch for Rubyists
Sencha Touch for RubyistsSencha Touch for Rubyists
Sencha Touch for Rubyists
 
Soa architect summit mobile 2013_mar [compatibility mode]
Soa architect summit mobile 2013_mar [compatibility mode]Soa architect summit mobile 2013_mar [compatibility mode]
Soa architect summit mobile 2013_mar [compatibility mode]
 
Worklight nitin nm
Worklight nitin nmWorklight nitin nm
Worklight nitin nm
 
Web Sphere Revolution
Web Sphere RevolutionWeb Sphere Revolution
Web Sphere Revolution
 
Vinculum Coe Wirless 30 June
Vinculum Coe Wirless 30 JuneVinculum Coe Wirless 30 June
Vinculum Coe Wirless 30 June
 

More from IBM Lotus

IBM WebSphere Portal - Die nächste Generation
IBM WebSphere Portal - Die nächste GenerationIBM WebSphere Portal - Die nächste Generation
IBM WebSphere Portal - Die nächste Generation
IBM Lotus
 
Project Northstar
Project Northstar Project Northstar
Project Northstar
IBM Lotus
 
Andreas Pleschek zu den Clients der Zukunft
Andreas Pleschek zu den Clients der ZukunftAndreas Pleschek zu den Clients der Zukunft
Andreas Pleschek zu den Clients der Zukunft
IBM Lotus
 
Thomas Wenzel-Haberstock zum IBM Innovation Jam
Thomas Wenzel-Haberstock zum IBM Innovation JamThomas Wenzel-Haberstock zum IBM Innovation Jam
Thomas Wenzel-Haberstock zum IBM Innovation Jam
IBM Lotus
 
Bernd Beilke und Torsten Hoffmann zu Mashups
Bernd Beilke und Torsten Hoffmann zu MashupsBernd Beilke und Torsten Hoffmann zu Mashups
Bernd Beilke und Torsten Hoffmann zu Mashups
IBM Lotus
 

More from IBM Lotus (11)

Innovationen zur Mobilisierung von Geschäftsprozessen mit BlackBerry und Lotus
Innovationen zur Mobilisierung von Geschäftsprozessen mit BlackBerry und LotusInnovationen zur Mobilisierung von Geschäftsprozessen mit BlackBerry und Lotus
Innovationen zur Mobilisierung von Geschäftsprozessen mit BlackBerry und Lotus
 
BM Lotus Mobility Lösungen - Markttrends und Praxisbeispiele
BM Lotus Mobility Lösungen - Markttrends und PraxisbeispieleBM Lotus Mobility Lösungen - Markttrends und Praxisbeispiele
BM Lotus Mobility Lösungen - Markttrends und Praxisbeispiele
 
IBM Mobility Strategy
IBM Mobility StrategyIBM Mobility Strategy
IBM Mobility Strategy
 
IBM Mobility Strategie - Zukunft der Informationstechnologie
IBM Mobility Strategie - Zukunft der InformationstechnologieIBM Mobility Strategie - Zukunft der Informationstechnologie
IBM Mobility Strategie - Zukunft der Informationstechnologie
 
IBM WebSphere Portal - Die nächste Generation
IBM WebSphere Portal - Die nächste GenerationIBM WebSphere Portal - Die nächste Generation
IBM WebSphere Portal - Die nächste Generation
 
Project Northstar
Project Northstar Project Northstar
Project Northstar
 
Social Media Aktivitäten bei Lotus
Social Media Aktivitäten bei LotusSocial Media Aktivitäten bei Lotus
Social Media Aktivitäten bei Lotus
 
IBM Lotus Präsentation auf dem Twittwoch am 3. Februar 2010 in München
IBM Lotus Präsentation auf dem Twittwoch am 3. Februar 2010 in MünchenIBM Lotus Präsentation auf dem Twittwoch am 3. Februar 2010 in München
IBM Lotus Präsentation auf dem Twittwoch am 3. Februar 2010 in München
 
Andreas Pleschek zu den Clients der Zukunft
Andreas Pleschek zu den Clients der ZukunftAndreas Pleschek zu den Clients der Zukunft
Andreas Pleschek zu den Clients der Zukunft
 
Thomas Wenzel-Haberstock zum IBM Innovation Jam
Thomas Wenzel-Haberstock zum IBM Innovation JamThomas Wenzel-Haberstock zum IBM Innovation Jam
Thomas Wenzel-Haberstock zum IBM Innovation Jam
 
Bernd Beilke und Torsten Hoffmann zu Mashups
Bernd Beilke und Torsten Hoffmann zu MashupsBernd Beilke und Torsten Hoffmann zu Mashups
Bernd Beilke und Torsten Hoffmann zu Mashups
 

Recently uploaded

Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
FIDO Alliance
 

Recently uploaded (20)

Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
 
How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cf
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps Productivity
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
How to Check GPS Location with a Live Tracker in Pakistan
How to Check GPS Location with a Live Tracker in PakistanHow to Check GPS Location with a Live Tracker in Pakistan
How to Check GPS Location with a Live Tracker in Pakistan
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptxCyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
Design and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data ScienceDesign and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data Science
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 

Mobile Endgeräte sind überall – deshalb das mobile Portal

  • 1. Dieter Roth 16. September 2010 Mobile Endgeräte sind überall – deshalb das mobile Portal Mobile Portal Northstar © 2010 IBM Corporation
  • 2. Mobile Portal Warum ist Mobilität wichtig? Mobility solutions have strong potential even in a weak economy All organizations have to do more with less. Managers are making sales calls, sales people are making deliveries, executives are approving workflows. Rich mobile services enables users to “take their first job along with them to their second job”. Mobile devices offer cost reduction potential. A smartphone can cost less to procure and maintain than a laptop or a desktop - especially if the user buys it. Customers are asking: “Can my workers do their job with just an iPhone or a Blackberry?” Responsiveness helps organizations win. Competition for business is tougher than ever. Organizations that react quickly and respond aggressively improve their odds of success against their competitors. 2 © 2010 IBM Corporation
  • 3. Mobile Portal Das Problem: Kunden mit ihren Handys zu erreichen kann sehr kompliziert werden Es gibt tausende Typen und Modelle von mobilen Endgeräten auf dem Markt Different: Screen Sizes Browsers Mark-up Languages Keyboards JavaScript Layout Images Carriers Operating Systems Networks 3 © 2010 IBM Corporation
  • 4. Mobile Portal Exceptional Web Experience für jedes Gerät Don’t make the device conform to your site, your site should conform to the device Standard web iPhone version of site site 4 © 2010 IBM Corporation
  • 5. Mobile Portal IBM Mobile Portal Accelerator 6.1 Multi-channel Server presentation to over 7000 mobile devices WebSphere Portal Services IBM WebSphere Portal PCs & full browsers Mashups Mobile Devices Dynamically IBM Mobile Adapted & Portal Rendered Accelerator 5 © 2010 IBM Corporation
  • 6. Mobile Portal IBM Mobile Portal Accelerator Extend Exceptional Web Experiences to mobile devices WebSphere Portal Extension that extends portal navigation to mobile devices Mobile Portal Toolkit eases development of device-independent portlets Mobile Device Update Service simplifies process of supporting growing market of mobile web devices • Multichannel delivery of WebSphere Portal content • Aggregation of a broad mix of applications into a unified display • Write once, render on multiple devices -- supports over 6700 devices • Navigation, role-based, personalized mobile content delivers competitive advantage • Seamlessly extend Lotus Web Content Management content to mobile users • Security, access control, and single sign-on • Templates for rapid site development and enforcement of style guidelines • Device Updates ensure compatibility with latest in-market devices 6 © 2010 IBM Corporation
  • 7. Mobile Portal Mobile Device Themes Objective: Mobile devices with internet capabilities are becoming increasingly popular. Oftentimes, web authors will create a version of their site that is optimized for viewing on a specific mobile device or a smaller known set of mobile devices (e.g. iPhone, Blackberry, Android,..). Solution: Dedicated Theme: Use WebSphere Portal's built-in support for markups and client detection to redirect mobile users to a specialized new theme. Combined Theme: Display all content as it is seen on a traditional browser and device support is added into a single theme. 7 © 2010 IBM Corporation
  • 8. Mobile Portal WebSphere Portal Mobile Enabled Theme Enable customers to easily optimize web experience to key mobile device of choice via mobile friendly Portal themes 1. Use WebSphere Portal's built-in support for markups and client detection to redirect mobile users to the new theme 2. Incorporate mobile support into single Portal theme. Display all content as it is seen on a traditional browser and avoid adding new clients and markups Sample on WebSphere Portal Business Solutions Catalog: https://greenhouse.lotus.com/plugins/plugincatalog.nsf/assetDetails.xsp? action=editDocument&documentId=3148931F1C482700852576AC0050B © 2010 IBM Corporation 8 D8C
  • 9. Mobile Portal Mobile Portal Anwendungen mit WebSphere Portlet Factory Profiling Service entwickeln 9 © 2010 IBM Corporation
  • 10. Mobile Portal Überblick Mobile Portal Architektur WebSphere Application Server WebSphere Portal Web Container External MCS New WP Portlets Systems runtime “Aggregator” : EJB Themes, Container Skins, Devices Screens Assets Markup MCS Repository Layout Device Theme Mobile Portal Toolkit 10 © 2010 IBM Corporation
  • 11. Mobile Portal XDIME Technology for Designing Device Independent Applications ● XDIME: XML Device Independent Mark-up Extensions – XML vocabulary to describe content. – based on XHTML – Aligned with the XHTML2 recommendation of the W3C Device Independent Working Group (DIWG) – Forms based on early drafts of XForms, different today, waiting to align with final specification – XDIME2 is compliant with the W3C Device Independent Authoring Language (DIAL) Standard ● Device dependent attributes are moved to Layout and Theme Policies – Additional tags to abstract device specifics, such as Layout (e.g. <pane>, <region>) – CSS-based grammar for stylistic control (Themes) 11 © 2010 IBM Corporation
  • 12. Mobile Portal Layout Policies Pane: Assign meaning to content <canvas layoutName="/stockLayout.mlyt" type="portlet" class="body"> <pane name="Name"> <b>JK Telecom</b> </pane> <pane name="Ticker"> JKT </pane> <pane name="Price"> 192.73 +0.25 </pane> <pane name="Logo"> <img src="/logo.mimg" /> </pane> <pane name="Chart"> <img src="/chart.mimg" /> </pane> <pane name="Additional"> <hr/> JK Telecom is a industry leading communication services provider. </pane> </canvas> XDIME JSP Layout Policy Variants 12 © 2010 IBM Corporation
  • 13. Mobile Portal Layout Policies II Layout Policy Variants Results displayed on devices 13 © 2010 IBM Corporation
  • 14. Mobile Portal Image Policies Example: baby.mimg <?xml version="1.0" encoding="UTF-8"?> <lpdm:imageComponent … <lpdm:genericImageAsset value="baby-low-res.gif" encoding="gif" … <lpdm:genericImageAsset value="baby-med-res.gif" encoding="gif" ... <lpdm:genericImageAsset value="baby-med-res.jpg" encoding=“jpeg" … <lpdm:genericImageAsset value="baby-high-res.jpg" encoding=“jpeg" … </lpdm:imageComponent> Mobile Portal also includes ICS, which can dynamically resize/reformat images from single source image. The Image Conversion Service (ICS) can: Convert images to a different format and pixel depth Supported input formats are: Windows BMP, GIF87a, GIF89a, JFIF/JPEG, PNG, TIFF, WBMP Supported output formats are: GIF89a, JFIF/JPEG, PNG, WBMP 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 14 © 2010 IBM Corporation
  • 15. Mobile Portal Lotus WCM Content mit MPA See step by step instructions in IBM redbook: Creating External Web Sites with IBM WebSphere Portal: http://wiki1.swg.usma.ibm.com/ldd/portalwiki.nsf/xpViewCategories.xsp?lookupName=Redbooks%20Wiki%3A% 20Creating%20External%20Web%20sites%20with%20WebSphere%20Portal 15 © 2010 IBM Corporation
  • 16. Mobile Portal Kundenreferenz: Verizon Feature Phones VZAM Smart Phones Challenges ■ Device agnostic presentation ■ Common business logic ■ Device specific requirements ■ Limited real estate ■ Response time ■ Broad band limitations VZStart ■ Time to Market OTA Downloads Self Provisioning Solution ■ IBM Mobile Portal Accelerator ■ Minimum changes for Business logic tier ■ Device Independent Markup Extensions ■ Image Conversion Services ■ Support for smart phones ■ Accelerated Time-to-market 16 © 2010 IBM Corporation
  • 17. Mobile Portal Kundenreferenz: Bharti Airtel Ad Revenue Sell Digital Assets User can buy digital assets for someone else Home Page Account Self Images & Videos Service Google Search Page 17 © 2010 IBM Corporation
  • 18. Mobile Portal MPA Demo MPA Demo http://PEC2010.com 18 © 2010 IBM Corporation
  • 19. Mobile Portal Reach Customers Across Multiple Channels – Mobile, Web, Kiosk, Email... With Customer Experience Suite, you can: Utilize built-in support for client detection to return ● the appropriate pages and content depending upon Support mobile the device shopping ● Leverage one common theme to deliver content through through the browser to deskop + mobile WebSphere Commerce ● Leverage out-of-the-box tooling to create a single application that can support both smartphones and full-sized desktop browsers. Add on the Mobile Module to dynamically adapt content to the unique display characteristics of the mobile Out-of-the-box device. mobile support ● Over 6,500 different mobile device types are included for supported today, including smartphones. Experience Suite social ● Supports XDIME 2 format for multi-channel server capabilities. rendering to mobile devices. 19 © 2010 IBM Corporation
  • 20. Mobile Portal Mobile Portal Accelerator Next An Exceptional Web Experience on each device WebSphere Portal Next Currency 1 Tighter integration with Portal Next (APIs and logging),WAS 7.0, Component updates to MCS 5.3 and MAP 5.3, zLinux support. Ease of use / User Experience 2 Accelerate time-to-value with How-To mobile development samples, papers & articles. Improved installation. Mobile Toolkit updates. Customer Support MPA Demo 3 Problem determination and serviceability. Standardize to Portal APIs and Portal logging, and eliminate updates to WPS.ear. http:/ PEC2010.com Rich Mobile Device Repository • Over 7,000 devices and growing… • Up to 600+ attributes per device • Robust Device Identification • compressed XML file in RAD • DB based on Server (DB2, Oracle, SQL Server) • Inheritance/fallback • Device Attributes, Design Policies • Device update service 20 © 2010 IBM Corporation
  • 21. Mobile Portal Weitere Informationen Project Northstar: http://www.ibm.com/software/info/northstar/ Mobile Portal Accelerator: http://www-01.ibm.com/software/lotus/portal/value/mobileaccelerator/ Portal Zone (für Entwickler): https://www.ibm.com/developerworks/websphere/zones/portal/ Portal Wiki: http://www.lotus.com/ldd/portalwiki.nsf Portal Demo: https://greenhouse.lotus.com/home/product.jsp?p=portal 21 © 2010 IBM Corporation
  • 22. Lotus knows. Smarter Software for a Smarter Planet Dr. Dieter Roth IBM Deutschland GmbH Sales Leader Portal + Social Betzenstr. 9 IBM Software Group 66111 Saarbrücken Tel +49-171-5501885 dieter_roth@de.ibm.com Vielen Dank ! © 2010 IBM Corporation