关键词: 大坝安全监测, HTML5, 移动开发, 跨平台

Abstract: In recent years, the development of mobile Internet and mobile technology has promoted the arrival of mobile era. As mobile application is becoming an integral part of the Internet, the migration of Web application based on traditional PC terminal to mobile terminal has become a rigid demand for enterprise development strategies, and the number of mobile sites and mobile applications for smart devices has also increased rapidly. Although Web site based on traditional PC terminal can browse in the mobile terminal, there are issues in compatibility, screen size, design style, content and other aspects, resulting in the poor user experience. On the other hand, native mobile applications have many problems, such as long development and testing cycle, and high development cost, and it makes this issue even more prominent to develop multiple versions of software. Facing the contradiction between requirement for rapid development of mobile application and mobile platform diversity, and the need of the migration of the PC website to the mobile site, it is a good solution to design a cross platform software system which can accommodate many terminals. In this paper, HTML5, JavaScript and CSS are used to realize the hybrid dam safety monitoring system. On the basis of adapting the PC end B/S architecture, the source code is packaged and compiled into mobile application adapted to Android and IOS systems. As the development at a time can be applied in multi-terminal and multi-platform, the development cost is reduced, and good results are obtained.

Key words: dam safety monitoring, HTML5, mobile development, cross platform