11/21/24, 10:47 PM CSC584 Storyboard D'JIA

FACULTY OF COMPUTER AND MATHEMATICAL SCIENCES

CS240
BACHELOR OF INFORMATION TECHNOLOGY

CSC584 – ENTERPRISE PROGRAMMING

PROJECT STORYBOARD

STUDENT NAME STUDENT ID GROUP

NURUL IZZAH BINTI MOHD AZRI 2020819822

ANIS SYAFIQAH BINTI MOHD AZLI 2020827746 RCS2404A

SITI NURULJANNAH BINTI 2020818856

SULAIMAN

LECTURER’S NAME MR. MUHAMMAD NABIL FIKRI JAMALUDDIN

about:blank 1/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

CSC584
Group/Individual Project

Score Sheet – Proposal Storyboard

Student Names: NURUL IZZAH BINTI MOHD AZRI (2020819822)

ANIS SYAFIQAH BINTI MOHD AZLI (2020827746)

SITI NURULJANNAH BINTI SULAIMAN (2020818856)

Project Title: APPOINTMENT MANAGEMENT SYSTEM FOR D’JIA DENTAL CLINIC

Comments

Database design

/2
□ Table structure
/2
□ Relationship between tables

Total 1 /4

Flow of application

/2
□ 1: Create /Read
/2
□ 2: Update /2

□ 3: Delete

Total 2 /6

Grand Total /10

about:blank 2/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

about:blank 3/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

1.0 INTRODUCTION

We proposed implementing an appointment management system to handle the patient’s

information details, type of treatments, date and time in this proposal paper. My team members
and I will create this system for D’JIA Dental Clinic.The team members are Anis, Izzah and
Jannah will help to create this system successfully. For this company, we have examined the
requirements that must be fulfilled in the new system. The company that will implement this
system is D’JIA Dental Clinic, which offers the services of treatment to the people in the whole
country, which is Malaysia. This company was founded in early April 2012. This company gives
the best treatments just focusing on dental only. There are many treatments in this clinic such as
scaling, filling, tooth extraction, braces, Root Canal Treatment(RCT), Minor Oral Surgery(MOS)
and others. The clinic has 3 dentists who have many experiences in the field of dentistry.
Furthermore, D’JIA Dental Clinic does not have a system yet to book an appointment. As for
now, if a patient wants to book an appointment, they must contact the clinic or whatsapp and
they will come on that day that they have booked.It will cause such problems to the clinic if the
patient does not follow the instructions for making an appointment.

We summarized and highlighted the issues faced by the organization in order to handle a
list of booked appointments in the current problem statement section. We describe the project’s
objectives and include the Entity Relational Diagram (ERD) in Crow’s Foot notation, which
describe the project’s main concept. In the flow of the application part,we also explain the plan
CRUD (create,read,update, and delete) activities.

about:blank 4/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

1.1 Role of Members

Figure 1: D’JIA Dental Clinic Organizational Chart

ANIS SYAFIQAH BINTI MOHD AZLI (PROJECT MANAGER)

● Ensure that all group members have the necessary abilities and keep track of the
development of the group project.
● In charge of the objective, ERD diagram, flow of application and compiling the project

NURUL IZZAH BINTI MOHD AZRI (PROGRAMMER 1)

● Using Google Meet and WhatsApp to discuss the work assigned by the Project
Manager
● Work together on the project manager's tasks.
● In charge of the problem statement, ERD diagram and flow of application.

SITI NURULJANNAH BINTI SULAIMAN (PROGRAMMER 2)

● Using Google Meet and WhatsApp to discuss the work assigned by the Project
Manager
● Work together on the project manager's tasks.
● In charge of the introduction, ERD diagram and flow of application.

about:blank 5/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

about:blank 6/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

3.0 OBJECTIVE

I. Digitalize the data

