Toward an international platform: A web-based multi-language system for remote and virtual laboratories using react framework

Abstract

Universality is crucial for systems to provide services to users with different backgrounds. A good language system can remove language barriers to help to improve system universality. To improve user experience and provide new features to users, the Networked Control System Laboratory (NCSLab) has been redeveloped based on React. To achieve toward an international platform, this paper introduces a web-based multi-language system for remote and virtual laboratories based on React. The language system is implemented based on an open source tool named react-intl-universal. The architecture and modular design concept of the language system are investigated and the design and implementation are explored in detail from the perspective of the front-end and back-end separation scheme. The proposed language system has been integrated into the new React-based NCSLab system, which is scalable and can improve universality to serve not only domestic users in China, but also international users from all over the world.

Keywords

• Language scheme for internationalization
• Front-end and back-end separation
• Web-based online laboratories
• Modular design
• Engineering education