Legacy Application Modernization – Silverlight to Angular Migration [CASE STUDY]

06 Dec. 2018 Case Studies

User experience has been improving exponentially with the addition of new devices and technologies. Silverlight by Microsoft was one of the pioneer front-end technologies, but with Microsoft ending its support, many enterprises are looking to migrate from this technology. Angular supported by Google (introduced in September 2016) is an open source front-end web application platform that can bridge this gap. Using HTML technology, its architecture is built using MVW framework, making it platform independent and accessible across any device.

Front End Application Modernization - Silverlight to Angular JS Migration

Our customer wanted to migrate their existing booking application built on Silverlight technology to Angular for improving application performance with engaging user experience at reduced cost.

Require Legacy Application Modernization?We can help you convert your legacy application to modern technology stack

Objective

The travel and hospitality industry is undergoing a major digital transformation by moving away from proprietary web plug-in based delivery mechanisms (such as Silverlight), and replacing them with unified open source HTML5/JavaScript based frameworks. One of the major reasons for this is that Microsoft ended its support for Silverlight development. Our Europe based customer is a travel aggregator who helps customers simplify their hotel bookings. Their hotel booking system was developed using Silverlight. Our customer needed to migrate from Silverlight to the latest front-end technology to achieve scalability, enhance user experience and improve application performance in a secure environment. After evaluating several different frameworks, Angular was identified to be the best fit for migrating from Silverlight blending with MVVM architecture.

Migrating Silverlight Application to Angular

Challenges

  • Progressive migration of containers from Silverlight to Angular
  • UI testing & tracking TFS Bugs
  • Verify API response with the defined structure
  • Testing for Internationalization of 5 languages
  • Lack of Silverlight technology support

Approach

Rishabh Software’s team implemented Agile project management practices to migrate the existing application from Silverlight to Angular open source framework. Modernizing an application can present a different set of challenges depending on the general quality, test coverage, and architecture of the legacy code base. The scope of application modernization can significantly change depending on factors related to the target platform. Rishabh Software’s project team consisted of 5 members (3 Developers + 1 UI + 1 QA + Project Manager) to understand the existing XAML architecture, RESTful API contracts and develop custom templates, containers & reusable components using Angular technology. The team studied the current MVVM patterns to maintain the app modularity for creating reusable components. Angular / TypeScript like strict typing, model-driven API calls, lazy loading, legacy application testing and review of service code quality were additional team deliverables.

Converting Silverlight Application to Angular JS

Initially, we developed a proof of concept application on iOS platform, and after client’s approval, we generated the code for Android platform. Code reusability was achieved with the help of Xamarin development platform, saving development time and efforts.

Business Benefits

  • Simplified booking process
  • Better user experience with a minimalistic navigation structure
  • Real-time data availability of currency & room inventory
  • Enhanced modularity, security & scalability
  • Multi-language support (Internationalization)

Industry Segment

Travel & Hospitality

Customer Profile

Europe-based Travel & Hospitality Provider

Technology and Tools

  • Angular
  • KendoUI
  • HTML
  • SCSS
  • Katalon Studio
  • Selenium
Get Free EstimationDiscuss Your Application Idea With Our Experts Now!
Follow Us
Subscribe to the Blog
Get a Free Consultation
Reach out to our team to get a free consultation Contact Us