FACULTY OF COMPUTING

UNIVERSITY MALAYSIA PAHANG

----------------------------------------------------------------------------------------
BCS 2243 – WEB ENGINEERING

SEMESTER 2 (2020/2021)

(MINI-PROJECT)

LAB SECTION: 5 | 5E
GROUP MEMBERS STUDENT ID:
SARVESS S/O VEERIYAH CB20146

LAI YIN HAN CD19100

ESTHER A/P MANI CA19145

ALIAH MAISARAH BINTI CD19022
MOHAMADIAH
NUR MUNIRAH BINTI MOHD CA19041
REDZUAN

1|Page
Table of Content

ITEM CONTENT PAGE NO

1. INTRODUCTION PAGE 3
2. CONCEPT PAGE 3
3. PROBLEM STATEMENT PAGE 4
4. PROPOSED SOLUTION PAGE 4
5. EXISTING SYSTEM REVIEW PAGE 5
6. STAKEHOLDES PROFILE PAGE 8
7. SIGNIFICANT IMPACT PAGE 10
8. DATA DICTIONARY PAGE 11
9. NON-FUNCTIONAL REQUIREMENT PAGE 16
10. PROJECT MANAGEMENT PAGE 17
11. PLANNING PAGE 19
12. USE CASE DIAGRAM PAGE 21
13. PROTOTYPE INTERFACE PAGE 22
14. ENTITY-RELATIONSHIP DIAGRAM OF MyLI PAGE 26
15. ENTITY-RELATIONSHIP DIAGRAM PAGE 27
DESCRIPTION
16. DISTRIBUTION MODULE PAGE 28
• Module 1: Module for BIM
Administration
• Module 2: Faculty Coordinator PAGE 33

• Module 3: Internship Student PAGE 39

• Module 4: Faculty Supervisor PAGE 44

• Module 5: Industry Supervisor PAGE 50

17. TEAM MANAGEMENT PAGE 57

2|Page
Introduction
The internship is a way to explore or expand the relevant knowledge and skills required to
enter a specific occupational field under actual conditions. is basically aimed at undergraduates
or apprentices, not only to gain experience, but if they have full interest in the field, they may
also be fined. FSKKP internship coordinator, the number of students in this industry is about
500. Therefore, approximately 500 students will become interns each year, but it depends on
how many are eligible to register. All students must pass all subjects before passing the
internship
A manual process must be performed on the system, which means that the student or intern
must fill out a paper form and manually send it to the office. During the training, candidates
should keep up-to-date information about daily training routines by recording them and pasting
any attachments in the log.
Finally, the company supervisor checks the progress of the training in the registry every
week, and the university supervisor records the records in the registry at the end of the
training. The manual process of the application can have some disadvantages, as it requires the
user to write it down on paper and type it on the computer. If you complete the form on the
computer, it may be invalid to complete the wrong form. The data cannot be used directly, but
must be rewritten before it can be used. This method will require a lot of work. Also, the
problem of missing or misplaced forms can be avoided, and the printed forms will not be
damaged.

Concept
Internship Management System is a management system that handles the process of the
industrial training by computerize and online. Process focus in the system is selection of
company, updating their log, and registers the company supervisor in the system.

3|Page
Problem Statement
In this rapidly globalizing world, it is undeniable that everyone is looking forward to complete
work in a split second. Internship the position of a student or trainee who works in an organization,
sometimes without pay, in order to gain work experience or satisfy requirements for a qualification. In
this case, University Malaysia Pahang is facing to manage and monitor the activities of the internship
student. UMP is currently using the procedure that requires a manual process, which means that
the student or intern applicant must fill out a paper form and send it in to the office. This brings
hustle to the coordinator as he is in-charge of a big number of students. Besides, misplacing the
documents always occurs and this brings problem whereby some students. Apart from that,
students are required to update the logbook daily and a summarized report weekly. By using the
manual method, students are not able to show the logbook to the faculty supervisor if there are
any doubts about the given task. This cannot be easily done as the students are placed around
Malaysia and the faculty supervisor cannot view the logbook. The marks are manually calculated
at the end of each week and miscalculation are too prone to happen.

4|Page
Proposed Solution

