This study presents the development of a web-based platform for integrated coastal monitoring and flood preparedness. The platform integrates real-time data from water level sensors, buoy monitoring systems, and SWAN (Simulating Waves Nearshore) model outputs to provide a comprehensive view of coastal and river conditions. The system architecture leverages IoT technology and modern web frameworks to enable scalable, real-time data collection and visualization. OpenLayers was selected as the mapping library after a comparative analysis of options. Key features include SWAN output visualization, real-time monitoring displays, and coastal hazard mapping. The platform aims to enhance flood preparedness and coastal management decision-making by centralizing diverse data sources into an accessible, user-friendly interface. User acceptance testing was conducted to evaluate the system's effectiveness. Recommendations include further interface consolidation and expanding coverage beyond the initial Region 1 focus area. 

The real-time web platform developed in this study successfully integrates data from various sources, including real-time water level sensors, buoy monitoring systems, and SWAN model outputs. The platform provides a comprehensive view of coastal and river stages, enabling better flood preparedness and coastal management decision-making.