250 likes | 344 Views
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. About Synchrony. Provide end-to-end software migration and modernization solutions
E N D
EGL Rich UI / Web 2.0TUI to RUI Transformation with Slavik Zorin Phone: (415) 944-0377 Email: szorin@sync-sys.com Enterprise Application Modernizations
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
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?
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
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
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
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
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
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
Basic “As-is” Transformation • Runs on web browser • Keyboard input “As-is” Transformation Original Panel
Standard Transformation – Common Patterns • Header • Footer • Menu • Function Keys • Data Area • Table • Message Area • Help Popup • Query Match Counter • Default CSS
Header Area Table Area Message Area Navigation Area List Selection Screen – Patterns
Enhanced TUI Transformation • Widgets • Combo boxes • Radio controls • Check boxes • Date Pickers • Tab controls • Sliders • Splitters
Enhanced Transformation – Composition Common Header and Toolbar Selection Panel Detail Panel Search Panel Search Panel + + Selection Panel Detail Panel Common Message Box
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
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
Post Migration Modernization – Menu Navigation • Dynamic menu panels • Bread crumbs • Drop down menus
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!