1. IBM Software Group Name Title Company Rational Application Developer (RAD) V6 Enabling Portlets with Service Data Objects (SDO) Web Services and JavaServer Faces (JSF) Bill.Hahn@us.ibm.com (Additional presentations, demos, tutorials and technical resources are available at http://WebSphereCentral.com) Bill.Hahn@us.ibm.comhttp://WebSphereCentral.com

2. IBM Software Group © 2003 IBM Corporation 2

3. IBM Software Group © 2003 IBM Corporation 3

4. IBM Software Group © 2003 IBM Corporation 4

5. IBM Software Group | © 2003 IBM Corporation 5 RAD RAD or RSA RAD Project Console & ClearQuest RAD + BI Modeler V6 Lifecycle Tools by Discipline (RAD & RSA)

6. IBM Software Group | © 2003 IBM Corporation 6 WebSphere Studio Supports Key Rational Roles Analyst Architect Developer Tester Model, Simulate and Monitor Business Processes Model Application Components, Services and Data Visually Construct, Hand Code and Generate Applications Design, Create, Execute and Report Tests  Follow a common process  Track project status  Manage requirements  Manage Change and assets  Manage Quality Project Mgr

7. IBM Software Group | © 2003 IBM Corporation 7 UML 2-way Modeling J2EE, Web Services, JSF, etc. Unit Testing, etc. Automated J2EE Packaging Existing Tools In WSAD V5.x and RAD V6 Analyst Architect Developer Tester Model, Simulate and Monitor Business Processes Model Application Components, Services and Data Visually Construct, Hand Code and Generate Applications Design, Create, Execute and Report Tests  Follow a common process  Track project status  Manage requirements  Manage Change and assets  Manage Quality Project Mgr

8. IBM Software Group | © 2003 IBM Corporation 8 RequisitePro Explorer Views Functional, Manual, Performance, Analysis ClearCase Explorer Views ClearQuest Explorer Views Process Modeler New V6 Integrated Views/Perspectives Analyst Architect Developer Tester Model, Simulate and Monitor Business Processes Model Application Components, Services and Data Visually Construct, Hand Code and Generate Applications Design, Create, Execute and Report Tests  Follow a common process  Track project status  Manage requirements  Manage Change and assets  Manage Quality Project Mgr

9. IBM Software Group | © 2003 IBM Corporation 9 Lifecycle Tools are Integrated as Views in V6

10. IBM Software Group | © 2003 IBM Corporation 10 Model Driven Development With A Focus On Architecture System Business Application Information Implementation Create models at various levels of abstraction Implement with component- oriented and service- oriented architectures Visualize as-built architecture Validate or refine & iterate Technology Benefits Business Benefits  Better align projects with business needs  Higher-level reuse for improved productivity  Faster, more reliable changes  Enables model-driven architecture and development  Scales better than focusing only on code  Facilitates traceability across the lifecycle (1 2)(1 2)

11. IBM Software Group | © 2003 IBM Corporation 11 RAD RAD or RSA RAD Project Console & ClearQuest RAD + BI Modeler V6 Lifecycle Tools by Discipline (RAD & RSA)

12. IBM Software Group | © 2003 IBM Corporation 12 Web Presentation Servers Web Application Servers Directory and Security Servers Data Servers Integration Servers Transaction Servers Customers Partners Suppliers Employees Application s, Graphics, HTML, Applets XML, Web Services, Portlets, Servlets, Java Server Faces/Pages Services, EJBs & Process Flows Relatio nal Data Applications, Transactions and Processes Middleware Connectors Web Services: SOAP, WSDL, UDDI Edge Servers Application Modeling Web/Portal Development Java/J2EE Development XML Web Services Development Database App Development Business Process SOA Integration Cobol, CICS/IMS, 4GL Development Development Roles Design & Construction Tools End-2-End

13. IBM Software Group | © 2003 IBM Corporation 13 Web Presentation Servers Web Application Servers Directory and Security Servers Data Servers Integration Servers Transaction Servers Customers Partners Suppliers Employees Application s, Graphics, HTML, Applets XML, Web Services, Portlets, Servlets, Java Server Faces/Pages Services, EJBs & Process Flows Relatio nal Data Applications, Transactions and Processes Middleware Connectors Web Services: SOAP, WSDL, UDDI Edge Servers Application Modeling Web/Portal Development Java/J2EE Development XML Web Services Development Database App Development Business Process SOA Integration Cobol, CICS/IMS, 4GL Development Development Roles Design & Construction Tools End-2-End JavaServer Faces (JSF) Simplifies J2EE Development

14. IBM Software Group | © 2003 IBM Corporation 14 JSF Simplifies J2EE, Web Services, Database and Portal Development Database development drag-n-drop ease-of-use 1 1 Web Services development drag-n-drop ease-of-use 1 2 3a 3b 123a3b Portals drag-n-drop ease-of-use 1 2 1 2

15. IBM Software Group | © 2003 IBM Corporation 15 JSF Enriches Thin Clients Drag-n-drop development of J2EE applications (No Coding Required) Spreadsheet Control Tabbed Panels Web Service Graphing Controls Database Query

16. IBM Software Group | © 2003 IBM Corporation 16 J2EE Web Development Programming Effort Automated by JSF Input  Process  Output Input Constructing web page forms, formatting, validation, etc. GUI widget richness Calling appropriate “Action” when button pressed, etc. Passing data to business logic Processing Integrating to web services, databases, backends, biz logic, etc. Maintaining user session and application state information MVC layering, page flow and business logic modularity Output Forwarding control to results screen/page Displaying data, GUI controls, formatting, etc.

17. IBM Software Group | © 2003 IBM Corporation 17 Banking Application Scenario Building a J2EE application

18. IBM Software Group | © 2003 IBM Corporation 18 JavaServer Faces Ease-of-Use Logon page and binding customer number into user session/state Main Menu page with welcome greeting using user session & Relational Record SDO Account Balances page using Relational Record SDO and user session Transfer Funds page using Web Service and SDO account numbers combo box Web site navigation and common look-and-feel using Web Site Designer & Templates Transaction history: DB foreign keys, Tab Panels, Odyssey browser client FW, charts/graphs Portal Portlet development, testing, customization and Click-to-Action integration Portal Site/Page Designer, Page Layout and adding Portlets to Pages (People-Awareness is not covered in this scenario)

19. IBM Software Group | © 2003 IBM Corporation 19 Demos: JavaServer Faces Ease-of-Use 1 1 Logon page and binding customer number into user session/state Main Menu page with welcome greeting using user session & Relational Record SDO Account Balances page using Relational Record SDO and user session Transfer Funds page using Web Service and SDO account numbers combo box Web site navigation and common look-and-feel using Web Site Designer & Templates Transaction history: DB foreign keys, Tab Panels, Odyssey browser client FW, charts/graphs Portal Portlet development, testing, customization and Click-to-Action integration

20. IBM Software Group | © 2003 IBM Corporation 20 JavaServer Faces Ease-of-Use 2 2 Logon page and binding customer number into user session/state Main Menu page with welcome greeting using user session & Relational Record SDO Account Balances page using Relational Record SDO and user session Transfer Funds page using Web Service and SDO account numbers combo box Web site navigation and common look-and-feel using Web Site Designer & Templates Transaction history: DB foreign keys, Tab Panels, Odyssey browser client FW, charts/graphs Portal Portlet development, testing, customization and Click-to-Action integration

21. IBM Software Group | © 2003 IBM Corporation 21 JavaServer Faces Ease-of-Use 3 3 Logon page and binding customer number into user session/state Main Menu page with welcome greeting using user session & Relational Record SDO Account Balances page using Relational Record SDO and user session Transfer Funds page using Web Service and SDO account numbers combo box Web site navigation and common look-and-feel using Web Site Designer & Templates Transaction history: DB foreign keys, Tab Panels, Odyssey browser client FW, charts/graphs Portal Portlet development, testing, customization and Click-to-Action integration

22. IBM Software Group | © 2003 IBM Corporation 22 JavaServer Faces Ease-of-Use 4 4 Logon page and binding customer number into user session/state Main Menu page with welcome greeting using user session & Relational Record SDO Account Balances page using Relational Record SDO and user session Transfer Funds page using Web Service and SDO account numbers combo box Web site navigation and common look-and-feel using Web Site Designer & Templates Transaction history: DB foreign keys, Tab Panels, Odyssey browser client FW, charts/graphs Portal Portlet development, testing, customization and Click-to-Action integration

23. IBM Software Group | © 2003 IBM Corporation 23 JavaServer Faces Ease-of-Use w w Logon page and binding customer number into user session/state Main Menu page with welcome greeting using user session & Relational Record SDO Account Balances page using Relational Record SDO and user session Transfer Funds page using Web Service and SDO account numbers combo box Web site navigation and common look-and-feel using Web Site Designer & Templates Transaction history: DB foreign keys, Tab Panels, Odyssey browser client FW, charts/graphs Portal Portlet development, testing, customization and Click-to-Action integration

24. IBM Software Group | © 2003 IBM Corporation 24 JavaServer Faces Ease-of-Use 5 6 7 8 5678 Logon page and binding customer number into user session/state Main Menu page with welcome greeting using user session & Relational Record SDO Account Balances page using Relational Record SDO and user session Transfer Funds page using Web Service and SDO account numbers combo box Web site navigation and common look-and-feel using Web Site Designer & Templates Transaction history: DB foreign keys, Tab Panels, Odyssey browser client FW, charts/graphs Portal Portlet development, testing, customization and Click-to-Action integration

25. IBM Software Group | © 2003 IBM Corporation 25 Richer Thin Clients Drag-n-drop development of J2EE applications (No Coding Required) Spreadsheet Control Tabbed Panels Web Service Graphing Controls Database Query

26. IBM Software Group | © 2003 IBM Corporation 26 JavaServer Faces Ease-of-Use 1 2 1 2 Logon page and binding customer number into user session/state Main Menu page with welcome greeting using user session & Relational Record SDO Account Balances page using Relational Record SDO and user session Transfer Funds page using Web Service and SDO account numbers combo box Web site navigation and common look-and-feel using Web Site Designer & Templates Rich thin client tab panel view for account summary consolidation Click-2-Action integrated, drag-n-drop automation

27. IBM Software Group | © 2003 IBM Corporation 27 JavaServer Faces Ease-of-Use 1 2 3 4 1234 Logon page and binding customer number into user session/state Main Menu page with welcome greeting using user session & Relational Record SDO Account Balances page using Relational Record SDO and user session Transfer Funds page using Web Service and SDO account numbers combo box Web site navigation and common look-and-feel using Web Site Designer & Templates Rich thin client tab panel view for account summary consolidation Portal Designer, Page Layout and adding Portlets to Pages (note: People Awareness Not Covered ) Portlet Theme Label Page Skin Visualize and customize Portal page Visualize and customize Portal page Drag and drop a page, label, portlet,.. Portal Designer

28. IBM Software Group | © 2003 IBM Corporation 28 J2EE Web Development Programming Effort Automated by JSF All applications involve 3 things…all 3 are automated by JSF… Input  Process  Output Input Constructing web page forms, formatting, validation, etc. GUI widget richness Calling appropriate “Action” when button pressed, etc. Passing data to business logic Processing Integrating to web services, databases, backends, biz logic, etc. Maintaining user session and application state information MVC layering, page flow and business logic modularity Output Forwarding control to results screen/page Displaying data, GUI controls, formatting, etc.

29. IBM Software Group | © 2003 IBM Corporation 29 IBM RAD JSF Tools Summary Takes Web, J2EE and Portal development to a new level of productivity Appeals to Web Developers J2EE is more powerful than.NET and JSF now makes it both easy and attractive to Microsoft heritage developers JSF Simplifies and enhances RAD development for both J2EE newbies and experts Appeals to Portal Developers Improved integration, visual portlet construction and JSF tools provide a comprehensive portlet development environment Bottom Line  Accelerates GUI, Web Services, Database, Portlet and MVC Web App development

30. IBM Software Group | © 2003 IBM Corporation 30 Web Presentation Servers Web Application Servers Directory and Security Servers Data Servers Integration Servers Transaction Servers Customers Partners Suppliers Employees Application s, Graphics, HTML, Applets XML, Web Services, Portlets, Servlets, Java Server Faces/Pages Services, EJBs & Process Flows Relatio nal Data Applications, Transactions and Processes Middleware Connectors Web Services: SOAP, WSDL, UDDI Edge Servers Application Modeling Web/Portal Development Java/J2EE Development XML Web Services Development Database App Development Business Process SOA Integration Cobol, CICS/IMS, 4GL Development Development Roles RAD V6 - Design & Construction Tools End-2-End

31. IBM Software Group | © 2003 IBM Corporation 31 Resources http://ibm.com/developer http://ibm.com/developer (IBM developerWorks for technologies and products) ibm.com/developer/ websphere (WebSphere Developers Domain) ibm.com/developer/ rational (WebSphere Developers Domain) ibm.com/developer/ ibm (All other product oriented developer domains) http://www.redbooks.ibm.com http://www.redbooks.ibm.com (How-To Books) http://WebSphereCentral.com http://WebSphereCentral.com (Presentations, references, tutorials, white papers, articles, links, etc.)