Dental Clinic Appointment System
Dental Clinic Appointment System
Lawrence College
Affiliated To
Tribhuvan University
Institute of Science and Technology
Internship Report
On
Front End Web Development
At
Touchstone Infosys Pvt. Ltd.
Submitted to
Department of Computer Science and Information
Technology St. Lawrence College
Institute of Science and
Technology Tribhuvan University
Submitted by
Tul Bahadur Rai (7387/072)
MENTOR’S RECOMMENDATION
I hereby recommend that this report has been prepared under my supervision by Tul
Bahadur Rai on “Front End Web Development of Dental Appointment System” in
partial fulfillment of the requirements for the degree of BSc. in Computer Science and
Information Technology, be processed for evaluation.
..........................................
I hereby recommend that this report has been prepared under my supervision by Tul
Bahadur Rai in partial fulfillment of the requirements for the degree of BSc in Computer
Science and Information Technology be processed for evaluation.
…………………..……….
Mr. Tika Dahal
Faculty, St. Lawrence College
(Supervisor)
CERTIFICATE OF APPROVAL
We certify that we have read this dissertation work and in our opinion, an internship report
submitted by Tul Bahadur Rai is satisfactory on the scope and quality as a dissertation in
the partial fulfillment for the requirement of Bachelors of Science in Computer Science and
Information Technology.
Evaluation Committee
This intern report is prepared in the partial fulfillment of the requirements for the degree of
Bachelor in Computer Science and Information Technology. The satisfaction and success
of completion of this task would be incomplete without heartfelt thanks to people whose
constant guidance, support and encouragement made this work successful.
Firstly, I would like to give my gratitude towards my mentor Mrs. Tulasa Khakurel,
senior Web developer, for her unquestionable support. Without her support and
encouragement, it would have been difficult to work on.
I would also like to thank supervisor Tika Dahal who is also the program co-ordinator of
St. Lawrence College, for his invaluable encouragement, guidance and ever willingness to
spare time from his otherwise busy schedule.
I would like to dedicate our hearty gratitude to Touchstone Infosys Pvt. Ltd for providing
us with an opportunity to do internship at this reputed organization with full support and
cooperation. I would also like to thank Mrs. Tulasa Khakurel, Senior Project Manager
and entire mentors for their unquestionable support.
At the end, I would like to express my sincere thanks and appreciation to all my colleagues,
family and others who have helped me directly or indirectly during this internship period.
i
ABSTRACT
Dental Clinic Appointment System (DCAS) is a web based application that helps patient to
make an appointment with the dentist at dental clinic. Only the patient that have been registered
in DCAS be able to use the system. It is run by highly qualified and experienced health
professionals. This website covers Admin panel, Doctor panel, Receptionist panel and Patient
panel. User can perform search by doctor specialty, gender, and doctor name. User can
browse through doctors profile and view their specialty information. The register user can
choose and book an appointment at the flexible time and date. They can confirm or cancel
their reservation. And also allow dental clinic’s staff are able control and maintain patient
information through a computerized process.
This report provides an insight on the internship work carried out as the back end developer
of Dental Clinic Appointment System. This Dental Clinic Appointment System project was
originally developed in Code Igniter framework and thus the report includes the project re-
written in Laravel.
ABSTRACT................................................................................................................................ ii
LIST OF TABLES.....................................................................................................................vi
LIST OF ABBREVIATIONS..................................................................................................viii
CHAPTER 1
INTRODUCTIO
1.1.3.1. Introduction.........................................................................................................2
1.3 Objective.............................................................................................................................. 4
1.5 Motivation............................................................................................................................5
CHAPTER 2
SYSTEM
ANALYSIS
2.1 Requirement Analysis.......................................................................................................... 8
2.3 ER Diagram........................................................................................................................11
SYSTEM
DESIGN
CHAPTER 4
IMPLEMENTATION
TESTING
CONCLUSIO
6.1 Conclusion..........................................................................................................................24
References
Appendix: Screenshots
LIST OF TABLES
ER Entity Relationship
TU Tribhuvan University
INTRODUCTION
1
1.1.2 Scope of Project
The system can be implemented in private dental clinic. The aim of this system is to manage
the patient’s information and appointment. The chance of loosing data can be minimized. All
the required reports can be generated. Only admin can update the database. Other users will
only be able to view the records.
TSI mission is to provide a digital solution for website, CMS, e-commerce, and web
application. For each of the solution it focuses on making it efficient, user friendly as well as
cost effective. TSI works with languages and technologies like Node.js, PHP with Laravel,
MySQL, WordPress and some other development tools.
2
1.1.4.2 Contact Information
Following are the contact details of the Touchstone Infosys Pvt. Ltd.
Table 1.1: Contact Details of an Organization
Email [email protected]
Website www.touchstoneinfosys.com
1.3 Objective
The internship program was done to fulfill the academic requirement of B. Sc. CSIT 8 th
Semester. An internship provides a variety of benefits for the young workers who want to
broaden their chances for landing in a job and jump-starting their careers. The main
objectives of the internship project were to understand how the application works in real
time.
The following are the internship objectives that were to be achieved:
As per the requirement of the Tribhuvan University (TU), the final year students of B.Sc.
CSIT are required to complete a six credit (minimum ten weeks/180 hours long) internship as
a part of the course requirement. Internship is one of medium that helps to break down the
bars between the professional and the student life. Since, an internship is the course
curriculum of TU, every student perusing BSc. CSIT need to do the internship in any area of
their interest. So, the first motivation for choosing TSI was to fulfill my academic
requirements. Besides
this, working as an intern in the organization I also got the opportunity to work in real-time
projects which motivated me to work more towards my area of interest.
SYSTEM ANALYSIS
Generally, System development comprises of two major phases: System Analysis and System
Design. In System Analysis, the details of the existing system or proposed one is understood
and decided whether proposed system is desirable or not and decided whether the existing
system needs improvements. System analysis helps to understand the proposed system
architecture, working and goals. Thus, System Analysis can be summarized as the process of
investigating a system, identifying problems and using the gathered information to improve
existing system or develop the proposed one.
By interacting with clients, studying the documents provided by the clients, discussing with
the senior developers and studying the existing system we analyze the requirements of the
system to be developed for the clear view of how the system should be and how it should be
working so as to fulfill user requirements.
activate
time schdeule account
services
login/logout
doctor admin
update profile
new user
register
appointment
patients receptionist
bill
2.3 ER Diagram
ER-diagram represents how actually the database is designed. The relationships
among several existing entities are represented by means of E-R diagram. ER are also used in
conjunction with the Data Flow Diagrams (DFDs) in order to map out the information flow
of the system.
password
email lname
user_type
user 1 has dentist address
1
id
phone
user_name is_active
user_name 1
gender specialist
End_time
has
M
id timetable
user_name Start_time
dob
Day
fname
patient user_name
1 has
M
mname
patient_id
M
patient_note
lname
address doctor_note
phone gender Doctor_id
appointment
Day
id
Time
finished
type
cancelled
Figure 2. 2: ER Diagram of DCAS
mname
user_name fname
lname
password id
email
user_type address
user 1 has 1 receptionist
id
phone
is_active user_name
user_name M
specialist
gender
invoiceno
patient_na has
me date
patient_id name
M
M
services
id bill summary gtotal id
1
discount
issued_by has
1
payable_amou
vat M
nt
id sub_services rate
has
M services_id name
sbill_id total
bill
id
quantity
particular rate
admin
Register
Verify doctor
services
& receptionist
& subservices
receptionist
2
Add services
Add services services d2 services
View services
View services
1
Verify dentist Not verified dentist
request d1 user
&receptionist & receptionist
admin Store the status
verified
3
Store schedule
Time
Schedule time d3 table
dentist Time table
View schedule
View schedule
Return services
Request
services
5
Create bills
Save bills
receptionist billing
Generate bills Billing Return bills d5
SYSTEM
DESIGN
Systems design is the process of defining elements of a system like modules, architecture,
components and their interfaces and data for a system based on the specified requirements.
Bil Appointment
Schedule appointment
View own
Print the bill
appointment
Assign &
View
Manage receptionist
Manage Doctor Schedule
their time
Based on day
Time Schedule
Admin
Services
PK id time_table
User
services PK id
FK user_name
PK id
PK id FK dentist_id
fname
email
name day
mname
password
lname start
sub_services
username
gender end
PK id
user_type
dob is_active
FK service_id
is_active
address
name appointment
receptionist phone
rate PK id
PK id specialist
FK dentist_id
FK user_name
patient FK patient_id
fname PK id
patient_note
mname FK user_name
doctor_note
lname
bill_detaile fname day
gender
PK id mname time
dob
FK sbill_id lname finished
address
particular gender cancelled
phone
rate dob ty pe
quantity address
total phone
bill_summary
PK id
FK issued_by
FK patient_id
patient_name
date
invoice_no
gtotal
discount
vat
payable_amou
nt
user
-Add Time
-Add Services
Schedule
Doctor Check Role Admin -Activate
-Check
Accounts
Appointment
Receptionist
Patient
-Check
appointment
-Register
-Schedule
Patient
appointment
-Print Bill
Stop
IMPLEMENTATION
The logical design of the system had to be built in the physical working system in the
implementation phase. MySQL is used as the backend database technology for implementing
the Html, CSS and Bootstrap are used for the front design of the system whereas the Laravel
framework is used as the programming part of the application.
HTML
HTML or the Hypertext Markup Language, is the standard markup language used to create
the web pages. HTML tags mostly come in pairs consisting of the start tag (<head>) and the
end tag (</head>) within the angle brackets. HTML documents are read by the web browsers
and are composed into audible or visible web pages. The browser does not display the HTML
tags but used the tags to interpret the contents of the pages. It forms the building blocks for
all the websites.
In this project, the HTML is used to create forms for users, profile, organization and
usergroup, its edition and update. The navigation bars for the respective models are also made
using the HTML.
CSS
Cascading Style Sheet (CSS) is a style sheet language that is used to format the layout of the
web pages. CSS separates the document contents written in HTML or similar markup
languages from the document presentation including elements such as color, font, layouts,
etc. Such separation of documents provides more flexibility and control in the specification of
the presentation and improve content accessibility. Multiple style sheets can also be imported.
In this project, the navigation, header and footer sections are given the custom designs using
different CSS class and its properties.
JavaScript
JavaScript (sometimes abbreviated JS) is a prototype-based scripting language that is
dynamic, weakly typed. JavaScript is a client side scripting language meaning that JavaScript
code is written into an HTML page. When a user requests an HTML page with JavaScript in
it, the script is sent to the browser and it's up to the browser to do something with it. It is used
to make webpage more interactive, check or modify the contents of forms, change images,
open new windows and write dynamic page content.
In the project DCAS, JavaScript is used for the dynamic function like responses of buttons
clicks.
AJAX
Ajax stands for Asynchronous JavaScript and XML is a set of web development techniques
using many web technologies on the client side to create asynchronous web applications.
With Ajax, web applications can send and retrieve data from a server asynchronously (in the
background) without interfering with the display and behavior of the existing page. By
decoupling the data interchange layer from the presentation layer, Ajax allows web pages
and, by extension, web applications, to change content dynamically without the need to
reload the entire page. In practice, modern implementations commonly utilize JSON instead
of XML.
Bootstrap
Bootstrap is a free and open-source collection of tools for creating websites and web
applications (About, 2017). In this project Bootstrap is used to make the website responsive
to run on all type of devices. Bootstrap gives CSS and JavaScript to control the presentation
of content in HTML. I implemented Bootstrap CSS framework as it contains HTML- and
CSS
based design templates for typography, forms, buttons, and navigation and other interface
components
TESTING
Browser compatibility test is the test done to ensure that site runs on all browsers i.e. chrome, safari
etc. these browsers run on different platforms so it is very important ensure that the theme is all
platform friendly.
S.N Test Case Test Browser Expected Result Actual Result Remarks
Table 4
Functionality testing involves checking links, pages, widgets, buttons, forms etc. This type of testing
can be performed by client also. Functionality testing is firstly done by developer and then after client
does it. Client first sees if all the requirement that they proposed meets or not and then feedbacks the
developer.
S.N Test Case Test Description Input Test Data Expected Result Actual Result Remarks
Fig:Mobile View
Test Successful
CONCLUSION
6.1 Conclusion
In current context, the increasing information Technology has built up the software
development trend. So to follow the trend internship provides a bridge for the industrial
environment for the undergraduate to learn and experience the real world. Internship has
helped in adapting well to working under pressure. Working with multiple features in a single
week long sprint and handling immediate and urgent bugs have assisted in enhancing
professionalism to meet deadlines. The technical tasks that were undertaken during the
internship period have helped the intern in improving software development and debugging
skills. It has helped in gaining knowledge about various technical tools and frameworks used
in software development and the process that should be followed for proper development
completion. Working as an intern in one of the popular IT companies of Nepal, has boosted
the confidence and has polished the professional as well as soft skills of the intern in the IT
sector. As whole, this report includes project and the internship experiences, findings,
knowledge and the technical skills.
Auer, L. (2006, 08 22). Database Design and System Design. Retrieved from www2.amk.fi:
http://www2.amk.fi
http://database.guide/what-is-a-database-schema/
Kotak, M. (2017, jan 5). why laravel web development is best php framework. Retrieved from
Medium: https://medium.com/@maulikkotakstar/why-laravel-web-development-is-
best-php-framework-53b1f6b78d9e
Nilanchala. (2017, April 24). Introduction to laravel php framework features and version
laravel- php-framework-and-features
Appendix: Screenshots
1. Login Page
2. Admin Dashboard
4.Dentist Dashboard
6. Patient Dashboard