This presentation discusses CNX Corporation's approach to modernizing legacy applications. It includes: 1) An overview of CNX and its focus on modernizing old apps using Sencha technologies. 2) Examples showing the transformation of outdated user interfaces for work management into modernized interfaces using Ext JS. 3) CNX's methodology for modernization which involves a phased approach of adding a new UI while keeping the underlying system intact, then transitioning fully to the new application.

1. Ext JS App Modernization Showcase
Richard G. Milone
CNX Corp
Managing Partner and Co-founder

2. Presentation Summary
• About CNX
• About modernization
• Modernization showcase 1 – quick examples
• Methodology for modernizing old apps
• Modernization showcase 2 – more detailed examples
• Questions
2

3. 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

4. About CNX

5. 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

6. About Modernization

7. 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

8. 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

9. Modernization Showcase 1

10. Showcase 1 – Work with Active Jobs (OLD)
10

11. Showcase 1 – Work with Print Jobs (OLD)
11

12. Showcase 1 – Work with Print Jobs (OLD)
12

13. Showcase 1 – Work with Active Jobs (NEW)
13

14. Showcase 1 – Work with Print Jobs (NEW)
14

15. Showcase 1 – Work with Print Jobs (NEW)
15

16. Modernization Methodology

17. 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

18. 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

19. 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

20. 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

21. Modernization Showcase 2

22. 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

23. Questions

24. 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-founder
CNX Corporation
217 N Jefferson St, Suite 450
Chicago IL 60661
richard.milone@cnxcorp.com
312.477.7472
24