Perancangan aplikasi ini meliputi perancangan database, perancangan struktur menu, dan perancangan UML (Unified Modelling Language).
a. Use Case Diagram
Ada 3 aktor dalam use case ini yakni admin, dokter dan pasien.
83
Tabel 3.1 Use Case Admin Login
Nama Use Case Log In
Use Case ID 1.1
Aktor Admin
Deskripsi Menampilkan dan menginput ID User yang telah terdaftar
Pre-kondisi Aplikasi akan menampilkan form login
Post-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Normal Course Aktor Sistem
1. Menampilkan Form Login.
2. User mengisi
Username dan Password
3. Klik button Login
85
Tabel 3.2 Use Case Doctor Login
Nama Use Case Log In
Use Case ID 1.2
Aktor Doctor
Deskripsi Menampilkan dan menginput ID User yang telah terdaftar
Pre-kondisi Aplikasi akan menampilkan form login
Post-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Normal Course Aktor Sistem
1. Menampilkan Form Login.
2. User mengisi
Username dan Password
3. Klik button Login
Tabel 3.3 Use Case Patient Login
Nama Use Case Log In
Use Case ID 1.3
Aktor Patient
Deskripsi Menampilkan dan menginput ID User yang telah terdaftar
Pre-kondisi Aplikasi akan menampilkan form login
Post-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Normal Course Aktor Sistem
1. Menampilkan Form Login.
2. User mengisi
Username dan Password
3. Klik button Login
87
Tabel 3.4 Use Case Patient Create Message
Nama Use Case Create Message
Use Case ID 2
Aktor Patient
Deskripsi Mengirim suatu pesan dari patient ke doctor
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Message
3. Menampilkan halaman New
Message
4. Mengisi email dan isi
Tabel 3.5 Use Case Doctor Profile
Nama Use Case My Profile
Use Case ID 3
Aktor Doctor
Deskripsi Menampilkan isi profile doctor
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Profile
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Doctor pada
halaman utama
3. Menampilkan halaman My Profile
89
Tabel 3.6 Use Case Doctor View Message Sent List
Nama Use Case View Messages Sent List
Use Case ID 4.1
Aktor Doctor
Deskripsi Melihat daftar pesan yang telah terkirim kepada patient
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Messages List
3. Menampilkan list Messages yang
Tabel 3.7 Use Case Patient View Message Sent List
Nama Use Case View Messages Sent List
Use Case ID 4.2
Aktor Patient
Deskripsi Melihat daftar pesan yang telah terkirim kepada doctor
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Messages List
3. Menampilkan list Messages yang
91
Tabel 3.8 Use Case Doctor Detail Message Sent
Nama Use Case Detail Messages Sent
Use Case ID 5.1
Aktor Doctor
Deskripsi Melihat detail pesan yang telah terkirim kepada patient
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Messages List
3. Menampilkan list Messages yang
telah terkirim
4. Pilih Message yang
ingin dibuka
Tabel 3.9 Use Case Patient Detail Message Sent
Nama Use Case Detail Messages Sent
Use Case ID 5.2
Aktor Patient
Deskripsi Melihat detail pesan yang telah terkirim kepada doctor
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Messages List
3. Menampilkan list Messages yang
telah terkirim
4. Pilih Message yang
ingin dibuka
93
Tabel 3.10 Use Case Doctor View Message List
Nama Use Case View Messages List
Use Case ID 6.1
Aktor Doctor
Deskripsi Melihat history message yang pernah diterima
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Message List
3. Menampilkan list Messages
4. Klik Inbox
Tabel 3.11 Use Case Patient View Message List
Nama Use Case View Messages List
Use Case ID 6.2
Aktor Patient
Deskripsi Melihat history message yang pernah diterima
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Message List
3. Menampilkan list Messages
4. Klik Inbox
95
Tabel 3.12 Use Case Doctor Detail Message Inbox
Nama Use Case Detail Messages Inbox
Use Case ID 7.1
Aktor Doctor
Deskripsi Melihat detail history message yang pernah diterima
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Message List
3. Menampilkan list Messages
4. Klik Inbox
5. Menampilkan list pesan masuk
6. Klik Messages yang
ingin dilihat
Tabel 3.13 Use Case Patient Detail Message Inbox
Nama Use Case Detail Messages Inbox
Use Case ID 7.2
Aktor Patient
Deskripsi Melihat detail history message yang pernah diterima
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Message List
3. Menampilkan list Messages
4. Klik Inbox
5. Menampilkan list pesan masuk
6. Klik Messages yang
ingin dilihat
97
Tabel 3.14 Use Case Doctor Reply Message
Nama Use Case Reply Messages
Use Case ID 8
Aktor Doctor
Deskripsi Membalas pesan yang diterima kepada patient
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Message
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Message List
3. Menampilkan list Messages
4. Klik Inbox
5. Menampilkan list pesan masuk
6. Klik Messages yang
ingin dilihat
7. Menampilkan detail Messages
Tabel 3.15 Use Case Patient View Doctor Profile
Nama Use Case View Doctor Profile
Use Case ID 9
Aktor Patient
Deskripsi Melihat profile patient
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan doctor profile
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Doctor pada
halaman utama
99
Tabel 3.16 Use Case Admin View Patient List
Nama Use Case View Patient List
Use Case ID 10.1
Aktor Admin
Deskripsi Melihat daftar patient yang ada di dalam patient list
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan patient list
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Patients pada
halaman utama
Tabel 3.17 Use Case Doctor View Patient List
Nama Use Case View Patient List
Use Case ID 10.2
Aktor Doctor
Deskripsi Melihat daftar patient yang ada di dalam patient list
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan patient list
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Patients pada
halaman utama
101
Tabel 3.18 Use Case Doctor View Detail Patient
Nama Use Case Detail Patient
Use Case ID 11
Aktor Doctor
Deskripsi Melihat detail patient yang ada di dalam patient list
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan patient list
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Patients pada
halaman utama
3. Menampilkan list patient yang ada
4. Klik patient yang akan
dilihat
Tabel 3.19 Use Case Admin View Edit Patient
Nama Use Case Edit Patient
Use Case ID 12
Aktor Admin
Deskripsi Mengedit patient profile
Pre-kondisi Aplikasi akan menampilkan daftar patient list
Post-kondisi Aplikasi masuk dan menampilkan form patient profile
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Patients pada
halaman utama
3. Klik Edit Patient pada
patient yang akan di edit
4. Menampilkan form patient profile
5. Mengisi form patient
103
Tabel 3.20 Use Case Admin View Doctor
Nama Use Case View Doctor
Use Case ID 13
Aktor Admin
Deskripsi Melihat daftar doctor yang ada di dalam doctor list
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan doctor list
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Doctors pada
halaman utama
3. Menampilkan list patient yang ada
Tabel 3.21 Use Case Admin Edit Doctor Profile
Nama Use Case Edit Doctor Profile
Use Case ID 14
Aktor Admin
Deskripsi Mengedit doctor profile
Pre-kondisi Aplikasi akan menampilkan doctor profile
Post-kondisi Aplikasi masuk dan menampilkan form patient profile
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Doctors pada
halaman utama
3. Klik Edit Doctor pada
halaman profile
4. Menampilkan form doctor profile
5. Mengisi form doctor
105
Tabel 3.22 Use Case Admin View Drug List
Nama Use Case View Drug List
Use Case ID 15.1
Aktor Admin
Deskripsi Melihat daftar obat yang terdaftar
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan drug list
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Drugs pada
halaman utama
Tabel 3.23 Use Case Doctor View Drug List
Nama Use Case View Drug List
Use Case ID 15.2
Aktor Doctor
Deskripsi Melihat daftar obat yang terdaftar
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan drug list
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Drugs pada
halaman utama
107
Tabel 3.24 Use Case Admin Detail Drugs
Nama Use Case Detail Drugs
Use Case ID 16.1
Aktor Admin
Deskripsi Melihat detail obat yang terdaftar
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan drug list
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Drugs pada
halaman utama
3. Menampilkan list drug yang ada
4. Klik drug yang
diinginkan
Tabel 3.25 Use Case Doctor Detail Drugs
Nama Use Case Detail Drugs
Use Case ID 16.2
Aktor Doctor
Deskripsi Melihat detail obat yang terdaftar
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan drug list
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Drugs pada
halaman utama
3. Menampilkan list drug yang ada
4. Klik drug yang
diinginkan
109
Tabel 3.26 Use Case Doctor Add New Record
Nama Use Case Add New Record
Use Case ID 17
Aktor Doctor
Deskripsi Menambahkan medical record ke dalam patient
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan form Add Record
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Patients pada
halaman utama
3. Klik Add Record
4. Menampilkan halaman medical
record
5. Mengisi form Add
Tabel 3.27 Use Case Doctor View Medical Record List
Nama Use Case View Medical Record List
Use Case ID 18
Aktor Doctor
Deskripsi Melihat list medical record yang pernah dilakukan
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Record
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Medical Records
pada halaman utama
3. Menampilkan list view Medical
111
Tabel 3.28 Use Case Patient View Record
Nama Use Case View Record
Use Case ID 19
Aktor Patient
Deskripsi Melihat history medical record yang pernah dilakukan patient
tersebut
Pre-kondisi Aplikasi masuk dan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman Record
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Medical Records
pada halaman utama
3. Menampilkan detail view Medical
Tabel 3.29 Use Case Doctor Detail Medical Record
Nama Use Case Detail Medical Record
Use Case ID 20
Aktor Doctor
Deskripsi Menampilkan detail medical record yang ada dari setiap patient
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman utama
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Medical Records
pada halaman utama
3. Menampilkan Medical Record
4. Klik Medical Record
yang diinginkan
5. Menampilkan Medical Record
113
Tabel 3.30 Use Case Admin Logout
Nama Use Case Log Out
Use Case ID 21.1
Aktor Admin
Deskripsi Menutup Penggunaan aplikasi
Pre-kondosi Aplikasi menampilkan halaman utama
Post-kondisi Aplikasi masuk dan menampilkan form Login
Normal Course Aktor Sistem
1.Klik Logout
Tabel 3.31 Use Case Doctor Logout
Nama Use Case Log Out
Use Case ID 21.2
Aktor Doctor
Deskripsi Menutup Penggunaan aplikasi
Pre-kondosi Aplikasi menampilkan halaman utama
Post-kondisi Aplikasi masuk dan menampilkan form Login
Normal Course Aktor Sistem
1.Klik Logout
115
Tabel 3.32 Use Case Patient Logout
Nama Use Case Log Out
Use Case ID 21.3
Aktor Patient
Deskripsi Menutup Penggunaan aplikasi
Pre-kondosi Aplikasi menampilkan halaman utama
Post-kondisi Aplikasi masuk dan menampilkan form Login
Normal Course Aktor Sistem
1.Klik Logout
Tabel 3.33 Use Case Admin Detail Doctor
Nama Use Case Detail Doctor
Use Case ID 22
Aktor Admin
Deskripsi Menampilkan data doctor detail
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman utama
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Doctors pada
halaman utama
3. Menampilkan Doctor List
4. Klik Doctor yang akan
di View
117
Tabel 3.34 Use Case Admin Detail Patient
Nama Use Case Detail Patient
Use Case ID 23
Aktor Admin
Deskripsi Menampilkan data detail patient
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan detail patient
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Patients pada
halaman utama
3. Menampilkan daftar patient
4. Klik Patient yang akan
di View
Tabel 3.35 Use Case Admin Edit Drug
Nama Use Case Edit Drug
Use Case ID 24
Aktor Admin
Deskripsi Mengedit data drug
Pre-kondisi Aplikasi akan menampilkan halaman utama
Post-kondisi Aplikasi masuk dan menampilkan drug list
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Drugs pada
halaman utama
3. Klik Edit Drug pada
drug yang akan di edit
4. Menampilkan form drug
119
Tabel 3.36 Use Case Admin Delete Drug
Nama Use Case Delete Drug
Use Case ID 25
Aktor Admin
Deskripsi Menghapus drug dari list drug
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan halaman utama
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Drug List
3. Menampilkan Drug List
4. Klik Delete Drug pada
drug yang ingin dihapus
Tabel 3.37 Use Case Admin Add Patient
Nama Use Case Add Patient
Use Case ID 26
Aktor Admin
Deskripsi Menambahkan patient baru
Pre-kondisi Aplikasi akan menampilkan halaman menu utama / home
Post-kondisi Aplikasi masuk dan menampilkan form Add Patient
Normal Course Aktor Sistem
1. Menampilkan halaman utama
2. Klik Patients pada
halaman utama
3. Klik Add Patient
4. Menampilkan halaman patient
5. Mengisi form Add
121
b. Class Diagram
Class Diagram telah dilampirkan pada bagian lampiran.
c. Sequence Diagram
123
125
127
129
131
133
135
137
139
141
d. Struktur Database
Tabel name : t_patient
Primary Key : id
No Field Name Data Type Length Description
1 id Int (10) Atribut yang
mengidentifik
asi nomer
induk patient secara unik.
2 password varchar (255) Atribut yang
berisikan password patient.
3 name varchar (255) Atribut yang
berisikan nama patient.
4 gender tinyint (1) Atribut yang
berisikan gender customer.
5 birthday varchar (255) Atribut yang
berisikan tanggal lahir pasien.
6 bloodtype varchar (255) Atribut yang
berisikan keterangan tipe golongan darah.
7 religion varchar (255) Atribut yang
berisikan keterangan agama patient.
8 address Text Atribut yang
berisikan keterangan alamat patient.
9 mobile varchar (255) Atribut yang
berisikan keterangan nomor handphone
patient.
10 guardian varchar (255) Atribut yang
berisikan keterangan wali patient.
11 insurance varchar (255) Atribut yang
berisikan keterangan asuransi patient.
12 email varchar (255) Atribut yang
berisikan keterangan alamat email patient.
13 create_at timestamp Atribut yang
berisikan keterangan kapan database tersebut dibuat.
14 update_at timestamp Atribut yang
berisikan keterangan kapan database tersebut diupdate.
143
Tabel name : t_doctor
Primary Key : id
No Field Name Data Type Length Description
1 id Int (10) Atribut yang
mengidentifik asi nomor id doctor secara unik.
2 password varchar (255) Atribut yang
berisikan password doctor.
3 name varchar (255) Atribut yang
berisikan nama doctor.
4 gender tinyint (1) Atribut yang
berisikan jenis kelamin doctor
5 speciality varchar (255) Atribut yang
berisikan jenis spesialis
doctor
6 birthday varchar (255) Atribut yang
berisikan keterangan tanggal lahir doctor
7 email varchar (255) Atribut yang
berisikan keterangan alamat email doctor
8 mobile varchar (255) Atribut yang
berisikan keterangan nomor handphone doctor
9 religion varchar (255) Atribut yang
berisikan keterangan
agama doctor
10 address text Atribut yang
berisikan keterangan alamat doctor
11 education varchar (255) Atribut yang
berisikan keterangan jenjang pendidikan dokter.
12 award varchar (255) Atribut yang
berisikan keterangan jenis penghargaan yang pernah diterima dokter
13 created_at timestamp Atribut yang
berisikan keterangan kapan database tersebut dibuat.
14 update_at timestamp Atribut yang
berisikan keterangan kapan database tersebut diupdate.
145
Tabel name : t_drugs
Primary Key : id
No Field Name Data Type Length Description
1 id Int (10) Atribut yang
mengidentifik asi nomer id obat secara unik.
2 name varchar (255) Atribut yang
berisikan keterangan nama obat
3 composition Text Atribut yang
berisikan keterangan komposisi obat
4 indication Text Atribut yang
berisikan keterangan indikasi obat
5 warning Text Atribut yang
berisikan keterangan peringatan untuk beberapa jenis obat
6 type varchar (255) Atribut yang
berisikan keterangan tipe obat
7 created_at timestamp Atribut yang
berisikan keterangan kapan database tersebut dibuat.
8 update_at timestamp Atribut yang
berisikan keterangan kapan database tersebut diupdate. e.
Tabel name : t_medicarecords
Primary Key : id
No Field Name Data Type Length Description
1 id int (10) Atribut yang
mengidentifik asi id medical record secara unik.
2 doctor_id int (10) Atribut yang
berisikan
nomor id
doctor
3 patient_id int (10) Atribut yang
berisikan
nomor id
patient
4 date varchar (255) Atribut yang
berisikan tanggal
medical record dibuat
5 symptom text Atribut yang
berisikan keterangan gejala yang dialami patient
6 diagnose text Atribut yang
berisikan keterangan diagnosa patient.
7 treatment text Atribut yang
berisikan keterangan pengobatan yang diterima patient
8 indication text Atribut yang
berisikan keterangan indikasi yang terjadi pada patient
9 prescription text Atribut yang
berisikan keterangan
147
resep
10 created_at timestamp Atribut yang
berisikan keterangan kapan database tersebut dibuat.
11 update_at timestamp Atribut yang
berisikan keterangan kapan database tersebut diupdate.
Tabel name : t_patientmessages
Primary Key : id
No Field Name Data Type Length Description
1 id int (10) Atribut yang
mengidentifik asi nomor id messages secara unik.
2 patient_id int (10) Atribut yang
berisikan
nomor id
patient.
3 doctor_id int (10) Atribut yang
berisikan
nomor id
doctor
4 title text Atribut yang