4.2
Prosedur Penggunaan Aplikasi Pada sub bab ini, menjelaskan tentang prosedur dan petunjuk penggunaan aplikasi yang telah dibuat. Adapun petunjuk dan prosedur yang dibuat meliputi gambar screenshoot dari aplikasi lalu diikuti dengan penjelasan screenshoot tersebut.Aplikasi ini terbagi dalam 2 bagian yaitu Web dan Android yang akan dijabarkan lebih rinci selanjutnya.
4.2.1
Web Untuk menggunakan aplikasi ini, pengguna dapat membukanya melalui web browser. Aplikasi ini diuji coba dengan menggunakan server localhost.
4.2.1.1
Login Saat user memilih menulogin, userakan diminta memasukkan email dan password yang sudah di daftarkan, lalu user akan masuk kedalam home
Gambar 4.1 Login Form
4.2.1.2
Admin 4.2.1.2.1
Home Screen Dalam menu Home ini, Admin akan dapat memilih beberapa opsi halaman seperti View Patient, View Doctor, View Drug, serta Log Out Gambar 4.2 Home Admin Screen
4.2.1.2.2
Doctor List Screen Pada menu Doctor List ini, Admin dapat melihat secara keseluruhan data dokter yang telah terdaftar. Admin juga dapat melihat Detail, melakukan Edit Doctor, serta menambahkan dokter baru dengan Register Doctor
Gambar 4.3 Doctor List Screen
4.2.1.2.3
Register Doctor Form Pada halaman Registrasi dokter ini, admin dapat menambahkan dokter baru ke dalam dokter list.Registrasi membutuhkan data Name, foto, password, gender, speciality, birthday, email, mobile, religion, address, education, serta award.Password dapat diisi maupun tidak diisi. Jika tidak diisi,
maka
passwordakan
melakukan
auto
generate
password sesuai dengan tanggal lahir doctor. Pada Tampilan ini juga terdiri button save yang berguna untuk store keseluruhan data yang diinput dengan melakukan validasi terlebih dahulu. Gambar 4.4 Register Doctor Form
4.2.1.2.4
Detail Doctor Screen Pada tampilan doctor detail akan menampilkan data Name, Gender, Speciality, Birthday, Email, Mobile, Religion,
Join Date, Address, Education, Award, serta menampilkan Profile Picture dari dokter tersebut. Gambar 4.5 Detail Doctor Screen
4.2.1.2.5
Edit Doctor Form Pada tampilan ini, admin dapat melakukan update akan data - data dokter terdaftar. Pada Halaman ini juga terdapat Button Save yang berguna untuk melakukan update oleh controller dan melakukkan seeder kedalam isi database. Sama halnya seperti menambahkan dokter baru, akan ada validasi sebelum data tersebut telah terupdate. Gambar 4.6 Edit Doctor Form
4.2.1.2.6
Patient List Screen Pada menu Patient List ini, Admin dapat melihat secara keseluruhan data patients yang telah terdaftar. Admin juga dapat melihat Detail, melakukan Edit patient, serta menambahkan patient baru dengan button Register Patient Gambar 4.7 Patient List Screen
4.2.1.2.7
Register Patient Form Pada halaman Registrasi patient ini, admin dapat menambahkan patient baru ke dalam patient list. Registrasi membutuhkan data name, foto, password, gender, birthday, bloodtype, religion, address, mobile, guardian, insurance, serta email. Password dapat diisi maupun tidak diisi. Jika tidak diisi, maka password akan melakukan auto generate password sesuai dengan tanggal lahir patient. Pada Tampilan ini juga terdiri button save yang berguna untuk store keseluruhan data yang diinput dengan melakukan validasi terlebih dahulu.
Gambar 4.8 Register Patient Form
4.2.1.2.8
Detail Patient Screen Pada tampilan patient detail akan menampilkan data Name, Gender, Birthday, BloodType, Religion, Address, Mobile, Guardian, insurance, email, serta menampilkan Profile Picture dari patient tersebut.
Gambar 4.9 Detail Patient Screen
4.2.1.2.9
Edit Patient Screen Pada tampilan ini, admin dapat melakukan update akan data - data patient terdaftar. Pada Halaman ini juga terdapat Button Save yang berguna untuk melakukan update oleh controller dan melakukkan seeder kedalam isi database. Sama halnya seperti menambahkan dokter baru, akan ada validasi sebelum data tersebut telah terupdate.
Gambar 4.10 Edit Patient Screen 4.2.1.2.10
Add Drug Form Pada halaman Add drug ini, admin dapat menambahkan drug baru ke dalam drug list. Add membutuhkan data name, foto, composition, indication, warning,sertatype drug. Tampilan ini juga terdiri button save yang berguna untuk store keseluruhan data yang diinput dengan melakukan validasi terlebih dahulu.
Gambar 4.11 Add Drug Form 4.2.1.2.11
Drug List Screen Pada menu Drug List ini, Admin dapat melihat secara keseluruhan data drugs yang telah terdaftar. Admin juga dapat
melihat
Detail,
melakukan
Edit
drug,
menambahkan drug baru dengan button Add Drug
Gambar 4.12 Drug List Screen
serta
4.2.1.2.12
Edit Drug Form Pada tampilan ini, admin dapat melakukan update akan data data drugsyang terdaftar. Pada Halaman ini juga terdapat Button Save yang berguna untuk melakukan update oleh controller dan melakukkan seeder kedalam isi database. Sama halnya seperti menambahkan drug baru, akan ada validasi sebelum data tersebut telah terupdate.
Gambar 4.13 Edit Drug Form
4.2.1.2.13
Log Out Screen Pada Halaman ini, Admin dapat melakukan log out pada web aplikasi. Setelah melakukan log out, admin akanredirect pada halaman log in
Gambar 4.14Log Out Screen
4.2.1.3
Dokter 4.2.1.3.1
Home Screen Pada Halaman ini, dokter dapat memilih beberapa dari opsi halaman seperti view all patient, view medical record sesuai dengan ID dokter tersebut, view all messages dari ID dokter tersebut, serta messages list yang sesuai dengan ID dokter tersebut
Gambar 4.15 Home Doctor Screen
4.2.1.3.2
Patient List Screen Pada menu Patient List ini, Admin dapat melihat secara keseluruhan data patient yang telah terdaftar. Admin juga
dapat
melihat
detail,
melakukan
Edit
patient,
serta
menambahkan patient baru dengan button Register Patient Gambar 4.16Patient List Screen
4.2.1.3.3
Patient Option Screen Pada tampilan option Patient ini, dokter dapat melihat detail dari pasien serta dapat menambahkan medical record pada patient yang terpilih. Gambar 4.17Patient Option Screen
4.2.1.3.4
Detail Patient Screen
Pada tampilan patient detail akan menampilkan data Name, Gender, Birthday, BloodType, Religion, Address, Mobile, Guardian, insurance, email, serta menampilkan Profile Picture dari patient tersebut. Gambar 4.18Detail Patient Screen
4.2.1.3.5
Drug List Screen Pada menu Patient List ini, Admin dapat melihat secara keseluruhan data pasien yang telah terdaftar. Admin juga dapat
melihat
detail,
melakukan
Edit
patient,
serta
menambahkan pasien baru dengan button Register Patient. Gambar 4.19Drug List Screen
4.2.1.3.6
Drug Option Screen Pada tampilan ini, dokter dapat memilih button Detail untuk melihat detail drug secara keseluruhan
Gambar 4.20Drug Option Screen
4.2.1.3.7
Drug Detail Screen Pada tampilan drug detail akan menampilkan data Name, composition, Indication, Warning, Type, serta menampilkan Picturedari Drug tersebut. Gambar 4.21Drug Detail Screen
4.2.1.3.8
My Profile Screen Pada tampilah ini, dokter dapat melihat profil dokter sesuai dengan doctor_id yang dia miliki. Doctor tidak dapat melakukan edit terhadap profilenya.
Gambar 4.22My Profile Screen
4.2.1.3.9
Add New Medical Record Screen Pada halaman Add Medical Record ini, Dokter dapat menambahkan medicalrecord ke dalam patient terpilih.Add membutuhkan data Date, Sympton, Diagnose, Treatment, Indication, Prescription. Medical Record juga membutuhkan data doctor_id serta patient_id.Doctor_id didapat dari Dokter yang Login sedangkan patient_id didapatkan dari row terpilih pada tahap View Patient List.Tampilan ini juga terdiri button save yang berguna untuk menyimpan keseluruhan data yang dimasukan dengan melakukan validasi terlebih dahulu.
Gambar 4.23Add New Medical Record Screen 4.2.1.3.10
View All Medical Record Screen Pada halaman View Medical Record, dokter dapat melihat keseluruhan medical record yang dia punya sesuai dengan ID dokternya.Pada tampilan ini, terdapat button detail yang dapat menampilkan pop up window detail medical record.
Gambar 4.24View Medical Record Screen
4.2.1.3.11
Medical record Detail Screen
Pada halaman ini, Dokter dapat melihat detail medical record dari seorang pasien. Detail berisi data doctor_name, patient_name,
Date,
Sympton,
Indication,
Treatment,
Diagnose, serta Prescription. Gambar 4.25Medical Record Detail Screen
4.2.1.3.12
View Messages Inbox Screen Pada halaman ini, dokter dapat melihat keseluruhan messages yang dikirimkan pasien pada dokter. Pada halaman ini, dokter dapat memilih button Messages Sented untuk membuka halaman message Sent serta dapat melihat detail dari Message Inbox tersebut.
Gambar 4.26View Message Inbox Screen
4.2.1.3.13
View Messages Sented Screen
Pada tampilan ini, doctor dapat melihat history dari Message yang dia reply dari pasien. Tampilan ini juga terhubung
pada
messages
inbox
yang
menampilkan
keseluruhan message yang dikirimkan pasien Gambar 4.27View Message Screen
4.2.1.3.14
Messages Inbox Detail Screen Pada tampilan ini, dokter dapat melihat Title serta Body dan patient_name dari Messages Inbox terpilih. Lalu pada bagian bawah detail, terdapat button Reply yang berguna untuk membalas/mengirimkan balasan akan konsultasi yang dilakukan dokter.
Gambar 4.28Message Inbox Detail Screen
4.2.1.3.15
Reply Message Screen Pada Halaman ini, Dokter mengisi data Title serta Body dari message yang akan dia balas/kirim ke pasien yang tertuju Gambar 4.29ReplyMessage Screen
4.2.1.3.16
Message Sented Detail Screen Pada tampilan ini, dokter dapat melihat Title serta Body dan patient_name dari Messages Sented terpilih.Dengan halaman ini, dokter dapat melihat history pesan yang dia kirimkan serta dapat melihat List patient yang telah dibalas.
Gambar 4.30 ViewMessage Sent Screen
4.2.1.3.17
Log Out Pada Halaman ini, Dokter dapat melakukan log out pada web aplikasi. Setelah melakukan log out, admin akanredirect pada halaman log in Gambar 4.31 Logout
4.2.2
Android
4.2.2.1
Log In Pada tampilan ini, pasien dapat melakukan Log In sesuai dengan email dan password patient terdaftar. Jika password adalah fungsi auto generate, maka passwordakan berupa format tanggal lahir.
Gambar 4.32 Login Screen
4.2.2.2
View Patient Profile Pada tampilan ini, Pasien dapat melihat profile yang dia miliki ketika registrasi. Tampilan profil ini akan menampilkan
Name, Email, Birthday, Religion, Address, Mobile, Guardian, serta Insuranceyang dimiliki oleh pasien.
Gambar 4.33 ViewMyprofile Screen
4.2.2.3
View Medical Record Pada tampilan ini, pasien dapat melihat Doctor_name serta Date ketika medical record itu dibuat.
Gambar 4.34 ViewMedical Record Screen
4.2.2.4
Create Message Pada tampilan Create Message, Patient dapat melakukan konsultasi kepada dokter dengan mengisi title serta body.lalu pada bagian bawah terdapat 2 button, yaitu Button Send dan cancel. Send berguna untuk mengirimkan pesan konsultasi ke dokter dan Cancel untuk reset field title dan body.
Gambar 4.35 Create Message Screen 4.2.2.5
Inbox Pada tampilan inbox, patient dapat melihat balasan dari dokter terhadap konsultasi yang dia lakukan.
Gambar 4.36 ViewMessage Inbox Screen
4.2.2.6
Sent Pada tampilan sent, patient dapat melihat List dari konsultasi yang pernah dia kirimkan pada dokter. Berisi Title, body, serta tanggal ketika pasien melakukan konsultasi.
Gambar 4.37 ViewMessage Sent Screen
4.2.2.7
Slide Options Dari tampilan Slide options, patient dapat melakukan shortcut terhadap fungsi reset password, inbox, sent, serta log out
Gambar 4.38 ViewSlide Option Screen
4.2.2.8
Detail Medical Record Pada tampilan detail ini, pasien dapat melihat detail dari medical record yang dia pilih dari tampilan view_record_list. Detail medical record ini berupa Symtpon, date, diagnose,
treatment, Indication, serta Prescription yang didapat dari Doctor.
Gambar 4.39 ViewMessage Sent Screen 4.2.2.9
Reset Password Pada tampilan ini, pasien dapat melakukan reset password dengan memasukan alamat email pasien dan password secara otomatis akan diganti menjadi password default yang dapat diubah ketika pasien telah masuk ke dalam aplikasi.
Gambar 4.40Reset Password Screen
4.2.2.10
Change Password Pada tampilan ini, pasien dapat mennganti password yang lama dengan password yang baru.
Gambar 4.41Change Password Screen