1. Copyright 2008, Synchrony Systems, Inc. Legacy TUI to EGL/Web Application Modernization Enterprise Modernizations

2. Copyright 2008, Synchrony Systems, Inc. Page 2 State of Affairs of Legacy Applications Applications are text-based, monolithic, inflexible Architecture is single-tier Tools, language and platform are antiquated Domain knowledge buried deep inside source Pressures to modernize; fear of risks, costs, complexity

3. Copyright 2008, Synchrony Systems, Inc. Page 3 The Need Move to browser-based rich UI and Web 2.0 Refactor into component architecture and SOA Extract application software assets Accelerate EGL adoption Manage risk, cost and complexity of modernization

4. Copyright 2008, Synchrony Systems, Inc. Page 4 The Solution Analysis to generate modernization plan Text forms transformation metrics Program flow transformation metrics Transformation challenges metrics Technology enabled modernization to EGL/Web Inversion of control UI Facelift JSF Rich UI Business logic refactoring SOA Enablement

5. Copyright 2008, Synchrony Systems, Inc. Page 5 The Result Improved architecture Single language; multiple deployment targets No middleware or proprietary runtime components SOA enabled Improved language and platform Full integration with EGL Modern IDE – RBD Native look and feel (JSF or Rich UI)

6. Copyright 2008, Synchrony Systems, Inc. Page 6 Modernization Roadmap Terminal (EGL TUI 3270/5250) Host (EGL Programs/ Display Logic Business Logic Data Access) Web Browser (EGL/JSF Facelift) App Server (EGL Handlers/ Display Logic Business Logic Data Access) Web Browser (EGL/JSF Facelift) App Server (EGL Handlers/ Display Logic) Host (EGL Services/ Business Logic Data Access) Web Browser (Rich UI Facelift/ RUI Handlers Display Logic) Host (TUI Programs/ COBOL RPG Natural) Terminal (TUI 3270/5250) Host/ App Server (EGL Services/ Business Logic Data Access) Monolithic Legacy Host Architecture Monolithic EGL Host Architecture JSF Single-tier Architecture SOA/JSF Multi-tier Architecture SOA/RUI Multi-tier Architecture

7. Copyright 2008, Synchrony Systems, Inc. Page 7 Modernization Roadmap Host (TUI Programs/ COBOL RPG Natural) Terminal (TUI 3270/5250) Monolithic Legacy Host Architecture Terminal (EGL TUI 3270/5250) Host (EGL Programs/ Display Logic Business Logic Data Access) Monolithic EGL Host Architecture Web Browser (EGL/JSF Facelift) App Server (EGL Handlers/ Display Logic Business Logic Data Access) JSF Single-tier Architecture Web Browser (EGL/JSF Facelift) App Server (EGL Handlers/ Display Logic) Host (EGL Services/ Business Logic Data Access) SOA/JSF Multi-tier Architecture Web Browser (Rich UI Facelift/ RUI Handlers Display Logic) Host/ App Server (EGL Services/ Business Logic Data Access) SOA/RUI Multi-tier Architecture

8. Copyright 2008, Synchrony Systems, Inc. Page 8 Critical Web Transition Host (TUI Programs/ COBOL RPG Natural) Terminal (TUI 3270/5250) Monolithic Legacy Host Architecture Terminal (EGL TUI 3270/5250) Host (EGL Programs/ Display Logic Business Logic Data Access) Monolithic EGL Host Architecture Web Browser (EGL/JSF Facelift) App Server (EGL Handlers/ Display Logic Business Logic Data Access) JSF Single-tier Architecture Web Browser (EGL/JSF Facelift) App Server (EGL Handlers/ Display Logic) Host (EGL Services/ Business Logic Data Access) SOA/JSF Multi-tier Architecture Web Browser (Rich UI Facelift/ RUI Handlers Display Logic) Host/ App Server (EGL Services/ Business Logic Data Access) SOA/RUI Multi-tier Architecture TUI forms → web pages TUI programs → JSF Handlers Monolithic → web model Host → application server Preserve execution sequence Maintain program state Retain transactions

9. Copyright 2008, Synchrony Systems, Inc. Page 9 Modernized TUI Application – Before and After

