II. Method

The PetJoyPlus project uses a user-centered and data-driven approach to support pet owners and veterinary clinics. Developed with PHP, HTML, CSS, JavaScript, and MySQL, it features appointment booking, medical tracking, and emergency services. The system follows a client-server model for real-time data access, with future plans for mobile app deployment to improve accessibility in Davao City.

PetJoyPlus Core Functional Modules

Figure 1: User Log in and Registration

This figure illustrates the process of logging in and registering users on the PetJoyPlus platform. The user interface provides a straightforward and secure login page where both pet owners and veterinary staff can access their respective accounts. New users, such as pet owners or clinic staff, can easily register by providing basic information, including their name, contact details, and credentials, ensuring a personalized and secure experience.

The registration process is designed to be user-friendly, with real-time validation to ensure that all necessary fields are correctly filled out. Once registered, users gain access to a personalized dashboard where they can manage pet health records, schedule appointments, and interact with veterinary clinics. For returning users, the login page allows easy access to their accounts using secure authentication methods such as password verification..

Figure 2: Vital Form (Checking the Pet Condition)

The Vital Form allows users to enter essential health information about their pets. It includes clearly labeled fields for symptoms, vital signs, and other relevant health data. Interactive features, such as dropdown menus and tooltips, guide users through the process, ensuring accurate and efficient data entry. This structured approach helps pet owners provide precise details, enabling veterinarians to assess their pets' conditions effectively.

Figure 3: Shop Selection

The Shop Selection interface simplifies the process of finding a pet shop or veterinary clinic. Users can search and filter options based on location, services, and ratings. Each listing includes a shop logo and a brief description, offering a clear overview of available choices. This user-friendly design ensures pet owners can make informed decisions quickly and conveniently.

Figure 4: Booking

The Booking interface provides a seamless way to schedule veterinary appointments. Users can select a date and instantly view the clinic’s availability. Available time slots are highlighted, while unavailable ones are grayed out to avoid confusion. Interactive calendar elements and confirmation prompts help users finalize their appointments with ease, ensuring a smooth booking experience.

Figure 5: Notification The Notification page keeps users updated on important information. It features two distinct buttons: Bill Result and Medical Result, allowing users to quickly access relevant updates. Intuitive icons and clear labels enhance navigation, ensuring users can easily find and interact with their notifications. This feature helps pet owners stay informed about their pet’s health and financial transactions in a structured and efficient manner.