34
Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps [email protected] Sr. Consulting Developer/Architect (IBM Certified SW IT Specialist) Go to http://SOAWeb20.com for presentations, demos, tutorials and other resources

Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps [email protected] Sr. Consulting

Embed Size (px)

Citation preview

Page 1: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

Software Group

Composite Applications LandscapeAnd Lotus Component DesignerWeb 2.0, Mashups and Situational Apps

[email protected]. Consulting Developer/Architect (IBM Certified SW IT Specialist)

Go to http://SOAWeb20.com for presentations, demos, tutorials and other resources

Page 2: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

2

Empowering people to be more effective, responsive and innovative…

2

Page 3: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

3

... in the context of the work they do

Composite Applications

DominoData

PeopleSoft

SAP and Siebel

Relational Data

Web Service

Page 4: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

4

…in the context of the work they do

Tools

Business

Application

Business Unit

Messages

Page 5: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

5

Composite Applications – The Face of SOA

DominoData

PeopleSoft

SAP and Siebel

Relational Data

Web Service

Desktop Client(Connected/Disconne

cted)

Web Browser Client(Connected Portal,

etc.)

Portlet (JSR168)Web Content

(html)

Notes/Domino *.nsf

Page 6: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

6

Composite Applications LandscapeBuild Components Assemble and Deploy Presentation

Pre-built components

New Applications

Enterprise data (e.g. SAP, Siebel, PeopleSoft, etc.)

Component Assembly and Customization

“Situational Apps”& “Mashups”

Domino, Relational

Weather 1 Demo 2 Demo 3 Database 4 Demo 6Demo 5 ProjMgmt 7 Demo 8 CustComp 9

Notes 8 / Expeditor Rich Clients

Browser / Portal

Devices

Page 7: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

7

High Level Programming Model for Composite Applications

Comprehensive IDEs

Expeditor toolkitRational App Dev

Portlet Factory

No programmingPortlets, Builders,

Lists

Script-style development

Domino DesignerComponent DesignerNotes 8 Built-in Tools

Assembly

Composite Application Editor

Portal Application Template Editor

Devices

Notes 8 / Expeditor Rich Clients

Browser / Portal

Build Components Assemble and Deploy Presentation

Page 8: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

8

How do you Create Components for Composite Apps

Leverage tools according to requirements and skill level

Notes applications built with Domino Designer

SOA and Portlet components built

with Portlet Factory

Collaborative components built with

Lotus Component Designer

J2EE/SOA and Portlet components built with

RAD

Page 9: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

9

Account Management - Transfer Funds, Web Services, Service Data Objects (SDO), JavaServer Faces (JSF) )

Accounts Summary - SDO custom queries, Portlet User session/state, personalization

Portfolio Management & Financial Advisor Dashboard - Portlet wiring click-2-action, charts/graphs

Portal Site Design - Themes, skins, navigation, look-n-feel

Demo 1 Demo 2

Build Scenarios – Banking & Finance (Applying End-2-End Development)

Page 10: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

10

Account ManagementTransfer Funds, Web Services, Service Data Objects (SDO), JavaServer Faces (JSF)

Accounts SummarySDO custom queries, Portlet User session/state, personalization

Portfolio Management & Financial Advisor DashboardPortlet wiring click-2-action, charts/graphs

Portal Site DesignThemes, skins, navigation, look-n-feel

Demo1 Demo2 Demo3 Demo5c

Build Scenarios – Banking & Finance (Applying End-2-End Development)

Page 11: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

11

Build Scenarios – Banking & Finance (Applying End-2-End Development)

Account ManagementTransfer Funds, Web Services, Service Data Objects (SDO), JavaServer Faces (JSF) )

Accounts SummarySDO custom queries, Portlet User session/state, personalization

Portfolio Management & Financial Advisor DashboardPortlet wiring click-2-action, charts/graphs

Portal Site DesignThemes, skins, navigation, look-n-feel

Demo1 Demo 2

Page 12: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

12

Build Scenarios – Banking & Finance (Applying End-2-End Development)

Account ManagementTransfer Funds, Web Services, Service Data Objects (SDO), JavaServer Faces (JSF) )

Accounts SummarySDO custom queries, Portlet User session/state, personalization

Portfolio Management & Financial Advisor DashboardPortlet wiring click-2-action, charts/graphs

