This presentation was delivered at Lotusphere 2010. The abstract was as follows: Mashup the Lotus Portfolio! Are you looking for a lightweight way to integrate various Lotus products together at-the-glass? We’ve got the answer for you! In this demonstration, we will show how through widgets and mashup technologies you can quickly create a cohesive application that mashes together services and content from products such as WebSphere Portal, Lotus Connections, Lotus Quickr, Lotus Domino, IBM Mashup Center, Lotus Forms, and Lotus Sametime.

1. ID608 Mashup The Lotus Portfolio!
Nicole C. Carrier | Program Director, IBM Mashup Center
Jason Roy Gary | Executive Architect, IBM Mashup Center

2. Agenda
● Re-mixing the W eb – The Mashup Phenomenon
● Introduction to iW idgets
● Demos – Mashing up the Lotus Portfolio – Bring it all Together
● Q&A
2

3. What is a Feed?
Many products today (IBM®Lotus® Domino®, IBM Lotus® Connections,
IBM Lotus Quickr™, IBM Cognos, IBM WebSphere Portal, IBM Mashup
Center, IBM WebSphere MQ, IBM WebSphere Business Process
Management, Google Docs, etc.) are exposing their functionality and
information as RESTful feeds (JSON, XML, Atom, RSS, HTML)

4. What is a Widget?
Widgets are often the visualization or user interface on top of a feed

5. Widgets Have Permeated the Consumer Web…

6. Why Has The Consumer Web Adopted Widgets?
● W idgets are lightweight and easy to build with a variety of existing
technical skill sets
● W idgets allow end users to create new personalized experiences
(desktop, portals, blogs, applications) without coding
● W idgets support lightweight integration across products and services
▬ Without having to know anything about the disparate systems APIs
▬ Without having to write any system-specific code
▬ And without even having to know who owns the service or widget
● W idgets allow organizations to share or syndicate information or
applications in a very low cost manner to consumers, increasing brand
awareness and customer loyalty
These benefits apply to enterprises as well!

7. What is a Mashup?
A “mashup” is a lightweight web application created by combining information or
capabilities from more than one existing source to deliver new functions & insights.
Mashup
● Rapid creation (days not
months)
● Reuses existing capabilities, but
delivers new functions + insights
● Requires less technical skills –
widgets and feeds are the
building blocks for mashups
● Often mixes internal and external
sources
Web Enterprise Info Enterprise Apps
MQSeries
<WSDL>
Web
MQ Quickr
Web services
Connections
Commerce Legacy
Info Server IMS ERP
ECM CRM
Google Gadgets
JDBC DB
Portal Domino

8. Demo – Building a Mashup in 5 Minutes

9. How Enterprises Benefits From Mashups
By taking a “building block” approach to
Number of users per application
application development, organizations can
realize the following benefits: Strategic, long-
term apps
● Agility and flexibility to quickly assembly (created by IT.)
new apps to meet new requirements or
situations
● Rapid application delivery thru a virtuous Skills &
cycle of reuse Cost Gap
● Improved insights from assembling
disparate information into one view
● Better align IT and business through rapid Backlog of
prototyping tactical
● Self-service app development, helping to applications.
lower IT backlog
● Innovation through community contribution
● Save time and money by leveraging the
thousands of 3rd Party Services and # of applications
Widgets One benefit of mashups is to support the long tail of application
development – i.e., being able to cost-effectively create very
targeted, personalized applications

10. Agenda
● Re-mixing the web – the Mashup Phenomenon
● Introduction to iW idgets
● Demos – Mashing up the Lotus Portfolio
● Q&A
10

11. Introduction to iWidgets
● iWidget – common IBM widget specification
● The Widget container and client-side framework is developed in Lotus and embedded
across numerous products in every software brand in IBM
● Benefits of iWidgets and mashup-enabling the Lotus and IBM portfolio:
▬ Customers can customize IBM's mashup and widget-enabled products much
faster and without requiring coding!
▬ Tighter integration of IBM widget-enabled products –> helping customers to bring
all of their software investments together
● What does an iWidget look like? Simple Hello World Example:
<iw:iwidget id="helloWorld"
xmlns:iw=“http://www.ibm.com/xmlns/prod/iWidget”
supportedModes="view edit" mode="view" lang="en”>
<iw:content mode="view">
<![CDATA[
<div>Hello World</div>
]]>
</iw:content>
</iw:iwidget>

