Online classroom management project mainly focuses on dealing with students and their assignments on a live class session. The system displays all the classes available when the user log into the system with their respective class codes required to join the class. The system also allows the student for any class enrollment. This project comes in two categories. A teacher/tutor panel and a student panel. The students can join any class using the class code provided by the teacher who created that class. Meaning, each user needs to have the class code to access the classroom. After enrollment, student can view all the posts from the teacher, he/she can also view the assignments uploaded by the teacher and can download them. The user can also search for a post, publish a post and leave comments on each enrolled class. Web Link: https://drinking-eraser.000webhostapp.com/register.php
Description: The Student Panel is the interface through which students interact with the virtual classroom. It is designed to be user-friendly and accessible.
Key Functions:
- Dashboard: Displays an overview of all enrolled classes, upcoming assignments, and recent posts.
- Class Access: Allows students to access specific classes and participate in discussions.
- Assignments: Enables students to view, download, and submit assignments
- Profile Management: Students can update their personal information.
Description: The Teacher Panel is the administrative interface for teachers to manage their classes and interact with students.
Key Functions:
- Class Management: Create and delete classes.
- Post Announcements: Teachers can publish posts to share updates, resources, and important information.
- Assignment Management: Upload, manage and assignments.
- Student Interaction: View and respond to student comments, and manage class discussions.
- Profile Management: Teachers can update their personal information.
Description: This feature allows teachers to create new classes, defining the course code, section I.e A or B, and Course title or Subject.
Key Functions:
- Class Details: Input course code, section, and course title or subject.
- Class Code Generation: Unique class code will be generated automatically that students will use to join the class.
- Resource Upload: Upload course materials such as lecture notes, assignments, and multimedia resources.
Description: Students can enroll in classes using a unique class code provided by the teacher. Teacher will have to send the class code to the students via email or whatsapp.
Key Functions:
- Class Code Entry: Students enter the class code in the specified field to join a class.
- Verification: The system verifies the class code and enrolls the student in the corresponding class.
- Access Granted: Upon successful enrollment, students gain access to all class materials and activities.
Description: Both students and teachers can manage posts within their classes, facilitating communication and information sharing.
Key Functions:
- Create Posts: Users can write and publish posts to the class feed.
- Edit and Delete Posts: Users can modify or remove their own posts.
- Commenting: Students and teachers can comment on posts to engage in discussions or ask questions.
Description: Teachers can upload assignments for students to complete, providing all necessary instructions and resources.
Key Functions:
- Assignment Details: Specify assignment title, description, due date, and any other instructions.
- File Upload: Teachers can upload files related to the assignment. The allowed format for the uploads are jpg, jpeg, png, pdf, docx, doc, xlsx, pptx, ppt.
Description: Students can submit their completed assignments through the system, ensuring a streamlined and organized submission process.
Key Functions:
- Submit Work: Students can upload their completed assignments in the format: jpg, jpeg, png, pdf, docx, doc, xlsx, pptx, ppt.
Description: Both students and teachers can update their personal profiles to keep their information current.
Key Functions:
- Personal Information: Edit personal details such as name, email, and contact information.
- Profile Picture: Upload or change profile pictures.
- Password Management: Update passwords and manage security settings.
Description: Users can view a list of all members enrolled in a particular class, fostering a sense of community and collaboration.
Key Functions:
- Member List: Display names, roles (student or teacher), and profiles of all class members.
A user intuitive dashboard is created with simple color combinations for greater user experience while using the Virtual classroom project build using PHP as the server language and MariaDB for the storage or database. For its UI elements, there’s no use of CSS framework; Bootstrap, but the whole project uses Vanilla CSS. Presenting a new Virtual Classroom management System project which included a user panel for each different user that contains essential features to follow up.
The first page that is loaded when the website is loaded is the login page where the user has the option of login and can as well click the register button if they don’t have an account. Once the user has logged into the system he/she will be redirected to the index page, which displays the classes that user is enrolled on, classes that the user is teaching will be shown as well. To the top right most corner of the index page there is a text displaying current logged in user name, the link is clickable which will take the user to the profile page, when they can update the profile information, there is (+) sign at the top right most corner which when click, it will redirect to a new page where the user can create a class or join a class, so long as they have the class code for that particular class that they wish to join. When the user has already join the class, he/she can see the instructor name, list of other students in the class. They user can also publish a post and comment on a post when in class, there is also a Assignment section which show the uploaded assignments by the teacher, the student can comment on an assignment and can as well upload the assignment document in the specified format.
