KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science...

59
M. NUBLI SYUKRI BACHELOR OF COMP UTER S CIENCES 2019

Transcript of KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science...

Page 1: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

M. N

UB

LI S

YU

KR

I

BA

CH

EL

OR

OF

CO

MP

UT

ER

SC

IEN

CE

S

2

01

9

Page 2: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

MENTOR MENTEE SOCIAL NETWORK USING

REAL TIME TECHNOLOGIES

MOHAMAD NUBLI SYUKRI BIN MOHD NASIR

BACHELOR OF COMPUTER SCIENCE

(INTERNET COMPUTING) WITH HONOURS

UNIVERSITI SULTAN ZAINAL ABIDIN

2019

Page 3: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

MENTOR MENTEE SOCIAL NETWORK USING REAL TIME

TECHNOLOGIES

MOHAMAD NUBLI SYUKRI BIN MOHD NASIR

BACHELOR OF COMPUTER SCIENCE

(INTERNET COMPUTING) WITH HONOURS

UNIVERSITI SULTAN ZAINAL ABIDIN

2019

Page 4: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

DECLARATION

I willingly declare my project titled mentor mentee social network using real time

technologies for final year project 1 is done based on criteria given. I also want to

declare that my project not identical with others project before.

______________________________

Name: ..................................................

Date: ....................................................

Page 5: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

ii

CONFIRMATION

I have read this report and in my point of view, this project fulfils the conditions and

requirements to be awarded as Bachelor of Computer Science (Internet Computing)

with honour. I also confirm that the research conducted and the writing of this report

was under my supervision.

________________________________

Name: ..................................................

Date: ...................................................

Page 6: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

iii

CONTENTS

DECLARATION ................................................................................................................. i

CONFIRMATION .............................................................................................................. ii

CONTENTS ....................................................................................................................... iii

LIST OF TABLE ................................................................................................................vi

LIST OF FIGURE ............................................................................................................ vii

CHAPTER 1 ........................................................................................................................ 1

1.1 Background .......................................................................................................................1

1.2 Problem Statement ...........................................................................................................2

1.3 Objective ...........................................................................................................................2

1.4 Scope .................................................................................................................................3

1.5 Limitation of Work ...........................................................................................................4

1.6 Gantt Chart .......................................................................................................................4

1.7 Expected Result ................................................................................................................6

CHAPTER 2 ........................................................................................................................ 7

2.1 Introduction ......................................................................................................................7

2.2 Technique use ...................................................................................................................8

2.2.1 Real time technologies ...............................................................................................8

2.2.2 Laravel ......................................................................................................................8

2.2.3 Hybrid .......................................................................................................................9

2.2 Table of Comparison ...................................................................................................... 10

2.4 Conclusion ....................................................................................................................... 12

CHAPTER 3 ...................................................................................................................... 13

3.1 Introduction .................................................................................................................... 13

3.2 Prototyping model .......................................................................................................... 13

3.2.1 Planning phase ........................................................................................................ 14

3.2.2 Initial Analysis ........................................................................................................ 14

3.2.3 Prototyping Building ............................................................................................... 15

Page 7: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

iv

3.2.4 Dummy prototype ................................................................................................... 15

3.2.5 Deployment Phase ................................................................................................... 16

3.3 System Design ................................................................................................................. 16

3.3.1 Context Diagram ..................................................................................................... 16

3.3.2 Data Flow Diagram Level 0 .................................................................................... 18

3.3.3 Data Flow Diagram level 1 Process 2 ...................................................................... 19

3.3.4 Data Flow Diagram level 1 Process 4.0 ................................................................... 20

3.4 Entity Relationship Diagram (ERD) .............................................................................. 21

3.5 Data Model ...................................................................................................................... 22

CHAPTER 4 ...................................................................................................................... 24

4.1 Introduction .................................................................................................................... 24

4.2 Mentee Page .................................................................................................................... 24

4.2.1 Register .................................................................................................................... 24

4.2.2 Login ........................................................................................................................ 25