Our solution to all the mentioned problems as above is MyLI. MyLI is a web-based application
developed using HTML, JavaScript and of course not forgetting CSS for the frontend. Backend
was developed using PHP for the server side and MySQL for the database. MyLI is an Internship
Management System which consist of 5 modules. How MyLI is going to solve the problem?
MyLI helps to manage the document online instead of hardcopy documents which always leads
to misplace. During the preparation, candidates must maintain a logbook of their daily training
schedule by writing it down and pasting any attachments into the logbook. Finally, every week,
the progress of the training in the logbook will be checked by the company supervisor, and at
the end of the training, by the university supervisor, who will write it in the logbook.
MyLI also helps to save time of the user managing Industrial Student’s application online instead
of hardcopy application. They are listed following below: -

• Module 1: Module for BIM Administration

• Module 2: Faculty Coordinator
• Module 3: Internship Student
• Module 4: Faculty Supervisor
• Module 5: Industry Supervisor

5|Page
Existing System Review
This section is to review on Two (2) existing web application that are related to
Industrial Training System

Industrial Training Online Management System for University Tunku Abdul Rahman (UTAR)
This system consists of 4 modules, i.e. Security (login), Industrial Training application document,
faculty and create company profile. The project main purpose are to allow student to register
themselves for Industrial Training when they on their last semester.

View of homepage for UTAR Industrial Training Online Management System

6|Page
Industrial Training Online Management System for University Malaysia Pahang (UMP)
Industrial Training Systems (UMP LI Online) is a web-based application system which is
developed to manage the industrial training process in University Malaysia Pahang (UMP). The
project main purpose are to allow student to register themselves for Industrial Training.

View of homepage for UMP Industrial Training Online Management System

This system consists of 5 modules

• Security (login)
• Apply SLI
• Add Reject Company
• Status
• Upload Document

7|Page
Comparison between both existing Industrial Training Online Management System

Module UTAR ITMP UMPLIO

Login  
Apply for Industrial  
Training (Manual Application)
Upload Documents  
Logbook  
Giving Marks based  
on log
Submitting Report  
Assign Supervisor  

Advantages and Disadvantages of both existing Industrial Training Online Management

System.

UTAR ITMP UMPLIO

Advantages • Faculty details provided. • Menus and Navigation bar
• Documents can be well arranged.
uploaded after being • Buttons are hovered
filled up by the student. resulting to spot easily.
• Login Information is well
synced with the University
Management System
• Provides list of Company as
suggestions to students to
apply for Industrial Training
Disadvantages • Graphical User Interface • Too much of empty spaces.
not well arranged • There is no way to see
• Have to download and marks of Industrial Training
fill up by Student itself
with hand-written in
order to Apply Industrial
Training

8|Page
Stakeholder Profile
No. Stakeholder Function
1. BIM UMP Administrator BIM UMP Admin manage the user login and user
(admin) profile (create new user, update, delete and view
profile). The information of total number of users
based on user types and department can be viewed
by the BIM UMP Admin.

2. Faculty Internship Coordinator The Faculty Coordinator manage the Student-

(coordinator) Lecturer List which consists of Faculty Supervisor
and Internship Students. Company that are involved
in industrial training will be managed by the Faculty
Coordinator to ensure that the companies are
suitable. The report of marks given by Faculty
Supervisor and Industry Supervisor to Internship
Student can be viewed by Faculty Coordinator.

3. Internship Students (student) The Internship Student manage Activities List (add,
update and view) which is known as Logbook which
can be viewed by themselves, Faculty Supervisor
and Industry Supervisor. The Internship Student
should be able to view their marks given by Faculty
Supervisor and Industry Supervisor to check their
performance during industrial training. The report
on information of student performance, attendees
and others can be observed in visualization form.

4. Faculty Supervisors (lecturer) The Faculty Supervisor manage Student Progress

and Student Marks. In Student Progress, Faculty
Supervisor should be able to view their students’
online logbook that has been updated and evaluated
by industrial supervisor. Student Marks should be
calculated by Faculty Supervisor where it consists of
evaluation marks during mid and end semester.
Student Marks should include Industry Supervisor’s
weekly mark for Internship Student. The report on
information of student performance, comparison
marks (weekly, mid-term and final semester) and
others should can be observed in visualization form.

5. Industry Supervisor The Industry Supervisor manage Industry Supervisor

(supervisor) Info to ensure their information are correct and

9|Page
 reachable. The Industry Supervisor also manage the