12. iWidgets Are Everywhere . . .

13. IBM Mashup Center
This mashup provides a single view for active / archived data from Optim
with unstructured data from Filenet P8.

14. Lotus Connections

15. WebSphere Portal

16. WebSphere Business Space (includes Business
Monitor, Business Modeler, Business Services Fabric, etc.)
16

17. Business Space within WebSphere Portal
17

18. Filenet p8
18

19. WebSphere Integrated Solutions Console
19

20. Tivoli Integrated Portal
20

21. Lotus Notes
21

22. Widget Tooling Options
Wide variety of tools to match a wide variety of developer skill sets
IBM Mashup Center
Brow ser-based tools for
turning feeds into w idgets.
Granularity
Lotus Widget
Factory WebSphere sMash Domino Designer WebSphere
Codeless w idget Code-based scripting 8.5.1 Portlet Factory
creation using wizard- and visual brow ser- Code-based scripting and
based dialogs. based tooling. and drag & drop WebSphere
Eclipse-based Targeting Java or PHP controls within an Rational Application
Dashboard
environment. developers. Eclipse-based tool. Developer & Rational
Framework
Targeting Domino Wizard-based Software Architect
developers. creation of Java Eclipse-based widget tooling
w idgets that for Java/J2EE developers.
connect to
enterprise
systems.
IT
Knowledge Application Programming Skills Professional
Workers

23. WebSphere Dashboard Framework Widgets Running in
IBM Mashup Center

24. Lotus Forms Turbo Widgets Running in Mashup Center

25. iNotes and Sametime Widgets Running in IBM Mashup Center

26. Agenda
● Re-mixing the web – the Mashup Phenomenon
● Introduction to iW idgets
● Demos – Mashing up the Lotus Portfolio
● Q&A
26

27. Demos – Mashing Up the Lotus Portfolio
● Demo 1- Mashin' it up on-the-glass: leveraging widgets to develop an
application that contains services from multiple Lotus products
● Demo 2- Mashin' it up on the back-end: leveraging feeds and data
mashups to develop an application that contains information from
multiple Lotus products
27

28. Agenda
● Re-mixing the web – the Mashup Phenomenon
● Introduction to iW idgets
● Demos – Mashing up the Lotus Portfolio
● Q&A
28

29. Backup
29

30. IBM Mashup Center
An end to end mashup platform, supporting quick assembly of dynamic
applications - with the security and governance capabilities IT requires.
●Create new applications by reusing
existing data and services
●Unlock Enterprise, Web, Personal
and Departmental Information
●Develop widgets from enterprise
systems
●Discover and share mashups,
widgets, feeds, and services
● Transform information into new feeds

31. Legal Disclaimer
The information contained in this publication is provided for informational purposes only. While efforts were made to verify the completeness and accuracy of
the information contained in this publication, it is provided AS IS without warranty of any kind, express or implied. In addition, this information is based on
IBM’s current product plans and strategy, which are subject to change by IBM without notice. IBM shall not be responsible for any damages arising out of
the use of, or otherwise related to, this publication or any other materials. Nothing contained in this publication is intended to, nor shall have the effect of,
creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement
governing the use of IBM software.
References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product
release dates and/or capabilities referenced in this presentation may change at any time at IBM’s sole discretion based on market opportunities or other
factors, and are not intended to be a commitment to future product or feature availability in any way. Nothing contained in these materials is intended to, nor
shall have the effect of, stating or implying that any activities undertaken by you will result in any specific sales, revenue growth or other results.
IBM, the IBM logo, Lotus, Lotus Notes, Notes, Domino, Quickr, Sametime, WebSphere, UC2, PartnerWorld and Lotusphere are trademarks of International
Business Machines Corporation in the United States, other countries, or both. Unyte is a trademark of WebDialogs, Inc., in the United States, other
countries, or both.
Java and all Java-based trademarks are trademarks of Sun Microsystems, Inc. in the United States, other countries, or both.
Microsoft and Windows are trademarks of Microsoft Corporation in the United States, other countries, or both.
© IBM Corporation 2009. All Rights Reserved.
31