CHAPTER FOUR
SYSTEM DESIGN AND IMPLEMENTATION
4.1 Objective of the design
The student chat information system design helps students and instructors to navigate the system swiftly, to enhance the general quality of communication, to meet the learning styles/needs of millennial students and to improve the cost-effectiveness of education system, where collaboration can be done at anytime and anywhere.
4.2 Interface design.
This research work uses the web-based user interface, which accepts input and provides output by generating web pages that are transmitted via the internet and viewed by the user using a web browser program. The interface of this system is designed with Hypertext Mark-up Language (HTML), Cascading Style Sheets (CSS) and JavaScript. When launched, the first page that displays is the homepage followed
by the dashboard. We have two interfaces:
a) Instructor interface.
b) Student Interface.
4.2.1 Homepage Design: The homepage consists of horizontal stripe layout that
highlights information hierarchy and makes key points evident and eye-catching. It welcomes an online audience with a huge image-based header section that shows a promising tagline, it can be accessed through a personal Computer or Smart phone. It contains interfaces that would help the user to navigate easily to his/her intended interfaces. On the menu bar we have:
A. Courses: It contains list of courses in the system.
B. Login: It is where the user enters authentication information in order to access the system. It generally requires the user to enter two pieces of information.
Firstly, for the student view, it uses a user name and a password then secondly, the lecturer’s view uses the email and password
C. Sign up: This is essentially to enrol in the website; the user formally registers to participate. It is referred to as membership. It generally requires the user to enter pieces of information, such as a full name, user name, email and then a password.
4.2.2 Dashboard Design: This interface aggregates and visualizes data from multiple sources, such as databases, locally hosted files, and web services. It monitors all activities in the website. It consists of different interfaces depending on the user.
4.2.3 Instructor Interface: In this interface, the instructor will have to register by signing
up, but if he/she has been registered, the instructor will login to the website. In the dashboard, which consists of all added courses by the lecturer, he/she can view, edit and remove courses.
a) View course- The lecturer can add materials, assignments, discuss with students and also view the list of students offering the course.
b) Edit course: The Lecturer can edit course title, course code, and department and describe the course.
c) Remove- The lecturer can remove the course from the system.
4.2.4 Student Interface: In this interface, the students will either login or register to the
system. Then view all courses through the dashboard which consists of all registered courses by the student. Here the student can only view and remove courses.
a) View courses-The students can view materials, assignment, discuss with lecturers,
other students and also the students offering the same course.
b) Remove course- The student can remove the course he/she does not offer.
4.3 Database Design: This system’s database is designed with Mongo database, Mongo
database is a free and open-source cross- platform document-oriented database program, classified as a NO SQL (Structured Query Language) database program. It uses JavaScript Object Notation (JSON) like documents with schemas which are an open-standard file format that uses human-readable text to transmit data objects consisting of attribute–value pairs and array data types.
In this system, the database contains six documents or schema. They are: Tutor, Course, Course material, Course assignment, discussion and student schemas.