Student List, Student Progress and Student Marks. In
Student Progress, feedback is provided by Industry
Supervisor based on Student Progress. Student
Marks should be calculated by Industry Supervisor
where it consists of evaluation marks during mid and
end semester. The report on information of student
performance, comparison marks (weekly, mid-term
and final semester) and others can be observed in
visualization form.

10 | P a g e
Significant Impact
The web-based application for the UMP internship management system (MyLI) aims to manage
and monitor the activities of the student during the internship. Therefore, MyLI is developed to
automate the traditional processes in order to minimize errors and save time, and it helps to
increase the efficiency in student monitoring in terms of performance and communications.

The objectives of MyLI are stated as following:

i. To ensure that all information given by all users are being kept in the database system
to avoid any incident such as misplaced or lost documents, natural disaster and other
incidents.
ii. To monitor the students’ performance through the students' weekly report online and
ensure that the supervision on the students is conducted in a timely manner.
iii. To smoothen the task in assisting the students to communicate with their respective
faculty supervisor and industry supervisor in order to lessen the workload for all users.
iv. To calculate the students’ marks based on the evaluation made by faculty supervisors
and industry supervisors in automated mode where the miscalculations of marks can be
minimized.
v. To generate specific reports based on the collected database in the system for further
analysis.

11 | P a g e
Data Dictionary
Login Details

Field Name Description Data Type Constraint

Ind_SV_ID Industrial Supervisor ID VARCHAR[20] FK
Student_ID Industrial Training Student ID VARCHAR[20] FK
Fac_SV_ID Faculty Supervisor ID VARCHAR[20] FK
Fac_Coor_ID Faculty Coordinator ID VARCHAR[20] FK
Admin_ID BIM Admin ID VARCHAR[20] FK
Password Login Password VARCHAR[20] FK, NOT NULL
User_type User Type VARCHAR[20] FK, NOT NULL

BIM Admin Details

Field Name Description Data Type Constraint

Admin_ID BIM Admin ID VARCHAR[20] PK, NOT NULL
Password Login Password VARCHAR[20] FK, NOT NULL
User_type User Type VARCHAR[20] FK, NOT NULL
Admin_name BIM Admin Name VARCHAR[20]
Admin_email BIM Admin Email VARCHAR[20]

12 | P a g e
Industrial Supervisor Details

Field Name Description Data Type Constraint

Ind_SV_ID Industrial Supervisor ID VARCHAR[10] PK, NOT NULL
Password Login Password VARCHAR[20] FK
User_type User Type VARCHAR[20] FK
Ind_SV_name Industrial Supervisor Name VARCHAR[100]
Ind_SV_age Industrial Supervisor Age INTEGER
Ind_SV_contact Industrial Supervisor Contact INTEGER
Ind_SV_email Industrial Supervisor Email VARCHAR[50]
Ind_SV_address Industrial Supervisor Address VARCHAR[200]
Com_ID Company ID VARCHAR[10] FK

Company Details

Field Name Description Data Type Constraint

Com_ID Company ID VARCHAR[10] PK, NOT NULL
Com_name Company Name VARCHAR[100]
Com_email Company Email VARCHAR[50]
Com_contact Company Contact INTEGER
Com_address Company Address VARCHAR[100]
Fac_Coor_ID Faculty Coordinator ID VARCHAR[10] FK
Faculty_ID Faculty ID VARCHAR[10] FK

13 | P a g e
Faculty Supervisor Details

Field Name Description Data Type Constraint

Fac_SV_ID Faculty Supervisor ID VARCHAR[10] PK, NOT NULL
Password Login Password VARCHAR[20] FK
User_type User Type VARCHAR[20] FK
Fac_SV_name Faculty Supervisor Name VARCHAR[100]
Fac_SV_age Faculty Supervisor Age INTEGER
Fac_SV_contact Faculty Supervisor Contact INTEGER
Fac_SV_email Faculty Supervisor Email VARCHAR[50]
Fac_SV_address Faculty Supervisor Address VARCHAR[200]
Faculty_ID Faculty ID VARCHAR[10] FK
Fac_Coor_ID Faculty Coordinator ID VARCHAR[10] FK

Faculty Coordinator Details

Field Name Description Data Type Constraint

