EGL Rich UI Web 2 0 GUI to
EGL Rich UI / Web 2. 0 GUI to RUI Transformation with Slavik Zorin Founder and CEO 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. 2
1 2 9 0 8 1 0 The Challenge Added Business Value 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 How can a business effectively make the transition? Disruptive paradigm shifts in technology Hard to change & keep up with the pace of change Copyright 2007 -2011, Synchrony Systems, Inc. 3
The New Thing – Web 2. 0/SOA Copyright 2007 -2011, Synchrony Systems, Inc. 4
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. 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 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. 6
The Solution RBD and EGL - Powerful programming language and IDE - GUI Transformation Technology Compatibility Layer in EGL/RUI Attachments Connections Mapping of GUI widgets to RUI widgets Transformation to Widget Attachments EGL/RUI Compatibility Transformation to Connections EGL/RUI Compatibility Generation of Services Modernization roadmap to Web 2. 0 and SOA Automated and incremental transformation Stepping stone to modern architecture Copyright 2007 -2011, Synchrony Systems, Inc. 7
GUI to RUI Transformation with VAGen GUI VAGen parts VA/Gen RME rui EGL RUI EGL Services RBD EGL Artifacts GUI Compatibility Layer RBD Copyright 2007 -2011, Synchrony Systems, Inc. 8
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. 9
GUI to RUI Transformation Stages Standard “As-Is” transformation Windows on a browser Use CSS formatting Program logic on middle tier Enhanced transformation Modern web widget usage (dojo) Client-side presentation semantics De-couple clients-side database access Post migration modernization Redesign navigation UI Value-added services Copyright 2007 -2011, Synchrony Systems, Inc. 10
Visual Programming in VA/Gen Challenge: Retain existing presentation layout built with VA/Gen Retain existing presentation logic built with VA/Gen Copyright 2007 -2011, Synchrony Systems, Inc. 11
Aspects of GUI Transformation Layout Attachments Connections Attribute-to-Attribute Event-to-Action Record Parts Custom Widgets Service Interfaces Custom Client Behavior Program Logic Copyright 2007 -2011, Synchrony Systems, Inc. 12
Layout Attachments Copyright 2007 -2011, Synchrony Systems, Inc. 13
Attribute-to-Attribute Connections Copyright 2007 -2011, Synchrony Systems, Inc. 14
Event-to-Action Connections Copyright 2007 -2011, Synchrony Systems, Inc. 15
Record Parts Copyright 2007 -2011, Synchrony Systems, Inc. 16
Custom Widgets Copyright 2007 -2011, Synchrony Systems, Inc. 17
Service Interface Copyright 2007 -2011, Synchrony Systems, Inc. 18
Custom Behavior / Scripting Copyright 2007 -2011, Synchrony Systems, Inc. 19
VA/Gen Program Logic Copyright 2007 -2011, Synchrony Systems, Inc. 20
Windows on the Desktop Copyright 2007 -2011, Synchrony Systems, Inc. 21
Windows in the Browser Retain existing design No retraining “Web OS” look and feel Copyright 2007 -2011, Synchrony Systems, Inc. 22
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 SOA ready! Copyright 2007 -2011, Synchrony Systems, Inc. 23
- Slides: 23