Streamlining Dental Clinic Management For Effectiv
Streamlining Dental Clinic Management For Effectiv
Web Engineering
Vol. 3 No. 2 (June 2024) eISSN: 2821-370X
Abstract - Oral health is an integral part of overall health, and poor oral hygiene can lead to a variety of health problems. Modern
oral care has greatly improved our quality of life, but the increasing demand for routine dental checkups and treatments calls for
improved systems for managing patient records and appointments. While technology has significantly enhanced the efficacy and
experience of dental care, many dental clinics still rely on paper records to record the patient’s oral condition, but these are not
easily accessible to the patients for viewing. This study aims to address the issue by developing a Dental Clinic Management
System to manage patient appointments and records. This system will allow patients to manage their appointments, view their
dental history, and receive comments from dentists. Dentists will be able to view appointments, perform treatments, and provide
feedback to patients, while the administrator or receptionist will be able to manage appointments, view records, and create
invoices. By streamlining dental clinic management, this system aims to improve the overall quality of oral healthcare.
Keywords— Dental, Clinic Management System, Appointment, Oral Health, Productivity and Usability
I. INTRODUCTION
In the ever-changing world, the application of digitalization has become the new norm in the pursuit of having better
efficiencies in the work we carry out in our daily lives. Digitalization enables us to carry out the tasks we
traditionally associated with the use of paper manually by turning them into digital data to a computer, making the
process more efficient and less wasteful. There are still some businesses that still collect data and information using
physical hardcopy and have not fully gone through digitalization, one of them being dental clinics.
Currently, dental clinics still rely on physical dental charts made with paper to record the patient’s dental
information, such as teeth conditions and treatment performed. Moreover, all this information is not available to be
accessed and viewed easily by the patients themselves. Prior to this, there had been some research that had
investigated implementing an application for recording the patient’s dental information [1][2][3][4].
Thus, a web-based Dental Clinic Management System (DCMS) was proposed to provide better experience from the
usability standpoint for the patients and the staff working in the dental clinic. It should provide both patients and
Journal of Informatics and Web Engineering
https://doi.org/10.33093/jiwe.2024.3.2.5
© Universiti Telekom Sdn Bhd. This work is licensed under the Creative
Commons BY-NC-ND 4.0 International License.
Published by MMU Press. URL: https://journals.mmupress.com/jiwe
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
dental clinic staff with a better overview and availability of the appointments, dental records, and treatments
performed.
71
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
Tooth extractions are treatments that remove the teeth. The factors of having the teeth removed can be due to the
teeth being affected by cavities, root infection, damage, and many more [14]. Teeth whitening is a treatment to make
your teeth more appealing by bleaching your teeth to make them become whiter and brighter [14].
D. Existing Systems
From the study, we have chosen three existing systems that are advertised in scheduling appointments for dental
clinics. The system chosen are MyDentalClinic, Picktime, and Timely.
Figure 1 shows the dashboard page of the MyDentalClinic application. MyDentalClinic is an application that helps
the clinic to keep track of their patient’s dental information [15]. The application consists of features such as add
patient, add appointment, view upcoming appointments, and etc. The pros of the application are its intuitive design,
making it easy to use. Next, the patients are allowed to register a profile online, this negates the use of paper for
patient registration. Finally, there is a built-in dental chart for the dentist to use. As for the con, the patients are not
allowed to book appointment. The appointments can only be made by the dental clinic.
Figure 2 shows the dashboard page of the Picktime application. Picktime is an online appointment scheduling
application that allows businesses to perform appointment scheduling [16]. The application consists of features such
as adding appointments, add customers, view upcoming appointments, perform payment, and many more. The pros
of the application are that it can be customized to suit for different types of businesses. Moreover, it is able to
generate an appointment booking link and share to customer. Finally, it can generate and view financial reports and
expenses. As for the cons, the application does not give the customer access to past appointment details. Next, the
application does not have the ability for the customer to perform changes to their appointment.
72
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
Figure 3 shows the calendar page of the Timely application used by Drs. Wong & Partners Dental Surgeon (Subang
Perdana Branch). Timely is a business management software that helps businesses to manage their business [17]. It
is a type of appointment booking software that performs appointments scheduling for customers, with business
minded features such as sending of marketing emails and checking sales and revenue. The pros of the application are
it being able to send marketing messages to customers, and view their expenses and revenue earned. As for the cons,
firstly, the patient’s profiles only able to be registered in the clinic at the receptionist counter. Next, if a patient
wants to make changes to their appointment, they will require to contact the clinic to make the request. Furthermore,
the patient does not have access to using the application, which also translates to them being not able view their
appointments, treatments performed, and dental records.
Figure 3. Schedule Appointment from Drs. Wong & Partners Dental Surgeon (Subang Perdana Branch)
73
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
Patient Account Y N N Y
Login
Patient N N N Y
Staff Y Y Y Y
Create Appointment
Patient N N N Y
Dentist Y Y N N
Staff - Y Y Y
Edit Appointment
Patient N N N Y
Dentist Y Y N N
Staff - Y Y Y
Cancel Appointment
Patient N N N Y
Dentist Y Y N N
Staff - Y Y Y
Patient N N N Y
Dentist Y Y N Y
Staff - Y Y Y
Add Treatment Y N N Y
Details
Dentist give N N N Y
comments to patient
74
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
The software stack through Visual Studio Code, React, CSS, TypeScript, and Firebase are typically including
various components, such as front-end frameworks, styling languages, programming languages, and back-end
technologies. Front end frameworks like React play a pivotal role in structuring and managing user interfaces,
allowing developers to create reusable components and handle application state efficiently. The framework is
produced by Facebook and are in the trend for development framework [18].
Styling languages like CSS provide the means to define the visual appearance of these interfaces, enabling
customization and responsive design. Programming languages like TypeScript bring strong typing and enhanced
tooling to the development process, ensuring code correctness and scalability. It is also a superset of JavaScript,
mainly extends JavaScript with type annotations makes it easy to debug problems [19].
On the back end, technologies like Firebase provide database storage and management capabilities, facilitating
efficient data handling and real-time synchronization. Firebase is a Google platform that simplifies the creation,
maintenance, and scaling of projects for developers [20]. Together, these components form a comprehensive
technology stack [21][22], which empowers developers to create sophisticated web applications with seamless user
experiences [23][24][25].
Figure 5 represents the context diagram for Dental Clinic Management System (DCMS). Context diagrams, also
known as Data Flow Diagram (Level 0), are a high-level view of a system that maps out the interactions of different
entities with the system. Firstly, for the patient’s inputs, there would be account registration, login, create
appointments, edit appointments, cancel appointments, and view invoices. For the outputs, the patient would receive
results of their account registration, login results, appointment details, history of their appointments and treatments.
Moreover, for the dentist inputs, there would be login of account, adding treatment, and giving comments for the
treatments. As for the outputs to the dentist, the system would send the login results, their patient’s appointment
details, past appointments, and treatments history. Next, for the administrator or receptionist inputs, they would
75
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
perform account login, help patients to create appointments, edit appointments and cancel appointments. Invoices
details are also entered for the patient’s invoice generation. For the outputs to the administrator or receptionist, the
system would send the login results, the patient’s upcoming appointments and past appointments details.
76
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
Figure 7 shows the dentist’s home dashboard of the Dental Clinic Management System (DCMS). Just like patient’s,
the layout and design of the dentist’s dashboard are sectioned into two panels. The left panel would show a welcome
dentist name message, with some option menus below it, such as upcoming appointment, past appointments history,
patient treatment records, and apply treatment. As the options menu name suggest, selecting upcoming appointments
would display upcoming patient’s appointments assigned to the dentist, past appointments would display previous
appointments, patient treatment records would show the treatments the patients performed, and finally, apply
treatments would allow the dentist to apply treatment. On the right panel of the screen, it will display upcoming
appointments, past appointments history, and patient treatment records to the dentist immediately of a screen.
77
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
Figure 8 shows the administrator’s or receptionist’s home dashboard of the Dental Clinic Management System
(DCMS). Just like patient’s and dentist’s, the layout and design of the dentist’s dashboard are sectioned into two
panels. The left panel would show a welcome administrator’s or receptionist’s name message, with some option
menus below it, such as book an appointment, upcoming appointment, patient records, and invoices. As the options
menu name suggest, selecting book an appointment would book a new appointment for the patient, upcoming
appointments would display upcoming patient appointments, patient records would allow the administrator or
receptionist to select which patient profile to search for, and finally, invoices would allow the administrator or
receptionist to apply and view invoices. On the right panel of the screen, it will display upcoming appointments, and
patient records.
Figure 8. Admin or receptionist home dashboard of Dental Clinic Management System (DCMS)
Figure 9 shows the patient’s booking an appointment screen of the Dental Clinic Management System (DCMS). In
this screen, the patient would be required to select the date of appointment, treatment types, dentist for the
appointment, and finally time of desired treatment. After done selecting the required information, clicking the book
appointment button will complete the appointment booking process.
Figure 9. Patient creates appointment screen of the Dental Clinic Management System (DCMS)
78
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
Figure 10 shows the administrator’s or receptionist’s booking an appointment screen of the Dental Clinic
Management System (DCMS). In this screen, the administrator or receptionist would be required to select the
patient, the date of appointment, treatment types, dentist for the appointment, and finally time of desired treatment.
After done selecting the required information, clicking the book appointment button will complete the appointment
booking process.
Figure 10. Administrator or receptionist create appointment screen of the Dental Clinic Management System (DCMS)
Figure 11 shows the patient’s edit appointment screen of the Dental Clinic Management System (DCMS). In this
screen, the patient would require selecting a new date or time should they desire to edit their current appointment
time. The system will also display the patient’s current appointment schedule for their reference. Once they have
decided the date and time, selecting the update button would complete their appointment editing and update the
appointment.
Figure 11. Patient edits appointment screen of the Dental Clinic Management System (DCMS)
Figure 12 shows the dentist’s apply treatment screen of the Dental Clinic Management System (DCMS). In this
screen, a dental chart, alongside teeth condition and legend will be displayed. The dentist would select the patient’s
name and the appointment ID for the treatment. The dentist would then require filling in the patient’s dental details
79
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
such as their teeth conditions, the treatments performed on which tooth or teeth, given medication and comments of
the treatment for the patient’s viewing. Once the dentist has finished filling up, clicking the submit button would
complete the adding of treatment.
Figure 12. Dentist applies treatment screen of the Dental Clinic Management System (DCMS)
Figure 13 shows the patient’s view treatment screen of the Dental Clinic Management System (DCMS). In this
screen, a dental chart, alongside teeth condition and legend will be displayed. The patient can view their teeth
conditions, the treatment performed on which tooth or teeth, given medication and comments by the dentist.
Figure 13. Patient view treatment screen of the Dental Clinic Management System (DCMS)
Figure 14 shows the administrator’s or receptionist’s view and create patient invoice screen of the Dental Clinic
Management System (DCMS). In this screen, the previous invoices of the selected patient would be displayed. To
create an invoice, the administrator or receptionist would select the date of appointment, the appointment ID, and fill
in the fee for the appointment and treatment. Once done, clicking the create button will create the invoice for the
patient.
80
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
Figure 14. Administrator or receptionist view and create patient invoice screen of the Dental Clinic Management System (DCMS)
Figure 15 shows the patient’s view invoice details screen for the Dental Clinic Management System (DCMS). In this
screen, it will display the date, time, dentist assigned, appointment ID, treatment ID, patient name, treatment type,
tooth or teeth operated, medication given, and the fee of the selected appointment.
Figure 15. Patient view invoice details screen of the Dental Clinic Management System (DCMS)
B. Code Implementation
A high-level pseudocode is illustrated in Figure 16 to further support the feasible architecture framework and flow
mechanism of the Dental Clinic Management System (DCMS). The list of user interfaces (Patient, Dentist,
Administrator) and their attributes and methods are defined. Each interface is listed with the types of properties
required.
In addition, we use the “useState” hook to handle the information data retrieved from the App collection and add
each value to the set of arrays, ready to be added into Firebase database. Each state variables are initialized with
different types of interfaces that can hold objects of its specified type.
81
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
Finally in the main program loop, the main application logic is first evaluated to create a continuous loop for user
interaction and will continue to run until the program explicitly breaks out of it. Entering the loop, the function
“displayMenuOptions()” allows the user to choose their role, either as Patient, Dentist, Administrator, or to Exit
Program. Upon selecting, the “geUserChoice()” function evaluates the input and determines the corresponding
functions based off the user’s selection. Each user selections will be authenticated by the stated function
“authenticateUser()”. If the authentication is successful, the specific menu functions (“patientMenu()”,
“dentistMenu()”, “administratorMenu()”) will be called from the corresponding user selected.
After finalizing the type of user and methods to call, the program proceeds to render the required UI (User Interface)
components from the “App” interface to interact with the user.
User Interfaces (Patient, Dentist, Administrator)
// User interface
interface User {
id: string;
name: string;
contactInfo: string;
}
// Patient interface extends User
interface Patient extends User {
medicalHistory: string[];
appointments: Appointment[];
viewMedicalHistory: () => void;
scheduleAppointment: () => void;
viewAppointmens: () => void;
receiveFeedback: () => void;
}
// Dentist interface extends User
interface Dentist extends User {
specialization: string;
appointments: Appointment[];
viewAppointments: () => void;
performTreatment: () => void;
provideFeedback: () => void;
}
// Administrator interface extends User
interface Administrator extends User {
manageAppointments: () => void;
viewPatientRecords: () => void;
createInvoice: () => void;
}
82
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
paymentStatus: string;
}
Data Structures
const App: React.FC = () => {
// State variables to store data
const [patients, setPatients] = useState<Patient[]>([]);
const [dentists, setDentists] = useState<Dentist[]>([]);
const [administrators, setAdministrators] = useState<Administrator[]>([]);
const [appointments, setAppointments] = useState<Appointment[]>([]);
const [invoices, setInvoices] = useState<Invoice[]>([]);
}
Main Program Loop
const App: React.FC = () => {
while (true) {
displayMenuOptions();
const userChoice = getUserChoice();
if (userChoice === “Patient”) {
const patient = authenticatePatient();
if (patient) {
patientMenu(patient);
}
}else if (userChoice === “Dentist”) {
const dentist = authenticateDentist();
if (dentist) {
dentistMenu(dentist);
}
}else if (userChoice === “Administrator”) {
const administrator = authenticateAdministrator();
if (administrator) {
administratorMenu(administrator);
}
}else if (userChoice === “Exit”) {
exitProgram();
break;
}
// returns UI components
return (
<div className=“App”>
<...>
</div>)
};
export default App;
Figure 16. High-level pseudocode of the Dental Clinic Management System (DCMS)
V. CONCLUSION
In conclusion, the use of a web-based Dental Clinic Management System (DCMS) would bring plenty of
convenience and improvements to dental clinics. Patients and dental clinic personnel are able to profit from
improved productivity, usability, and accessibility by adopting digitalization and shifting away from traditional
paper based dental charts to digital based system. This system addresses the disadvantages and constraints of
traditional paper based dental records, such that the patient’s information, such as teeth condition information,
treatment records, and appointment details are all recorded directly into the system, rather than onto paper, which
reduces the likelihood of the patient’s dental information getting lost. Furthermore, due to the nature of this system
being web-based, as long as the patient has internet access, they are able to register themselves into the system and
check their dental information and manage appointments. This would also result in better flexibility as they would
no longer be required to contact the dental clinic personnels to manage their appointments. Additionally, dental
83
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
clinic personnels would also benefit from workflow improvements, with one of the features allowing them to search
and access the patient’s dental information directly from the system, rather than having to go through their records
storage and find them.
To sum up, the usage of a Dental Clinic Management System (DCMS) would help digitalize a dental clinic, which
include performing the system acceptance or functional test in the future work. With this, this system can offer a
better, accessible, and flexible way of handling patient data and information, and providing better workflow in a
dental clinic workspace.
ACKNOWLEDGEMENT
A version of this paper was presented at the third International Conference on Computer, Information Technology
and Intelligent Computing, CITIC 2023, held in Malaysia on 26th-28th July 2023.
The authors received no funding from any party for the research and publication of this article.
AUTHOR CONTRIBUTIONS
Sin-Ban Ho: Conceptualization, Data Curation, Formal Analysis, Investigation, Methodology, Validation,
Visualization, Resources, Supervision, Writing – Original Draft Preparation;
En-Yu Chew: Data Curation, Formal Analysis, Investigation, Methodology, Validation, Visualization, Writing –
Original Draft Preparation;
Chuie-Hong Tan: Project Administration, Supervision, Writing – Review & Editing
CONFLICT OF INTERESTS
No conflict of interests were disclosed.
REFERENCES
[1] J. C., Atkinson, Z., Gg, & C. R., Shah, “Electronic Patient Records for Dental School Clinics: More Than Paperless Systems.”, Journal of
Dental Education, 66(5), pp. 634–642, 2002, DOI: https://doi.org/10.1002/j.0022-0337.2002.66.5.tb03542.x
[2] D., Taylor, R. N., Naguib, & S., Boulton, “A dynamic clinical dental relational database”, IEEE transactions on information technology in
biomedicine: a publication of the IEEE Engineering in Medicine and Biology Society, 8(3), pp.298–305, 2004, DOI:
https://doi.org/10.1109/titb.2004.832541R. Arul and K. Jeganathan, "Implementation of SVD for effective recommendation system," Journal
of Semantic Web, vol. 5, pp. 75-81, 2010.
[3] M. F., Walji, D., Taylor, J. R., Langabeer, & J. A., Valenza, “Factors Influencing Implementation and Outcomes of a Dental Electronic
Patient Record System”, Journal of Dental Education, 73(5), pp.589–600, 2009, DOI: https://doi.org/10.1002/j.0022-
0337.2009.73.5.tb04734.x
[4] Hussain, A. R., Kachymalay K., & Aziz., A. A., “Interactive dental charting: Towards an electronic dental information system”, 10th
International Conference on Information Science, Signal Processing and their Applications (ISSPA 2010), Kuala Lumpur, Malaysia, pp. 794-
797, 2010, DOI: https://doi.org/10.1109/ISSPA.2010.5605509
[5] World Health Organization: WHO. (2019). Oral health. Retrieved May 18, 2023, from https://www.who.int/health-topics/oral-health
[6] Oral Health Conditions. (2022). Retrieved May 18, 2023, from https://www.cdc.gov/oralhealth/conditions/index.html
[7] W. S. B. W., Ismail, (2017). Periodontal Disease Amongst Malaysian - Portal MyHealth. Portal MyHealth. Retrieved May 18, 2023, from
http://www.myhealth.gov.my/en/periodontal-disease-amongst-malaysian/
[8] M., Schneider, (2023). Why Dental Health is So Important. Group Medical Services. Retrieved May 18, 2023, from
https://www.gms.ca/living-well/why-dental-health-is-so-important
[9] Cavities/tooth decay - Symptoms and causes - Mayo Clinic. (2022). Mayo Clinic. Retrieved May 18, 2023,
https://www.mayoclinic.org/diseases-conditions/cavities/symptoms-causes/syc-20352892
[10] Periodontitis - Symptoms and causes - Mayo Clinic. (2023). Mayo Clinic. Retrieved May 18, 2023, https://www.mayoclinic.org/diseases-
conditions/periodontitis/symptoms-causes/syc-20354473
84
Journal of Informatics and Web Engineering Vol. 3 No. 2 (June 2024)
[11] American Association of Endodontists. (2022). Cracked Teeth - American Association of Endodontists. Retrieved May 18, 2023,
https://www.aae.org/patients/dental-symptoms/cracked-teeth/
[12] T., Jewell, (2020). Root Canal Infections: Symptoms, Causes, Treatment, and Prevention. Healthline. Retrieved May 18, 2023,
https://www.healthline.com/health/root-canal-infection#complications
[13] N., Duggal, (2018). Tooth Enamel Erosion: What You Should Know. Healthline. Retrieved May 18, 2023,
https://www.healthline.com/health/enamel-erosion
[14] NHS. (2022). Dental treatments. nhs.uk. Retrieved May 18, 2023, https://www.nhs.uk/live-well/healthy-teeth-and-gums/dental-treatments/R.
Arul and K. Jeganathan, "Implementation of SVD for effective recommendation system," Journal of Semantic Web, vol. 5, pp. 75-81, 2010.
[15] Quantum X Inc. (n.d.). My Dental Clinic. Retrieved May 18, 2023, from https://dentalclinicapp.com/
[16] Picktime. (n.d.). Online Free Appointment Scheduling Software | Booking Software | Calendar Management System. Retrieved May 18,
2023, from https://www.picktime.com/
[17] Timely. (2023). Timely Appointment Booking Software | Exceptional client experiences | Timely. Retrieved May 18, 2023, from
https://www.gettimely.com/
[18] C. M., Novac, O. C., Novac, R. M., Sferle, M. I., Gordan, G., Bujdoso, & C. M., Dindelegan, “Comparative study of some applications made
in the Vue.js and React.js frameworks”, 2021 16th International Conference on Engineering of Modern Electric Systems (EMES 2021), 2021,
DOI: https://doi.org/10.1109/emes52337.2021.9484149
[19] J., Bogner, & M., Merkel, “To Type or Not to Type? A Systematic Comparison of the Software Quality of JavaScript and TypeScript
Applications on GitHub”, 2022 IEEE/ACM 19th International Conference on Mining Software Repositories (MSR), pp. 23-24, May 2022,
Pittsburgh, PA, USA, DOI: https://doi.org/10.1145/3524842.3528454
[20] J., Joshi, D., Bhirud, G., Shinde, V., Avhale, S. R., Vispute, & K., Rajeswari, “Inventory and Attendance Management System for
Construction Firm with Voice Assistant”, 2022 6th International Conference on Computing, Communication, Control, and Automation
(ICCUBEA), pp. 26-27, August 2022, Pune, India, DOI: https://doi.org/10.1109/ICCUBEA54992.2022.10010844
[21] W.-X., Ong, S.-B., Ho, & C.-H., Tan, “Enhancing Migraine Management System through Weather Forecasting for a Better Daily Life.”,
Journal of Informatics and Web Engineering (JIWE), 2(2), pp. 201-217, 2023, DOI: https://doi.org/10.33093/jiwe.2023.2.2.15
[22] E. A., Anaam, S.-C., Haw, K.-W., Ng, P., Naveen, & R., Thabit, “Utilizing Fuzzy Algorithm for Understanding Emotional Intelligence on
Individual Feedback.”, Journal of Informatics and Web Engineering (JIWE), 2(2), pp. 273-283 , 2023, DOI:
https://doi.org/10.33093/jiwe.2023.2.2.19.
[23] M., Tang, L., Zhou, Y., Zhao, and Y., Liu, “Intelligent Dental Triage System oriented on Dental Symptom Knowledge Base”, In Proceedings
of the 3rd International Symposium on Artificial Intelligence for Medicine Sciences (ISAIMS '22), Association for Computing Machinery,
New York, NY, USA, pp. 452–456, 2022, DOI: https://doi.org/10.1145/3570773.3570793
[24] S. M. Devi Thumati, K. Dhanya, H. Sathish, K. C. Sekhar Madan and S. Rani., “A Comparative Study on the Working of GNN and CNN on
Panoramic X-Rays in Prediction of Dental Diseases”, 2023 8th International Conference on Communication and Electronics Systems
(ICCES), Coimbatore, India, 2023, pp. 755-762, 2023, doi: 10.1109/ICCES57224.2023.10192836.
[25] Murano, T., Muneyasu, M., Yoshida, S., Chamnongthai, K., Asano, A., and Uchida, K., “New Method of Detecting Calcification Regions in
Dental Panoramic Radiographs Based on U-PraNet”, 2021 20th International Symposium on Communications and Information
Technologies (ISCIT), Tottori, Japan, pp. 11-14, 2021, doi: 10.1109/ISCIT52804.2021.9590604.
85