Design and Construction of Web-Based and Mobile Cattle Feed Management System and Cattle Health Monitoring System Using the Prototyping Method

Livestock management operations are often inefficient and error-prone because agricultural institutions frequently rely on manual recording of cattle feed and health data. This study aims to develop an integrated web and mobile information system for cattle feed management and health monitoring, implemented for the Herbal and Horticultural Science and Technology Park (TSTH2), Pollung, Humbang Hasundutan Regency, North Sumatra, Indonesia. The system was designed using a prototyping methodology through three iterative cycles, each involving stakeholder communication, rapid planning, design, modeling, prototype construction, and user evaluation. The resulting system includes 68 functional components: 24 for feed management and 44 for health monitoring. The web platform was implemented using React.js for the front end, with Express.js serving as the back end for the feed management subsystem and Django REST Framework for the health monitoring subsystem. In contrast, Flutter was used for the mobile platform of both subsystems. Functional testing used black-box testing with a 100% success rate on both devices, and user acceptance testing had a satisfaction score of 76.96% (good/acceptable). This system successfully replaced previously manual steps in rural livestock management, especially in feed scheduling, consumption tracking, and health monitoring. To improve the system's intelligence, future research should add flexible scheduling algorithms and AI-based decision support. Keywords: Information system; Cattle feed management; Cattle health monitoring; Prototyping methodology; Web and mobile information system.