Single-Page Applications

Single-Page Applications – platform-independent, powerful, mobile

The term Single-Page Application (short SPA) describes a technology which enables complex user interfaces to be run cross-platform in the browser. It enables a rich interaction between the user and the SPA providing a more fluid user experience as opposed to traditional web applications.

The cross-platform development of Single-Page Applications allows the deployment on both desktop   personal computers and mobile devices. SPAs are scalable applications to meet  growing or fluctuating levels of utilization.

Single-Page Applications - the small but significant difference

In a traditional web application many different pages are operated via HTML links  supplied by the server. Thus, with every click on a website a new page is loaded. Every action is combined with a request to the server. The client supplies user input data to the server as necessary. The server, in turn, carries out the necessary calculations or functions, processes display data within the GUI and sends these as a new HTML page to the client. During navigation the former page is replaced by the new one in the browser. This approach causes both waiting time for the user and load for the server.

Single-Page Applications, in contrast, are webbased applications with a fundamentally different setup. They consist of basically one HTML document and various JavaScripts. When visiting a website the frontend sends a request via JavaScript to the backend. Data returned in .json format and is visualized by JavaScript where needed, for example in homepages or navigation elements. Application flow control runs in the browser.

Simple calculations can be carried out directly on the client. To achieve a higher performance, only new data is requested from the web services and loaded dynamically into the current page. As the user navigates on a subpage, an additional template can be loaded from the server for display of the new page. 

Based on the new application architecture, user input data can instantly be checked and processsed as necessary on the client's side without involving the server. This helps to create more reactive user interfaces with a state-of-the art operating concept. The fact that it is mainly data that is exchanged with the server and no complete HTML documents reduces the necessary bandwidth while at the same time meeting the demands of mobile use. Due to frameworks such as Angular, React or Vue.js repeated page loads are no longer necessary.

Hence, SPAs are able to replace Rich-Client applications (e.g. based on Windows or Java) making the functionality available in the browser on all platforms (e.g. Windows, Mac, iOS, Android). Aside from increasing the market scope, this also ensures implementation of mobile use scenarios.

Advantages of a Single-Page Application

  •  easy to deploy in devices since no installation is necessary  
  •  less networking since there is no reload neither of HTML fragments nor of complete HTML pages
  •  high  performance due to shorter load cycles
  •  dynamic and quick content adjustment
  •  responsive UI
  •  access from anywhere thus wider reach of the application
  •  easy administration and easy support
  •  suitable as a basis for new business models such as Software as a Service (Saas)

Are Single-Page Applications suitable for your system?

SEKAS applies the three large frameworks Angular, React and Vue.js to build powerful and easy-to-use applications which are browser-independent, mobile and available for offline usage if need be. SEKAS focuses mainly on large and complex systems which would in most cases have a strong framework in Angular.
But we also develop applications and distributed systems which are not built as web applications. SPA may not be a suitable approach for all use cases. Every starting point requires individual consideration of possible approaches. SPA may not always be the best choice.

If the application is merely form-based with no need to react directly to user entries waiting for a point in time to load collected entries to the server, then some of SPA's advantages will not have any effect. On the other hand, certain scalability requirements might yet argue in favour of  SPA.

As a technology- and manufacturer-independent partner, SEKAS has supported various customers in finding a solution. We look back on many years of experience in setting up tailor-made software systems - also in the field of SPA.

Examples: 

We have implemented SPA solutions in

  • monitoring applications for air traffic control radios
  • management applications for public transport and
  • applications for visualization and analysis of measuring data

In some cases, the migration paths developed for exisiting customer solutions lead to a step-by-step migration.

Any questions? What's next?

Do you have any questions regarding SPA applicability in your field of business, or regarding possible strategies for transferring current software systems to the new technologies?

We invite you to contact us right away - we will gladly get in touch with you promptly to answer the questions you may have and to discuss your individual situation.

Contact

SEKAS GmbH
Baierbrunner Str. 23
D-81379 Munich

Phone: +49 (89) 74 81 34 - 0
Fax: +49 (89) 74 81 34 - 99
Email: infosekas.de

I acknowledge that I have read, understood and accepted the information about the handling of personal data ( privacy policies )