1. © 2008 IBM Session ID: D10 Session Title: Rapidly Create Widgets for Use in Business Mashups on IBM Mashup Center with Lotus Widget Factory Speaker: Jonathan Booth WebSphere Portal Technical Conference U.S. 2008

2. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 2 2 2 Agenda  Widget Factory product overview  Building and deploying widgets  Using a service architecture  Working with forms and views  Using widget events  Enabling widget customization  Widget Factory and Portlet Factory  Product roadmap  Q&A

3. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 3 3 3 Easy-to-use, Eclipse-based IDE helps to reduce the time and cost of creating dynamic, interactive widgets. Using the tool’s wizard-based interface, developers of all skill levels can build powerful widgets– without coding! Lotus Widget Factory

4. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 4 4 4 4 Key Lotus Widget Factory capabilities  Generates widgets for Lotus Mashups without coding  Encapsulates common widget creation tasks using intuitive wizards  Supports widget events for creation of situational applications  Extends widget customization capabilities to business users  Provides automatic deployment to Lotus Mashups server and toolbox  Provides robust integration capabilities with existing applications and data sources  Consumes and visualizes feeds from the InfoSphere MashupHub

5. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 5 5 5 Application development using software automation Widget Factory automates high-level design patterns… Domino MashupHub services Relational databases Tables Forms - for accessing enterprise data and services - for building the presentation user interface Web services and REST services

6. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 6 6 6 Key concepts: builders  Capture design patterns and automate the creation of code  Have easy to use, wizard- like interfaces  Create or modify any number of application elements and artifacts  Pages, schemas and data, server-side and client-side actions and logic, back end connectivity, etc. /** * Generated Method [employees_SelectRow] */ public void employees_SelectRow(WebAppAccess webAppAccess, Integer rowIndex, String nextAction) { int index = rowIndex.intValue(); Variables vars = webAppAccess.getVariables(); int selectedRow = index - 1; IXml data = vars.getXml("employeesGetEmployeesByDeptResults"); if (data == null) return; data = data.findElement("EmployeeList"); if (data == null) return; int row = 0; IXml child = data.getFirstChildElement(); while (child != null) { if (row == selectedRow) { vars.setXml("employees_SelectedRowData", child); break; } row++; child = child.getNextSiblingElement(); } webAppAccess.callMethod( "employeesGetEmployeeRecord" ); webAppAccess.processAction(nextAction); }

7. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 7 7 7 Key concepts: models  Models are containers for aggregating builders  Developers work iteratively with builders in a model to create a custom “assembly line”  A model is typically used to create a service or presentation pages

8. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 8 8 8 Agenda  Widget Factory product overview Building and deploying widgets  Using a service architecture  Working with forms and views  Using widget events  Enabling widget customization  Widget Factory and Portlet Factory  Product roadmap  Q&A

9. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 9 9 9 Build and deploy a new widget 1.Build – create a new model and follow wizard steps 2.Test – run the model standalone using the Run button 3.Publish – publish widgets using the “Publish widgets to Mashups toolbox” command, then add to Mashups page Demo

10. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 10 Enhancing widgets with builders  Widget Factory has a rich set of builders for enhancing the widget’s appearance and behavior  Some builders add application functionality (e.g., add a new service or page, or add navigation links)  Some builders modify application behavior (e.g., control formatting, change labels, show/hide fields)  Builders are added and modified with iterative testing until the application is complete and working as desired Demo

11. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 11 Agenda  Widget Factory product overview  Building and deploying widgets Using a service architecture  Working with forms and views  Using widget events  Enabling widget customization  Widget Factory and Portlet Factory  Product roadmap  Q&A

12. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 12 Using a service-oriented architecture Key Benefits  Promotes independent development and testing of front end and data layers  Automates back end connectivity  Enables reuse of assets Widget Factory features a Data Services Layer - providing automatic support for a service provider & consumer paradigm Access existing assets Use one data service to drive display of multiple widgets Reuse same UI with different data services Test data layer independently

13. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 13 Presentation widget models Service Consumer Service Definition SQL Call Service Operation SQL Call Service model DB Service Consumer Service and presentation models View & Form Demo

14. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 14 Agenda  Widget Factory product overview  Building and deploying widgets  Using a service architecture Working with forms and views  Using widget events  Enabling widget customization  Widget Factory and Portlet Factory  Product roadmap  Q&A

15. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 15 Working with forms and views  Widget Factory provides builders for creating, enhancing, and modifying the application user interface  Automatically generates a user interface from a schema  Automatically applies validation, formatting, UI type, labels etc. to all pages generated from a schema 15 Automatically Generates UI Enables Validation Creates Labels Enables rich UI controls

16. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 16 Enhancing the user interface for forms and views  Builders such as View & Form and Data Page are used to automatically create forms and views from structured data  Other builders are used to enhance and customize forms and views  Some builders target a whole set of page elements:  Rich Data Definition applies UI characteristics (validation, formatting, UI type, labels, etc.) to all the fields on all the pages that are generated from a schema  Data Column Modifier modifies all the columns of a table  Other builders target a specific page element:  Data Field Modifier targets individual fields and sets UI characteristics  Attribute Setter sets HTML attributes on specific tags  The overall goal is to allow maximum automation whenever possible, while allowing detailed individual customization when needed Demo

17. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 17 Agenda  Widget Factory product overview  Building and deploying widgets  Using a service architecture  Working with forms and views Using widget events  Enabling widget customization  Widget Factory and Portlet Factory  Product roadmap  Q&A

18. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 18  Enables business users to create new situational applications 18 Using widget events Select Source Action Select Target Action Select Source Widget Select Target Widget

19. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 19 Implementing widget events  Widget Event builder is used to add event support in both source and target models  Events can be handled with a model action or with JavaScript  Events can support simple payloads and structured data payloads  After event support is added to models, use the wiring commands in Mashups to wire widgets together Demo

20. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 20 Agenda  Widget Factory product overview  Building and deploying widgets  Using a service architecture  Working with forms and views  Using widget events Enabling widget customization  Widget Factory and Portlet Factory  Product roadmap  Q&A

21. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 21 Widget customization Click to Customize Modify Visualization and Data Elements  Enables business users to customize widget functionality without requiring additional coding by developers

22. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 22 Implementing widget customization  Widget customization is built on the “dynamic profiling” technology of Widget Factory  Profiling can be used to control any aspect of functionality: look and feel, level of functionality, services, logic, etc.  Three steps for implementing widget customization: 1.Use the profile icon to expose points of variability in builders 2.Enable customization in the Widget Adapter builder 3.Create the customization user interface using the Widget Customizer builder Demo

23. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 23 Agenda  Widget Factory product overview  Building and deploying widgets  Using a service architecture  Working with forms and views  Using widget events  Enabling widget customization Widget Factory and Portlet Factory  Product roadmap  Q&A

24. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 24 Widget Factory and Portlet Factory  Portlet Factory provides the foundation for Widget Factory  Both products share the same code base and technology  Widget Factory is very mature “1.0” product, with a rich supporting ecosystem (e.g., web forums and wiki)  Model files are in general compatible across the two products  Widget Factory adds widget generation and Lotus Mashups support  Widget Factory contains a subset of Portlet Factory capabilities (e.g., reduced data integration support) Future roadmap includes adding complete widget functionality to Portlet Factory 24

25. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 25 Application compatibility between Widget Factory and Portlet Factory  Builders and models are generally compatible across the two products  Models built in Portlet Factory can be used in Widget Factory  This includes most of the samples on the Portlet Factory wiki  There are a few platform-specific builders that can’t be used on the other platform, for example:  Cooperative Portlet builders and Credential Vault can’t be used in widgets  Widget Event builder can’t be used in portlets  These can be disabled or removed when building widgets  Profiling can be used to automatically enable/disable builders Demo

26. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 26 Agenda  Widget Factory product overview  Building and deploying widgets  Using a service architecture  Working with forms and views  Using widget events  Enabling widget customization  Widget Factory and Portlet Factory Product roadmap  Q&A

27. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 27 WebSphere Portlet Factory Roadmap 2008 - 2009 Portlet Factory 6.1.2 Widget Factory 1.x Dec 2008 Enhanced usability iWidget support Improved generated User Interface Team development support Improved documentation Expanded platform support WAS7, zOS 1.9 Expanded designer platform support Eclipse 3.4, RAD 7.5 7.0 Q2/Q3 2009 6.1 Trial Aug 08 6.1.0.1 Fixpack Q3 2008 6.1.2.1 Fixpack Q1 2009 Address customer APARs IP v6 support Address customer APARs Enhanced usability Improved generated User Interface Enhanced Web 2.0 support Team development support Enhanced Web Services support Improved documentation Expanded platform support Electronically available 60 day trial * Release dates and features reflect forward looking statements and are subject to change based on market demands Widget Factory 1.0 Portlet Factory 6.1 June 08 Enhanced usability New builders Improved performance Enhanced Web Service functionality Expanded designer platform support Expanded portlet platform support Extended samples and documentation Added portal catalog offerings

28. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 28 Additional Information and Resources  Portlet Factory wiki  http://www-10.lotus.com/ldd/pfwiki.nsf http://www-10.lotus.com/ldd/pfwiki.nsf  Includes numerous samples and articles, best practices documents, and links to other resources  Portlet Factory zone on developerWorks  http://www.ibm.com/developerworks/websphere/zones/portal/p ortletfactory/ http://www.ibm.com/developerworks/websphere/zones/portal/p ortletfactory/  WebSphere Portal  http://www-3.ibm.com/software/genservers/portal/  WebSphere Portal Business Solutions Catalog:  http://catalog.lotus.com/wps/portal/portal  Education  http://www-3.ibm.com/software/genservers/portal/education/

29. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 29 Q&A

30. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 30 Session ID: D10 Session: Rapidly Create Widgets for Use in Business Mashups on IBM Mashup Center with Lotus Widget Factory Presenter: Jonathan Booth Please take a few minutes to fill out the session survey. Thank you Mark your calendars! 2009 U.S. WebSphere Portal Technical Conference October 12-15, 2009, Sheraton San Diego Hotel and Marina WebSphere Portal Technical Conference U.S. 2008

31. STORY TITLE WebSphere Portal Technical Conference U.S. 2008 31 © IBM Corporation 2008 All Rights Reserved. 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. All customer examples described are presented as illustrations of how those customers have used IBM products and the results they may have achieved. Actual environmental costs and performance characteristics may vary by customer. IBM, the IBM logo, WebSphere, Lotus, Lotus Notes, Domino, Quickplace, Sametime, Workplace and Quickr are trademarks of International Business Machines Corporation 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. Linux is a registered trademark of Linus Torvalds in the United States, other countries, or both. Other company, product, or service names may be trademarks or service marks of others. All references to Renovations Inc. refer to a fictitious company and are used for illustration purposes only.