Fac_Coor_ID Faculty Coordinator ID VARCHAR[10] PK, NOT NULL
Password Login Password VARCHAR[20] FK
User_type User Type VARCHAR[20] FK
Fac_ Coor_name Faculty Coordinator Name VARCHAR[100]
Fac_ Coor_age Faculty Coordinator Age INTEGER
Fac_ Coor_contact Faculty Coordinator Contact INTEGER
Fac_ Coor_email Faculty Coordinator Email VARCHAR[50]
Fac_Coor_address Faculty Coordinator Address VARCHAR[200]
Faculty_ID Faculty ID VARCHAR[10] FK

14 | P a g e
Industrial Training Student Details
Field Name Description Data Type Constraint

Student_ID Student ID INT(10) PK, NOT NULL

Password Login Password VARCHAR[20] FK

User_type User Type VARCHAR[20] FK

Student_name Student name VARCHAR(80)

Student_contact Student contact INTEGER

Student_gender Student gender VARCHAR(10)

Student_address Student address VARCHAR(100)

Student_age Student Age INTEGER

Student_email Student Email VARCHAR[50]

Student_faculty Student Faculty VARCHAR[100]

Faculty_ID Faculty ID VARCHAR[10] FK

Fac_SV_ID Faculty Supervisor ID VARCHAR[10] FK

presentation_ID Presentation ID VARCHAR[10] FK

Ind_SV_ID Industrial Supervisor ID VARCHAR[10] FK

Com_ID Company ID VARCHAR[10] FK

Logbook
Field Name Description Data Type Constraint
Logbook_ID Logbook ID VARCHAR[10] PK, NOT NULL
Student_ID Student ID VARCHAR[10] FK, NOT NULL
Logbook_dateStart Logbook Start Date DATE
Logbook_progress Logbook Progress VARCHAR[50]

15 | P a g e
 Logbook_feedback Logbook Feedback VARCHAR[50]
Logbook_marks Logbook Marks INTEGER FK
Logbook_dateCurr Logbook Current Date DATE
ent
Logbook_dateUpd Logbook Updated Date DATE
ated

Marks
Field Name Description Data Type Constraint
Student_ID Student ID VARCHAR[10] FK, NOT NULL
Logbook_marks Logbook Marks INTEGER FK
Presentation_marks Presentation Marks INTEGER
Weekly_marks Weekly Marks INTEGER
Total_marks Total Marks INTEGER

Feedback

Field Name Description Data Type Constraint

Logbook_ID Logbook ID VARCHAR[10] PK, NOT NULL
Student_ID Student ID VARCHAR[10] FK
Logbook_feedback Logbook Feedback VARCHAR[1000]

Faculty

Field Name Description Data Type Constraint

Faculty_ID Faculty ID VARCHAR[10] PK, NOT NULL
Faculty_name Faculty Name VARCHAR[30]

16 | P a g e
 Faculty_contact Faculty Contact INTEGER
Faculty_email Faculty Email VARCHAR[50]
Faculty_address Faculty Address VARCHAR[100]

Course

Field Name Description Data Type Constraint

Faculty_ID Faculty ID VARCHAR[10] PK, NOT NULL
Course_name Course Name VARCHAR[50]

Announcement

Field Name Description Data Type Constraint

announcement_ID Announcement ID VARCHAR[10] PK, NOT NULL
announcement_detail Announcement Detail VARCHAR[100]
announcement_date Announcement Date DATE
announcement_time Announcement Time TIME
notes Announcement Notes VARCHAR[100]
Fac_Coor_ID Logbook Feedback VARCHAR[10] FK

Presentation

Field Name Description Data Type Constraint

presentation_ID Presentation Schedule ID VARCHAR[10] PK, NOT NULL
presentation _date Presentation Schedule Date DATE
presentation _time Presentation Schedule Time TIME
presentation_advisor Presentation Advisor VARCHAR[50]
department Faculty Department VARCHAR[50]

17 | P a g e
 Fac_Coor_ID Faculty Coordinator ID VARCHAR[10] FK

Non-functional Requirement
Non-functional Requirement Explanation
Performance The system is required to give fast
responds to user’s action. This
explains that how much a user must
wait before the required target
operation happens. For example, the
page render, update and save a page.
Scalability The system needs to assess the
highest workload whereby the
system will still achieve the
performance requirement.
Reliability The system is required to have
quality attributed which will specify
how the system would run without
failure in a given time.
Maintainability The system should be maintainable
which means it can be fixed, increase
performance or easily adapt changes
to the system in a short period of
time.

