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


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?


The New Thing – Web 2.0/SOA


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


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


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


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


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


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


Original PanelOriginal Panel ““As-isAs-is”” Transformation Transformation

Basic “As-is” Transformation

Runs on web browserKeyboard input


Standard Transformation – Common Patterns

HeaderFooterMenuFunction KeysData AreaTableMessage AreaHelp PopupQuery Match CounterDefault CSS


List Selection Screen – Patterns

Header AreaHeader Area

Table AreaTable Area

Message AreaMessage Area

Navigation AreaNavigation Area


List Selection Screen – Patterns


List Selection Screen – Generation


List Selection Screen – RUI


Data Entry – TUI to RUI


Help Popup – TUI to RUI


Enhanced TUI Transformation

Widgets Combo boxes Radio

controls Check boxes Date Pickers Tab controls Sliders Splitters


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


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


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


Post Migration Modernization – Menu Navigation

Dynamic menu panels Bread crumbs Drop down menus


Original PanelOriginal Panel““As-isAs-is”” Transformation TransformationStandard TransformationStandard TransformationEnhanced TransformationEnhanced TransformationEvolutionEvolution

Stages of UI Modernization


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!

Date post:	11-Jan-2016
Category:	Documents
Upload:	helena-small
View:	213 times
Download:	0 times

Copyright 2007-2011, Synchrony Systems, Inc. Enterprise Application Modernizations Slavik Zorin...

Documents