EGL Rich UI Web 2 0 TUI to

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

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 2007 -2011, Synchrony Systems, Inc. Page 2

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

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

Web 2. 0 – The Proper Balance Client Server 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 Copyright 2007 -2011, Synchrony Systems, Inc. Page 5

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 Java. Script and Ajax EGL does NOT replace HTML or Java. Script, 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 2007 -2011, Synchrony Systems, Inc. Page 6

The Solution Powerful programming language and IDE EGL RBD TUI 2 RUI 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 2007 -2011, Synchrony Systems, Inc. Page 7

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 2007 -2011, Synchrony Systems, Inc. Page 8

RUI Application Architecture from Transformed TUI Application (3270, 5250) C converse TUI Program TUI Form O N V EGL UI Program EGL/RUI Gateway R request Form Record converse EGL Program Interface EGL/RUI Interface E Form Record response S I O N Host Tier JEE Middle Tier Client Tier EGL RUI Application Copyright 2007 -2011, Synchrony Systems, Inc. Page 9

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 2007 -2011, Synchrony Systems, Inc. Page 10

Basic “As-is” Transformation Runs on web browser Keyboard input Original Panel Copyright 2007 -2011,

Standard Transformation – Common Patterns Header Footer Menu Function Keys Data Area Table Message

List Selection Screen – Patterns Header Area Table Area Message Area Navigation Area Copyright

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

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

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

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

Enhanced TUI Transformation Widgets ü ü ü ü Copyright 2007 -2011, Synchrony Systems, Inc.

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

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 Copyright 2007 -2011, Synchrony Systems, Inc. Page 21

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 2007 -2011, Synchrony Systems, Inc. Page 22

Post Migration Modernization – Menu Navigation ü Dynamic menu panels ü Bread crumbs ü

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

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! Copyright 2007 -2011, Synchrony Systems, Inc. Page 25