4.2 Prosedur Penggunaan Aplikasi

Transkripsi

1 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 Web Untuk menggunakan aplikasi ini, pengguna dapat membukanya melalui web browser. Aplikasi ini diuji coba dengan menggunakan server localhost Login Saat user memilih menulogin, userakan diminta memasukkan dan password yang sudah di daftarkan, lalu user akan masuk kedalam home

2 Gambar 4.1 Login Form Admin 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 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

3 Gambar 4.3 Doctor List Screen 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, , 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 Detail Doctor Screen Pada tampilan doctor detail akan menampilkan data Name, Gender, Speciality, Birthday, , Mobile, Religion,

4 Join Date, Address, Education, Award, serta menampilkan Profile Picture dari dokter tersebut. Gambar 4.5 Detail Doctor Screen 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 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

5 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 . 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 Detail Patient Screen Pada tampilan patient detail akan menampilkan data Name, Gender, Birthday, BloodType, Religion, Address, Mobile, Guardian, insurance, , serta menampilkan Profile Picture dari patient tersebut. Gambar 4.9 Detail Patient Screen

6 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 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 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, serta menambahkan drug baru dengan button Add Drug Gambar 4.12 Drug List Screen

7 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 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

8 Dokter 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 Patient List Screen Pada menu Patient List ini, Admin dapat melihat secara keseluruhan data patient yang telah terdaftar. Admin juga

9 dapat melihat detail, melakukan Edit patient, serta menambahkan patient baru dengan button Register Patient Gambar 4.16Patient List Screen 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 Detail Patient Screen

10 Pada tampilan patient detail akan menampilkan data Name, Gender, Birthday, BloodType, Religion, Address, Mobile, Guardian, insurance, , serta menampilkan Profile Picture dari patient tersebut. Gambar 4.18Detail Patient Screen 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 Drug Option Screen Pada tampilan ini, dokter dapat memilih button Detail untuk melihat detail drug secara keseluruhan

11 Gambar 4.20Drug Option Screen 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 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.

12 Gambar 4.22My Profile Screen 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 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 Medical record Detail Screen

13 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 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 View Messages Sented Screen

14 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 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

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 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

16 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 Android Log In Pada tampilan ini, pasien dapat melakukan Log In sesuai dengan dan password patient terdaftar. Jika password adalah fungsi auto generate, maka passwordakan berupa format tanggal lahir. Gambar 4.32 Login Screen View Patient Profile Pada tampilan ini, Pasien dapat melihat profile yang dia miliki ketika registrasi. Tampilan profil ini akan menampilkan

17 Name, , Birthday, Religion, Address, Mobile, Guardian, serta Insuranceyang dimiliki oleh pasien. Gambar 4.33 ViewMyprofile Screen View Medical Record Pada tampilan ini, pasien dapat melihat Doctor_name serta Date ketika medical record itu dibuat. Gambar 4.34 ViewMedical Record Screen 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 Inbox Pada tampilan inbox, patient dapat melihat balasan dari dokter terhadap konsultasi yang dia lakukan.

18 Gambar 4.36 ViewMessage Inbox Screen 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 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 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,

19 treatment, Indication, serta Prescription yang didapat dari Doctor. Gambar 4.39 ViewMessage Sent Screen Reset Password Pada tampilan ini, pasien dapat melakukan reset password dengan memasukan alamat 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 Change Password Pada tampilan ini, pasien dapat mennganti password yang lama dengan password yang baru. Gambar 4.41Change Password Screen