1. Copyright 2007-2011, Synchrony Systems, Inc. Enterprise Application Modernizations Slavik Zorin Phone: (415) 944-0377 Email: szorin@sync-sys.comszorin@sync-sys.com EGL Rich UI / Web 2.0 TUI to RUI Transformation with

2. Copyright 2007-2011, Synchrony Systems, Inc. Page 2 About Synchrony Provide end-to-end software migration and modernization solutions Provide methodology and technology for entire application modernization lifecycle Completed nearly 50 Migrations/Modernizations since 1994 Insurance, Banking and Finance (Underwriting/Rating, Commercial Loans, Risk Management, Trading) Telecommunications (Network Management/Decision Support) Healthcare and Pharmaceuticals (Simulations, Inventory Management) Utilities (Call Centers) Manufacturing Education Government and Military IBM Business Partner since 1996 Migrations across Smalltalk platforms Migrations of Smalltalk platforms to Java and JEE Legacy Modernizations VA/Gen TUI and GUI migrations to EGL/RUI 3270 and 5250 migrations to EGL/RUI

3. Copyright 2007-2011, Synchrony Systems, Inc. Page 3 The Challenge 1980  Added Business Value No innovation in legacy technology Acceptance and adoption of new technology Latest Infrastructures and Platforms Java, Web 2.0, SOA… Legacy Infrastructures and Platforms COBOL, 3GL, 4GL, … 2010  How can a business effectively make the transition?

4. Copyright 2007-2011, Synchrony Systems, Inc. Page 4 The New Thing – Web 2.0/SOA

5. Copyright 2007-2011, Synchrony Systems, Inc. Page 5 Web 2.0 – The Proper Balance ClientServer Client-server computing “Smart” Personal Computer clients Simple file and database servers Web (1.0) computing Light Web Browser clients Rich application and database servers Web 2.0 computing Rich Internet Application clients Lighter application and database servers Mainframe computing “Dumb” green screen clients Omnipotent big mainframe servers

6. Copyright 2007-2011, Synchrony Systems, Inc. Page 6 Rich User Interfaces with EGL Simplify creation of Rich Internet Applications Deliver end-to-end Web 2.0 quickly in a single language Build rich user interfaces to modernize existing applications Generates standard JavaScript and Ajax EGL does NOT replace HTML or JavaScript, it generates them and integrates with them exploiting their power. Easy-to-learn language Fully open and extensible Use a rich, extensible widget library Including support for Dojo Eclipse-based development, testing, and debugging Consume all types of Web services

7. Copyright 2007-2011, Synchrony Systems, Inc. Page 7 The Solution Powerful programming language and IDE EGL RBD TUI2RUI Transformation Technology TUI Form Transformation TUI Program Transformation RUI Gateway Integration Modernization roadmap to Web 2.0 and SOA Automated and incremental transformation Stepping stone to modern architecture

8. Copyright 2007-2011, Synchrony Systems, Inc. Page 8 TUI and GUI to EGL/RUI Modernization Strategy First go to modern platform; then to modern architecture Retain original design of program logic No re-design of program logic No redesign of screen control and navigation Maximum transformation automation to RUI Modernize UI navigation and presentation on target platform – EGL and RBD

9. Copyright 2007-2011, Synchrony Systems, Inc. Page 9 EGL RUI Application TUI Application (3270,5250) RUI Application Architecture from Transformed TUI TUI ProgramTUI Form converse EGL/RUI response Form Record request converse EGL UI Program Form Record Host Tier EGL Program Interface EGL/RUI Interface RUI Gateway JEE Middle Tier Client Tier CONVERSIONCONVERSION

10. Copyright 2007-2011, Synchrony Systems, Inc. Page 10 TUI to RUI Transformation Stages Basic “As-is” transformation Terminal emulation in RUI Legacy users Standard transformation Use standard web UI metaphors Use CSS formatting Minimal change to functionality Enhanced transformation Enhanced widget usage Richer orchestration of UI Post-migration modernization Pure Client/Server SOA

11. Copyright 2007-2011, Synchrony Systems, Inc. Page 11 Original Panel “As-is” Transformation Basic “As-is” Transformation Runs on web browser Keyboard input

12. Copyright 2007-2011, Synchrony Systems, Inc. Page 12 Standard Transformation – Common Patterns Header Footer Menu Function Keys Data Area Table Message Area Help Popup Query Match Counter Default CSS

13. Copyright 2007-2011, Synchrony Systems, Inc. Page 13 List Selection Screen – Patterns Header Area Table Area Message Area Navigation Area

14. Copyright 2007-2011, Synchrony Systems, Inc. Page 14 List Selection Screen – Patterns

15. Copyright 2007-2011, Synchrony Systems, Inc. Page 15 List Selection Screen – Generation

16. Copyright 2007-2011, Synchrony Systems, Inc. Page 16 List Selection Screen – RUI

17. Copyright 2007-2011, Synchrony Systems, Inc. Page 17 Data Entry – TUI to RUI

18. Copyright 2007-2011, Synchrony Systems, Inc. Page 18 Help Popup – TUI to RUI

19. Copyright 2007-2011, Synchrony Systems, Inc. Page 19 Enhanced TUI Transformation Widgets Combo boxes Radio controls Check boxes Date Pickers Tab controls Sliders Splitters

20. Copyright 2007-2011, Synchrony Systems, Inc. Page 20 Enhanced Transformation – Composition Search Panel Selection Panel Common Header and Toolbar Search Panel Selection Panel Detail Panel Common Message Box ++ Detail Panel

21. Copyright 2007-2011, Synchrony Systems, Inc. Page 21 Web 2.0  Drag & drop  Mash-ups Added business value  New Functionality  New Services Coexistence with legacy SOA Enablement Post Migration Modernization – Integration & Mash-ups

22. Copyright 2007-2011, Synchrony Systems, Inc. Page 22 Post Migration Modernization – Menu Navigation Eliminate significant amounts of menu related code Static menu definitions Repetitive menu program logic Create standard menu navigation Eliminate Pages Transitions Support navigation requirements Dynamic menu options Data driven menu configuration Dynamic validation of user credentials Provide modern look and feel Cascading Menus RUI Widget Responsive and interactive

23. Copyright 2007-2011, Synchrony Systems, Inc. Page 23 Post Migration Modernization – Menu Navigation Dynamic menu panels Bread crumbs Drop down menus

24. Copyright 2007-2011, Synchrony Systems, Inc. Page 24 Original Panel “As-is” Transformation Standard Transformation Enhanced Transformation Evolution Stages of UI Modernization

25. Copyright 2007-2011, Synchrony Systems, Inc. Page 25 Conclusion Native EGL/RUI – no screen scraping! Separation of presentation logic from business logic Highly automated and highly customizable solution Fast, low risk and cost-effective Incremental, piece-meal, staged UI Modernization Co-existence between Web 1.0 and Web 2.0 SOA ready!