4.2.3 Homepage for student ............................................................................................. 25

4.2.4 Profile Detail ........................................................................................................... 26

4.2.5 Mentor Selection ..................................................................................................... 26

4.2.6 Selection Status ....................................................................................................... 27

4.2.7 Chat Room Homepage ............................................................................................ 27

4.2.8 Chatting ................................................................................................................... 28

4.3 Mentor Page .................................................................................................................... 29

4.3.1 Register .................................................................................................................... 29

4.3.2 Login ........................................................................................................................ 29

4.3.3 Homepage for Lecturer ........................................................................................... 30

4.3.4 Profile Detail ........................................................................................................... 30

4.3.5 View Mentee ............................................................................................................ 31

4.3.6 Chat Homepage ....................................................................................................... 31

4.3.7 Chatting ................................................................................................................... 32

4.4 Admin Page ..................................................................................................................... 33

4.4.1 Login ........................................................................................................................ 33

4.4.2 Homepage ................................................................................................................ 33

4.4.2 View Mentee List..................................................................................................... 34

4.4.4 View Mentor List .................................................................................................... 36

4.4.5 Update Selection Status ........................................................................................... 37

4.5 Test Case ......................................................................................................................... 38

4.5.1 Type of Testing ........................................................................................................ 38

4.5.2 Test Case ................................................................................................................. 39

Page 8: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

v

4.6 Summary ......................................................................................................................... 44

CHAPTER 5 ...................................................................................................................... 45

5.1 Introduction .................................................................................................................... 45

5.2 Project Contribution ....................................................................................................... 45

5.3 Future Works .................................................................................................................. 46

5.4 Overall conclusion .......................................................................................................... 46

REFERENCES .................................................................................................................. 47

Page 9: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

vi

LIST OF TABLE

TABLE TITLE PAGE

1.1 Gantt chart 4

2.1 Table of Comparison 10

3.1 Data model of student/mentee 22

3.2 Data model of lecturer/mentor 22

3.3 Data model of admin 22

3.4 Data model of appointment 22

3.5 Data model of selection 23

4.1 Test case for student 39

4.2 Test case for lecturer 41

4.3 Test case for admin 42

Page 10: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

vii

LIST OF FIGURE

FIGURE TITLE PAGE

3.0 Prototyping model 14

3.1 Context Diagram 17

3.2 Data Flow Diagram 18

3.3 Data Flow Diagram level 1 process 2.0 19

3.4 Data Flow Diagram level 1 process 4.0 20

3.5 Entity Relationship Diagram 21

4.1 Student Register page 24

4.2 Student Login Page 25

4.3 Student Homepage 25

4.4 Student Profile edit 26

4.5 Mentor Selection Page 26

4.6 Insert Selection Data 27

4.7 Selection Status page 27

4.8 Student Chat Room Homepage 28

4.9 Student Chat interface 28

4.10 Lecturer Register Page 29

4.11 Lecturer Login Page 29

Page 11: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

viii

4.12 Lecturer Homepage 30

4.13 Lecturer Profile Update 30

4.14 View Mentee Page 31

4.15 Lecturer Chat Room Homepage 31

4.16 Lecturer Chat interface 32

4.17 Admin Login Page 33

4.18 Admin Homepage 33

4.19 Student List 34

4.20 New Student Data 34

4.21 Update Student Data 35

4.22 Mentor List 35

4.23 Add New Lecturer Data 36

4.24 Update Lecture Data 36

4.25 Selection Homepage 36

4.26 Update Selection Status 37

Page 12: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

CHAPTER 1

INTRODUCTION

1.1 Background

As student, we should know mentor mentee is important. Mentoring is

where a mentor engages his mentees to learn and reach their development

goals. The Mentoring program is also a framework where both parties in a

relationship can be supported in clarifying their roles and their objectives. It

also provides a framework for the mentee to develop and learn alongside an

experienced peer. Good relationship between mentor mentee would be factor

that determine student’s succession.