10. Copyright 2008, Synchrony Systems, Inc. Page 10 EGL/TUI Application

11. Copyright 2008, Synchrony Systems, Inc. Page 11 EGL/Web Application

12. Copyright 2008, Synchrony Systems, Inc. Page 12 UI Facelift Improve on “text based” UI look and feel Links replace selection entry fields Toolbars and buttons replace function keys Styles, colors and graphics highlight logical screen areas

13. Copyright 2008, Synchrony Systems, Inc. Page 13 Program Flow “main” Function Page request handler Submit function User interacts with form TUI Program (sequential)Web Application (event-driven) program initialization validate form initialization converse forward Return input loop redisplay program initialization form initialization validate forward Return redisplay onConstruction onPreRender Display Submit User interacts with page

14. Copyright 2008, Synchrony Systems, Inc. Page 14 Implementation Differences TUIWeb Program flowSequentialEvent-driven PresentationText-basedHTML/JSF/RUI

15. Copyright 2008, Synchrony Systems, Inc. Page 15 TUI Transformation Technology (T 3 ) Overview

16. Copyright 2008, Synchrony Systems, Inc. Page 16 EGL Modernization Toolset Analytics Application knowledge mining Modernization scenarios, metrics, estimates Rules-based transformation Bulk transformation of monolithic application flow to web model Business logic extraction into services Facelift of Text UI to JSF/Rich UI

17. Copyright 2008, Synchrony Systems, Inc. Page 17 T 3 Transformation Approach Source code rewriting Transformation scripting language Generic transformation rules Application specific transformation rules Web page generation Pattern matching language Generate JSP pages with smart layout Generic and application specific layout transformation rules Rules-based Reusable Replayable Customizable to customer requirement

18. Copyright 2008, Synchrony Systems, Inc. Page 18 T 3 Primary Components Analysis Identify common characteristics of TUI forms Identify common program structures of TUI programs Program flow transformation Generation of JSF page handlers EGL program transformation to use JSF/RUI forms Generate submit functions Function-key toolbar links Menu selection links Transformation of state management Text UI transformation Grouping fields according to common usage patterns Conversion of text forms to web pages

19. Copyright 2008, Synchrony Systems, Inc. Page 19 T 3 Block Diagram Transformation Rules EGL TUI CodeEGL Web Code EGL Source Transformation Engine JSP Web Page Form Generation Engine Form Generation Rules Form specifications (e.g. 3270, 5250, DDS) Web Application TUI Application Legacy Code (Cobol, RPG, Natural Adabas) T 3 Primary Components

20. Copyright 2008, Synchrony Systems, Inc. Page 20 T 3 – EGL Transformation Transformation scripts Transformation script written in our own transformation language Debugging log of transformation actions Resulting EGL code generated by the selected transformation action

21. Copyright 2008, Synchrony Systems, Inc. Page 21 T 3 – Transformation Results Overview EGL source files to be transformed EGL source code of the selected file Abstract syntax tree of EGL code Transformed EGL source

22. Copyright 2008, Synchrony Systems, Inc. Page 22 T 3 – TUI Form Pattern Matching EGL TUI forms to be generated as JSP The fields on the selected TUI form Colors indicate which fields are matched by each pattern Facelift patterns Pattern matching language Embedded script to generate JSP for matching fields Debugging information

23. Copyright 2008, Synchrony Systems, Inc. Page 23 T 3 – Facelift Generation Preview A view of the resulting web page

24. Copyright 2008, Synchrony Systems, Inc. Page 24 Modernization of TUI Application – Phase I

25. Copyright 2008, Synchrony Systems, Inc. Page 25 Text Forms Transformation

26. Copyright 2008, Synchrony Systems, Inc. Page 26 Extracting JSP/JSF Page from Text Form Layout is extracted from text form specification JSF components are bound to fields in data records

27. Copyright 2008, Synchrony Systems, Inc. Page 27 Converting Text Form to Data Record One data record per text form Provides data displayed by JSF page Provides data to be processed by handler Contains presentation fields to control appearance (color, enabled/disabled state, etc.)

28. Copyright 2008, Synchrony Systems, Inc. Page 28 JSF Page Handler One page handler per form Holds data record used JSF page Handles requests to display the page Handles requests to process page when submitted