● In order to make the appointment booking easier, we need to digitize the data
where patients can make an appointment through a website and they also can
select the date and time that they want to book but by looking at the emptiness
that exists at that time. By making an appointment via website, the patients also
will get a confirmation email that can validate the patients booking appointment
when they come to the clinic.

II. Improve data performance

● File based system actually stores data in the form of isolated files which have
their own set of property tables and physical location on the drive and the user
manually goes to these locations to access the files. In order to prevent the
overlapping or redundant data of patient’s appointment, the stored data of patients
appointment in the book needs to change to the digitized data, where all patients
appointments can be seen and updated via the website by the clinic staff. It also
will make the appointment journey easier as the patients also will get the valid
appointment date and time without worrying about the other patients as everyone
has a different time of appointment.

III. Reduce no-shows

● When patients miss appointments, it bothers the clinic as it costs the clinic money
and time. For every patient that does not make it to their appointment, the clinic
will lose out on revenue. An online appointment scheduling system can reduce the
no-shows dramatically by sending out reminders. The appointment scheduler
connects with clinic patient’s online calendars. Their calendar will remind them
about their appointment while giving them an appropriate amount of notice. The
dental clinic can also schedule SMS reminders through the system.

about:blank 7/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

4.0 FLOW OF APPLICATION

4.1 Flowchart

This is the flowchart for our website, where it will show the flow that the patients need to
undergo to make a booking appointment with D’JIA Dental Clinic.

Figure 2: Flow of D’JIA Dental Clinic Website

about:blank 8/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

about:blank 9/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

<h3><b><label for="phone number">Contact Number:</label></b><br>

<input type="text" name="phone number" size=25 /></h3>

<h3><b><label for="email">Email:</label><br></b>
<input type="text" name="email" size=28 /></h3>

<input type="submit" value="Submit Appointment Form" />

<input type="reset" value="Reset" />

</form>
</fieldset>

</body>
</html>

(Output)

Example: Patient enter their personal information to make booking appointment

about:blank 10/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

4.3 UPDATE Appointment Form

(Input)

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>UPDATE</title>
</head>
<body style="background-color:MistyRose;">

<fieldset>
<h1>Patient Appointment Update:</b></legend></h1>
<form id ="UPDATE" name="Date" method="post">

<h3><b>IC Number:</b>
<input type="text" name="IC Number" size=25 /></h3>

<h3><label>Appointment_Date: </label>
<input type="date" name="date" value=" mm / dd / yy" size=15 /></h3>

<h3><label>Appointment_Time: </label>
<input type="time"name="appt" value=" -- : -- --" size=15 /> </h3>

<h3><label>Treatment_ID: </label>
<select>
<option value = "Select">Select </option>
<option value = "Scaling">1001</option>
<option value = "Root Canal">1002</option>
<option value = "Filling">1003</option>
<option value = "Tooth Extraction">1004</option>
<option value = "Denture">1005</option>
<option value = "Minor Oral Surgery">1006</option>
</select><br><br></h3>

<button type="submit">Update</button>&nbsp;
<button type="reset">Reset</button>

</form>
</fieldset>
</body>
</html>

about:blank 11/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

about:blank 12/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

4.4 DELETE Appointment

(Input)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DELETE</title>
</head>

<body style="background-color:MistyRose;">

<fieldset>
<div align="center">
<h1>Delete Appointment</h1>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-8">
</div>

<body>
<div align="center">
<form method="post"
action="file:///C|/xampp/htdocs/System_Booking/System_Booking/delete.php">
<p><strong></strong></p>
<p>&nbsp;</p>

<h3><b><label for="ic number">IC NUMBER:</label></b>

<input type="text" name="ic number">
</p>

<p>
<input type="submit" name="submit" value="Submit">
<input type="reset" name="reset" value="Reset">
</p>

</form>
</div>
</fieldset>
</body>
</html>

10

about:blank 13/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

(Output)

Example: Remove the canceled appointment records from patient

11

about:blank 14/15
11/21/24, 10:47 PM CSC584 Storyboard D'JIA

about:blank 15/15