1. Software Group Composite Applications Landscape And Lotus Component Designer Web 2.0, Mashups and Situational Apps Bill.Hahn@us.ibm.com Sr. Consulting Developer/Architect (IBM Certified SW IT Specialist) Go to http://SOAWeb20.com for presentations, demos, tutorials and other resources

2. 2 Empowering people to be more effective, responsive and innovative… 2

3. 3... in the context of the work they do Composite Applications Domino Data PeopleSoft SAP and Siebel Relational Data Web Service

4. 4 …in the context of the work they do Tools Business Application Business Unit Messages

5. 5 Composite Applications – The Face of SOA Domino Data PeopleSoft SAP and Siebel Relational Data Web Service Desktop Client (Connected/Disconnected) Web Browser Client (Connected Portal, etc.) Portlet (JSR168) Web Content (html) Notes/Domino *.nsf

6. 6 Composite Applications Landscape Build ComponentsAssemble 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 1Demo 2Demo 3Database 4Demo 6Demo 5ProjMgmt 7Demo 8CustComp 9 Notes 8 / Expeditor Rich Clients Browser / Portal Devices

7. 7 High Level Programming Model for Composite Applications Comprehensive IDEs Expeditor toolkit Rational App Dev Portlet Factory No programming Portlets, Builders, Lists Script-style development Domino Designer Component Designer Notes 8 Built-in Tools Assembly Composite Application Editor Portal Application Template Editor Devices Notes 8 / Expeditor Rich Clients Browser / Portal Build ComponentsAssemble and Deploy Presentation

8. 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 Demo 2Demo 3

9. 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)

10. 10 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 Demo1 Demo2 Demo3 Demo5aDemo4Demo5b Demo5c Build Scenarios – Banking & Finance (Applying End-2-End Development)

11. 11 Build Scenarios – Banking & Finance (Applying End-2-End Development) 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 Demo1Demo 2

12. 12 Build Scenarios – Banking & Finance (Applying End-2-End Development) 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, nav, look-n-feel Demo 1 Demo 2

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

14. WPLC © 2007 IBM Corporation 14 Portal Tools Positioning Target AccountsPricing, Bundling and Support Domino Designer Domino Development environment$780 per seat Supports 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 \ Entitled LCD 6.0 with Portal Express LCD 6.0.1 with Domino Designer 8 * Platform Support LCD 6.0 supports WP 6.0, Express 6.0 LCD 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 \ Entitled PF with Express, Portal, Extend, & Enable PF Designer with Portal, Extend & Enable Platform Support PF 6.0 supports WP 5.1 & 6.0, Express 6.0, RAD 6.0 PF 6.0.1 will support WP 5.1 & 6.x, Express 6.0, RAD 6.x & 7.0 PF 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 product RAD 6 supports WP 5.1 RAD 7 supports WP 5.1 & 6.0 * Indicates future (Q3) functionality

15. Business Unit or Product Name © 2007 IBM Corporation 15 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.

16. ® IBM Software Group © 2006 IBM Corporation Lotus Component Designer People Applications Without Writing Code

17. IBM Software Group | Lotus software 17 Lotus Component Designer 6  Powerful features for secure, document-based WebSphere Portal applications  Build flexible, XML document applications, such as expense reports or project management  Rapid application development framework  Composite application support  Components 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

18. IBM Software Group | Lotus software 18 Lotus Component Designer  Visual, scripting tool  Rich UI control palette  Includes built-in AJAX  Javascript editor  Standards based  Built on Eclipse  XML storage in RDB  Web Services support  XML Schema editor  Full composite application integration

19. IBM Software Group | Lotus software 19 Application Attributes  Document-based  Collaborative, information sharing  End-user focused  Security-rich, role-based Blog Discussion Contacts Project Management Lotus Component Designer Sample apps

20. IBM Software Group | Lotus software 20 Use Lotus Component Designer to easily create and deploy application components to WebSphere 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 1 2 3 Composite Applications in Three Easy Steps!

21. IBM Software Group | Lotus software 21 Lotus Component Designer & Web 2.0  Out-of-the-box Web 2.0 Applications  Blog & Discussion for collective intelligence  Quickly build situational applications  Client & Server JavaScript libraries  Ajax support  Built in type ahead  Partial page refresh  Web services  Call Soap and REST based services  Mashups for Business  Full support for WebSphere Portal composite applications

22. IBM Software Group | Lotus software 22 WebSphere Portal Express & Lotus Component Designer Collaborative 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

23. IBM Software Group | Lotus software 23 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

24. IBM Software Group | Lotus software 24 Architecture Lotus Component Designer (Windows ® & Linux ® ) Component Designer runtime WebSphere Portal Deploy Test Production Stored in RDBMS Default Portal or Networked (DB2, Cloudscape Oracle, MS SQL) XML document store Native RDBMS (DB2, Cloudscape Oracle, MS SQL) Domino XML File Web service External Portal page Supported Portal OS: Windows, AIX, Solaris, HP-UX, Linux & i5/OS Browser Components can store data in XML doc store, external or both

25. IBM Software Group | Lotus software 25 What’s New - Major Functional Areas  Page Editor  Ajax support  Custom Controls  Data Connectors  XML 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

26. IBM Software Group | Lotus software 26 Runs in Eclipse Drag and Drop Page Editor Design, Source, Preview Access to Data Custom Controls Outline View Data Palette UI Controls

27. IBM Software Group | Lotus software 27 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

28. IBM Software Group | Lotus software 28 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

29. IBM Software Group | Lotus software 29 2. Create Page for Documents Bind Controls to elements Drag & drop UI controls onto canvas

30. IBM Software Group | Lotus software 30 3. Define View Query for Selection of Data Selects and filters data but doesdefine view UI Can be shared across components

31. IBM Software Group | Lotus software 31 4. Create View for Displaying Data Defines view UI Associate with view query

32. IBM Software Group | Lotus software 32 5. Deploy One click deploy Portal info XML document store options Default Portal RDBMS, networked or none Can also manually deploy

33. IBM Software Group | Lotus software 33 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/ 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

34. 34 Resources http://ibm.com/developer http://ibm.com/developer (IBM developerWorks for technologies and/or products) Java, J2EE, Web Services and other technology zones are on the left hand side WebSphere Zone: http://ibm.com/developer/webspherehttp://ibm.com/developer/websphere Rational Zone: http://ibm.com/developer/rationalhttp://ibm.com/developer/rational Free Education Portal: http://ibm.com/developer/traininghttp://ibm.com/developer/training http://www.redbooks.ibm.com http://www.redbooks.ibm.com (How-To Step-by-step Practical Implementation Books) http://SOAWeb20.comhttp://SOAWeb20.com (a.k.a. JavaSOA.com, JavaDevTools.com, RationalCentral.com, WebSphereCentral.com) (Tutorials, Links, Presentations, White Papers, Articles, etc.)