PROGRAMME OUTCOMES ASSESSMENT SYSTEM (POAS)

PROGRAMME OUTCOMES ASSESSMENT SYSTEM (POAS)

HUMAIRA BINTI ABDUL HAYI

Bachelor of Engineering (Hons) in Electronics (Telecommunications)

2017

UNIVERSITI MALAYSIA SARAWAK

Grade: _ _ _ __

Please tick (-.J)

Final Year Project Report

IZJ

Masters

D

PhD

I I

DECLARATION OF ORIGINAL WORK

This declaration is made on the ....

\9 ...

^day of..a.U~~... 2017.

Student's Declaration:

I HUMAIRA BINTI ABDUL HAYI, 41446, FACULTY OF ENGINEERING hereby declare that the work entitled Programme Outcome Assessment System (POAS) is my original work. I have not copied from any other students' work or from any other sources except where due reference or acknowledgement is made explicitly in the text, nor has any part been written for me by another person.

\9 •

1~1';).O'':$,.

-'

Date submitted HUMAIRA BINTI ABDUL HAY! (41446)

Supervisor's Declaration:

I NORDIANA RAJAEE hereby certifies that the work entitled Programme Outcome Assessment System (POAS) was prepared by the above named student, and was submitted to the "FACULTY" as a * partiaUfull fulfillment for the conferment of Degree of Bachelor of Engineering (Hons) in Electronics (Telecommunications) and the aforementioned work, to the best of my knowledge, is the

said student's work.

II