Portal Site DesignThemes, skins, nav, look-n-feel

Demo 1 Demo 2

Page 13: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

13

Multi-channel Access Customers require multiple channels of access/interaction. IBM provides comprehensive support for all channels, composable from core services.

Page 14: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

14

WPLC

© 2007 IBM Corporation

Portal Tools Positioning Target Accounts Pricing, Bundling and Support

Domino Designer

Domino Development environment $780 per seatSupports Notes/Domino

Component Designer

Domino or Microsoft Development shop or department looking to create composite applications for portal or rich client in a visual scripting environment -- not a java environment

$670 per seat

Bundled \ EntitledLCD 6.0 with Portal ExpressLCD 6.0.1 with Domino Designer 8 *

Platform Support LCD 6.0 supports WP 6.0, Express 6.0LCD 6.0.1 will support WP 6.x, Express 6.x, Notes 8 and Expeditor 6.1 *

Portlet Factory

Designer

Developers looking to rapidly create service-oriented applications that integrate data and services including web services, and enterprise applications like SAP, Oracle and Domino into composite applications for a portal or rich client -- in a java environment

$5150 per seat

Bundled \ EntitledPF with Express, Portal, Extend, & EnablePF Designer with Portal, Extend & Enable

Platform SupportPF 6.0 supports WP 5.1 & 6.0, Express 6.0, RAD 6.0PF 6.0.1 will support WP 5.1 & 6.x, Express 6.0, RAD 6.x & 7.0PF 6.0.2 will add support for Notes 8 and Expeditor 6.1.1 *

Rational Application Developer

Developers looking for a complete Java Development IDE

$4120 per seat

Not bundled with any WPLC productRAD 6 supports WP 5.1RAD 7 supports WP 5.1 & 6.0

* Indicates future (Q3) functionality

Page 15: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

Business Unit or Product Name

© 2007 IBM Corporation15

Portal Tools Scenarios

Recommend Component Designer for customers that want to…

– Leverage skills of scripting developers, such as Domino and Visual Basic and allow them to implement business logic using JavaScript.

– Build flexible end-to-end applications that include a document store, such as expense reports or project management

– Enable script developers to build user interfaces to existing data repositories like Domino, SQL server, DB2, and Web services.

– Create components that can participate in WebSphere Portal and offline client-based composite applications with built in synchronization

Recommend Portlet Factory for customers that want to …

– Rapidly create service-oriented applications that integrate data from different sources including web services, relational databases, and enterprise applications like SAP, Oracle, and Domino into composite applications for a portal or rich client

– Enable administrators and business users to customize portlets using portal modes like edit, and configure or according to the user’s role, group membership, region, division, etc.

Recommend RAD for customers that want to …

– Developers looking for a complete Java Development IDE

– Developers looking for an end-to-end portal application development – creating, testing, debugging and deployment

– Portal site development with visual layout, theme/skin editing

– Developers who need complete and precise control of all portlet and portal application code.

Page 16: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

®

IBM Software Group

© 2006 IBM Corporation

Lotus Component Designer

People Applications Without Writing Code

Page 17: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

1717

Lotus Component Designer 6

Powerful features for secure, document-based WebSphere Portal applicationsBuild flexible, XML document applications,

such as expense reports or project management

Rapid application development framework

Composite application supportComponents can participate in WebSphere

Portal composite applications

Easy to learn Develop in a visual scripting environment, not a java

environment

Leverages skills of script developers (Domino, Visual Basic…)

XML and JavaScript at the core

Includes tutorials and sample apps to get you started

Page 18: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

1818

Lotus Component Designer

Visual, scripting toolRich UI control paletteIncludes built-in AJAXJavascript editor

Standards basedBuilt on EclipseXML storage in RDBWeb Services supportXML Schema editor

Full composite application integration

Page 19: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

1919

Application Attributes

Document-based

Collaborative, information sharing

End-user focused

Security-rich, role-based

Blog

Discussion

ContactsProject Management

Lotus Component Designer Sample apps

Page 20: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2020

Use Lotus Component Designer to easily create and deploy application

components toWebSphere Portal 6.0

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

12

3

Composite Applications in Three Easy Steps!

Page 21: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2121

Lotus Component Designer & Web 2.0