18 | P a g e
Project Management
A Gantt chart which is widely used in project management, is one of the most
common and useful ways to view activities (tasks or events) against time. A list of
the tasks can be found on the left side of the map, and a fitting time scale can be
found along the top. Each activity is defined by a bar, whose location and length
reflect the activity's start, period, and end dates.

Start Days to
Task
Date Complete
PLANNING PHASE
Discussion with team
9-Apr 1
members
Define problem 10-Apr 2
Analyze requirement 12-Apr 1
Produce Schedule 13-Apr 1
ANALYZE PHASE
Define individual task 15-Apr 2
Gather Info (Online) 17-Apr 1
Write a proposal document 25-Apr 8
Complication of Proposal 2-May 7
DESIGN PHASE
Design current process 10-May 5
Design new process 15-May 7
Design Database 22-May 4
Design interface and forms 25-May 5
IMPLEMENTATION PHASE
Do coding 28-May 6
Do testing 2-Jun 3
User Acceptance Test 5-Jun 1
Write Report Document 6-Jun 1
Presentation 11-Jun 5

19 | P a g e
The Gantt Chart above shows 4 phases, namely Planning, Analysis, Design and
Implementation. In the planning phase, several tasks have been discussed. The
main idea and the problem that needed to be solved were identified. In the Analysis
phase, the tasks were divided and analyzed according to the schedule. Before the
documenting of the proposal, several researches have been made to have a rough
guideline on the important elements that should be in the project.
In the Design phase, all interfaces and the forms will be designed. Besides, the
database for the project will also be created in myPHPAdmin in this phase. Next, in
the implementation phase, coding and the database for all the forms and interfaces
should be done without any errors. A testing will be according the User Acceptance
Test to test the usability of the system. Finally, a complete presentation about the
system will be delivered.
In the deployment phase, the system will be deployed on a hosting site with its own
domain address as below:-
Hosting site: 00webhost.com
Domain Address: myli.gq

20 | P a g e
Planning
Rubric Distribution
Item Criteria Assigned to
IDEA
Problem Statement

The concept/idea/principle of the solution Sarvess Veeriyah

1 (CB20146)
Review of TWO EXISTINGS SYSTEM that
have similarity with your idea.
VALUE PROPOSITION

Stakeholder profile
2 Nur Munirah Binti Mohd
Significant impact or benefits Redzuan
(CA19041)

SYSTEM DESIGN
Process design (Use Case Diagram). Sarvess Veeriyah
(CB20146)
Non-functional Requirements. Esther A/P Mani
(CA19022)
3
Logical data design (Data Dictionary) Aliah Maisarah binti
Mohamadiah
(CD19022)
Visual design (Prototype Interface) Lai Yin Han
(CD19100)
PROJECT MANAGEMENT

Development plan (schedule/Gantt chart etc). Esther A/P Mani

4 (CA19022)
Testing and deployment plan
TEAM MANAGEMENT
Minutes/report of meeting or discussion Aliah Maisarah binti
Mohamadiah
5 Peer assessment: Team communication (CD19022)

Self-assessment: Team communication

21 | P a g e
Module Distribution
Item Module Assigned to
1 Module 1 : Administrator (BIM) for Module Aliah Maisarah binti
• Description Mohamadiah
• Access Model (CD19022)
• Presentation Model
• Entity-Relationship Diagram Model

2 Module 2: Faculty Coordinator Module Nur Munirah Binti Mohd

• Description Redzuan
• Access Model (CA19041)
• Presentation Model
• Entity-Relationship Diagram Model

3 Module 3: Internship Student Module Lai Yin Han

• Description (CD19100)
• Access Model
• Presentation Model
• Entity-Relationship Diagram Model

4 Module 4: Faculty Supervisor Module Sarvess Veeriyah

• Description (CB20146)
• Access Model
• Presentation Model
• Entity-Relationship Diagram Model

5 Module 4: Faculty Supervisor Module Esther A/P Mani

• Description (CA19145)
• Access Model
• Presentation Model
• Entity-Relationship Diagram Model

22 | P a g e
Use Case Diagram

23 | P a g e
Prototype Interface
Interface for the users to choose the user type.

Interface login after choosing user type

The QR code details can be scan through MyLI for further information.

