{"id":76194,"date":"2024-07-23T16:23:04","date_gmt":"2024-07-23T14:23:04","guid":{"rendered":"https:\/\/www.skaylink.com\/?p=76194"},"modified":"2024-08-28T15:08:34","modified_gmt":"2024-08-28T13:08:34","slug":"legacy-hell","status":"publish","type":"post","link":"https:\/\/www.skaylink.com\/en\/insights\/blog\/legacy-hell\/","title":{"rendered":"Legacy applications: Turning old into new"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Home<\/a><\/span><\/span><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Blog<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

The legacy hell<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tSkaylink brings legacy applications to life by integrating modern components, new APIs, and a modern UI to improve efficiency and user experience.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tJuly 23, 2024\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\"Picture\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSkaylink\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

We all know those clunky, outdated systems that refuse to die. Not only are they a physical burden, they\u2019re also a productivity black hole. Every hour spent wrestling with their quirks is an hour stolen from innovation and growth.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Short-term fix<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Harvest the low hanging fruits: Focus on modernizing key components one at a time. Upgrade databases, implement APIs, and automate manual processes. These small wins will make a big difference in day-to-day operations. Here\u2019s an example of what Skaylink does for our customers:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Assessing the current state<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

For one of our customers, the culprit was a time tracking solution built years ago by an external company. It still worked quite well, but because it had never been updated, the UI was out of date. This resulted in a lower level of acceptance by new users. In addition, the software was a client-server application without web interface. It was impossible to provide external users with access to the time tracking software without giving them VPN access or installing the client on their devices. We could have gone with an RDP-based solution, but that wouldn\u2019t have fixed the ugly UI.<\/p>

Moreover, the data center hosting this application was scheduled to close. This meant that cloud migration for both the application and the database was an additional challenge. The customer\u2019s cloud governance required authentication via Entra ID, which was not provided by the application in its current state.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Making a plan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Skaylink took a closer look at the options for modernizing the application. There were some well-documented internal interfaces that could be accessed through .Net. The decision was made to create both an API and a UI. With these two approaches we\u2019ve solved the problem of the outdated UI and also allowed external users to use the application with Entra ID (Azure Active Directory) authentication. A serverless implementation was not an option for this application because of its heavy reliance on COM objects. So we decided to use an instance of IIS to host the API. We needed virtual machines to run the application anyway, so we decided to put it all together.<\/p>

We used Terraform to deploy the required infrastructure with an APU and an instance in Azure. Because infrastructure as code (IaC) makes things easy, we also deployed a development stage that allowed us and the customer to test further changes to this application.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Adding an API<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Adding an API to an existing application opens up a world of possibilities. It enables seamless communication with other software systems, enhances interoperability, and facilitates data exchange. With an API, an application can easily sync with project management tools, payroll systems, and more, streamlining workflows and improving efficiency.<\/p>

For the time tracking application, we created a REST API based on .Net 6 and C#. This API provides all endpoints needed to create, read, update and delete time entries in the software. It uses the internal COM interfaces to transport the input from the API to the software itself.<\/span><\/p>

While implementing the API we also created a suitable PowerShell module to test the API. This module can also be used for automation.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Implementing a new UI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

To achieve the objective of having a modern web-based UI, we created one based on the API endpoints using VueJS 3. A visually appealing and user-friendly UI is critical to the adoption of a software application. By revamping the UI of the time tracking application, we have not only improved its aesthetics, but also the usability and user experience. Create a stunning new UI that users will love by incorporating modern design principles, intuitive navigation, and responsive layouts.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Streamlining the time tracking processes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

With the API integrated and a new UI, it was time to address the time tracking processes. We identified repetitive tasks and bottlenecks in the current workflow and leveraged the capabilities of the API to automate these processes. From time entry and project allocation to reporting and analysis, we\u2019ve made every aspect of time tracking more efficient and intuitive for users.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Testing and iteration<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

When modernizing an application, it\u2019s important to perform thorough testing to ensure that everything works as designed. User feedback was gathered and incorporated into the next sprint. Continuous improvement is key to delivering a modernization project that meets the evolving needs of your organization.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Conclusion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Modernizing an outdated time tracking application is a strategic investment that pays off in terms of improved efficiency, productivity, and user satisfaction. By adding an API and implementing a beautiful new UI, you can transform your time tracking processes and empower your team to work smarter, not harder. Harness the power of modernization and unlock the full potential of your workloads.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Skaylink brings legacy applications to life by integrating modern components, new APIs, and a modern UI to improve efficiency and user experience.<\/p>\n","protected":false},"author":23,"featured_media":76198,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[100],"tags":[167],"class_list":["post-76194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-cloud-migration"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/posts\/76194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/comments?post=76194"}],"version-history":[{"count":40,"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/posts\/76194\/revisions"}],"predecessor-version":[{"id":79817,"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/posts\/76194\/revisions\/79817"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/media\/76198"}],"wp:attachment":[{"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/media?parent=76194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/categories?post=76194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.skaylink.com\/en\/wp-json\/wp\/v2\/tags?post=76194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}