®

Lotus Component Designer

Ease Your Portal Application Development

Ray Chan – Lotus Software, IBM Software Group

Agenda

What is Lotus Component Designer 6

Demo

Similarity between Domino Designer

Q&A

Build an application for WebSphere Portal

Rational Application DeveloperComplete JAVA development IDE

IBM WebSphere Portlet FactoryTool to build stand-alone Web applications, Web services or portlets

Provides pre-built integrations for existing applications such as Lotus Notes and Domino, SAP, PeopleSoft, Siebel, Databases, and Web Services

Skill NeededJava, java, and java

Transaction based application

Backend integration

Conceptual not familiar with Domino Developers

IBM Lotus Component Designer 6The fastest way to build components for IBM WebSphere Portal 6

Software development tool that quickly develop line-of-business applicationsAn easy-to-use, familiar software development tool for any developersBuilt on the Eclipse, support Web 2.0 concepts more quickly and effectively.Quickly build document-based applications such as expense reports, project management, document approvals or change requests, or collaboration tools such as blogs and discussion boards.More easily bring together people, applications and business processes to support specific job functions through Composite Application development.

Interoperability with Open Standards

Utilize open standard technologies

Based on Eclipse technologyExtend capabilities through extension points to add custom UI controls Support for Microsoft Windows and Linux desktops

Simplified Development Process

Create security enhanced, flexible, XML document-based applications

Define XML document data store on the fly

Enhance developer productivity with advanced page editor features

Use same metaphor to access exiting application data in web services

Use Lotus Component Designer to easily create and deploy application components

to WebSphere Portal

Use the Template Editor to add the component to a composite

application page

Use the template to create one or more application instances with your new component

1 2

3

How it works in WebSphere Portal

PagesUI ControlsXML storage in a relational dbSchema EditorJavaScript EditorDocument APIWebSphere PortalintegrationSamples, Tutorial

What is Lotus Component Designer

Major Functional Areas

Page Editor

Ajax support

Custom Controls

Data ConnectorsXML DocumentsRelationalDominoXMLWeb Services

Connections Explorer

Schema Editor

Image View, Outline View

Script Editor and Script Programming

Script libraries (Client and Server)

JavaScript Debugger

Lightweight preview

Based on Eclipse

Deploy to Portal 6

Pages, views, documents, and JavaScriptFlexible XML-based document model

Separation of UI / DataData models are defined using XSD schemasPage defined visually

XSP (XML Scripting Pages) markup is an extension to JavaServer Faces

Parameterization versus codingSet of high level componentsSimple actions for event handling

Easy deployment to target platformsVery fast deployment: allows incremental developmentAutomatic Database setupAllows manual deployment when necessary

Rapid Application Development Framework

Demo: Lotus Component Designer 6.0

Demo

Early Adopter FeedbackMatt Smith – E2 Consulting Group

“Component Designer provides E2 the ability to use one tool, built on Eclipse, throughout the full project life-cycle”

“Intuitive enough for Business Consultants to use; and in the hands of a developer, powerful enough to deliver deep application functionality to Portal.”

Alex EL HOMSI – Trilog Group

“Developing project management components that deliver project-centric teamspace functionality using the new composite application model offered in WebSphere Portal 6.“

“"Lego"-like, visual development model speeds up portlet development by at least 10x compared to traditional J2EE development”

“The development model and constructs were very familiar to our Domino developers”

Adding Support for Lotus Notes & Lotus Expeditor

Design once, deploy to both WebSphere Portal & Lotus Notes 8 or Lotus Expeditor 6.1.1

Client applications can take advantage of platform

Use composite application editor to add components to client composite applications

Deploy to WebSphere Portal which provisions to clientApplications provisioned to client automatically

Initial provision creates local XML document data store for you

Applications can be run disconnectedSynchronization of XML document data between local and server data store build into product!

Full preview functionalityTemporary local deploy to client (live data and execute logic)

