Copyright 2007-2011, Synchrony Systems, Inc. Enterprise Application Modernizations Slavik Zorin...
-
Upload
helena-small -
Category
Documents
-
view
213 -
download
0
Transcript of Copyright 2007-2011, Synchrony Systems, Inc. Enterprise Application Modernizations Slavik Zorin...
Copyright 2007-2011, Synchrony Systems, Inc.
Enterprise Application Modernizations
Slavik ZorinPhone: (415) 944-0377
Email: [email protected]
EGL Rich UI / Web 2.0TUI to RUI Transformation with
Copyright 2007-2011, Synchrony Systems, Inc. Page 2
About Synchrony
Provide end-to-end software migration and modernization solutionsProvide methodology and technology for entire application modernization lifecycleCompleted 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)ManufacturingEducationGovernment and Military
IBM Business Partner since 1996 Migrations across Smalltalk platformsMigrations of Smalltalk platforms to Java and JEELegacy Modernizations
VA/Gen TUI and GUI migrations to EGL/RUI3270 and 5250 migrations to EGL/RUI
Copyright 2007-2011, Synchrony Systems, Inc. Page 3
The Challenge
1980 1980
Ad
ded
Bu
sin
ess
Val
ue
No innovation in legacy technology Acceptance and
adoption of new technology
Latest Infrastructures and Platforms
Java, Web 2.0, SOA…Java, Web 2.0, SOA…
Legacy Infrastructures and Platforms
COBOL, 3GL, 4GL, …COBOL, 3GL, 4GL, …
2010 2010
How can a business effectively make the transition?How can a business effectively make the transition?
Copyright 2007-2011, Synchrony Systems, Inc. Page 4
The New Thing – Web 2.0/SOA
Copyright 2007-2011, Synchrony Systems, Inc. Page 5
Web 2.0 – The Proper Balance
Client Server
Client-server computing“Smart” Personal Computer clients
Simple file and database servers
Web (1.0) computingLight Web Browser clients
Rich application and database servers
Web 2.0 computingRich Internet Application clients
Lighter application and database servers
Mainframe computing“Dumb” green screen clients
Omnipotent big mainframe servers
Copyright 2007-2011, Synchrony Systems, Inc. Page 6
Rich User Interfaces with EGLSimplify creation of Rich Internet Applications
Deliver end-to-end Web 2.0 quickly in a single languageBuild rich user interfaces to modernize existing applications
Generates standard JavaScript and AjaxEGL does NOT replace HTML or JavaScript, it generates them and integrates with them exploiting their power.
Easy-to-learn languageFully open and extensibleUse a rich, extensible widget library
Including support for Dojo
Eclipse-based development, testing, and debuggingConsume all types of Web services
Copyright 2007-2011, Synchrony Systems, Inc. Page 7
The Solution
Powerful programming language and IDEEGLRBD
TUI2RUI Transformation TechnologyTUI Form TransformationTUI Program TransformationRUI 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 8
TUI and GUI to EGL/RUI Modernization Strategy
First go to modern platform; then to modern architecture
Retain original design of program logicNo re-design of program logicNo 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 9
EGL RUI Application
TUI Application (3270,5250)
RUI Application Architecture from Transformed TUI
TUI Program TUI Form
converse
EGL/RUI
response
Form Record
request
converse
EGL UI Program
Form Record
Host Tier
EGL ProgramInterface
EGL/RUIInterface
RUI Gateway
JEE Middle Tier Client Tier
C
O
N
V
E
R
S
I
O
N
Copyright 2007-2011, Synchrony Systems, Inc. Page 10
TUI to RUI Transformation Stages
Basic “As-is” transformationTerminal emulation in RUILegacy users
Standard transformationUse standard web UI metaphorsUse CSS formattingMinimal change to functionality
Enhanced transformationEnhanced widget usageRicher orchestration of UI
Post-migration modernizationPure Client/ServerSOA
Copyright 2007-2011, Synchrony Systems, Inc. Page 11
Original PanelOriginal Panel ““As-isAs-is”” Transformation Transformation
Basic “As-is” Transformation
Runs on web browserKeyboard input
Copyright 2007-2011, Synchrony Systems, Inc. Page 12
Standard Transformation – Common Patterns
HeaderFooterMenuFunction KeysData AreaTableMessage AreaHelp PopupQuery Match CounterDefault CSS
Copyright 2007-2011, Synchrony Systems, Inc. Page 13
List Selection Screen – Patterns
Header AreaHeader Area
Table AreaTable Area
Message AreaMessage Area
Navigation AreaNavigation Area
Copyright 2007-2011, Synchrony Systems, Inc. Page 14
List Selection Screen – Patterns
Copyright 2007-2011, Synchrony Systems, Inc. Page 15
List Selection Screen – Generation
Copyright 2007-2011, Synchrony Systems, Inc. Page 16
List Selection Screen – RUI
Copyright 2007-2011, Synchrony Systems, Inc. Page 17
Data Entry – TUI to RUI
Copyright 2007-2011, Synchrony Systems, Inc. Page 18
Help Popup – TUI to RUI
Copyright 2007-2011, Synchrony Systems, Inc. Page 19
Enhanced TUI Transformation
Widgets Combo boxes Radio
controls Check boxes Date Pickers Tab controls Sliders Splitters
Copyright 2007-2011, Synchrony Systems, Inc. Page 20
Enhanced Transformation – Composition
Search PanelSearch Panel Selection PanelSelection Panel
Common Header and Toolbar
Common Header and Toolbar
Search PanelSearch Panel
Selection PanelSelection Panel
Detail PanelDetail Panel
Common Message Box
Common Message Box
++ ++
Detail PanelDetail Panel
Copyright 2007-2011, 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 2007-2011, Synchrony Systems, Inc. Page 22
Post Migration Modernization – Menu Navigation
Eliminate significant amounts of menu related code
Static menu definitionsRepetitive menu program logic
Create standard menu navigation Eliminate Pages Transitions Support navigation requirements
Dynamic menu optionsData driven menu configurationDynamic validation of user credentials
Provide modern look and feelCascading Menus RUI WidgetResponsive and interactive
Copyright 2007-2011, Synchrony Systems, Inc. Page 23
Post Migration Modernization – Menu Navigation
Dynamic menu panels Bread crumbs Drop down menus
Copyright 2007-2011, Synchrony Systems, Inc. Page 24
Original PanelOriginal Panel““As-isAs-is”” Transformation TransformationStandard TransformationStandard TransformationEnhanced TransformationEnhanced TransformationEvolutionEvolution
Stages of UI Modernization
Copyright 2007-2011, Synchrony Systems, Inc. Page 25
Conclusion
Native EGL/RUI – no screen scraping!Separation of presentation logic from business logicHighly automated and highly customizable solutionFast, low risk and cost-effectiveIncremental, piece-meal, staged UI ModernizationCo-existence between Web 1.0 and Web 2.0SOA ready!