I declare that Project/Thesis is classified as (Please tick

(-1»:

D CONFIDENTIAL (Contains confidential information under the Official Secret Act 1972)*

DRESTRICTED (Contains restricted information as specified by the organisation where research was done)*

~OPENACCESS

Validation of ProjectIThesis

I therefore duly affirmed with free consent and willingness declare that this said ProjectfI'hesis shall be placed officially in the Centre for Academic Information Services with the abiding interest and rights as follows:

• This Project/Thesis is the sole legal property of Universiti Malaysia Sarawak (UNlMAS).

• The Centre for Academic Information Services has the lawful right to make copies for the purpose of academic and research only and not for other purpose.

• The Centre for Academic Information Services has the lawful right to digitalise the content for the Local Content Database.

• The Centre for Academic Information Services has the lawful right to make copies of the Project/Thesis for academic exchange between Higher Learning Institute.

• No dispute or any claim shall arise from the student itself neither third party on this Project/Thesis once it becomes the sole property of UNIMAS.

• This Project/Thesis or any material, data and information related to it shall not be distributed, published or disclosed to any party by the student except with UNlMAS permission.

Student signature

_....::~~--=-~;p~._. ^____

Supervisor signature: _ __ _ _ __

~,

Current Address:

NO. 35, JALAN KERONGSANG 8, BANDAR PUTERI KLANG, 41200, KLANG, SELANGOR.

Notes: * Ifthe Project/Thesis is CONFIDENTIAL or RESTRICTED, please attach together as annexure a letter from the organisation with the period and reasons of confidentiality and restriction.

PROGRAMME OUTCOMES ASSESSMENT SYSTEM (POAS)

HUMAIRA BINTI ABDUL HA YI

A dissertation submitted in partial fulfillment of the requirement for the degree of

Bachelor of Engineering (Hons) in Electronics (Telecommurucations)

Faculty of Engineering Universiti Malaysia Sarawak

2017

ACKNOWLEDGEMENT

Firstly, I am grateful to God for the good health and wellbeing that were necessary to complete this Final Year Project. Thanks to my parents Mr. Abdul Hayi Bin Md Noh and Mrs. Ruzaida Binti Tormodi for the unceasing encouragement, support and attention.

I also would like to express my sincere gratitude to my supervisor Dr. Nordiana Binti Rajaee for the advice, valuable guidance and encouragement extended to me in completion of this Final Year Project.

I would also like to dedicate a special thanks to my friends especially Aina Najiah Binti Abdul Razak and Nur Multazimah Binti Adenan for helping me in giving their point of view and support. I will not forget their goodwill to me. Thank you once again.

ABSTRACT

In order to graduate from an engineering program, students need to achieve all twelve Programme Outcomes (PO) set by Engineering Accreditation Council Malaysia (EAC).

Programme Outcomes Assessment System (POAS) is proposed to allow the record of students Programme Outcomes (PO) achievement based on courses offered in Department of Electrical and Electronic Engineering in Faculty of Engineering Universiti Malaysia Sarawak. Hence, the main purpose of this project is to create a Graphical User Interface (GUl) and database of Programme Outcomes Assessment System (POAS) by using appropriate database centric software and other application software. The system is created to enable the access of the students Programme Outcomes (PO) achievement for all courses offered in Department of Electrical and Electronic Engineering in Faculty of Engineering Universiti Malaysia Sarawak. The software developments utilized in this project are Adobe Dreamweaver CS6, Notepad++ and XAMPP which is including My Structured Query Language (MySQL) and Hypertext Preprocessor (PHP). In conclusion, Programme Outcomes Assessment System (POAS) is proposed to improve the existing system which is bulky and difficult to maintain by user.

ABSTRAK

Dalam usaha untuk mencapai ijazah daripada program kejuruteraan, pelajar perlu mencapai kesemua dua belas Hasil Pembelajaran yang telah ditetapkan oleh Engineering Accreditation Council Malaysia (EAC). Programme Outcomes Assessment System (POAS) dicadangkan ini adalah bagi membolehkan rekod prestasi berdasarkan hasil pembelajaran pe\ajar berdasarkan kursus yang ditawarkan oleh Jabatan Kejuruteraan Elektrikal dan Elektronik di Fakulti Kejuruteraan Universiti Malaysia Sarawak. Oleh itu, tujuan utama projek ini adalah untuk mencipta Graphical User Interface (GUI) dan pangkalan data Programme Outcomes Assessment System (POAS) dengan menggunakan perisian pangkalan data yang sesuai dan perisian aplikasi yang lain. Sistem ini dicipta untuk membolehkan akses pencapaian hasil pembelajaran pelajar bagi kesemua. kursus yang ditawarkan di Jabatan Kejuruteraan Elektrikal dan Elektronik di Fakulti Kejuruteraan Universiti Malaysia Sarawak. Perisian yang digunakan sepanjang menjayakan projek ini adalah Adobe Dreamweaver CS6, Notepad ++ dan aplikasi XAMPP yang mengandungi perisian My Structured Query Language (MySQL) dan Hypertext Preprocessor (PHP).

Kesimpulannya, Programme Outcomes Assessment System (POAS) yang dicadangkan adalah untuk memperbaiki sistem yang sedia ada dimana sistem ini didapati sukar untuk dikendalikan oleh pengguna.

TABLE OF CONTENT

Acknowledgement Abstract

Abstrak

Table of Contents List of Tables List of Figures List of Abbreviations

CHAPTERl INTRODUCTION 1.1 Background 1.2 Problem Statement 1.3 Objective of Project 1.4 Scope of Project 1.5 Project Outlines CHAPTER 2 LITERATURE REVIEW

2.1 Background of PO 2.2 Existing System Review

2.2.1 e-CLASS

2.2.2 Durham Technical Community College SLO Database

Page

ii iii

iv viii

ix xiii

1 1

4 4

5 6 7

7 10 10 13

2.3 Graphical User Interface (GUI) Development Software 15 Review

2.3.1 HyperText Markup Language (HTML) 15 2.3.2 Cascading Style Sheets (CSS) 15

2.3.3 JavaScript 16

2.3.4 Microsoft Visual Basic Script (VBScript) 16

2.3.5 Adobe Dreamweaver CS6 16

2.4 Database Development Software Review 18 2.4.1 My Structured Query Language (MySQL) 18 2.4.2 Hypertext Preprocessor (PHP) Language 18

2.5 Project Development Tools Review 19

2.5.1 XAMPP 19

2.5.2 WAMPServer 20

2.5.3 Notepad++ 21

CHAPTER 3

METHODOLOGY

23

3.1 Introduction 23

3.2 Flow of Project 24

3.2.1 Overall System 24

3.2.2 Administration Section 26

3.2.3 Lecturer Section 28

3.3 Proposed System 30

3.3.1 Homepage and Login Select 30

3.3.2 Administration Section 32

3.3.3 Lecturer Section 34

3.4 Development of System 36 3.4.1 Development Software using Notepad++ 36 3.4.2 The Modifying Platform on Adobe Dreamweaver 37

CS6

3.4.3 XAMPP Server Setting Up 38

3.4.4 Mock Data on Microsoft Excel 2010 40

3.5 System Development Methodology 42

3.5.1 Planning 42

3.5.2 System Design 43

3.5.3 Development 43

3.5.4 Cutover 43

3.5.5 Advantages and Drawbacks Using RAD Model 44

CHAPTER 4 RESULTS AND DISCUSSIONS 45

4.1 Introduction 45

4.2 Homepage 46

4.3 Admin 51

4.3.1 Edit Lecture 52

4.3.2 Student's Profile 55

4.3.3 Search Student 58

4.4 Lecturer 60

4.4.1 My Details 60

4.4.2 Student's Achievement 61

4.5 Testing the Connection ofGUI with Database 65

4.6 Session in PHP 69

CHAPTERS

REFERENCES

APPENDIX A APPENDIXB APPENDIXC

4.6.1 User Authentication 4.6.2 View and Modify the Data 4.7 Spry Validation Widget

CONCLUSIONS AND RECOMMENDATIONS 5.1 Introduction

5.2 Conclusion 5.3 Recommendations

70

75 78

79 79

80 81

83

86 88 94

LIST OF TABLES

Table Page

3.1 The Advantages and Disadvantages ofRAD Methodology 44 4.1 Step by Step to Link the GUf with Database 65

LIST OF FIGURES

Figure Page

1.1 Screenshot of Homepage on eCLASS UNIMAS 2

1.2 Screenshot of Features on eCLASS UNIMAS 2

1.3 Screenshot of Site Navigation on eCLASS UNIMAS 3

2.1 Engineering Professional LifecycJe 8

2.2 Interface of Homepage on eCLASS UNIMAS 11

2.3 Interface of Instructors on eCLASS 11

2.4 Interface of Learning Unit on eCLASS 12

2.5 Interface of Student Performance's Assessment on ^e~CLASS 13

2.6 Interface of Introductory on SLO Database 14

2.7 Interface of Assessment Form on SLO Database 14

2.8 Adobe Dreamweaver CS6 Workspace 17

2.9 Workspace ofXAMPP 20

2.10 Workspace of W AMPServer 21

2.1 I Workspace ofNotepad++ 22

3.1 Flowchart for the Whole System 25

3.2 Flowchart of Administration Section 27

3.3 Flowchart of Lecturer Section 29

3.4 Proposed Homepage of the POAS 31

3.5 Proposed Login Select ofthe POAS 32

3.6 Proposed for Login Page of Admin on POAS 33

3.7 Proposed Task for Admin POAS 33

3.8 Proposed for Login Page of Lecturer on POAS 34 3.9 Proposed for Selected Course on Lecturer POAS 35

3.10 Proposed Task for Lecturer POAS 35

3.11 Interface ofNotepad++ 37

3.12 Interface of Adobe Dreamweaver CS6 Workspace 38 3.13 Interface of Installation on the XAMPP Server 39

3.14 Interface ofthe XAMPP Server 39

3.15 Mock Data of PO Data Input 40

3.16 Mock Data of PO Analysis (Weightage) 40

3.17 Mock Data of PO Analysis (Percentage) 41

3.18 RAD Model Methodology 42

4.1 Homepage of PO AS 46

4.2 Tab Menu of PO AS 46 .

4.3 List of Programme Outcome at Department of Electrical 47 and Electronic Engineering of PO AS

4.4 Contact Us ofPOAS 47

4.5 The Option for the Login in POAS 48

4.6 The Login Page for Administrator 49

4.7 The Login Page for Lecturer 49

4.8 Login Failure Authentication 50

4.9 Tab Menu on Administration Section 51

4.10 Select Feature for Administration 51

4.11 Edit Lecturer Information in Administration Section 52 4. II (a) Example Insertion ofAdd New Lecturer in Administration 53

Section

4. II (b) Edit Lecturer Information in Administration Section 54

4.11(c) Example of Delete Lecturer Information 55

4.12 Select Course to View Student Profile 55

4.13 List of Student Profile 56

4.14 Example of Student's Profi Ie 56

4.15(a) Student Course Status 57

4.15(b) Example Status on the Student Course Status 57

4.16 Search Student based on Matrix Number 58

4.17 Example of Search Student 59

4.18 Course Outline Description from Search Student on POAS 59

4.19 Select Feature for Lecturer 60

4.20 Example of Lecturer Personal Profile 61

4.21 Student's Programme Outcome Achievement Based on 62 Course Chosen

4.22 Example Insertion of Add New Student Information 63

4.23 Example of Edit Student Information 64

'-1

4.24 Example of Delete Student Information 64

4.25(a) Recordset on Dreamweaver CS6 69

4.25(b) The Connection of the Table from Database 70 4.26 User Authentication Feature on Dreamweaver CS6 71 4.27(a) Connection Between Data in Table From Database and Log 72

4.27(b) The coding of validate request to login to the system 73 4.28(a) Log Out User Feature on Dreamweaver CS6 74 4.28(b) The Coding of Link for Log Out Session 74 4.28(c) The Coding ofPHP Session for Log Out Session 74 4.29(a) The Feature of Dynamic Data from the Dreamweaver CS6 75 4.29(b) The Table of Data Need to View in Webpage 75

4.29(c) The Coding of Dynamic Table 76

4.30 Insert, Update and Delete Record Feature from 76 Dreamweaver CS6

4.30(a) The PHP Coding of Insertion Data 77

4.30(b) The PHP Coding of Updating Data 77

4.3 I (a) The Example of Error That Occurs When the Error 78 Condition Occupied

4.31(b) The Coding of Message Error of Error Data 78 4.31(c) The Java Script Coding of Spry Validation Widget 78

5.1 Statistic of Smartphone Users Worldwide 82

BEM CLO CSS DBMS DBMS EAC FENG GUI HTML LO MySQL PEO PHP PO POAS

RAD

SDLC SLO SQL UNIMAS VBScript

LIST OF ABBREVIATIONS

Board of Engineers Malaysia Course Learning Outcomes Cascading Style Sheets Database Management System Database Management System EngineeTing Accreditation Council Faculty of Engineering

Graphical Users Interface HyperText Markup Language Learning Outcomes

My Structured Query Language.

Programme Education Objectives Hypertext Preprocessor

Programme Outcomes

Programme Outcomes Assessment System Rapid Application Development

Software Development Life Cycle Student Learning Outcomes Structured Query Language Universiti Malaysia Sarawak Visual Basic Script

W3C World Wide Web Consortium

CHAPTER!

INTRODUCTION

1.1 Background

The main purpose of this project is to build a system which is able to assess the students Programme Outcomes (PO). POAS which stands for Programme Outcomes Assessment System is a system that altows the record of students Programme Outcome (PO) achievement based on courses offered in Department of Electrical and Electronic Engineering in Faculty of Engineering (FENG) Universiti Malaysia Sarawak (UNIMAS).

Programme outcomes are a set of skills, knowledge and attributes which must be attained by the engineering graduates upon completion of their course [1].

The current system that is utilized by all lecturers in Universiti Malaysia Sarawak (UNlMAS) is known as eCLASS. eCLASS is stand for Curriculum, Learning and Assessment Support System is a system that enable lecturers to access and monitor the course outline. Lecturers are able to update their course outline plan. Furthermore, the system also enables the lecturers to monitor and update the weightage student's performance assessment based on Course Learning Outcome (CLO) and assessment strategies. Figure 1.1 shows the screenshot of eCLASS UNIMAS homepage where contain the information regarding of this system. Figure t .2 is the features for the eCLASS system [2]. Figure 1.3 shows the screenshot of Site Navigation of eCLASS system. The site

eCLASS.

Curriculum. Learning. and Assessment Support System

Introduction

o Pr....,....~Olt.<... miITj'~a- ~-t0001..." I~._

.-....1heknoYiIMJ< pra<"''' ... ,,.,,...•"••" k "-'I'o/!_'_Sk J)ftlIlIom~­

"~'k"~__ ~"'_ ;n:t~INmnCI_'­

v~~_pro'~

Figure 1.1: Screenshot of Homepage on eCLASS UNIMAS [2]

Figure 1.2: Screenshot of Features on eCLASS UNIMAS [2]

Site Navigation

r.cullu·s/

(palrps Programml>$ Programme fAu(":u.onOiI Obj .. ni\'Ps Progr;unme LP;uniug OuICOml'S (.ourses

Malne(-s

(o,,~.. Oulhn.. Cou",.. I .. ro

Course L..;Jming OUlrOmf'S Soft skills

If'arnmglllliu Sludf'nl I.e m ill(lT.m.­

~"Sf'Umf'nl Slralf'IIU!' ....aminll R .. ~ourr..

Co"r~PI.u.s Imlrurlor"

LurniQl! Uniu

ConJOlru<11\ Alt8111.wnl Mapping Prinl (1.0 M ill ~ ml'nl Prinl rrn.r~..Oullin..

Figure 1.3: Screenshot of Site Navigation on eCLASS UNIMAS [2]

Related to this project, POAS is proposed to be created to allow the record of students PO achievement, meanwhile e-CLASS system is created to allow the record of Course Learning Outcomes (CLO) achievement. These systems appear to have a same concept to allow the record of students in certain achievement.

Hence, in this project, student, is expected to create a database for Programme Outcomes Assessment System (POAS) using available and suitable design tools. POAS is system that able to monitor the student Programme Outcome achievement individually whether the PO has been achieved or not.

U Problem Statement

Currently, the assessment of Programme Outcomes in the Faculty of Engineering UNlMAS is still conducted in Microsoft Excel form. There are a few drawbacks with the curmlt assessment method as the Microsoft Excel files can be bulky and difficult to maintain.

1.3 Objective of Project

Objectives to be achieved during development of Programme Outcomes Assessment System (POAS) are summarized as follows:

• To build a database and Graphical User Interface of Programme Outcomes Assessment System.

• To design a system that is able to record and monitor the information of students programme outcomes achievement based on course offered in Department of Electrical and Electronic Engineering.

1.4 Scope of Project

In order to solve the problem that state at subchapter 1.2, there are few phases in developing the POAS. The main focus is on the administration section and the lecturers of

Electronic Engineering Department. The scope of Programme Outcomes Assessment System (POAS) includes:

1) Administrator

• Responsible In monitor and update the infonnation and database of user (lecturers).

• Can add a new user.

• Can add a new course for user.

• Check the percentage and weightage of student achievement based on marks of programme outcomes.

2) Lecturers

• Can monitor the percentage and weightage of student achievement.

• Can monitor the course achievement based on programme outcomes.

• Responsible to key in the student infonnation based on their matrix number, name, and marks based on PO.

1.5 Project Outlines

This section describes all the chapters outline for this final year project 2. The project outlines for final year project 2 are divided into three chapters which are introduction, literature review and methodology. The brief information of each chapter is described as follows.

• Chapter I: Introduction

This chapter provides the background of database management system and Programme Outcomes Assessment System (POAS). Besides that, this chapter will explain the objectives of the project. Problem statement and scope of project are also stated in this section.

• Chapter 2: Literature Review

This chapter will explain in details about POAS and the examples of existing system which having the same concept. The use of database centric software and programming language in the study material are also stated in this chapter.

• Chapter 3: Methodology

This chapter will provide the step-by-step flow of the system in flowchart form and procedures taken in order to achieve the objectives of the project. Moreover, the software utilized in the project is explained in details in this chapter.

• Chapter 4: Result and Discussion

This chapter will elaborate the outcomes of the project. Furthermore, the discussion of this project will be made regarding the GUI design and database created.

• Chapter 5: Conclusion

This chapter will summarize the overall project by discussing the achievement of objective proposed with future recommendation provided.