At Unisza context, there are mentor mentee program. So, why not we

develop the system to make mentor mentee program become easier. Student

can contact with their mentor not only limited when they in same place and

time.

Page 13: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

2

1.2 Problem Statement

Mentor mentee program become crucial at university level. Each

student have their own favourite lecturer. Sometime students and lecturers

have pair randomly. Furthermore, they found a lecture that a little bit off chart

like what they desire. Second, mentor mentee program usually happen when

student have to face to face with their lecturer. We already know that student

are burdened with assignment, social life, quiz, examination and so on. They

need cancel or postponed some of their important tasks to attend to mentor

mentee gathering. Otherwise, lecturers also have the same issue. Not every

lecturers lives near the campus. Some of them need to wake up early in the

morning and drive to work. In addition, they also have their own lifestyle.

They have family to taking care of. So, place and time will be main obstacles

to mentor mentee program.

1.3 Objective

The main objective of this project is to implement a system that easier

student to keep in touch with their lecturer. In order to achieve the above

mentioned aim, the objectives of this project are as follows:-

1. To study how to student make contact with their mentor without

meet face to face.

2. To design a mobile application that easier student to contact their

mentor.

Page 14: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

3

3. To develop and implement system based on real time technology to

make mentor mentee program easier.

1.4 Scope

The scopes for this project are used to identify which organization are involved

in this project.

Target User

Admin

i. Manage profile

ii. Manage database

iii. Manage selection

Student/mentee

i. Register

ii. Select lecturer/mentor

iii. Manage profile.

iv. Contact lecturer.

Lecturer/mentor

i. Register

ii. Manage profile

iii. Manage student/mentee profile.

iv. Contact student.

Page 15: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

4

1.5 Limitation of Work

The system will only manage mentor mentee program between

students and lecturers. Student also can pick lecturer based on their demands.

Internet connection will become crucial. The system will not include student’s

academic schedules.

1.6 Gantt Chart

Table 1.1 shows Gantt charts for the project proposed. Gantt charts

were used as planning and scheduling to make the project.

Table 1.1: Gantt Chart

ACTIVITY WEEK

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Initiating

Discuss for the Topic

Topic Registration

Planning

Discuss Goal of the

Project

Discuss problem

statement

Requirement

Page 16: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

5

Propose Technique and

Added Value

Propose Literature

Review

Proof of Concept

Proposal for

Presentation 1

Analysis and Design

Design System Model

Design Database

Design Interface

Proposal of Presentation

2

Presentation of Proposal

Project

Report of Proposal

Project

Page 17: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

6

1.7 Expected Result

At the end of this project, I expected a well organize application that

really helpful to increase productivity of mentor mentee program. As we

know, place and time are big problem to mentor mentee program. In fact, the

system will remove the obstacles mentioned above. Plus, this system should be

easier for student to keep in touch with their mentor.

Page 18: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

7

CHAPTER 2

LITERATURE REVIEW

2.1 Introduction

This chapter show us the literature review for the system that will be develop.

The main purpose of this review is to show us about how student connected with their

mentor using real time technologies. In this chapter, I provide the study of technique

and approach was analysed to find out the best implementation technique that can be

used in mentor mentee application. Furthermore, it can be a guideline to develop a

new system so the new system can provide better functional than existing system.

Finally, this review can be a guideline to develop the application.

Page 19: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

8

2.2 Technique use

2.2.1 Real time technologies

The real time technology refers to technology that permits a user to receive

data amid the real time that a physical procedure happens, known as real time. Real

time is measured in milliseconds or microseconds (Aaron Gray, 2016). While RTT is

utilized for advanced entertainment purposes, for example, gushing live video or

sound and has applications that at last will make Internet utilize all the more vivacious

and functional, this quick reaction technology is being utilized for a wide cluster of

basic applications that require moment reaction times.

2.2.2 Laravel

Laravel is a free, open-source PHP web framework, created by Taylor Otwell

and intended for the development of web applications following the model–view–

controller (MVC) architectural pattern and based on Symfony. Some of the features of

