class management in lecture note online...

28
Project Proposal Class Management in Lecture Note Online System Group Members Mr. PakinSitthikornvara (5422770644) Mr. NutdanaiWatthanaseranee (5422770743) Advisor: Dr.KomwutWipusitwarakun School of Information, Computer and Communication Technology, Sirindhorn International Institute of Technology, Thammasat University Semester 1, Academic Year 2014

Upload: others

Post on 09-May-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Project Proposal

Class Management in Lecture Note Online System

Group Members

Mr. PakinSitthikornvara (5422770644) Mr. NutdanaiWatthanaseranee (5422770743)

Advisor: Dr.KomwutWipusitwarakun

School of Information, Computer and Communication Technology, Sirindhorn International Institute of Technology,

Thammasat University

Semester 1, Academic Year 2014

Page 2: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Table of Contents1 Introduction ...................................................................................... ผดิพลาด! ไม่ได้กาํหนดที่คัน่หน้า

2 Objectives ......................................................................................................................... 1

3 Outputs and Expected Benefits ......................................................................................... 1

3.1 Outputs ......................................................................................................................... 1

3.2 Benefits ........................................................................................................................ 1

4 Literature Review ............................................................................................................. 1

5 Methodology ..................................................................................................................... 2

5.1 Approach ...................................................................................................................... 2

5.2 Tools and Techniques .................................................................................................. 3

6 Project Schedule ............................................................................................................... 4

7 Project Progress (optional) ................................................................................................ 5

8 Teachnical Description ................................................................................................... 13

8.1 Description of the system…………………………………………………………...13

8.2 Explanation of the user-interface…………………………………………………...15

8.3 Instruction for using the system…………………………………………………….15

9. Database……………………………………………………………………………….21

9.1 Database Review……………………………………………………………………21

10. Future Plan……………………………………………………………………….…....25

11. Reference……………………………………………………………………………...25

Page 3: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Statement of Contribution By submitting this document, all students in the group agree that their contribution in the project so far, including the preparation of this document, is as follows:

Mr.PakinSitthikornvara(5422770644)50% Mr.NutdanaiWatthanaseranee (5422770743) 50%

Page 4: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 1

1 Introduction SIIT lecture note online system only provides cloud service that students use for

downloading course material so we think that there should be more functions on this website. We have designed 4 functions that will be available on this website for professors and students that will give more convenience for class activities.

Functions that we provide will help professors with more convenience to check student’s attendance so they do not need to do paper checking anymore. Also students can check their score from anywhere and anytime with appropriate privacy level.

2 Objectives These are 4 functions that we will create and provide on the website:

1. Attendance check.

2. Students Random picking function for pop-up quiz.

3. Announce quiz score.

4. Review total score.

3 Outputs and Expected Benefits

3.1 Outputs Functions that are going to be developed from this project are website base systems.

These are outputs from this application.

3.1.1 These 4 functions can work in real time and store information on website.

3.2 Benefits These 4 functions will be useful for both professors and students. For professors, they

don’t have to carry attendance sheet, easy to created quiz during the class, information safety and etc. Also students can check online for their own attendance anywhere and anytime. Everyone can only see their own score so it’s private.

4 Literature Review There is Moodle website of ICT that have online quiz with timer for students to do online

quiz. Also students can check their score so we think there should be something helpful for our project from this website.

Page 5: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 2

5 Methodology

5.1 Approach - We think about how to improve the lecture note online system to be useful for

professor and student, make the website more valuable by creating some functions that use for class activity. Since the time for this project is limit, we decided to work on only 3 functions which are memory and announce student score, check student attendance, and random student to answer the question.

- We plan to set the types of users who can work on these 3 functions, so type of user is separate in to 3 types which are Admin, Professor, and Student. The abilities of Admin user, they can login to the website, change all of user password, edit and delete course and setting information on the website. They will receive all students’ score and set the data on the website. The abilities of Professor user, they can login to the website, check student attendance, and random student in class to answer the question. They will receive student score of their own course and access both check attendance and random student page. The abilities of Student user, they can only login to the website and see own score result.

Context diagram show relation of user and system

Page 6: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 3

Use case diagram

5.2 Tools and Techniques

5.2.1 Hardware - computer minimum spec Intel Pentium4 Ram1GB, HDD 20 GB

5.2.2 Software - Browser eg. Internet Explorer, Mozilla Firefox, Google Chrome, Safari

- Operating system eg. Windows XP, Vista, 7, 8, 8.1, Linux

- Programming Language HTML, CSS, JAVA script, PHP, SQL, Ajax

- Netbean program

5.2.3 Techniques - Database design - HTML, CSS, JAVA script, PHP, SQL, Ajax programming - Diagram design - Web pages design

Page 7: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 4

6 Project Schedule

