Copyright , Synchrony Systems, Inc. Enterprise Application Modernizations Slavik Zorin Phone: (415) EGL Rich UI / Web 2.0 TUI to RUI Transformation with

Copyright , 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

Copyright , 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?

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

Copyright , 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

Copyright , 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

Copyright , 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

Copyright , 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

Copyright , 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

Copyright , 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

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

Copyright , 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

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

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

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

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

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

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

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

Copyright , 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

Copyright , 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

Copyright , 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

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

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

Copyright , 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!