Designing User Interface with UML and CRUD Concept for IoT-Based Water Quality Analysis Tool

Various types of user interface (UI) design had been utilized in water studies to enrich insights regarding quality of water samples and sources. Integrated IoT water sensors were successfully implemented for water quality parameter measurement, however, the visualization and interactivity are limited. The initial design was only capable in reading water quality parameter from the sensor reading while insertion and moderation activities were needed to complete a computerized water quality analysis. The research adopted the methods of CRUD concept and UML diagram to formulate the further capability in enriching the usability of an IoT-supported water quality analysis tool. A new UI design is successfully created and proposed along with activity enrichment which covers Main Menu, Data Insertion Page, and Data Moderation Page. The results show that the new UI design redefines the activity of water quality analysis by adding the capability in water quality data management for users. It is considered that further research should implement user acceptance test to find out users’ response on the proposed design.