IBM WebSphere Product Family: Integration, Commerce, and Business Portals

1. WebSphere UpdateDarin Rich Bill Hahndjrich@us.ibm.com wrhahn@us.ibm.com June-August, 2004

2. IBM WebSphere Software Platform WebSphere Portal A single point of personalized interaction with applications, content, processes and people WebSphere Business Integration Server Foundation Software needed to model, integrate, automate, and manage efficient and flexible business processes WebSphere Commerce Powerful sell-side solutions to handle the challenges encountered in customer and trading partner environments. Business Portals WebSphere Everyplace Software for extending e-business applications to mobile devices Business Integration MQSeries Messaging Software to connect internal and external applications to exchange information reliably and securely WebSphere Voice Software for enabling natural voice interactions with apps and data Foundation and Tools WebSphere Application Server A high-performance and extremely scalable transaction engine for dynamic e-business applications WebSphere Studio An open comprehensive development environment for building dynamic e-business applications WebSphere Host Integration Software to leverage and extend legacy assets for new e-business solutions

3. ISV Integration Commerce Portal The IBM WebSphere Product Family: Sharing a single common standards framework for tooling & runtime All runtime solutions to be delivered on the WebSphere J2EE application platform Non-J2EE extensions are delivered through functional extensions (Portal, Commerce, ..) to the base Each offering can be extended through additional QOS extenders Common tooling platform is built on the Eclipse-based WebSphere Studio WAS Standards Platform WebSphere Quality of Service Extenders C11153. 60.00.ppt

4. IBM Commitment to Integration Nobody invests more • $1 billion annual investment in Engineering • $5 billion annual investment in technology acquisition • Modeling • Process Integration • Software Development • Over 7,000 developers Continued success • 10,000 customer sites rely on WebSphere MQ • 2,000 customers rely on WebSphere Business Integration • 2,000+ customers reply on WebSphere Portal since year 2000 introduction • WebSphere Commerce powers 6 of top 10 pharmaceuticals Market-leading Business Integration Environment Technology leadership “Best in Enterprise Integration” —Intelligent Enterprise Readers Choice award 2002 IBM is the leader in application integration —Gartner, October 2002 IBM is the leader in business automation —Aberdeen, September 2002 IBM is the leader in portal software in 2002—Gartner, 2003 IBM have widened lead as the leading and most question-free vendor in commerce servers—Giga, August 2003

5. WebSphere in the Marketplace • WebSphere is used by tens of thousands of customers worldwide, including the top 45 commercial and savings banks worldwide, 15 top Wall Street brokerage firms, the nin of the top 10 U.S. telecoms, and 80 percent of the top U.S. healthcare companies. • More than 9000 ISVs write applications on top of WebSphere. • WebSphere is the preferred J2EE platform for leading application vendors including JD Edwards, PeopleSoft and Siebel, all of which build applications on WebSphere. • WebSphere Business Integration software claimed leadership in 2003, enjoying the #1 marketshare position of the business integration software market per Gartner Dataquest. • IBM has the industry's most complete and open portal - with the greatest market share - with tools and software for security, collaboration, personalization, Web services and content management, and support for virtually every industry-standard protocol and language. • There were over two million WebSphere developers in 2003, and the number is increasing dramatically. • There have been almost 20 Million downloads of Eclipse since 2001

6. WebSphere, Additional Information • WebSphere home: http://www.ibm.com/websphere • WebSphere Developer Domain: http://www7b.boulder.ibm.com/wsdd/ • Redbooks: http://www.redbooks.ibm.com • WebSphere InfoCenter - WebSphere V5 Doc: http://www-3.ibm.com/software/webservers/appserv/infocenter.html • Alphaworks - new software technology: http://www.alphaworks.ibm.com/ • WebSphere Central: http://www.webspherecentral.com • IBM Systems Journal – issue on WebSphere: http://www.research.ibm.com/journal

