1. ® IBM Software Group © 2005 IBM Corporation EGL Rich UI Support Chris Laffra RBD Product Architect laffrac@us.ibm.com Oct 08, 2008

2. IBM Software Group | Rational software 2  © Copyright IBM Corporation 2008. All rights reserved.  The information contained in these materials is provided for informational purposes only, and 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, these materials. Nothing contained in these materials 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 these materials to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates.  This information is based on current IBM product plans and strategy, which are subject to change by IBM without notice. Product release dates and/or capabilities referenced in these materials 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.  IBM, the IBM logo, the on-demand business logo, Rational, the Rational logo, and other IBM Rational products and services are trademarks or registered trademarks of the International Business Machines Corporation, in the United States, other countries or both. Other company, product, or service names may be trademarks or service marks of others.

3. IBM Software Group | Rational software 3 1. Web 2.0 2. Simple 3. Extensible

4. IBM Software Group | Rational software 4

5. 5 What is Web 2.0?  An important trend in delivering software applications  An Enabler for richer web applications  New business models  Peer-to-peer user participation  New technologies  Interactive filtering, presentation, data entry  A combination of core technology components  Rich user experience (maps, grids, animation, D&D, etc)  Loose-coupling, composite applications via reuse and “mash-ups”  Standards (SOAP, REST, JSON, Atom, etc)

6. IBM Software Group | Rational software 6 Rich Internet Applications (Web 2.0)  RIAs combine some of the best features from both traditional thin- and thick-clients  RIAs are enabled by  Enhancements in browser capabilities  Better utilization of technologies such as AJAX and JavaScript  Rich Internet Applications offer  Desktop-like UI functionality (e.g., D&D)  Easy deployment  Portability across platform  Mix of enterprise data and internet services  Examples of “really-rich” RIAs  Google Maps/Gmail/Google Finance  Flickr, Facebook

7. IBM Software Group | Rational software 7 Why Web 2.0 for the Enterprise?  Web 2.0 is all about  Creating new markets  Lowering competitive barriers  Encouraging creativity to come from anywhere  Enhancing communications  Making information more impactful  What does it means for the enterprise?  Greater collaboration and innovation across the value chain  Increased levels of customer intimacy  Simplification of complex IT and business infrastructure  Business model flexibility to capitalize on new market opportunities It’s fast becoming a Web 2.0 business world, but innovation never goes out of style. According to Gartner: By 2008, the majority of Global 1000 companies will have adopted several technology-related aspects of Web 2.0 Missing out on the non- technology aspects of Web 2.0 means that many organizations will also miss out on some of the positive business benefits According to Gartner: By 2008, the majority of Global 1000 companies will have adopted several technology-related aspects of Web 2.0 Missing out on the non- technology aspects of Web 2.0 means that many organizations will also miss out on some of the positive business benefits

8. IBM Software Group | Rational software 8 Enterprise Web 2.0 Business Scenarios 1.Improve access to information for Customer Relationship Management 2.Improve information and reporting for financial analysts 3.Insurance policy / risk / claims assessment (Insurance) 4.Exposure of business events from operational systems (Banking) 5.Provide wealth-management staff with dashboard of client portfolio (Banking) 6.Improve visualisation of complex data (Petrochemical, Life Sciences) 7.Stimulate product and service innovation with partners (Finance, Telecommunications, Travel) 8.Exploit regulation and compliance information (Medical, Finance, Utilities, Pharmaceutical) 9.Marketing to individuals by engaging consumers through social networking (Retail, Banking) 10.Improve buying experience through rich media online shopping (Retail) 11.Aggregation of legacy interfaces New opportunities for value creation are emerging based on innovative technologies such as Web 2.0, social computing, virtual worlds, and more

9. IBM Software Group | Rational software 9 Web2.0 sounds pretty good, eh? But…it is hard!  Developers must learn numerous different technologies  Cross-platform programming require totally different skills  Must keep up with constantly changing Web 2.0 technologies SWT JSP HTML CSS JavaScript Servlet Struts JSF JDBC O/R AJAX EJB XML SQLJ JCA JMS MQ COBOL RPG CICS IMS VSAM SOAP CL RPG JSE WSDL DOM

10. IBM Software Group | Rational software 10 1. Web 2.0 2. Simple 3. Extensible

11. IBM Software Group | Rational software 11 EGL Rich UI  EGL Rich UI supports creation of Rich Internet Applications by providing:  Simple programming model  Productive development tools  Comprehensive widget library  Web services and Mash-ups  Extensibility  All using the EGL language

12. IBM Software Group | Rational software 12 Simplicity and Flexibility offered by EGL Rich UI  Data Access  Create new data manipulation  Inspect a database and import a record  Tooling will generate CRUD operations  Use existing programs that interface data via s simple CALL  Services  Simple declaration (using “service” keyword offered by EGL)  Easy deployment (WSDL and Java is generated)  End-to-end is especially simple  UIs  Declarative layout, visual editor, CSS, simple event handling  Define/import widgets, to add to the palette

13. IBM Software Group | Rational software 13 Declarative UI Ajax support Rich set of widgets Easily extensible Mashup using SOA Rich User Interfaces EGL in 3 tiers: 1. Data and Logic 2. Soap/Rest Services 3. Declarative UI Just 1 language Break down skills silos Single Language Easy installation No version pain Flexibility Mobility EGL Rich UI Benefits

14. IBM Software Group | Rational software 14 1. Web 2.0 2. Simple 3. Extensible

15. IBM Software Group | Rational software 15 Open and Extensible  Plans for open implementation  Allow third parties to extend EGL, develop their own version  Use available frameworks/runtimes  WebSphere, i5OS, Tomcat, IAS  J2EE, JSF, TUI, BIRT, etc  UI Libraries at the EGL Café  Download third-party libraries  Write your own and upload them  Import into the visual editor palette  Totally based on Web Standards  REST, SOAP, JSON, OpenAjax, dojo, etc

16. IBM Software Group | Rational software 16 Demo

17. IBM Software Group | Rational software 17 getTrack(id) getSession(id) SOAP/REST Service Calls EGL records JSON Responses vote(id, 5) Simple Services Scalability High Degree of Caching Virtualization Browser IBM i, WAS, DB2, RPG/ End-to-end Application Development

18. IBM Software Group | Rational software 18 Calling IBM I from EGL Rich UI Step 1: Define a HOST call

19. IBM Software Group | Rational software 19 Calling IBM I from EGL Rich UI Step 2: Define records and an interface

20. IBM Software Group | Rational software 20 Calling IBM I from EGL Rich UI Step 3: Call from RUI as if it is a service

21. IBM Software Group | Rational software 21 Questions?

22. IBM Software Group | Rational software 22 Thank You