Laravel are a modular packaging system with a dedicated dependency manager,

different ways for accessing relational databases, utilities that aid in application

deployment and maintenance, and its orientation toward syntactic sugar. (Surguy,

2014)

Page 20: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

9

2.2.3 Hybrid

Hybrid applications are web applications (or web pages) in the native browser,

such as UIWebView in iOS and WebView in Android (not Safari or Chrome). Hybrid

apps are developed using HTML, CSS and Javascript, and then wrapped in a native

application using platforms like Cordova. This allows you to use any web-native

framework you want, and there are plenty of these. (Zhu, 2016)

Page 21: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

10

2.2 Table of Comparison

Table 2.1: Table of Comparison

Author Title Description Advantage Disadvantage

National

Leadership

team

(2018)

iMentor Another student-focused

program, iMentor

empowers students from

low-income communities

to graduate high school

and succeed in college.

Through iMentor, students

meet with mentors one on

one, either online or in

person. The end result is a

strong connection that

encourages students to

pursue their dreams.

This

system

relevant to

nowadays

academic

system.

There are no chat

call. In addition, everyone can be

mentor.

Bouckard

Dominiek

(2017)

Flanders The practice consists of an

online application that

connects young jobseekers

and experienced

professionals with the aim

of helping jobseekers to

find a job. Jobseekers are

supported by a mentor

who provides them with

advice on how to increase

their chances of finding a

job and taking the best

decisions in their job-

search.

This application

scope just limitation to people

who already

finished their

study.

Leonardo Behance Mentors is an app to Easy to Just to schedule a

Page 22: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

11

Mattei

(2016)

exchange experience. You

can sign up as a mentee or

as a mentor and you will

get in touch with great

people in order to share

knowledge and get

inspired. Today is very

hard to find the right

mentor, you have to write

lots of email or messages

on LinkedIn. On the app,

you will find a lot of

passionate people who are

looking forward to meet

you, enrich your culture

and share the passion in

your craft. Sign up, and

meet people.

use.Easy to

understand

the

application.

session between

mentor and mentee.

Page 23: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

12

2.4 Conclusion

This chapter discuss literatures reviews that have been collected and reviewed

along the studies. It also help developer discover problem at early phase. As a

conclusion, real time technologies (RTT) is important to our daily life. RTT simplify

our life. Every output can get faster. So, why not we implement this magnify

technology is this project.

Page 24: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

13

CHAPTER 3

METHODOLOGY

3.1 Introduction

Software Development Life Cycle (SDLC) are used to design and develop any

system. SDLC is a process followed for a software project, within a software

organization. There are 6 types of SDLC. In this project, I would like to use

prototyping model.

3.2 Prototyping model

The Prototyping Model is one of the most popularly used in Software

Development Life Cycle Models (SDLC models).This model used when the

customers do not know the exact project requirements beforehand. In this

model, a prototype of the end product is first developed, tested and refined as

per customer feedback repeatedly till a final acceptable prototype is achieved

which forms the basis for developing the final product.

Page 25: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

14

Figure 3.0: Prototyping model

3.2.1 Planning phase

The first phase is planning. In this phase, brainstorming and critical thinking

are required. We should able to see the flow of this project at this phase. After decided

the title and project to be work, discussion continue on the whole review of the

application, goal of the application and expected outcome

3.2.2 Initial Analysis

After planning, we should discover problem and requirement that will

encounter. So, we can do better preparation before start the project. . All source that

found was analysis and observe the advantage and disadvantage.

Page 26: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

15

3.2.3 Prototyping Building

Prototyping consist of 3 phase which are analysis, design and implementation.

3.2.3.1 Analysis and Design Phase

In this phase, the design of the system is created and the development

of the prototype based on the functionalities that will be built such as add

mentor, add appointment and delete mentor. The data obtained are transformed

into a design or diagram such as context diagram (CD), data flow diagram

(DFD) and entity relationship diagram (ERD). All the diagram are used as a

guideline for the flow of the system.