Task Description Person Duration

Deadline Status

1 Planning

- Identify

- Analyze

Nutdanai 2w 12 Oct 14

2 Analysis

- Analyses user needs

- Develop user requirement

- Create a detail functions

- Presentation

- phototyping

Nutdanai&Pakin

4w 9 Sep 14 -

3 Design

- Design complete UI

- Design security of information

- Create functionality

Pakin 6w 5 Dec14 -

4 Implement

- Coding

- Test

- Install our system

Nutdanai&Pakin

12w 22 Feb14 -

Page 8: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 5

7 Project Progress (optional)

Page 9: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 6

Page 10: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 7

Page 11: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 8

Page 12: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 9

Page 13: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 10

Page 14: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 11

Page 15: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 12

Page 16: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 13

8. Technical Description

8.1 Description of the system The webpage that we created classified users into 3 classes:

1.Admin 2.Instructor 3.Student

These can perform difference actions. Most functions for admin and instructor aren’t much different, users in both fields can create, edit, delete for course and class also add student function is available. For instructor and student field only see on his/her own for example instructor can only see and create his/her own course only. Below is a picture of webpage. Language that used to create webpage and functions are sql, html, php, css, javascript, Ajax.

Position A is a welcome section which shows user name and field.

Position B is a function section which has a list of functions available for user.

Position C is a process section which show and used to perform a function.

A

B C

Page 17: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 14

The diagram shown the relation of each field of user

Page 18: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 15

8.2 Explanation of the user-interface The explanation at this point will cover only the field of instructor. Remind again that instructor only able to create, customize and see only his/her own course or students. Not be able for reaching to other users.To make sure that the webpage can be used with slow network connection so we use the simple graphic but still maintain easy and secure usage of the system. This webpage can be run on any platform even mobile.

8.3 Instructions for using the system

Class Management: Used for created class also add student to the course including with actions in Student info which allow instructor to add /remove students in course.

Page 19: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 16

After user click on the blue sheet in student info, process section will change to page that allow instructor to add/remove students in the course. (See picture below)

Students list that available are relate to the major of course and students. Mean students in other majors will not show here.

Check Attendance: Function allow instructor to check their students attendance in specific course. Attendance must be check before random quiz will be available (random quiz will only random students who attend the class). Click on “Blue sheet” in “Choose course” to start checking attendance.

Page 20: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 17

After click on the blue sheet icon, process section will run attendance check function (the row for checking depend on the “No.class” that user input at the beginning when created the course).

The total score will be on the right side of the table. Also attendance can be edit at any time; the result will be saving after user press “Save”.

Random Quiz: Allow instruction to randomly pick students in their course for do quiz in class. Only students who attend the class will be picked. Click on “Blue Sheet” to start function.

Page 21: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 18

The length of table is the same with “Check attendance” that come by the input number of “No.class” the button for start the function is at the bottom of the table of each class(choose the random quiz that match with attendance check, table length of both function are the same).

After click on “Random quiz” at the bottom of the table, the function wills start random students. If any score is given function will automatically random next student.

Page 22: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 19

Score Check:Allow instructor to check their student’s score of attendance and quiz.

After click on the “Blue Sheet” of any course, the page will show the result of all students in the course which contain both attendance score and quiz score.

Page 23: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 20

For more specific, click on “Blue Sheet” of each attendance or quiz will show you more detail of score for each student.

Page 24: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 21

9. Database This is our database that we used to collect date and interact with the webpage. There are 9 fields in our database which we will discuss next.

9.1 Database Review Table Admin: This table used to collect data of admin like id and password.

Attendance: This table used to collect data of attendance check.

Page 25: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 22

Course: This table used to collect information about the class in the system.

Course-student: This table used to collect data about students in the course.

Page 26: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 23

Major: This table used to collect data of major in the system.

Professor: This table used to collect data of instructor in the system.

Page 27: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 24

Question:This table used to collect data of quiz that students attend during the class.

Student: This table used to collect students information that added to the system.

Page 28: Class Management in Lecture Note Online Systemict.siit.tu.ac.th/senior-itcs/midterm/report-kw4.pdf · Senior Project 2014 Class Management In Lecture Note Online System School of

Senior Project 2014 Class Management In Lecture Note Online System

School of ICT, SIIT 25

Subject:This table used to collect course information.

10. Future Plan

Next step we plan to work on field of admin and last one with student. Also we received commend that the system should able to created student list from text file. Also instructor should be able to create the course and student without contract admin. So we will improve our webpage and system for the best use of every user.

11. Reference http://www.w3schools.com/ http://ict.siit.tu.ac.th/moodle/ http://lecture.siit.tu.ac.th/course/2014-1/index.php?folder http://www.thaicreate.com/php.html http://www.tutorialspoint.com/ajax/