24 | P a g e
 Interface for dashboard of student

Interface for student to edit, delete and view their daily activities

25 | P a g e
 Interface for student to view their marks given by supervisor during internship.

Interface for report viewed by administrator

26 | P a g e
 Interface for report in visualization form

Entity-Relationship Diagram of MyLi

27 | P a g e
28 | P a g e
Entity-Relationship Diagram Description

• Faculty Coordinator, Faculty Supervisor, Industrial Supervisor and

Internship Students have their respective logins.
• Faculty Coordinator assigns Faculty Supervisor for each student.
• Faculty Coordinator makes many Announcements about industrial training.
• Faculty Coordinator set Presentation for many Internship Students.
• Faculty have many Courses.
• Faculty has Faculty Coordinator that will handle industrial training.
• Faculty have many Faculty Supervisors.
• Faculty Supervisor supervises each Internship Student.
• Faculty Supervisor record Marks for each Internship Student.
• Company employs Internship Student according to their job scopes.
• Company assigns Industrial Supervisor for each Internship Student.
• Industrial Supervisor supervises each Internship Student.
• Industrial Supervisor record marks for each Internship Student.
• Industrial Supervisor evaluates the logbook of Internship Student weekly.
• Internship Student manages logbook to update daily and weekly report.
• Internship Student has Presentation Schedule for their industrial training.
• Feedback will be updated by Internship Student.

29 | P a g e
Distribution Module
Module 1 : Module for BIM (Administrator)
Description
• Login
Users are able to login to the Internship management System by entering
username, password and choose their respective user type. Users also have the
option to access the website through their mobile devices by scanning the QR
code to be redirected to the website through their devices. Each user will be
redirected to their respective pages based on their user types that includes BIM
Admin, Faculty Supervisor, Faculty Coordinator, Industry Supervisor and Industrial
Training Student.
• User List
In the BIM Admin dashboard page, the user list is displayed where Admin can
choose to display the user details based on user types. The details include users
name, age, email, contacts and other relevant information. To add new users,
BIM Admin can select the “Add User” button on the menu that redirects it to a
blank user detail page. Admin are able to enter the details of new users and save
them into the system. Admin are also able to edit, remove and view user records.
Once done, they can simply save the new information inti the system by clicking
the “save” button.
• Calculation
BIM Admin can easily calculate the total of users based on their user types and
other relevant information by simply clicking and selecting the category they
would like to display.
• Report
The system also allows BIM Admin to generate reports on the total users and user
details. This can be done by clicking on the “Report” button. Admin will be
redirected to a page that displays the relevant outcomes to a pdf file and is able
to save or print the respective file.

30 | P a g e
Access Model for Administrator Module

31 | P a g e
Presentation Model for Administrator Module

Presentation model of Dashboard page

Presentation Model on Add New User page.

32 | P a g e
 Presentation Model on Edit User page

Presentation Model on Calculate User page.

33 | P a g e
Entity-Relationship Model

34 | P a g e
Module 2: Faculty Coordinator Module
Description
• Student-Lecturer List
Each student that will undergo industrial training will be assigned to a
lecturer by the faculty coordinator before the internship started. The
student performance during the internship will be monitored by the
lecturer who acted as the faculty supervisor. A maximum of five students
will be supervised by each lecturer in a semester.

• Student-Coordinator Platform
Any information, news, announcement related to the industrial training will
be broadcasted by the faculty coordinator through MyLI. Any new
companies interested in taking an internship will be updated and any
company that is no longer interested or suitable to be industrial partners
will be deleted by the faculty coordinator. The faculty coordinator will set
out the presentation schedule.

• Calculation
The number of students who undergo internship based on the faculty's
available department (e.g. Software Engineering, Networking and
Multimedia for Faculty of Computing) needs to be calculated by the faculty
coordinator. The total mark given to the student by their industry and
faculty supervisor is also needed. Any other calculation relevant to the
module can also be included.

• Report
A report in the form of visualization that could give insightful information
such as a student with the highest performance mark, number of students
undergo industrial training for that semester, student performance based
on their department or any other report relevant to the module.

35 | P a g e
Access Model for Faculty Coordinator Module

Detailed access model for Faculty Coordinator’s view

36 | P a g e
Presentation Model for Faculty Coordinator Module

Presentation Model on Faculty’s Coordinator account Dashboard