3.2.3.2 Implementation Phase

The project takes shape during the implementation phase. This phase

involves the construction of the actual project result. It is important to maintain

the momentum. After collect data require, we can start implement the data into

our project. At last, mentor mentee application development should be started.

3.2.4 Dummy prototype

Then we supposedly get our initial prototype. Depend on our supervisor

guidance, we can fix problems that occur. It is easier because we already have almost

done project as guideline. So, if there are problem or error encounter, we should go

back to prototyping model phase. This loop can not be end unless there no problem.

Page 27: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

16

3.2.5 Deployment Phase

Once the application have been tested and evaluated, the full functional

application will be release to the end user. User will use it to make sure either the

application are correctly functioning or not.

3.3 System Design

System design explain more about the system implementation. The design of a

system is a model plan for the system includes Context Diagram (CD), Data Flow

Diagram (DFD), Entity Relationship Diagram (ERD).

3.3.1 Context Diagram

A system context diagram (SCD) in engineering is a diagram that defines the

boundary between the system. Figure 3.1 shows the Context Diagram for this system.

Page 28: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

17

Figure 3.1 Context Diagram

Page 29: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

18

3.3.2 Data Flow Diagram Level 0

Figure 3.2 Data Flow Diagram

Page 30: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

19

3.3.3 Data Flow Diagram level 1 Process 2

Figure 3.3: Data Flow Diagram level 1 process 2.0

Page 31: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

20

3.3.4 Data Flow Diagram level 1 Process 4.0

Figure 3.4: Data Flow Diagram level 1 process 4.0

Page 32: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

21

3.4 Entity Relationship Diagram (ERD)

Diagram 3.5 show entity relationship diagram for this project. There are 5

entity which are admin, student, selection, lecturer and appointment. Each entity have

their own attribute.

Figure 3.5: Entity Relationship Diagram

Page 33: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

22

3.5 Data Model

Table 3.1: Student/mentee

Name Type null

Student_id Int(10) No

Name Varchar(100) No

Email Varchar(100) No

Phone_number Varchar(12) Yes

Address Varchar(80) Yes

Appointment_id Varchar(100) No

Password Varchar(100) No

Table 3.2: Lecturer/mentor

Name Type Null

Lecture_id Varchar(100) No

Name Varchar(100) No

Email Varchar(100) No

Field Varchar(20) Yes

Address Varchar(100) Yes

Appontment_id Varchar(100) No

Password Varchar(100) No

Table 3.3: Admin

Name Type Null

Admin_id Varchar(100) No

Name Varchar(100) No

Table 3.4: Appointment

Name Type Null

Appointment_id Int(10) No

Time Varchar(100) No

Student_id Varchar(100) No

Lecture_id Varchar(100) No

Page 34: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

23

Table 3.5: Selection

Name Type Null

Selection_id Varchar(100) No

Student_id Varchar(100) No

Lecturer_id Varchar(100) No

Year Varchar(10) Yes

Semester Varchat(10) Yes

Page 35: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

24

CHAPTER 4

4.1 Introduction

This chapter describes the implementation of Mentor Mentee Real Time

System and its output of what the system should be. It consist of two users which are

Students and Lecturers. Student can find and book their own mentor. The system will

also help student to contact with their own mentor based on real time technologies.

4.2 Mentee Page

4.2.1 Register

Figure 4.1 shows register page for User (student). Student must register as user

first before using this system. Student must enter some detail to register as user.

Figure 4.1: Student Register page

Page 36: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

25

4.2.2 Login

Figure 4.2 below shows the login form for student. Student must enter their

username and password.

Figure 4.2: Student Login Page

4.2.3 Homepage for student

Figure 4.3 shows homepage for student. On the top corner of the page, student

can view a tab to other page.

Figure 4.3 : Student Homepage

Page 37: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

26

4.2.4 Profile Detail

Figure 4.4 shows profile detail for Student. From here student can update their

information.

Figure 4.4: Student Profile edit

4.2.5 Mentor Selection

