Enterprise Application Modernizations

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

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. The Challenge Legacy Infrastructures and Platforms Latest Infrastructures and Platforms Java, Web 2.0, SOA… COBOL, 3GL, 4GL, … No innovation in legacy technology Added Business Value Acceptance and adoption of new technology 1980  2010  How can a business effectively make the transition?

4. The New Thing – Web 2.0/SOA

5. Mainframe computing “Dumb” green screen clients Omnipotent big mainframe servers 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 Web 2.0 – The Proper Balance Client Server

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 web 2.0

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. 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. C O N V E R S I O N RUI Gateway EGL Program Interface EGL/RUI Interface JEE Middle Tier RUI Application Architecture from Transformed TUI TUI Application (3270,5250) converse TUI Program TUI Form EGL RUI Application EGL UI Program EGL/RUI request Form Record Form Record converse response Host Tier Client Tier

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. Basic “As-is” Transformation • Runs on web browser • Keyboard input “As-is” Transformation Original Panel

12. Standard Transformation – Common Patterns • Header • Footer • Menu • Function Keys • Data Area • Table • Message Area • Help Popup • Query Match Counter • Default CSS

13. Header Area Table Area Message Area Navigation Area List Selection Screen – Patterns

14. List Selection Screen – Patterns

15. List Selection Screen – Generation

16. List Selection Screen – RUI

17. Data Entry – TUI to RUI

18. Help Popup – TUI to RUI

19. Enhanced TUI Transformation • Widgets • Combo boxes • Radio controls • Check boxes • Date Pickers • Tab controls • Sliders • Splitters

20. Enhanced Transformation – Composition Common Header and Toolbar Selection Panel Detail Panel Search Panel Search Panel + + Selection Panel Detail Panel Common Message Box

21. Post Migration Modernization – Integration & Mash-ups • Web 2.0 • Drag & drop • Mash-ups • Added business value • New Functionality • New Services • Coexistence with legacy • SOA Enablement

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. Post Migration Modernization – Menu Navigation • Dynamic menu panels • Bread crumbs • Drop down menus

24. Stages of UI Modernization Evolution Enhanced Transformation Standard Transformation “As-is” Transformation Original Panel

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!