II. Method

The project aims to develop a centralized, user-friendly academic support platform that bridges the gap between students and tutors, fostering a seamless learning experience. By promoting accessible, personalized tutoring services, it encourages academic growth, self-discipline, and enhanced educational outcomes. Informed by extensive research and user feedback, the platform leverages a client-server model with a responsive web and mobile interface developed using PHP, MySQL, HTML, CSS. Future iterations will strengthen partnerships with educational institutions to ensure broad accessibility and seamless integration within academic ecosystems, supporting students in Davao City and beyond.

Figure 1: Responsive Dashboard.

Lesodia’s dashboard features a simple, responsive layout with a playful design. The top navigation bar includes four main buttons—Dashboard, Classes, My Tutor, and My Profile—styled with soft, rounded buttons. The logo’s colorful lettering reflects the platform's approachable tone. Subject cards, like “English,” are displayed with cheerful illustrations (e.g., a waving panda) for easy navigation. The pastel background ensures readability, while the layout is optimized for both desktop and mobile, supporting accessibility and ease of use.

Figure 2: Lesson Viewing.

This allows students to seamlessly scroll through their lesson content in a clean, distraction-free environment. A prominent "Back to Dashboard" button is positioned at the top left for easy navigation. The main content area centers the lesson visually, featuring a large, engaging illustration above the text to capture attention and provide context. Lesson text is displayed in a readable font with ample spacing, ensuring comfort during extended reading sessions. On the right, an "Assessments" panel provides quick access to related assessments, keeping supplementary activities within easy reach. The layout is responsive, maintaining clarity and accessibility across devices, and all interactive elements are sized for both mouse and touch input, supporting an inclusive and user-friendly experience.

Figure 3: Assessment Interaction Interface

The assessment interface presents a visually engaging and easy-to-use layout for students. At the top, a clear "Assessment" title and concise instructions guide the user. The main section displays a large, centered image with the assessment item’s name above it. Below the image, two large, color-coded buttons labeled "Loud" and "Soft" allow students to make their selection with a single click or tap. Navigation is facilitated by rounded "Back" and "Next" buttons on either side of the assessment card, enabling smooth movement between questions. The interface uses rounded corners, soft shadows, and a light color palette to create a welcoming and accessible experience for students on both desktop and mobile devices.

Figure 4: Submission Review and Homework Assignment Interface

The Lesodia submission review interface streamlines teacher assessment workflows by displaying student information alongside color-coded result indicators. Each assessment card presents the subject image, student response, and correct answer in a clean, scannable format. The interface includes an "Assign Homework" function that facilitates communication between teachers and tutors, while maintaining intuitive navigation through a prominent "Back" button. This design prioritizes efficiency and clarity, enabling educators to provide timely feedback within a cohesive educational ecosystem.

Figure 5: Lesodia Student Progress and Tutor Notes Interface

The Lesodia student progress interface provides teachers with a comprehensive overview of individual student performance and feedback from tutors following tutoring sessions. At the top, the student's name and report type are clearly displayed, with a convenient "Back" button for navigation. The main content area is divided into two panels: on the left, "Homework & Assessments" summarizes recent assignments, assessment scores, and progress, using visual aids like bar charts and progress labels for quick interpretation. On the right, the "Teacher Notes" panel presents detailed feedback from the tutor, including the schedule period, learning progress, communication skills, challenges, strategies used, recommendations, and additional notes. Filters for subjects and quarters are available at the top right, allowing teachers to refine the displayed information. The interface is designed for clarity and ease of use, supporting informed instructional decisions within the Lesodia system.

Figure 6: Lesodia Tutor Hiring Interface

The Lesodia Tutor Hiring Interface allows parents to easily browse and connect with available tutors. At the top, the Lesodia logo and navigation buttons provide quick access to payment requests and history. The main section features a large, embedded video where tutors introduce themselves and describe their services, helping parents make informed decisions. To the right of the video, the tutor’s profile card displays their name, a brief introduction, upload date, rate range, and current student count. Parents can use the interactive price range slider to filter tutors according to their budget. Prominent "Inquire" and "Feedbacks" buttons enable parents to initiate contact or review feedback from other clients. The interface is designed with a modern, inviting color scheme and clear layout, ensuring a smooth and engaging experience for parents seeking the right tutor for their child on the Lesodia platform.

Figure 7: Lesodia Tutor Feedback and Rating Interface

The Lesodia feedback interface provides a clear and inviting space for parents and students to review and rate tutors. At the top, the tutor’s name is prominently displayed alongside their average rating, visually represented with star icons and a summary of total reviews. Below, individual feedback entries are shown in neatly organized cards, each displaying the reviewer's name, the student associated with the session, the written feedback, and a star rating for quick reference. Additional session details such as schedule and time are included for context. The interface uses a soft gradient header and rounded containers to create a friendly, professional atmosphere, making it easy for users to browse and understand tutor performance and experiences within the Lesodia platform.