Out-of-the-box Web 2.0 ApplicationsBlog & Discussion for collective intelligence

Quickly build situational applications

Client & Server JavaScript libraries

Ajax supportBuilt in type ahead

Partial page refresh

Web servicesCall Soap and REST based services

Mashups for BusinessFull support for WebSphere

Portal composite applications

Page 22: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2222

WebSphere Portal Express & Lotus Component DesignerCollaborative portal bundle for the Mid-Market

Install and run in < one hour

Complete portal system including LDAP Server and IBM DB2 ® Express in the box

Based on WebSphere Portal 6 technology

Includes Lotus Component Designer for rapid development of portal applications

Supports advanced composite applications concepts including

Inter-portlet communication

Application template parameters

Page 23: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2323

Rapid Application Development Framework

Pages, views, documents, and JavaScript Flexible XML-based document model

Separation of UI / Data Data models are defined using XSD schemas

Page defined visually

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

Parameterization versus coding Set of high level components

Simple actions for event handling

Easy deployment to target platforms Very fast deployment: allows incremental development

Automatic Database setup

Allows manual deployment when necessary

Page 24: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2424

Architecture

LotusComponent

Designer(Windows® & Linux®)

Component Designerruntime

WebSpherePortal

Deploy

• Test• Production

Stored in RDBMSDefault Portalor Networked

(DB2, CloudscapeOracle, MS SQL)

XMLdocument

store

Native

RDBMS(DB2,

CloudscapeOracle,

MS SQL)DominoXML File

Web service

External

Portalpage

Supported Portal OS: Windows, AIX, Solaris, HP-UX, Linux & i5/OS

Browser

Components canstore data in XMLdoc store, externalor both

Page 25: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2525

What’s New - Major Functional Areas

Page Editor

Ajax support

Custom Controls

Data ConnectorsXML Documents

Relational

Domino

XML File

Web 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

Page 26: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2626

Runs in Eclipse

Drag and Drop Page Editor

Design, Source, Preview

Access to Data

Custom Controls

Outline View

Data Palette

UI Controls

Page 27: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2727

Five Easy Steps to Success!

1. Create schema for XML document store

2. Create page for documents

3. Define view query for selection of data

4. Create view for displaying data

5. Deploy

Page 28: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2828

1. Create Schema

LCD data is organized by a standard XSD schema

Schema can be defined using the following approaches

Create from scratch using the schema editor

Define schema when adding controls to page

Import existing schema

Components can have multiple schemas

Schema editor

Page 29: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

2929

2. Create Page for Documents

Bind Controls to elements

Drag & drop UI controlsonto canvas

Page 30: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

3030

3. Define View Query for Selection of Data

• Selects and filters data butdoesdefine view UI

• Can be shared acrosscomponents

Page 31: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

3131

4. Create View for Displaying Data

• Defines view UI

• Associate with view query

Page 32: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

3232

5. Deploy

One click deploy

Portal info

• XML document storeoptions

• Default Portal RDBMS,networked or none

Can alsomanually deploy

Page 33: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

IBM Software Group | Lotus software

3333

Resources

Product page www.ibm.com/lotus/componentdesigner

developerWorks page www-128.ibm.com/developerworks/workplace/products/designer Product documentation, forum, trial edition Articles

Using Web services in IBM Lotus Component Designer V6.0 Using JavaScript in IBM Lotus Component Designer Client-side JavaScript techniques and demos Creating a composite application using IBM Lotus Component

Designer

alphaWorks: Application designer for medium-sized businesses http://www.alphaworks.ibm.com/ One package that includes Lotus Component Designer with

WebSphere Application Server Community Edition (WAS CE) so you can investigate tool without WebSphere Portal

Page 34: Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting

34

Resourceshttp://ibm.com/developer (IBM developerWorks for technologies and/or products)

Java, J2EE, Web Services and other technology zones are on the left hand sideWebSphere Zone: http://ibm.com/developer/websphere Rational Zone: http://ibm.com/developer/rational Free Education Portal: http://ibm.com/developer/training

http://www.redbooks.ibm.com (How-To Step-by-step Practical Implementation Books)

http://SOAWeb20.com (a.k.a. JavaSOA.com, JavaDevTools.com, RationalCentral.com, WebSphereCentral.com)

(Tutorials, Links, Presentations, White Papers, Articles, etc.)