Presentation Model on Company’s Information sub-module

37 | P a g e
 Presentation Model on Faculty Supervisor’s Information sub-module

Presentation Model on Student’s Information sub-module

38 | P a g e
 Presentation Model on Announcement sub-module

Presentation Model on Presentation Schedule sub-module

39 | P a g e
 Presentation Model on Calculating Student’s Academic Marks and generate report on Calculate Marks
sub-module

Presentation Model on Calculating Student’s Academic Marks and generate report on Calculate Marks
sub-module

40 | P a g e
Entity-Relationship Model for Faculty Coordinator
Module

41 | P a g e
Module 3: Internship Student
Description
The module is to descript the daily routine of internship student to access MyLI
system as shown below:
• Activities List
During the internship, the student will access MyLI to insert their daily activities in
the online logbook. Students are allowed to add, update and view the logbook.
• Supervisor's Info
Student can view information about their supervisor and each student will have
two supervisors which means One from the faculty and the other one from the
industry that they are attached to.

• Calculation (Weekly Performance Mark)

Online logbooks should also record the mark given by the industry supervisor to
the LI student weekly. This mark can then be summed up based on month so
student performance throughout their industrial training can be monitor and
analyses. Mark given by the industry's supervisor during mid and end semester, can
also be calculated. Any other calculation relevant to the module can also be
included.
• Report
A report in the form of visualization that could give insightful information such as
student performance based on mark given by the industry's supervisor,
attendances or any other report relevant to the module.

42 | P a g e
Access model for Internship Student Module

43 | P a g e
Presentation model for Internship Module

Presentation Model on Student’s account dashboard

44 | P a g e
 Presentation Model on Student’s Logbook Progress on Student Progress sub-module

Presentation Model on Supervisor’s Information sub-module

45 | P a g e
 Presentation Model on Calculating Student’s Academic Marks and generate report on Calculate Marks
sub-module

Entity-Relationship model for Internship Module

46 | P a g e
Flow
After login, student dashboard is shown as below

Logbook form for adding daily activities

Logbook table include add, edit and delete

Upload offer letter from device

47 | P a g e
View supervisor information of industrial and faculty with search bar

Calculate total marks by month

View report based on total marks and attendance

Job openings information

