Ext JS App Modernization Showcase

Richard G. MiloneCNX Corp

Managing Partner and Co-founder

Presentation Summary

• About CNX

• About modernization

• Modernization showcase 1 – quick examples

• Methodology for modernizing old apps

• Modernization showcase 2 – more detailed examples

• Questions

2

Goals of this Presentation

• Learn a little bit about me and my company

• Become inspired by something in the showcases

• Get some value from the discussion of modernization methodology

3

About CNX

About CNX

• From 1996 to 2007 focused on legacy apps

• Spent years trying to find a logical path to web apps

• Discovered Ext JS in 2007 and refocused to modernizing legacy apps

• Today half our work is developing new and half is modernizing old

• All work involves Sencha technologies

• Specialty in IBM Power Systems but work on other platforms too

5

About Modernization

About Modernization

• “Modernization” has many definitions—the word is very generic

• Improve all or parts of old apps to make them more modern

• At CNX we mostly deal with really old apps

• We must be careful that we use modern development principles

• Very tempting to make apps better without being truly modern

7

Parts of Apps Subject to Modernization

• UI (improve general appearance)

• UX (improve workflow, improve overall user experience)

• Overall architecture, tiers, etc.

• Server side language, code clarity and structure

• Database improvements

8

Modernization Showcase 1

Showcase 1 – Work with Active Jobs (OLD)

10

Showcase 1 – Work with Print Jobs (OLD)

11

Showcase 1 – Work with Print Jobs (OLD)

12

Showcase 1 – Work with Active Jobs (NEW)

13

Showcase 1 – Work with Print Jobs (NEW)

14

Showcase 1 – Work with Print Jobs (NEW)

15

Modernization Methodology

Parts of Apps Subject to Modernization

• UI (improve general appearance)

• UX (improve workflow, improve overall user experience)

• Overall architecture, tiers, etc.

• Server side language, code clarity and structure

• Database improvements

17

CNX Modernization Methodology Explained

• Phase 1- Add a modern UI/UX while leaving underlying database or tier intact

- Allow legacy (old) and new apps to coexist

- Run legacy and new apps together for a validation period (30-90 days)

• Phase 2- Discontinue use of legacy app

- Move forward continuing to add features to new app

18

CNX Modernization Methodology – Pros and Cons

• Pros- Very low risk- Easy to train over time- Flexible implementation schedule

• Cons- Difficult to add new features in Phase 1- Typically takes longer to implement than “Rip and Replace”

19

Parts of Apps Subject to Modernization—Phase 3

• UI (improve general appearance)

• UX (improve workflow, improve overall user experience)

• Overall architecture, tiers, etc.

• Server side language, code clarity and structure

• Database improvements (whole ecosystem for this in my world)

20

Modernization Showcase 2

Video Demonstrations of Customer Apps

• For privacy reasons, this portion is available only to those in attendance at the initial presentation of this session at SenchaCon.• For those in attendance at the initial presentation, please refrain from

taking any pictures or video from this point forward.

22

Questions

Question and Answers

• Please feel free to contact me directly if you would like to talk after the conference:• Richard G Milone

Managing Partner and Co-founderCNX Corporation217 N Jefferson St, Suite 450Chicago IL 60661richard.milone@cnxcorp.com312.477.7472

24