The Customer had a legacy website which consumed REST Services provided by the Back End.
The Website was originally built on a few individual components, living their own lives.
Traditional web architecture based on Apache, Bootstrap and Angular.
- Consolidate and modernize website look-and-feel
- Enable easy integration to more feeds in GUI
- Improve visual experience with more dynamic charting and proprietary graphics
Big Bang approach
The most part of the business value lies in the REST enabled services - which are basically unaffected.
A complete rewrite of the Front End is likely more cost-effective than trying to do a step-wise migration.
Development Process
Scrum and Jira was chosen to be used as project management process.
Bitbucket as SCM, Jenkins for CI/CD.
A Stage server was setup for verification.
Build environment setup.
Stage environment setup.
Team decision to continue with Bootstrap.
Implement logon/logoff.
Implement minimal menu system.
Add functionality from A
Add functionality from B
Add functionality from C
Add Hand crafted graphics
Touchup
DevOps process in place for future development. Manual decision kept before updating production environment.
Website are consolidated with the same look and feel and gives a more modern impression.
A new feed integrated nicely into the website.
Migration of update policy from Websockets to Server Sent Events (SSE) reduced maintenance and simplified deployment.
SSE also scales better in terms of number of concurrent users.
A new charting library was used which enables zooming features and more dynamic scrolling.
Improved Dashboard functionality by using Mansonry library.
Some customized graphics using standard JavaScript improves the impression and was not costly.
