Student and Instructor Information System

Introduction

Frontend is developed useing React JS and in the backend, we have handled the CPU intensive operations using Spring Boot and we have used Node JS to handle I/O intensive operations. By using the admin panel of this system, an admin can Add/Delete Courses, Add/Delete Faculties, Add/Delete Admins, Add/Delete Instructors.

Students can register to the system. After registration a student can log in to the system using email and password. Instructors and Admin can also login to the system using the same login by inputting the email and password provided by the main admin.

Once main admin creates Instructors and Admin the created admin and instructors will receive a confirmation email and for students also once they are registered, they will receive a verification email to activate their account.

Instructors can add course and create assignment materials to the system and then student can view the courses and upload files to the created assignments.

All the Admin/Instructors/Students cans search courses by providing course name or course id.

System Architecture

Technologies

• reactjs
• javascript
• nodejs
• expressjs
• mongodb
• mongoose
• java
• spring-boot

User Guide

1. Following Figure show the the landing page of the student and instructor management system.

Figure_1: landing page

2. Students can register to the system by clicking the Sign-up button. Student must provide faculty and degree they want to register.

Figure_2: register

3. Once student registers to the system it will send a confirmation email to the given email. Student needs to click the confirmation link in the email in order to activate the account.

Figure_3: confirm email

4. After confirming the registration user can login to the system.

Figure_4: login

5. Following figure shows the Home page of login user with my courses, faculties and profile options.

Figure_5: student home

6. Students can view their profile details by clicking profile button in side navigation

Figure_6: user profile

7. Students can view available faculties in side navigation. Once student click the faculty, they can view the degrees available in that selected faculty.

Figure_7: view degrees

8. Once student click the degree, they can view the courses available in that degree. They can filter courses by year and the semester. Also, they can enroll to the courses.

Figure_8: view courses

9. Students can search courses by typing the course name in top navigation panel.

Figure_9: search course

10. Students can view the enrolled courses by clicking my course link in the side navigation.

Figure_10: upload answers to assignments

Figure_11: view and download course materials

11. Once the Instructor login to the system they can edit the courses (add assignment/exam, update due dates, add course materials) by selecting the course in my course dropdown in the side navigation.

Figure_12: add exam or assignment

Figure_13: edit assignment and add course materials

12. Once admin login to the system they can manage faculties, courses, users (admin, instructor), degrees.

Figure_14: admin home

13. Admins can manage faculties.

Figure_15: faculty management

14. Admins can manage courses.

Figure_16: course management

15. Admins can add or delete users.

Figure_17: add user

Figure_18: delete users

16. A short description about the SLIIT and objectives are containing in about us page.

Figure_19: about us page

17. By using the “contact us” page users can contact the support team and the location, contact details are available in the contact us page.

Figure_20: contact us page

18. In the home page it contains latest notices and event plan of the university.

Figure_21: event calendar

Known issues

• When student uploading answers to the assignments, they need to follow the given file naming convention as we currently don’t maintain a folder structure in the file server. The name of the upload file should be ( ex: af_assignment1_it16170162.pdf)

Developed by Team VIKING RAIDERS;

• Ranmal Dewage
• Tenusha Guruge
• Vimukthi Rajapaksha
• Aravinda Kulasooriya

Copyright

(C) 2019 Ranmal Dewage (ranmal.b.dewage@gmail.com)
ranmaldewage.wordpress.com