# An Integrated Safety Monitoring and Pre-Warning System for Fishing Vessels
## 3 Materials and Methods
### Decision Support Subsystem  
#### 3.5.1 Interactive Monitoring Platform  
The interactive software facilitates the creation of a GUI, which was created using JavaScript, a popular programming language. The Model View Controller (MVC) framework is adopted in the control software system, which can facilitate the separation of the data logic (model), presentation (view), and user interaction (controller) to increase software development efficiency, guarantee process stability, allow for future software scalability, and improve maintainability [33]. Compared to monolithic or purely server-side architectures (e.g., PHP with embedded HTML or NET-based WebForms), the JavaScript-based MVC pattern enables better modularization and faster front-end rendering. JavaScript frameworks such as Vue.js provide reactive data binding and component-based design, allowing for more interactive and responsive interfaces. Moreover, MVC-based back-end development using Spring Boot and MyBatis supports API integration, which offers higher flexibility and interoperability across systems. \begin{table}
\begin{tabular}{c c c} \hline \hline
**No.** & **Metric** & **Description** \\ \hline
1 & MCU & 32-bit dual-core Arm® Cortex®-A7 \\
2 & Power & 5 V DC \\
3 & Input/output voltage & 3.3 V DC \\
4 & Band & 650 MHz \\
5 & WiFi protocol & IEEE 802.1/\(\mu\)/b/g/n/ \\
6 & WiFi frequency & 2.4 GHz to 2.497 GHz, 4.9 GHz to 5.845 GHz \\
7 & Bluetooth & V4.0, 2.402 GHz–2.480 GHz \\
8 & Memory & DDR3L 16/32-bit 512 MB, 4 GB eMMC \\
9 & Wireless antenna & PCB \\
10 & Ethernet & 10 M/100 M/1000 Mbps \\ \hline \hline \end{tabular}
\end{table} 
Table 1: STM32 MP157C module specifications. \begin{table}
\begin{tabular}{c c c} \hline \hline
**No.** & **Item** & **Cost = Unit \(\times\) Quantities** \\ \hline
1 & MCU & USD 139.40 = 139.40 \(\times\) 1 \\
2 & Wireless module & USD 123.75 = 123.75 \(\times\) 1 \\
3 & Surveillance camera & USD 96.29 = 96.29 \(\times\) 1 \\
4 & GPS module & USD 4.12 = 4.12 \(\times\) 1 \\
5 & Temperature and humidity sensor & USD 1.10 = 1.10 \(\times\) 1 \\
6 & Nine axis sensor & USD 13.48 = 13.48 \(\times\) 1 \\
7 & Cable & USD 7.5 = 0.25 \(\times\) 30 \\
8 & Waterproof joint & USD 4.13 = 4.13 \(\times\) 1 \\
9 & Sealing materials & USD 9.63 = 9.63 \(\times\) 1 \\ \hline \hline \end{tabular}
\end{table} 
Table 2: Budge of the sensing terminal subsystem. The web application architecture diagram is shown in Figure 5. The web platform consists of the front-end (client side) and back-end (server side) components and the database part. * **Front-end:** This is the process of handling the user's visual perspective. In this study, Vue.js, a lightweight framework with features of easy integration, flexibility, and efficient rendering capabilities, was adopted for web front-end development. * **Back-end:** Consists of code that communicates between the client browser and the database. In detail, this includes updating, managing, and monitoring application functionalities and data. In this study, Spring Boot, Spring MVC, and MyBatis were combined to implement the back-end platform, aiming to support a variety of widely used authentication methods, large relational and non-relational databases, a map-reduce framework, and cloud data services [34]. * A collection of data that is stored systematically and allows for querying, updating, manipulating, and managing data in a very effective and logical way. MySQL databases were used in this study. To optimize performance and enhance system security, several supporting algorithms and strategies are implemented across the platform:
* Database Index Optimization: B-tree indexes are strategically applied to time-series sensor data and event logs, significantly accelerating database query efficiency and ensuring timely interface response. * Thread Pool Algorithm: Concurrent tasks, such as sensor data parsing and alert event processing, are managed using thread pooling to prevent thread overload and improve system responsiveness under high-frequency input conditions.