Figure 4.5 and Figure 4.6 show student can pick their own mentor based on

their interest.

Figure 4.5: Mentor Selection

Page 38: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

27

Figure 4.6: Insert Selection Data

4.2.6 Selection Status

Figure 4.7 shows student application status whether reject or approved.

Figure 4.7: Selection status

4.2.7 Chat Room Homepage

Figure 4.8 shows a page for student to interact with lecturer. If the button turn

green, student can start chat.

Page 39: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

28

Figure 4.8: Student’s Chat Room Homepage

4.2.8 Chatting

Figure 4.9 shows chat room between student and lecturer based on real time

technology.

Figure 4.9: Student’s Chat Room

Page 40: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

29

4.3 Mentor Page

4.3.1 Register

Figure 4.10 shows register page for User (lecturer). Lecturer must register as

user first before using this system. Lecturer must enter some detail to register as user.

Figure 4.10: Lecturer Register Page

4.3.2 Login

Figure 4.11 below shows the login form for student. Student must enter their

username and password.

Page 41: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

30

Figure 4.11: Lecturer Login Page

4.3.3 Homepage for Lecturer

Figure 4.12 shows homepage for Lecturer. On the top corner of the page,

lecturer can view a tab to other page.

Figure 4.12 : Lecturer Homepage

4.3.4 Profile Detail

Figure 4.13 shows profile detail for mentor. From here mentor can view and

update their information.

Page 42: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

31

Figure 4.13: Lecturer Profile Update

4.3.5 View Mentee

Figure 4.14 shows a page for lecturer to view their mentee list.

Figure 4.14: view mentee page

4.3.6 Chat Homepage

Figure 4.15 shows a chat home page for lecturer to interact with their mentee.

When the student is online, the button red will turn to green.

Figure 4.15: Lecturer’s Chat Home Page

Page 43: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

32

4.3.7 Chatting

Figure 4.16 shows chat room between lecturer and student based on real time

technology.

Figure 4.16: Lecturer’s Chat Room

Page 44: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

33

4.4 Admin Page

4.4.1 Login

Figure 4.17 below shows the login form for admin. Admin also must enter

their username and password to log in to their homepage same as student and lecturer.

Figure 4.17: Admin Login Page

4.4.2 Homepage

Figure 4.18 shows homepage for Admin. On the top corner of the page, admin

can view a tab to other page. Admin can view the user whether student or lecturer.

Page 45: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

34

Figure 4.18: Admin Homepage

4.4.2 View Mentee List

Figures below shows page to display all student List. Moreover, admin also

can manage the student’s data. Admin can add, delete and update all data as shown at

figures below.

Figure 4.19: Student List

Page 46: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

35

Figure 4.20: Insert New Student Data

Figure 4.21: Update Student Data

Page 47: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

36

4.4.4 View Mentor List

Figures below shows page to display all lecturer list. Moreover, admin also can

manage the lecturer’s data. Admin can add, delete and update all data as shown at

figures below.

Figure 4.22: Mentor List

Figure 4.23: Add New Lecturer

Page 48: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

37

Figure 4.24: Update Lecturer Data

4.4.5 Update Selection Status

Figure 4.25 and Figure 4.26 show admin manage student’s request whether

rejected or accepted.

Figure 4.25: Selection Homepage

Figure 4.26: Update Selection Status

Page 49: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

38

4.5 Test Case

A test case is a set of condition under which tester will determine whether a

software system and its features is working as it supposed to do. The process of test

case can help to find out any problems on the system requirement. In test case consist

of component which describe an input, action or event and an expected response. All

of these are used to determine either the system is working properly as expected.

4.5.1 Type of Testing

4.5.1.1 Black Box Testing

Also called Behavioral Testing is one of software testing method. Which the

internal structure/design/implementation of the item being tested is not known to the

tester. These tests can be functional or non-functional, though usually functional. We

can conclude that this type of testing is just based on the software requirement by just

focusing in input and output without bothering the knowledge about software

