FENG OBE-QMS MOBILE APPS
Fatricia Lauren Anak Bahun
Bachelor of Engineering (Hons) in Electronics (Telecommunications)
2019
Faculty of Engineering
Please tick (.y)
Final Year Project Report ,f
Mast.ers
D
PhD
D
DECLARATION OF ORIGINAL WORK
This declamtion is made on the 12th day of JUNE 2019.
Student's Declaration:
I FATRICIA LAUREN ANAK BAHUN (51782), DEPARTMENT OF ELECTRICAL AND ELECTRONICS ENGINEERING, FACULTY OF ENGINEERING hereby declare t.hat t.he work entit.led FENG OBE·QMS MOBILE APPS is my original work. I have not copied from any ot.her st.udents' work or from any other sources except where due reference 01' acknowledgement is'made explicitly in the text, nor has any part been written for me by another person.
12TH JUNE 2019 FATRICIA LAUREN ANAK BAHUN (51782)
Dat" submit.t.ed Name of the student (Matric No.)
Supervisor's Declaration:
I MDM KASUMA WATI BINTI LIAS hereby cert.ifies that t.he work FENG OBE·QMS MOBILE APPS was prepared by the above named student, and was submit.ted to the "FACULTY" as a * partial/full fulfillment for the conferment of BACHELOR OF ENGINEERING WITH HONOURS IN ELECTRONICS ('l"ELECOMMUNICATION), and t.he aforementioned work, t.o the best of my knowledge, IS the said student's work.
Received for examination by: MDM KASUMAWATI BINTI LIAS (Name of the supervisor)
Date: 12TH JUNE 2019
I declare that ProJect/Thesis is classified as (Please tick (-.J) ):
o
CONFIDENTIAL (Contains confidential information under the Official Secret Act 1972)*DRESTRICTED (Contains restricted information as specified by the organization where research was done)*
OPEN ACCESS
~
alidation of Project/ThesisI therefore duly affirmed with free consent and willingness declare that this said Project/Thesis shall b placed officially in the Centre for Academic Information Services with the abiding interest and rights a follows:
• This Project/Thesis is the sole legal property of Universiti Malaysia Sarawak (UNIMAS).
• 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 UNIMAS permiSSIOn.
lA
. n,
I .Student signature: FATRICIA LAUREN ANAK BAHUN
:-J
12TH JUNE 2019 Supervisor slgnature:L
12TH JUNE 2019 Current Address:LOT 1687, TAMAN DESA SENADIN, LORONG IE, JALAN MAIGOLD, FASA 1. 98000 MIRI, SARAWAK
Notes: * If the Project/Thesis is CONFIDENTIAL or RESTRICTED, please attach together as annexure a letter from the organization with the period and re aSOllS of confidentiality and restriction.
[The instrument is duly prepared by The Centre for Academic Information Services]
DECLARATION OF ORIGINAL WORK
This declaration is made on the 12th day of JUNE 2019.
Student’s Declaration:
I FATRICIA LAUREN ANAK BAHUN (51782), DEPARTMENT OF ELECTRICAL AND ELECTRONICS ENGINEERING, FACULTY OF ENGINEERING hereby declare that the work entitled FENG OBE-QMS MOBILE APPS 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.
12TH JUNE 2019 FATRICIA LAUREN ANAK BAHUN (51782) Date submitted Name of the student (Matric No.)
Supervisor’s Declaration:
I MDM KASUMAWATI BINTI LIAS hereby certifies that the work FENG OBE-QMS MOBILE APPS was prepared by the above named student, and was submitted to the “FACULTY” as a * partial/full fulfillment for the conferment of BACHELOR OF ENGINEERING WITH HONOURS IN ELECTRONICS (TELECOMMUNICATION), and the aforementioned work, to the best of my knowledge, is the said student’s work.
Received for examination by: MDM KASUMAWATI BINTI LIAS (Name of the supervisor)
Date: 12TH JUNE 2019
Please tick ()
Final Year Project Report √ Masters
PhD
I declare that Project/Thesis is classified as (Please tick (√)):
CONFIDENTIAL (Contains confidential information under the Official Secret Act 1972)*
RESTRICTED (Contains restricted information as specified by the organization where research was done)*
OPEN ACCESS
Validation of Project/Thesis
I therefore duly affirmed with free consent and willingness declare that this said Project/Thesis 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 (UNIMAS).
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 UNIMAS permission.
Student signature: FATRICIA LAUREN ANAK BAHUN Supervisor signature: ________________
12TH JUNE 2019 12TH JUNE 2019 Current Address:
LOT 1687, TAMAN DESA SENADIN, LORONG 1E, JALAN MAIGOLD, FASA 1, 98000 MIRI, SARAWAK
Notes: * If the Project/Thesis is CONFIDENTIAL or RESTRICTED, please attach together as annexure a letter from the organization with the period and reasons of confidentiality and restriction.
[The instrument is duly prepared by The Centre for Academic Information Services]
ii
FENG OBE-QMS MOBILE APPS
FATRICIA LAUREN ANAK BAHUN
A final year project report submitted in partial fulfilment of the requirement for the degree of
Bachelor of Engineering (Hons) in Electronics (Telecommunications)
Faculty of Engineering Universiti Malaysia Sarawak
2019
iii To my parents
For their advice, patience, faith and their unwavering support for the past 20 years
iv
ACKNOWLEDGEMENTS
I would like to express my deepest appreciation to my Final Year Project Supervisor, Mdm Kasumawati Binti Lias for has giving me the opportunity to conduct this project which is a continuation from previous project. Your sincere guidance throughout this research has been great help and will not be forgotten. Thank you for all the advices that has been shared about the works also about future. I am also grateful to the staff of Faculty of Engineering, UNIMAS for has help me directly and indirectly throughout this final year.
I offer my greatest gratitude to my beloved parents who has supported me endlessly during my study in UNIMAS especially during my Final Year Project sessions.
Thank you for always praying for my success also their encouragement and advice throughout the process.
A big thanks also to all my friends that has been lending their hands directly and indirectly throughout this project. Without any of them I would never have finish this project successfully as we share useful advices among ourselves as of motivating each other to complete this research.
v
ABSTRACT
This research focuses on the development of the mobile and web application which is then linked together as to allow access from one device, especially by using a smartphone. With this implementation students and staff can easily access the system to learn more on the OBE. Therefore, this can improve the effectiveness and their comprehension of OBE in their learning system. As for the development on the mobile application, Android Studio SDK was implemented and applied during the process. Then, Dreamweaver CS6 was used to design and build the web application. The main focus in the web application was Final Year Project, Integrated Design Project and Industrial Training. In order to validate the effectiveness of the Feng Apps, a survey was conducted.
50 students were selected among all the students in the faculty. They were selected based on their knowledge on the elements of the OBE. They were mainly consisted of Final Year students and Third Year students. In addition to that, the Exit Survey was highlighted in this research as one of the implementation of the OBE and QMS. This Exit Survey were disseminated during Faculty of Engineering open day. It was carried out in order to obtain the achievement of student’s attainments especially for Final Year Student on their Programme Outcome (PO). The Exit Survey was designed according to the latest Quality Manual that has been provided by the supervisor. All of the students who are currently in their Final Year studies are mandatory to fill in the survey. Finally, the development of both application is successful and significant of OBE among educators and students has made known. Furthermore, from system validation survey that were conducted, it showed that, most of the respondents are satisfied with the system.
vi
ABSTRAK
Penyelidikan ini memberi tumpuan kepada pembangunan aplikasi mudah alih dan web yang kemudian dihubungkan bersama untuk membolehkan akses dari satu peranti, terutamanya dengan menggunakan telefon pintar. Dengan pelaksanaan ini para pelajar dan staf dapat dengan mudah mengakses sistem untuk mempelajari lebih lanjut mengenai OBE. Oleh itu, ini dapat meningkatkan keberkesanan dan pemahaman mereka terhadap OBE dalam sistem pembelajaran mereka. Bagi pembangunan aplikasi mudah alih, Android SDK Studio telah digunakan semasa proses. Selain itu, Dreamweaver CS6 digunakan untuk merekabentuk dan membina aplikasi web. Fokus utama dalam aplikasi web adalah Projek Tahun Akhir, Projek Reka Bentuk Bersepadu dan Latihan Industri.
Untuk mengesahkan keberkesanan Aplikasi Feng, tinjauan telah dijalankan. 50 pelajar dipilih di kalangan semua pelajar di fakulti. Mereka dipilih berdasarkan pengetahuan mereka mengenai unsur-unsur OBE. Mereka terdiri daripada pelajar tahun akhir dan pelajar tahun tiga. Di samping itu, Exit Survey telah disebarkan pada hari terbuka Fakulti Kejuruteraan. Ini bertujuan untuk memperoleh pencapaian pencapaian pelajar terutamanya untuk Pelajar Tahun Akhir pada Hasil Program (PO) mereka. Exit Survey telah direka mengikut Manual Kualiti terkini yang telah disediakan oleh penyelia. Semua pelajar yang sedang dalam kajian Tahun Akhir mereka adalah wajib untuk mengisi tinjauan tersebut. Akhir sekali, perkembangan kedua-dua permohonan berjaya dan signifikan untuk OBE dalam kalangan pendidik dan pelajar telah diketahui. Akhir sekali, dari tinjauan sistem pengesahan yang dijalankan, ia menunjukkan bahawa, kebanyakan responden berpuas hati dengan sistem tersebut.
vii
TABLE OF CONTENTS
Page
Acknowledgement iv
Abstract v
Abstrak vi
Table of Contents vii
List of Tables xiii
List of Figures xiv
List of Abbreviations xviii
Chapter 1 INTRODUCTION 1
1.0 Overview 1
1.1 Project Overview 1
1.2 Motivation of Project 3
1.3 Problem Statement 3
1.4 Project Objectives 3
1.5 Significant of Project 4
1.6 Project Scope 4
1.7 Project Approach 5
1.8 Thesis Outline 6
viii
1.9 Conclusion 7
Chapter 2 OBE-QMS 8
2.0 Overview 8
2.1 Outcome Based Education 8
2.1.1 Background of the OBE in Malaysia 8 2.1.2 Main Elements of Outcome Based Education 9 2.1.2.1 Program Educational Objectives 10
2.1.2.2 Program Outcomes 14
2.1.2.3 Course Outcome 16
2.1.2.4 Bloom Taxonomy 18
2.1.3 Institutions Related to OBE Approach 26 2.1.3.1 Malaysian Qualification Agency (MQA) 26
2.1.3.2 Washington Accord (WA) 26
2.1.3.3 Pusat Jaminan Kualiti dan Perkembangan Akademik (PJPA)
27
2.1.3.4 Unit Perkembangan Inovasi Kurikulum (UPIK)
27
2.1.3.5 Engineering Accreditation Council (EAC) 27
2.2 Quality Management System 28
2.2.1 Concept of Quality Management System 28 2.2.2 Benefits Quality Management System 30
ix
2.3 Comparison between the OBE Mobile Apps and the OBE-QMS
31
Chapter 3 METHODOLOGY 36
3.0 Overview 36
3.1 Research Type 36
3.2 Research Tools 37
3.2.1 Android Studio Software 37
3.2.2 Adobe Dreamweaver CS6 40
3.2.3 00webhost 42
3.2.4 XAMPP Control Panel 43
3.2.5 phpMyAdmin 44
3.2.6 FileZilla Client 45
3.2.7 Google Forms 46
3.2.8 Dropbox 46
3.3 Research Process 47
3.3.1 Mobile Application 47
3.3.1.1 Data Gathering 47
3.3.1.2 Development of Mobile Application 48
3.3.2 Web Application 52
3.3.2.1 Data Gathering 52
3.3.2.2 Development of Web Application 54
x
3.4 Simulation Process 57
3.5 FENG ONE-QMS Mobile Apps Validation(Survey) 71
3.6 Conclusion 71
Chapter 4 RESULTS AND DISCUSSION 72
4.0 Overview 72
4.1 Results and Discussion 73
4.1.1 Mobile Application 73
4.1.1.1 All About OBE 74
4.1.1.2 List of Departments 75
4.1.1.3 OBE Materials 76
4.1.1.4 Industrial Revolution 4.0 77
4.1.1.5 HIEPS 77
4.1.1.6 Washington Accord 78
4.1.1.7 EAC 78
4.1.1.8 MQA 79
4.1.1.9 News 79
4.1.1.10 Board of Engineers 80
4.1.1.11 Academia 80
4.1.1.12 Quality Management System 81
4.1.1.13 ELEAP 81
4.1.2 Online Application 82
xi
4.1.2.1 Final Year Project 82
4.1.2.2 Integrated Design Project 83
4.1.2.3 Industrial Training 84
4.1.2.4 Staff and Student Homepage 85
4.2 Survey 86
4.3 Exit Survey 97
4.4 Problem Encountered 98
4.5 Conclusion 99
Chapter 5 CONLUSIONS AND FUTURE
RECOMMENDATIONS
99
5.0 Conclusion 99
5.1 Future Recommendations 100
REFERENCES 101
APPENDIX Appendix A: Ghantt Chart Final Year Project 1 104 Appendix B: Ghantt Chart Final Year Project 2 104 Appendix C: Final Year Project Interface Coding in Dreamweaver
105
Appendix D: Integrated Design Project Interface Coding in Dreamweaver
105
Appendix E: Industrial Training Interface Coding in Dreamweaver
106
Appendix F: Staff Homepage New Interface Coding in Dreamweaver
106
xii
Appendix G: Student Homepage New Interface Coding in Dreamweaver
107
Appendix H: New Homepage Coding in Android Studio 108 Appendix I: List of Departments Coding in Android Studio 108 Appendix J: OBE Materials Coding in Android Studio 109 Appendix K: Industrial Revolution 4.0 Coding in Android Studio
109
Appendix L: HIEPS Coding in Android Studio 110 Appendix M: Washington Accord Coding in Android Studio
110
Appendix N: MQA Coding in Android Studio 111 Appendix O: Board of Engineers Coding in Android Studio 112 Appendix P: Quality Management System Coding in Android Studio
112
Appendix Q: ELEAP Coding in Android Studio 112
Appendix R: Survey for Validation 113
Appendix S: Exit Survey 115
xiii
LIST OF TABLES
Table Page
Table 2.1 Examples of keywords for each level 19
Table 2.2 The comparison on the OBE-QMS implementation from the
previous research 31
Table 4.1 Results from the Survey on Question 1 86
Table 4.2 Results from the Survey on Question 2 87
Table 4.3 Results from the Survey on Question 3 88
Table 4.4 Results from the Survey on Question 4 89
Table 4.5 Results from the Survey on Question 5 90
Table 4.6 Results from the Survey on Question 6 91
Table 4.7 Results from the Survey on Question 7 92
Table 4.8 Results from the Survey on Question 8 93
Table 4.9 Results from the Survey on Question 9 94
xiv
LIST OF FIGURES
Figure Page
Figure 1.1 Flowchart of the Research Approach 5
Figure 1.2 Figure of Thesis Outline 6
Figure 2.1 Example of Course Plan 17
Figure 2.2 Bloom’s Taxonomy domain of learning 18
Figure 3.1 Android Studio 37
Figure 3.2 Android Studio Interface 38
Figure 3.3 Android Studio interface which shows the XML file and
Java file are linked 39
Figure 3.4 Adobe Dreamweaver CS6 40
Figure 3.5 Dreamweaver interface which shows the visualization while coding
41
Figure 3.6 000Webhost online interface 42
Figure 3.7 XAMPP interface 43
Figure 3.8 phpMyAdmin interface 44
Figure 3.9 FileZilla Client interface 45
Figure 3.10 COs list Source Code in XML language 49
Figure 3.11 Buttons coding in Java Language 50
Figure 3.12 Flowchart in designing mobile apps 51
Figure 3.13 Overall Wireframe of OBE Quality Management System 53
xv
Figure 3.14 HTML file coding 54
Figure 3.15 CSS file inserted into HTML 55
Figure 3.16 CSS properties 55
Figure 3.17 Flowchart of designing the web application 56 Figure 3.18 The summarization of simulation method 59
Figure 3.19 XML and Java language script 60
Figure 3.20 Java language script for Electronics & Electrical Department
61
Figure 3.21 XML language for PDF view of IR4.0 62
Figure 3.22 XML language where the WA information was inserted 63
Figure 3.23 Java language for BEM 64
Figure 3.24 Java language for Academia 65
Figure 3.25 Java language for QMS 66
Figure 3.26 Java language for eLEAP 67
Figure 3.27 The summarization of simulation method 68
Figure 3.28 Source code for FYP interface 68
Figure 3.29 Source code for IDP interface 69
Figure 3.30 Source code for LI interface 70
Figure 4.1 New Homepage 73
Figure 4.2 All About OBE interface 74
Figure 4.3 List of Department interface 75
xvi
Figure 4.4 OBE Materials interface 76
Figure 4.5 HIEPS interface 77
Figure 4.6 Washington Accord interface 78
Figure 4.7 MQA interface 79
Figure 4.8 News interface 79
Figure 4.9 Board of Engineers in browser 80
Figure 4.10 Academia in browser 80
Figure 4.11 QMS in browser 81
Figure 4.12 eLEAP in browser 81
Figure 4.13 Final Year Project interface 82
Figure 4.14 Integrated Design Project interface 83
Figure 4.15 Industrial Training interface 84
Figure 4.16 Staff homepage new interface 85
Figure 4.17 Student homepage new interface 85
Figure 4.18 Question 1: What is your gender? 86
Figure 4.19 Question 2: What is your age? 87
Figure 4.20 Question 3: What is your occupation? 88 Figure 4.21 Question 4: If a student, what year of study are you? 89 Figure 4.22 Question 5: Which department are you belong to? 90 Figure 4.23 Question 6: How do you like the app design? 91 Figure 4.24 Question 7: How likely would you be the use this app? 92
xvii
Figure 4.25 Question 8: What do you think of the information in this app?
93
Figure 4.26 Question 9: How likely are you to recommend this app to others?
94
Figure 4.27 Exit Survey 95
Figure 4.28 Exit Survey responses 96
xviii
LIST OF ABBREVIATIONS
ASEP - Accreditation Software for Higher Education Program BEM - Board of Engineers Malaysia
CEO - Chief Executive Officer CO - Course Objective
CQI - Continuous Quality Improvement CTO - Chief Technology Officer
EA - Complex Engineering Activities EAC - Engineering Accreditation Council FENG - Faculty of Engineering
HTML - Hyper Text Markup Language IHL - Institute Higher Learning
IR - Industrial Revolution
MQA - Malaysia Qualification Agency OBE - Outcome-Based Education PEO - Program Educational Objective
PJPA - Pusat Jaminan Kualiti dan Pembangunan Akademik PO - Program Objective
QMS - Quality Management System
UPIK - Unit Perkembangan Inovasi Kurikulum
xix WA - Washington Accord WK - WA Knowledge Profile
WP - Complex Engineering Problems XML - eXtensible Markup Language
