© 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

© 2008 IBM

Session ID: D10Session 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

STORY TITLE

2WebSphere Portal Technical Conference U.S. 200822

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

STORY TITLE


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

STORY TITLE


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

STORY TITLE


Application development using software automationWidget 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

STORY TITLE


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);}

STORY TITLE


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

STORY TITLE


Agenda





Using widget events



Product roadmap

Q&A

STORY TITLE


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

STORY TITLE


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

STORY TITLE


Agenda





Using widget events



Product roadmap

Q&A

STORY TITLE


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

STORY TITLE


Presentation widget models

Ser

vice

Con

sum

er

Ser

vice

Def

initi

on

SQ

L C

all

Ser

vice

Ope

ratio

n

Ser

vice

Ope

ratio

n

SQ

L C

all

Service model

DB

Ser

vice

Con

sum

er

Service and presentation models

Vie

w &

For

mV

iew

& F

orm

Demo

STORY TITLE


Agenda





Using widget events



Product roadmap

Q&A

STORY TITLE



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

STORY TITLE


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

STORY TITLE


Agenda





Using widget events



Product roadmap

Q&A

STORY TITLE


Enables business users to create new situational applications

18

Using widget events

Select Source Action

Select Target Action

Select Source Widget

Select Target Widget

STORY TITLE

19WebSphere Portal Technical Conference U.S. 20081919 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

STORY TITLE


Agenda





Using widget events



Product roadmap

Q&A

STORY TITLE


Widget customization

Click to Customize

Modify Visualization

and Data Elements

Enables business users to customize widget functionality without requiring additional coding by developers

STORY TITLE


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 builder3. Create the customization user interface using the

Widget Customizer builder

Demo

STORY TITLE


Agenda





Using widget events



Product roadmap

Q&A

STORY TITLE



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

STORY TITLE


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

STORY TITLE


Agenda





Using widget events



Product roadmap

Q&A

STORY TITLE


WebSphere Portlet Factory Roadmap2008 - 2009

Portlet Factory 6.1.2Widget Factory 1.xDec 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.0Q2/Q3 2009

6.1 Trial Aug 08

6.1.0.1 FixpackQ3 2008

6.1.2.1 FixpackQ1 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.0Portlet Factory 6.1June 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

STORY TITLE


Additional Information and Resources

Portlet Factory wiki

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/portletfactory/

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/

STORY TITLE


Q&A

STORY TITLE


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!Mark your calendars!

2009 U.S. WebSphere Portal Technical Conference2009 U.S. WebSphere Portal Technical ConferenceOctober 12-15, 2009, Sheraton San Diego Hotel and MarinaOctober 12-15, 2009, Sheraton San Diego Hotel and Marina

WebSphere Portal Technical Conference U.S. 2008

STORY TITLE


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

Documents

© 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