programming.

4.5.1.2 White Box Testing

White Box Testing is another software testing method in which the internal

structure/designs of the item being tested is known to the tester. Focusing on security,

design, usability flow of input and output through the system. This testing also

involves testing a series of predefine input against the desired output so when a

specific input does not come out as the expected output, you have encountered a bug.

Page 50: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

39

4.5.2 Test Case

4.5.2.1 Test Case for Student Registration, Login, Select Mentor, Chat and

Logout.

Table 4.1 show test case for student registration, login, select mentor, chat and logout.

Table 4.1: Test Case for Student registration, login, select mentor, chat and

logout.

STEP TEST PROCEDURE EXPECTED RESULT RESULT

1. Click on ‘Register’ button Direct to registration form Pass

2. Insert name, email address,

and password

Save into database and show

popup message “ successfully

done”

Pass

3. Click on ‘Login’ button for

login

Direct to login form Pass

4. Insert email and password It will go directly to student

homepage

Pass

5. Insert username, password(if

invalid)

Error message popup and return

to login page

Pass

6. Click on ‘my profile’ button to

update profile

Student update profile and

popup successful message

appear after submitted.

Pass

7. Click on ‘select mentor’ button Direct to lecturer list homepage Pass

Page 51: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

40

8. Click on ‘add booking’ on

lecturer list homepage

Direct to booking form Pass

9. Insert student_name,

lecturer_name, semester and

year.

Save into database on selection

table.

Pass

10. Click on ‘application status’

button

Student view booking list status Pass

11. Click on ‘Chat Room’ button Directly go to online user list

homepage

Pass

12. Click on Mentor name on

online user list home page

Directly to chat interface and

start chatting

Pass

13. Click on ‘logout’ button. Go back to login page Pass

Page 52: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

41

4.5.2.2 Test Case for Mentor Registration, View Mentee, Chat, Login and Logout

Table 4.2 show the test case for flow of mentor registration, view mentee, chat,

login and logout.

Table 4.2: Test Case for Mentor registration, login, view mentee, chat and logout.

STEP TEST PROCEDURE EXPECTED RESULT RESULT

1. Click on ‘Register’ button. Direct to registration form Pass

2. Insert name, email address,

and password

Save into database and show

popup message “ successfully

done”

Pass

3. Click on ‘Login’ tab for login Direct to login form Pass

4. Insert email and password It will go directly to lecturer

homepage

Pass

5. Insert username, password(if

invalid)

Error message popup and return

to login page

Pass

6. Click on ‘my profile’ button to

update profile

Student update profile and

popup successful message

appear after submitted.

Pass

7. Click on ‘My mentee’ button Successful to view mentee list Pass

8. Click on ‘Chat Room’ button Directly go to online user list

homepage

Pass

Page 53: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

42

9. Click on mentee name on

online user list home page

Directly to chat interface and

start chatting

Pass

10. Click on ‘logout’ button. Go back to login page Pass

4.5.2.2 Test Case for Admin Login, View User List, Update Booking and Logout

Table 4.3 show the test case for flow of admin login, view user list, update

booking status and logout.

Table 4.3: Test Case for Admin registration, login, view mentee list, view mentor

list, update booking status and logout.

STEP TEST PROCEDURE EXPECTED RESULT RESULT

1. Click on ‘Register’ button. Direct to registration form Pass

2. Insert name, email address, and

password

Save into database and show popup

message “ successfully done”

Pass

3. Click on ‘Login’ button for login Direct to login form Pass

4. Insert email and password It will go directly to lecturer

homepage

Pass

5. Insert username, password(if

invalid)

Error message popup and return to

login page

Pass

6. Click on ‘mentee list’ button to

view mentee list

Directly go to mentee list interface Pass

Page 54: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

43

7. Delete mentee list Successful delete message appear Pass

8. Update mentee list Data mentee successful updated and

successful message appear

Pass

9. Click on ‘mentor list’ button to

view mentor list

Directly go to mentor list interface Pass