29. Copyright 2008, Synchrony Systems, Inc. Page 29 UI Facelift Header Area Input Area Selection Area Message Area Navigation Area

30. Copyright 2008, Synchrony Systems, Inc. Page 30 Layout Areas – Target UI Header Area Input Area Selection Area Message Area Navigation Area

31. Copyright 2008, Synchrony Systems, Inc. Page 31 Behavior Mapping - Example Description options are maintained Selection codes are embedded into link logic Text borders are replaced with graphic borders Input fields are removed (hidden)

32. Copyright 2008, Synchrony Systems, Inc. Page 32 Resizable Layout Expected web browser behavior Support multiple monitor sizes

33. Copyright 2008, Synchrony Systems, Inc. Page 33 Resizable Text

34. Copyright 2008, Synchrony Systems, Inc. Page 34 Centralized Style Information Simplified maintenance Customization of look Use style sheets (CSS) and page templates (JTPL)

35. Copyright 2008, Synchrony Systems, Inc. Page 35 Core Program Logic Transformations Convert flow from monolithic to web Split functions at the converse statement Replace control flow statements with navigation statements Remove 'input loops‘ Connect logic to JSF lifecycle events Convert TUI artifacts to JSF equivalents TUIPrograms to JSF Handlers ‘Use form’ statements ‘Set’ statements Create handler functions PF Keys Menu selections

36. Copyright 2008, Synchrony Systems, Inc. Page 36 Support Components Native EGL libraries (NavLib & FormLib) Handle program control flow Provide state management Encapsulate JSF/HTML widget style interactions Custom Style Sheet Project set-up and configuration Data source configuration Project build files Application deployment descriptor

37. Copyright 2008, Synchrony Systems, Inc. Page 37 Multiple Forms A single TUIProgram converses multiple forms For floating forms and or help forms Transformed to use JSF dialog panels For independent forms Split into multiple JSFHandlers Each form is a separate web page

38. Copyright 2008, Synchrony Systems, Inc. Page 38 Co-dependent Multiple Forms Maintain a single JSF Handler Manage internal page display state Multiple form submits AJAX refreshes Multiple UI paradigms Merged screens into single web page Notebook model – JSF tab group panel Wizard model

39. Copyright 2008, Synchrony Systems, Inc. Page 39 Open Cursors – Challenges Programs that keep an open database cursor across converse statements Open statement, perhaps with ‘forUpdate’ clause Retrieve one or more rows from the database Converse form, show the retrieved data After converse use the cursor for: Getting more data Replacing or deleting the current row Cursors don’t remain open across web page renderings When the from is submitted the cursor can no longer be used

40. Copyright 2008, Synchrony Systems, Inc. Page 40 Open Cursors – Solutions For programs that show one record at a time Pre-fetch the records into a dynamic array Keep an index for the currently displayed record Move data to the form based on the currently indexed record Update or Delete the current record as a separate DB transaction The record must specify a primary key For programs that page through a table of several records Define a record to hold displayed data Pre-fetch rows into a dynamic array of these records Use a JSF DataTable to display many rows of data For large record sets Implement programmatic paging using EGL and DB positioning options

41. Copyright 2008, Synchrony Systems, Inc. Page 41 SOA Enablement – Phase II

42. Copyright 2008, Synchrony Systems, Inc. Page 42 Phase I EGL Modernization Recap TUI forms transformed to web pages All text programs transformed to JSF Handlers Monolithic programs transformed to web model Deployed on single web tier

43. Copyright 2008, Synchrony Systems, Inc. Page 43 Phase II – SOA Enablement Starting point – EGL/Web Application Single tier deployment Extract business logic/data access to EGL Services Business logic/data access extracted into ‘stateless’ functions Requires analysis of variable/data usage Pass required data as arguments to functions Put functions into services Create interfaces for the services JSF Handlers are modified to invoke service functions EGL Services are deployed to host platform Multi tier deployment

44. Copyright 2008, Synchrony Systems, Inc. Page 44 Summary Transformation from EGL TUI to Web Modernization Analysis High degree of automation Systematic and repeatable transformation Co-existence of ongoing development and modernization Q&A