Close
0%
0%

iAttendance

Github files : https://github.com/KeeZhongPing/KeeZhongPing.github.io
Website link: https://keezhongping.github.io

Similar projects worth following
158 views
0 followers
iAttendance serves as a platform which allows professors and students to access the attendance question efficiently. It consists of two main pages, the professor page and the student page. The professor’s page would allow the professor to set an attendance question either by voice recognition or text. It would also allow for the professor to view all the students answer and retrieve the students list who are absent from the class.

Introduction

iAttendance serves as a platform which allows professors and students to access the attendance question efficiently. It consists of two main pages, the professor page and the student page. The professor’s page would allow the professor to set an attendance question either by voice recognition or text. It would also allow for the professor to view all the students answer and retrieve the students list who are absent from the class.

Why did you make it?

It started off with the unique introduction of attendance question during the start of the module. It was unlike any other module I took before, and I found it to be an interesting concept. Instead of taking attendance on a piece of paper, like how most other modules do, we will have to wait out for the professor to write out the attendance question which instantly test your knowledge of the current lecture like a pop quiz. Students will them scramble and try to quickly get solve the attendance question.

In the following weeks, the excitement and anticipation died down as we were more used to the routine and that was when I noticed during tutorials that the TA had to write down the attendance question, create the topic in the forum and then tell us to do it. This got me thinking.

 What if there’s a cooler way to do it? With shared attention being the most basic medium, an implementation that could capture the attention of the students would be most effective. Therefore, I realise that if the professor did something cool during the class it would leave an impact. After creating the voice gun, as a project in one of the assignment, I saw the potential of using voice recognition in achieving my objective and thus, embarked on this learning journey to complete my project, iAttendance.

Important Links

iAttendance link: https://keezhongping.github.io/

Prof Page Password: prof

iAttendance [Student]

This page allows the student to view and answer the attendance question.


Steps of answering attendance question:

  1. Enter https://keezhongping.github.io
  2. Key in answer and Matric number
  3. Click submit

Time verification

Students are only allowed to enter their answer from 0800 to 1000 during the class. Any other timing would return an error notification and their response would not be recorded.

Prof Page Button

Clicking on this button would trigger a password request and if the correct password is entered, the user would be navigated to the professor page.

An incorrect password would trigger a notification and user will not be navigated.

iAttendance [Professor]

This page allows the user to:

  • Set an attendance question
  • View student’s answers
  • View absent students

Set attendance question

The Attendance question box can be populated by two ways:

  • Voice Recognition
  • Text

If the user wishes to use voice recognition, click on “Start Recognition” and a blinking red circle would appear at the tab. Refer to the figure below.

Upon the presence of the red circle, the user can now speak and end with a pause. The speech will then populate the attendance question box. The user will be able to edit the box if needed. Finally the user would click “Submit” and the attendance question will be posted.

For text, user would be able to type into the attendance question box and click “Submit” after.

View Students Answer

This would be a simple view of all the student’s answer in the following order:

  1.    [Matric Number]

   [Student’s input]

The date entered follows the following format: “ddmm”.

Example:

31/10/2018 would be inputted as “3110”.

... Read more »

View project log

  • 1
    Creating the HTML page

    Simply open notepad, add in the basic HTML structures as follows:

    <html>
    
      <head>
    
      </head>
    
      <body>
    
      </body>
    
    </html>

    HTML – Basic structure for a HTML page

    Head – Includes all your links, less important information, scripts.

    Body – Where everything else goes!

  • 2
    Creating the JavaScript Page​

    Create another notepad and save as : xxx.js [JavaScript file]

    Where xxx can be any name.

  • 3
    [Voice recognition] Create a html Button

    <button id="button1" type="button">Click Me!</button

    <button id="button1" type="button">Click Me!</button>

View all 15 instructions

Enjoy this project?

Share

Discussions

Similar Projects

Does this project spark your interest?

Become a member to follow this project and never miss any updates