10. Delete mentor list Successful delete message appear Pass

11. Update mentor list Data mentor successful updated

and successful message appear

Pass

12. Click on ‘Mentor Status’ button Directly to booking list interface Pass

13. Click on update button on

booking list

Successful update booking status

whether approve or rejected

Pass

14. Click on ‘logout’ button. Go back to login page Pass

Page 55: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

44

4.6 Summary

This chapter explain how the flow of Mentor Mentee system. From register, select

mentor, add booking, chat until logout. In order to use the system, registered user must

login while new user must register first.

Page 56: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

45

CHAPTER 5

CONCLUSIONS

5.1 Introduction

This section concluded the documentation of this project covering all aspect of

planning, designing, implementation and testing. Moreover, the content on this

chapter are summary for the whole of the project, project contribution, project

limitation and some suggestion for the future.

5.2 Project Contribution

Mentor Mentee System was develop based on objective to help student to

develop and implement system based on real time technology to make mentor mentee

program easier. The user of this system are obviously student and lecturer. The

student can select their mentor based on their own interest in this system and manage

their booking request.

While on the other hand, lecturer can view their own mentee and chat with

them. Furthermore, both user can update their own profile. Admin also can update

both user profile.

Page 57: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

46

5.3 Future Works

One of the key features to be improve in this system is that students can filter

their mentor searching. When students pick their preferences, students also can filter

their search based on their familiarity or based on course they have been taken. The

system should can give them suggestion about who mentor should they take based on

their personal data and interest. In addition, the system should show availability of the

mentor in the future. Another features to be improved is the student can give rating to

the mentor after been tutoring. On the other hand, student in the future can view the

rating and make their choice properly. This rating also can be put on mentor’s profile.

5.4 Overall conclusion

As a conclusion, this Mentor Mentee Online System aimed to help the students

keep in touch with their mentor. The students can select their own mentor based own

their interest, update their profile and also chat with their mentor. The main user for

this system is university students and university lecturers meanwhile the admin is

monitoring the system and manage databases. The methodology used while

developing the system is prototype model. Other than that, Data Flow Diagram (DFD)

and Entity Relationship Diagram (ERD) also included in this report to explain more

about the functionalities of this system.

In addition, based on the previous study and discussion with supervisor, the

suitable approach that will be implemented in this project is real time technology.

Hopefully, this system will give advantage and ease the students to be tutoring by

their own mentor.

Page 58: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

47

REFERENCES

■ https://www.sciencedirect.com/science/article/pii/S0029655416300

112

■ Rabbetts, L. (2017). Peer mentoring supports the learning needs of

nurses providing palliative care in a rural acute care

setting. International journal of palliative nursing, 23(6), 280-286.

■ Guston, D. H., & Sarewitz, D. (2012). Real-time technology

assessment. Technology in society, 24(1-2), 93-109.

■ Selvarani, M. P., & Sankar, S. H. (2016). Student-driven learning

circle through Software Development Life Cycle (SDLC)

methodology. Advances in Natural and Applied Sciences, 10(4),

355-363.

■ Kern, L., Harrison, J. R., Custer, B. E., & Mehta, P. D. (2018).

Factors that enhance the quality of relationships between mentors

and mentees during Check & Connect. Behavioral Disorders,

0198742918779791.

Page 59: KRI - myfik.unisza.edu.my · mohamad nubli syukri bin mohd nasir bachelor of computer science (internet computing) with honours universiti sultan zainal abidin 2019 . ... 2.1 introduction

48

■ Song, J., Han, S., Mok, A., Chen, D., Lucas, M., Nixon, M., &

Pratt, W. (2008, April). WirelessHART: Applying wireless

technology in real-time industrial process control. In 2008 IEEE

Real-Time and Embedded Technology and Applications

Symposium (pp. 377-386). IEEE.

■ He, R. Y. (2015, January). Design and implementation of web

based on Laravel framework. In 2014 International Conference on

Computer Science and Electronic Technology (ICCSET 2014).

Atlantis Press.