48 | P a g e
49 | P a g e
Module 4: Faculty Supervisor
Description
• Student List & Faculty Supervisor Information
A maximum of 5 students will be assigned to the faculty supervisor. The faculty
supervisor has access to all students under their supervision, including their
student id, name, phone number, email, company affiliation, and address. If any of
their personal information is obsolete, faculty supervisors can update it so that
students can easily contact them.
• Academic Progress
The lecturer can only see the progress of their students based on the online
logbook, which is updated regularly by their student and is reviewed by the
industrial supervisor.
• Calculation (Presentation, and Semester Grade)
Students must present their work to the designated faculty supervisor before the
internship ends. The student's output during the internship will be monitored by
the faculty supervisor based on the industry supervisor's weekly mark. During the
middle and end of the course, the faculty supervisor must also enter assessment
marks into MyLI. The number of marks from the mid- and end-of-semester
assessments, or some other measure applicable to the module, can be used.
• Generate a report
A report in the form of a visualization could provide useful information such as
student results (based on a mark assigned by the industry's supervisor) or a
comparison of weekly, mid-term, and final semester grades between students
supervised by the same faculty supervisor.

50 | P a g e
Access Model for Faculty Supervisor Module

Detailed access model for Faculty Supervisor’s view

51 | P a g e
Presentation Model for Faculty Supervisor Model

Presentation Model on Faculty’s account Dashboard

Presentation Model on Student Information sub-module

52 | P a g e
 Presentation Model on Student’s Logbook Progress on Student Progress sub-module

Presentation Model on Inputting and Calculate Student’s Academic Marks on Calculate Marks sub-
module

53 | P a g e
Presentation Model on options to Update the Student’s Academic Marks and also to option to generate
Report in PDF format file

Entity-Relationship Model for Faculty Supervisor Module

54 | P a g e
Module 5: Industry Supervisor
Description
• Student List & Industry Supervisor Info
Students under their supervision's records, such as their student id, name, phone
number, email, company details, and address, can be viewed by industry
supervisors. If any of their personal information is inaccurate or obsolete, industry
supervisors can update it so that students and faculty supervisors can easily
contact them.
• Student Progress
The industrial supervisor will view the students' progress while also providing
input or comments based on what their student has entered in the online
logbook. Weekly feedback on student results from the industry supervisor is
needed for the online logbook.
• Calculation (Weekly & Semester Performance Mark)
In addition to weekly results, the industrial supervisor must also enter assessment
marks into MyLI at the mid and end of the semester. The cumulative mark from
the mid- and end-of-semester assessments can be used in the estimate. Total
mark from weekly results or some other module-related measurement.
• Report
A report in the form of a visualization could provide useful information such as
student success (based on the industry's supervisor's mark) or a comparison of
weekly, mid-term, and final semester marks between students supervised by the
same faculty supervisor.

55 | P a g e
Access Model

Detailed access model for Industrial Supervisor’s view

56 | P a g e
Presentation Model

Presentation Model on Supervisor’s account Dashboard

Presentation Model on Student Information sub-module

57 | P a g e
 Presentation Model on Student’s Logbook Progress on Student Progress sub-module

Presentation Model on Inputs and Calculation on Student’s weekly progress in Feedback Form

58 | P a g e
 Presentation Model on options to Update the Feedback form and also to option to generate Report in
PDF format file

59 | P a g e
Entity-Relationship Model for Industry Supervisor
Module

60 | P a g e
Team Management
GROUP 5E PROPOSAL MEETING

DATE : 10 APRIL 2021

TIME : 3:00PM

PLACE : GOOGLE MEET

ATTENDANCE : 1. SARVESS A/L VEERIYAH

2. LAI YIN HAN

3. ESTHER A/P MANI

4. ALIAH MAISARAH BINTI MOHAMADIAH

5. NUR MUNIRAH BINTI MOHD REDZUAN

MEETING AGENDA:

1. BRIEFING OF PROJECT APPENDIX

• The project appendix was explained in detail by the leader, Sarvess.
• Each module was explained including the requirements needed in each module.
• The meeting includes discussion about defining problems, analyzing
requirements and producing a schedule.
• Each team member took notes of important details such as the project
requirements, models and the team progress schedule.

2. TASK SEGREGATION BETWEEN TEAM MEMBERS

• The appendix was divided into 5 modules and each team member was required
to be in charge of a module.
• Once each team member chose the modules, they wanted they could start
working on the proposal.
• Each member can start by defining each module, gathering information and
followed by writing the proposal.

61 | P a g e
 GROUP 5E PROPOSAL MEETING

DATE : 25 APRIL 2021

TIME : 5:00PM

PLACE : GOOGLE MEET

ATTENDANCE : 1. SARVESS A/L VEERIYAH

2. LAI YIN HAN

3. ESTHER A/P MANI

4. ALIAH MAISARAH BINTI MOHAMADIAH

5. NUR MUNIRAH BINTI MOHD REDZUAN

MEETING AGENDA:

1. EXPLAINING PROPOSAL DETAILS

• As problems and confusion arises while documenting the proposal, the leader
explains the requirements and sort out and confusion.
• The main system structure includes a use case diagram, data dictionary and
prototype interfaces.
• Each module requires an access model, entity relationship diagram and
presentation diagram.

2. PROGRESS CHECK
• Each member was reminded of their progress with the proposal documentation.
• Members are advised to complete their task according to the progress
schedules.
• Members are also advised to double check their work and ensure minimal faults.

62 | P a g e
 GROUP 5E PROPOSAL MEETING

DATE : 5 MAY 2021

TIME : 10:00PM

PLACE : GOOGLE MEET

ATTENDANCE : 1. SARVESS A/L VEERIYAH

2. LAI YIN HAN

3. ESTHER A/P MANI

4. ALIAH MAISARAH BINTI MOHAMADIAH

5. NUR MUNIRAH BINTI MOHD REDZUAN

MEETING AGENDA:

3. DISCUSSION ON MINI-PROJECT PROPOSAL WITH LECTURER

• Each member was required to explain their own part of the mini-project
proposal to the lecturer on how it was done and details of their part.

4. PROGRESS CHECK
• Each member was highlighted on their mistakes by the lecturer on their progress
with the proposal documentation.
• The lecturer add-ons master Entity-Relationship Diagram, QR function, Entity-
Relationship Diagram description and also on status & update.

63 | P a g e