7. WebSphere Technical UpdateApplication Developer and Application Server Highlights(Additional presentations, tutorials and technical resources are available at http://WebSphereCentral.com) Name Title Company

8. Agenda • Setting the Stage - WebSphere Studio Refresher and JSF Overview • WebSphere Studio Application Developer V5.1.2 Update • Web Services Ease-of-Use Improvements • Relational Database App Ease-of-Use Improvements • JSF Rich Thin Clients and MVC Web Apps • Portlet Ease-of-Use Improvements • SOA and Workflow with Process Choreographer • Rational Modeling and Profiling • WebSphere Application Server V5.1 Update • Admin • Runtime • Performance • Configurations

9. WebSphere Studio RefresherIn 3 slides or less

10. Applications, Transactions and Processes Web Services: SOAP, WSDL, UDDI Middleware Connectors Relational Data Services, EJBs & Process Flows XML, Web Services, Portlets, Servlets, Java Server Faces/Pages Applications, Graphics, HTML, Applets Development Roles Web Site Development Java Development XML Web Services Development Portal Development Business Process Integration Cobol, PL/I 4GL Development Application Modeling End-2-End Development Directory and Security Servers Integration Servers TransactionServers Customers Partners Suppliers Employees Edge Servers Web Presentation Servers Web Application Servers DataServers

11. Demos J2EE, Web Services, Portals, BI and beyond WebSphere Studio Fundamentals that Accelerate Development • The Workbench • Perspectives, Views and Editors • Switch between roles and tooling easily • Customize and minimize learning curves • Bottom Line  The Workbench adjusts to fit you…not the other way around! • Dynamic Development • Automatic, Incremental Build across all artifacts • Automatic J2EE hot-redeployment • Bottom Line Super-Fast Build/Change/Test Cycles! • On Demand Code Smarts • Contextual code assist & smart editors speed coding • Wizards and builders facilitate open standards & best practices • Bottom Line  Faster Low/High-Level coding & maintenance! Perspectives Views Editors Hanoi Banking Code Assistance Web Services Databases UML

12. Eclipse WebSphere Studio WebSphere Studio Top 10 List “From J2EE to Web Services, WebSphere Studio has breadth and depth…” • Core IDE infrastructure and Java development tools (JDT) • Web App User Interface tools: Web Pages, Web Sites, Portlets, Struts and JavaServer Faces • J2EE and EJB tools • Web Services tools • XML and XSL tools • Relational Databases tools • Testing, Debugging and Profiling tools • Integrated Servers (J2EE App Servers) • On-the-fly coding with Hot Method Replace • J2EE dynamic build engine with incremental compile…while you type • Plugin Extensibility: Coding, Modeling, Frameworks, Testing, Teaming, Best Practices, Patterns, IBM Server toolkits and beyond (>400 plugins) (http://www.eclipse.org/community/plugins.html)

13. WebSphere Studio Accelerates DevelopmentApplication Development Challenges Addressed

14. Architect Developer Application Development Challenges • It takes too long to deliver applications“We need to Design, Develop and Deploy applications more quickly” • J2EE is perceived to be too complex“We need to leverage open standards, keep it simple and make it easy for Microsoft heritage developers to get on board” • Integration is cost prohibitive“We need to integrate our people, processes and information using web services, databases and existing systems” VP Development

15. Developing Applications More Quickly • Drag-n-drop development of J2EE applications (No Coding Required) Spreadsheet Control Tabbed Panels Database Query Web Service Graphing Controls

16. Simplifying J2EE Development • Database development drag-n-drop ease-of-use • Web Services development drag-n-drop ease-of-use • Portals drag-n-drop ease-of-use

17. Integrating People, Processes and Information • Model your business, simulate a process and assess cost savings • Describe everything as a web service and integrate using workflow tools

18. Architect Developer Application Development Challenges Addressed • It takes too long to deliver applications“We need to Design, Develop and Deploy applications more quickly” • IBM’s new JavaServer Faces (JSF) tools accelerate development using a drag-n-drop approach (no coding required) • J2EE is perceived to be too complex“We need to leverage open standards, keep it simple and make it easy for Microsoft heritage developers to get on board” • IBM’s new JSF tools make J2EE easier than .NET and very attractive to Microsoft heritage developers • Integration is cost prohibitive“We need to integrate our people, processes and information using web services, databases and existing systems” • IBM’s new JSF tools automate web services and database integration • IBM’s business process integration and workflow tools save time VP Development

19. WebSphere Studio JSF OverviewJavaServer Faces Standard and Tools

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

21. JavaServer Faces (JSR 127) – What Does it Provide? • Based on MVC design pattern • Clean separation of Model, View, and Controller • User Interface Component Model – Set of standard widgets • Specification allows extending custom GUI components (i.e. DataTable, Graphing, Tree, Panel) • User Interface components are decoupled from its rendering • Allows for other technologies and pervasive devices (e.g. WML, etc) to be used • Validation Framework allows server-side validation • Server side management of User Interface, session and state info • Event driven architecture • Server-side rich user interface components respond to client events • Actions organize and process business logic • Navigation model manages page flow using JSP path aliases

22. Java Server Faces- How it works Client Server JSF Servlet (FacesServlet) 1. Request Page 2. Invoke UI Component Tree 3. Creates / instantiate tree JSP Page With <JSF Tags> 4. Apply changes from request 5. Process Validations 6. Apply Model Values 7. Run Events 8. Invoke RenderKit 9. Render Response (HTML)

23. Application Developer V5.1.2 JSF Design Points • Accelerate GUI, Web Services, Database, Portlet and MVC development • Visual drag-n-drop development of UI, events, actions, page navigation, etc. • Simplify J2EE development for non-Java programmers • Enhance Web Application Development for J2EE experts • Appeal to Microsoft developers (VB/Visual Studio .Net) • Reduce development and deployment time and cost • Standards based technologies • JavaServer Faces - JSR 127 • Service Data Objects - JSR 235 • Portlets – JSR 168

24. JavaServer Faces Tools in WebSphere Studio Web Perspective Project Navigator Page Designer Page Data Palette Attributes Event Panel

25. WebSphere Studio JSF Tooling TourMVC, Web Services, Service Data Objects and Portlets

26. Agenda • WebSphere Studio Application Developer V5.1.2 Update • Web Services Ease-of-Use Improvements • Relational Database App Ease-of-Use Improvements • JSF Rich Thin Clients and MVC Web Apps • Portlet Ease-of-Use Improvements • SOA and Workflow with Process Choreographer • Rational Modeling and Profiling • WebSphere Application Server V5.1 Update • Admin • Runtime • Performance • Configurations

27. Creating New Web Services • Generates all web services artifacts 1 • Easily choose Java Class/EJB and methods to expose • WSDL service definition file for chosen Class/EJB and methods • Other infrastructure: Deployment descriptor, JAX/RPC request/response data definitions

28. Consuming Existing Web Services – Discover and Test • Discovery tools use UDDI, a well known URL or a WSDL file 1 • Web Services Explorer automates discovery and testing • Launch separately or while building Faces JSPs • Browse Web Service operations, request input parameters, response output • Great general purpose unit testing environment

29. Consuming Existing Web Services – Calling From Application • JSF Web Services Wizards Automate Construction 1 • Creates web service proxy bean • Creates Action method that calls proxy • Creates input parameter bean and output results bean • Drag-n-drop to create UI controls • Binds input, output and action to UI controls

30. Web Services Ease-of-Use Summary • External Web Services 1 • Web Services Explorer • Great for unit testing and experimenting • Launched separately or while building a new Faces JSP • Adding a Web Service to a project • Proxy created that knows how to call the Web Service • Input Parameters Bean • Results Bean • Action method created that uses the proxy bean • Drag-n-drop is used to create the UI • Once a Web Service is added to a project, any Faces JSP can use it • Local Web Services 2 • Easily explored using Web Services Explorer • Easily added from local workspace

31. Agenda • WebSphere Studio Application Developer V5.1.2 Update • Web Services Ease-of-Use Improvements • Relational Database App Ease-of-Use Improvements • JSF Rich Thin Clients and MVC Web Apps • Portlet Ease-of-Use Improvements • SOA and Workflow with Process Choreographer • Rational Modeling and Profiling • WebSphere Application Server V5.1 Update • Admin • Runtime • Performance • Configurations

32. Creating Database Apps – Select “Relational Record List” • Relational wizards automate Select queries 123 • Connect to any relational database, select table(s) and columns graphically • Construct query without knowledge of SQL, including input parameters and conditions • Drag-n-drop to create UI controls for data display (DataTable) • Binds input, output and action to UI controls • Format data display for numbers, currency, dates, text, masks, etc.

33. Creating Database Apps – Insert, Update, Delete Rows “Relational Record” • Relational wizards automate Update queries 123 • Connect to any relational database, select table(s) and columns graphically • Construct query without knowledge of SQL, including input parameters and conditions • Drag-n-drop to create UI controls for data display (Form) • Binds input, output and action to UI controls • Format data input/output display for numbers, currency, dates, text, masks, etc. • Validate input fields for length, numbers, text, etc.

34. Relational Data Ease-of-Use Summary • WebSphere/Service Data Objects (WDO/SDO) 123 • Records and Record Lists abstract data access • Build a query without knowledge of SQL, JDBC, etc. • Select, Insert, Update, Delete • Drag-n-drop tables and forms of data onto UI • UI data display is automatically bound to Record/List queries • Supports conditions, relationships, optimistic concurrency, etc. • Easy to pass input parameters to queries • Drill-down using hyperlinks • Format display types like Currency, Decimal, String, Custom Masks, etc. • Once created, Record and Record List queries can be re-used across the app/pages • Drag-n-drop is granular and iterative…you can change your mind and not be limited by the style of a wizard • Foreign Key relationships easy to navigate (leading to complex queries through an easy and intuitive process) • Paging controls for automatic cursor control • WebSphere Data Objects (WDO) are the first iteration of Service Data Objects (SDO) (JSR235)

35. What are WebSphere Data Objects (WDO)? • Framework for simplifying and unifying the client programming model for accessing backend systems/data • Automates construction of queries, results, data display, formatting, etc. • A high-productivity solution for integrating data into Applications • Relational databases available in WDO today • EJBs, Domino, JCA, etc. (future) • Supports common application patterns • Optimistic concurrency • Pagination (e.g. only retrieve 20 rows at a time) • WebSphere Data Objects are consistent with the emerging standard: Service Data Objects (SDO) • Joint IBM/BEA submission to the Java Community Process (JSR 235)

36. Service Data Objects • The Problem • Many different models and APIs for Data retrieval, Data representations, Meta-data retrieval, Meta-data representations, logic components • No reasonable API available for “typed” XML data • Lack of support for standard application patterns • Optimistic concurrency, pagination of large data-sets, etc. Data Access APIs Data Access APIs Data Access APIs Data APIs Data APIs Data APIs Data APIs Data APIs Data APIs Data APIs Client Data APIs Client Mediator Data Access APIs Meta-Data Access APIs Meta-Data Access APIs Meta-Data APIs Meta-Data APIs (SDO) (Current Architectures)

37. Service Data Objects • SDO DataObject with XSD & EMF provide a single, standard API (& implementation) for data & meta-data that we can use in place of many other APIs • Data is stored in a disconnected, source-independent format defined by the DataObject • DataObjects are stored in a graph called a DataGraph • Provides both dynamic loosely-typed and static strongly-typed interfaces to the data • Remembers change history • Data Mediator Service is responsible for filling graph of DataObjects from data source, updating data source from DataObject changes Data Access APIs Meta-data model Client Data APIs Pluggable Data Mediator Meta-Data Access APIs Data model (DataObject) Meta-Data APIs

38. Agenda • WebSphere Studio Application Developer V5.1.2 Update • Web Services Ease-of-Use Improvements • Relational Database App Ease-of-Use Improvements • JSF Rich Thin Clients and MVC Web Apps • Portlet Ease-of-Use Improvements • SOA and Workflow with Process Choreographer • Rational Modeling and Profiling • WebSphere Application Server V5.1 Update • Admin • Runtime • Performance • Configurations

39. JavaServer Faces Ease-of-Use 1234567 • UI Components • Standard HTML-like components • Richer validation and formatting • Extended rich components for graphing, trees, tabbed views, data tables, etc. • Binding Data • Automatically synchronizes input/output UI components with data (WebSvcs, DBs, Beans, etc.) • Navigation • Simple “GoToPage()” and indirect “Alias” approach • Session and State Management • Very simple, automatic and available at various levels of scope • Page Data • Makes integrating UI with Web Services, databases, JavaBeans intuitive and well organized • Codebehind “PageCode” Files (One .java file for each .jsp) • Event Driven nature eases thin and thick style of interaction • Validation and Formatting provide rich capability and alleviate client side programming

40. Faces Client Components • Included library of rich user interface controls for the Web Developer • Easily develop rich interactive User Interfaces in Web Applications • Extends JavaServer Faces, allowing a developer to quickly create highly interactive Web pages that run client-side • Thin client: low maintenance (no installed client code to upgrade) • More responsive web applications • Reduced bandwidth (fewer round trips to the server) • Components: • Data grid, tabbed panel, rich text editor, input formatters, tree control, chart (bar/line/pie), client-side model object

41. Faces Client Components Tabbed Panel Tree Control Chart

42. Faces Client Component Features • Client side infrastructure supporting • Data Tables • Web Services • Event handling • Manages data changes • Sends updates to server • NLV functions • Leverage JavaScript / XML in the Browser Data Grid Table Browser Runtime JavaScriptGrid Control Web ServicesForm MacromediaFlash Plug-in

43. Agenda • WebSphere Studio Application Developer V5.1.2 Update • Web Services Ease-of-Use Improvements • Relational Database App Ease-of-Use Improvements • JSF Rich Thin Clients and MVC Web Apps • Portlet Ease-of-Use Improvements • SOA and Workflow with Process Choreographer • Rational Modeling and Profiling • WebSphere Application Server V5.1 Update • Admin • Runtime • Performance • Configurations

44. Portlet Ease-of-Use 12 • Visual development uses the JSF styles of construction • Portlet specific syntax and deployment descriptors are generated • Click-2-Action and People Awareness drag-n-drop development • Portal Server Test Environment is turnkey (Improved Portal Toolkit installation) • Bottom line: • Web Services, UI and MVC enhancements in JSF apply to portlets • Portlet development is significantly enhanced and easier than ever before

45. JSF and Struts portlet creation by a wizard Visual Portlet JSF editing in Page Designer People Awareness Drag & Drop Click-to-Action Portlet Development

46. JSF Review Summary • WebSphere Studio 5.1.2 appeals to Web Developers • JavaServer Faces and the associated WebSphere Studio tools provide a powerful environment for developing web applications • Brings RAD development to J2EE • WebSphere Studio 5.1.2 appeals to Portal Developers • Improved integration, visual portlet construction and JSF tools provide a powerful portlet development environment • WebSphere Studio 5.1.2 lays the foundation of taking Web, J2EE and Portal development to a new level of productivity • Bottom Line  Accelerates GUI, Web Services, Database, Portlet and MVC Web App development

47. Agenda • WebSphere Studio Application Developer V5.1.2 Update • Web Services Ease-of-Use Improvements • Relational Database App Ease-of-Use Improvements • JSF Rich Thin Clients and MVC Web Apps • Portlet Ease-of-Use Improvements • SOA and Workflow with Process Choreographer • Rational Modeling and Profiling • WebSphere Application Server V5.1 Update • Admin • Runtime • Performance • Configurations

48. Integrating People, Processes and Information • Model your business, simulate a process and assess cost savings • Describe everything as a web service and integrate using workflow tools

49. Business Workflow Through Service Composition(WebSphere Process Choreography Engine) WebSphere Enterprise Service Bus (ESB) Sub Flow Macro Flow MicroFlow Human Intervention The potential of SOA Visual Flow Builder for WSDL described Services(WebSphere Studio Process Choreography) Services Oriented Architecture (SOA) with WebSphere

50. GUI Process-based Application Process Container Process Invoke Invoke Invoke Invoke Invoke Activity Implementations