DEPARTMENT OF INFORMATION TECHNOLOGY AND

COMMUNICATION

DFP50193 WEB PROGRAMMING

LECTURER NAME

TYPE OF
Laboratory Task 3
ASSESSMENT

TOPIC 3.0 Database Connectivity

DURATION 2 Hours

DATE OF
ASSESSMENT

NAME REGISTRATION NO.

INDIVIDUAL

MARKS
CLO1 /30
 DFP50193: WEB PROGRAMMING

LABORATORY TASK 3

Construct the PHP program structure, file and directory

CLO 1 handling, database connectivity appropriately in developing P4, PLO 3
dynamic web page that connected to MySQL database.

A. OBJECTIVES

By the end of this assessment, student should be able :

i. Manipulates PHPMyAdmin
ii. To construct database connectivity using scripting language

B. TOOLS

i. PHP Code Editor

ii. XAMPP Server (any version)

C. INSTRUCTIONS

i. Answer all the questions individually.

ii. Document submission must include an answer sheet, question, file.php.

Question 1 – Manipulates PHPMyAdmin

a. Create database and name it as, “system_pinjaman_kunci”.

b. Create first table and name it as, “fasiliti”

id lokasi

1 APDV1
2 HM3

3 CCNA1
4 BK5

5 BK9
6 DKU

7 CNL2
Table 1 - Fasiliti
c. Create second table and name it as, “login”.
id username password

1 abu 123

2 ali 321

3 ahchong 333

4 mutusamy 222

Table 2 - Login
d. Create last table, and name it as, “rekod_pinjaman”.
id nama id_lokasi

1 abu 2

2 ali 4

3 ahchong 6

4 mutusamy 3

Table 3 - Rekod Pinjaman

(10 marks)
Question 2 – Create interfaces and Construct Database Connectivity

a. Create an interface by following the figure below and save it as ‘intro.php’:

Figure 1 – First Page ( intro.php)

i. If user enter invalid Username and Password, the message below will appear after click
“Submit” button:

Figure 2 – Popup invalid username and password

ii. “Submit” button will navigate user to “home.php”.

iii. “Semak” button will navigate user to “semak.php”.

b. Create a second page, and save it as, “home.php”.

i. Display this message at the first place:

Figure 3 – Popup welcome message

ii. Design details for home.php:

Figure 4 – Second Page ( home.php )

iii. “Kembali” button will turn to Intro Page.

iv. If user click “Pinjam” button, this confirmation popup will appear:

Figure 5 – Popup confirmation alert

v. After user click “OK”, the navigation will go to “confirm.php” page.

c. Create “confirm.php” page:

Figure 6 – Third Page ( confirm.php )

i. “Kembali” button will turn to Intro Page.

d. Create “semak.php” page:

Figure 7 – Semak Page ( semak.php )

i. Combine between table “rekod_pinjaman” and “fasiliti” to display data as Figure 7.

ii. “Kembali” button will turn to Intro Page.

(20 marks)
PREPARED BY : CHECKED BY : APPROVED BY:
(Course Lecturer) (Course Coordinator) (Head of Programme / Head of
Department)

…………………………… ……………………………… ………………………………

(WAN MOHD ZULHAFIRIE BIN (KAMAL APANDY JALIL (NURHANI MOHD SABRI)
WAN AHMAD ) APANDY ) Date :20/3/2024
Date : 12/4/2024 Date : 12/4/2024
 RUBRIC FOR LABORATORY TASK 3

COURSE CODE: DFP50193

COURSE NAME: Web Programming
PRACTICAL TITLE: Manipulates PHPMyAdmin and Construct Database using scripting language

REGISTRATION NO.:
NAME:

CRITERIA
4 3
Demonstrates a thorough
understanding of the given
Understanding &
problem, accurately
Problem-solving
identifying key requirements
and constraints.
Code executed without error,
comply all requirements and
Code Execution
well-organized.
Successfully executed
Output precisely as expected output
or beyond expectation.
Documentation
MARK
Shows a good understanding
of the problem, though some
minor details or requirements
might be overlooked.
Code executed with minor
error,easy to fix or meet 50%
of the requirements.
Successfully executed most
precisely as expected output.
Provides all submission
documents with related .php
file’s name.
WEIGHTAGE
MARKS
2 1 QUESTION 1 QUESTION 2
Understands parts of the Shows minimal understanding of the
problem but lacks clarity problem, with significant confusion or
on some key aspects. misinterpretation of requirements X1 X1 /8
Implements a solution but Attempts implementation but with
with significant syntax major syntax errors or code that does
X1 X1 /8
errors or inconsistencies. not execute. PHP conventions are
Code readability is poor. disregarded.
Successfully executed but Unsuccessfully execute as expected
far from expected output. output. X1 X1 /8
Provides all submission Provides adequate submission of
document with unrelated answer sheet or .php file X2 /6
.php file’s name.
TOTAL MARK /30

PREPARED BY : CHECKED BY : APPROVED BY:

(Course Lecturer) (Course Coordinator) (Head of Programme / Head of Department)

…………………………… ……………………………… ………………………………

(WAN MOHD ZULHAFIRIE BIN WAN AHMAD) (KAMAL APANDY JALIL APANDY ) (NURHANI MOHD SABRI)
Date : 12/4/2024 Date : 12/4/2024 Date :12/4/2024