Basic Building Blocks – The Container

Domino Designer builds “databases” that contain one or more “applications”

Single launch option (per platform), but many different “views” on the database allow you to host more than one application in your nsfWith composite applications, an nsf can be a component of a larger application

Lotus Component Designer builds “components” that contain one or more “portlets”

Each portlet can be thought of as a separate launch optionEach portlet can stand alone, or participate in a composite application

Basic Building Blocks – Samples and Templates

Getting a head start with a sampleDomino Designer provides templates in the boxLCD provides sample components in the box

Sharing your applicationDomino Designer can create templates or databases (ntf or nsf)

Can also create a template from an nsfAny LCD component can stand alone or be part of a portal template

Full participant in Portal composite application modelPortal template is a collection of portlets that can be instantiated as one

Basic Building Blocks - Data

Domino Designer provides a built in data repository for hierarchical documents

Domino data is ad hoc, unstructuredOrganized into documents and views

Documents can be organized in a hierarchy (responses)Documents can have attachmentsViews are collections of documents, selected with a selection formulaView definition stored in the View design element

Lotus Component Designer provides a built in data repository forhierarchical documents

LCD data is organized by a standard XSD schemaOrganized into documents and views

XML Documents can be organized in a hierarchy (responses) XML Documents can have attachmentsViews are collections of documents, selected with a selection formula

– Selection formula can either be script or query language– Uses columns and selection formulas– View definition stored in the View Query design element

Familiar Building Blocks – Design Elements

Designer navigators at a glance

Familiar Building Blocks – Design Elements

Designer navigators – how well they map!

New Concepts – Pages

Underlying page source is open and accessiblePage source is in a markup language known as XSP

XML based extension of JavaServer Faces, no JSPs involved!Can define page completely visuallyOr, can directly manipulate the entire page source as needed

One form/one document limitation is gonePage can correspond to no documents – like a Domino “page”Page can correspond to a single document – like a Domino “form”Page can correspond to many documents – well that’s new!

Most properties can be computed dynamically“Hide When” has morphed to “Visible”

New ControlsRepeat, Panel, Data TableGrow your own

New Concepts - Data

Separation of presentation and dataControls are separate from fields on a formControls are given data bindingsData palette provides easy, visual data handling

Separation of View Query from View PresentationStops view explosion!View control binds to a view query

Schemas describe the structure of the data

A page can contain one or more data sources

Data sources can be XML documents or external dataRelational, Domino, and web service data sources have a common data binding experienceView control binds to collection from XML document, relational, or Domino data sourceExtensible architecture to write your own data sources if these aren’t enough!

Including Domino Data

Define a connection Either RCP or CORBA, depending on where Domino lives in relation to your portal server

Define a page data source to correspond to a Domino DocumentChoose a connection and a form nameVirtual schema built from the form fieldsCan use data palette or bind to fields in the data source

Bind a view control to a Domino viewAutomatically generate the columns in the view from the Domino viewWrite scripts that access the view data

Summary

Lotus Component Designer is easy to use, yet powerful!

Robust set of features for secure, document-based applications

Lotus Component Designer 6 is now available!

Targets multiple platformsWebSphere Portal todayLotus Notes and Lotus Expeditor in the future!

Additional resourcesMore information: http://www.ibm.com/lotus/componentdesignerDeveloper resources: http://www-128.ibm.com/developerworks/workplace/products/designer/

Thanks for coming!

© IBM Corporation 2007. All Rights Reserved.

The workshops, sessions and materials have been prepared by IBM or the session speakers and reflect their own views. They are provided for informational purposes only, and are neither intended to, nor shall have the effect of being, legal or other guidance or advice to any participant. While efforts were made to verify the completeness and accuracy of the information contained in this presentation, it is provided AS IS without warranty of any kind, express or implied. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, this presentation or any other materials. Nothing contained in this presentation 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, WebSphere, Workplace and Lotusphere are trademarks of International Business Machines Corporation 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.