Prosedur Operasional Proses penggunaan aplikasi Curo Diabetes adalah sebagai berikut: 1.
Install aplikasi Curo Diabetes.
2.
Akan muncul layar request permission pada layar, lalu pilih install untuk melakukan instalasi.
Gambar 4.1 Tampilan Layar Instalasi
162
163 Gambar diatas menampilkan beberapa kondisi yang dapat dilakukan oleh aplikasi. Pilih menu install, lalu tunggu hingga aplikasi selesai di install.
3.
Tunggu hingga proses instalasi selesai.
Gambar 4.2 Tampilan Proses Instalasi
164 4. Setelah proses instalasi selesai, aplikasi Curo Diabetes sudah dapat dijalankan, dengan halaman verifikasi pengguna melalui login.
Gambar 4.3 Tampilan Layar Login
Gambar di atas menampilkan halaman Login dengan username dan password sebagai data verifikasi pribadi, yang bertujuan sebagai sarana keamanan user sebelum dapat masuk ke menu utama.
165 5.
Jika belum terdaftar sebagai pengguna maka dapat melakukan registrasi.
Gambar 4.4 Tampilan Layar Register
Gambar di atas menampilkan form register, dimana terdapat data-data yang dibutuhkan antara lain status, username dan password, dan seterusnya. Setelah melakukan pengisian data lalu submit untuk menyelesaikan registrasi.
166
Gambar 4.5 Tampilan Layar Register Yang Telah Di isi.
167 6.
Setelah Pasien dan Guardian berhasil login, maka masuk ke dalam menu utama.
Gambar 4.6 Tampilan Layar Menu Utama (Patient dan Guardian)
Gambar di atas menampilkan
layar Main Menu ketika Pasien dan
Guardian berhasil login. Pada layar ini terhadap 6 menu yaitu MyInfo, Notes, MyRecord, Graph, Settings dan Emergency. Menu High dan Low yang terdapat pada bagian bawah layar yang berguna untuk menampilkan record gula darah pasien tertinggi dan terendah yang telah di input pasien.
168 7.
Setelah dokter berhasil login, maka masuk ke dalam menu utama.
Gambar 4.7 Tampilan Layar Main Menu – Dokter
Gambar di atas menampilkan menu-menu yang sebagian besar adalah sama seperti tampilan layar Pasien dan Guardian, dimana pada layar ini menu emergency yang di tujukan kepada Pasien dan Guardian di hilangkan.
169 8.
Dokter memiliki tampilan Record yang berbeda dengan pasien dan guardian, karena dokter boleh memiliki lebih dari 1 pasien.
Gambar 4.8 Tampilan Layar Patient List
170 9.
Layar informasi yang menyediakan informasi bagi pasien berkaitan dengan penyakit diabetes.
Gambar 4.9 Tampilan Layar Informasi.
Gambar di atas menampilkan informasi-informasi, dimana akan mengalihkan pengguna ke alamat situs berdasarkan informasi yang di pilih melalui browser.
171 10. Pada saat menu MyInfo dipilih, maka akan muncul tampilan layar berikut.
Gambar 4.10 Tampilan Layar MyInfo
Gambar di atas menampilkan layar Myinfo yang berisikan biodata dari user. Pada menu ini user dapat melihat, merubah biodata nya. Dan Pada menu ini juga terdapat menu Logout.
172 11. Tampilan layar pada saat ingin merubah biodata maka akan tampil edit form seperti berikut.
Gambar 4.11 Tampilan Layar Edit Form (Nama)
Gambar di atas menampilkan contoh proses perubahan biodata user, yaitu Nama. User cukup mengisi nama mereka pada field yang telah disediakan lalu tekan menu save, maka data nama user akan di-update. Apabila user memilih menu cancel, maka data name yang user input tidak akan di-update.
173 12. Ketika memilih menu save, maka akan muncul notifikasi seperti tampak pada gambar di bawah ini.
Gambar 4.12 Tampilan Layar Notifikasi Update Berhasil
Gambar di atas menampilkan notifikasi yang menandakan bahwa data email user telah berhasil di rubah. Tidak hanya data email, nama, umur, jenis kelamin, tinggi badan, golongan darah dan telepon user dapat diupdate dengan menggunakan metode yang sama.
174 13. Ketika user kembali ke menu utama, lalu memilih menu Notes, maka akan tampil layar seperti di bawah ini.
Gambar 4.13 Tampilan Layar Notes
Gambar di atas menampilkan list notes yang di isi oleh pasien. Notes digunakan sebagai media komunikasi antar user. User yang dimaksud yaitu pasien, guardian, dan dokter/mantri. Notes tersebut dapat dibaca oleh user (guardian/dokter/mantri) lain yang sebelumnya telah di-approve terlebih
175 dahulu oleh user (pasien). Pada layar kanan atas terdapat menu menu New, dimana semua user dapat memasukan notes baru.
14. Ketika user memilih menu New pada menu Notes, maka akan tampil layar seperti di bawah ini.
Gambar 4.14 Tampilan Layar Pop-Up New Note
Gambar di atas menampilkan form note yang dapat di isi oleh user. Atribut form note terdiri dari tanggal, bulan, dan tahun peng-input-an serta
176 pesan apa yang ingin user share. Setelah membuat pesan tersebut, user cukup memilih menu save maka note tersebut akan ditambahkan pada list notes. Apabila user memilih menu cancel, maka pesan tersebut tidak akan ditambahkan pada list notes.
Gambar 4.15 Tampilan Layar List Notes Setelah Ditambahkan Note Baru.
Gambar di atas menampilkan tampilan note baru yang telah dibuat user. Apabila user memilih note tersebut, user dapat mengubah isi note ataupun menghapus note tersebut. Untuk mengubah note, user cukup mengubah isi
177 form Edit Note, lalu memilih menu save. Untuk menghapus note, user cukup memilih menu delete di layar atas form Edit Note.
Gambar 4.16 Tampilan Layar Note Yang Telah Dirubah Isinya.
Gambar di atas menampilkan hasil perubahan note pada sebuah note. Serta notifikasi bahwa sebuah note telah berhasil dirubah. Apabila user ingin menghapus note, user cukup memilih note yang ingin dihapus lalu akan muncul menu pop-up, lalu pilih menu delete di kanan atas.
178
Gambar 4.17 Tampilan Layar List Notes Setelah Di lakukan Penghapusan Note.
Gambar di atas merupakan notifikasi terjadinya penghapusan data pada Notes.
179 11. Ketika user kembali ke menu utama, lalu memilih menu My Record, maka akan tampil layar seperti di bawah ini.
Gambar 4.18 Tampilan Layar My Record
Gambar di atas menampilkan record pasien. Record tersebut adalah Blood Glucose (gula darah),
Weight (berat badan), dan Blood
Pressure(tekanan darah). Menu-menu yang terdapat pada My Record adalah: 1. BG Record, digunakan untuk menampilkan list gula darah pasien.
180 2. Add BG Record, digunakan untuk menambahkan data gula darah baru. 3. Weight Record, digunakan untuk menampilkan list berat badan pasien. 4. Add Weight Record, digunakan untuk menambahkan data berat badan baru. 5. BP Record, digunakan untuk menampilkan list tekanan darah pasien. 6. Add BP Record, digunakan untuk menambahkan data tekanan darah baru.
181 12. Ketika user memilih menu BG Record, maka akan tampil layar seperti di bawah ini.
Gambar 4.19 Tampilan Layar BG Record
Gambar di atas menampilkan list gula darah pasien. Di sini user dapat mengubah, menghapus, dan menambah data gula darah. Penambahan data gula darah juga dapat dilakukan pada menu My Record Record.
>> Add BG
182 13. Ketika user memilih menu New atau Add BG Record, maka akan tampil layar seperti di bawah ini.
Gambar 4.20 Tampilan Layar Pop-up Penambahan Data BG
Gambar di atas menampilkan form penambahan data BG. Atribut form New BG Record terdiri dari tanggal, bulan, tahun, dan kadar gula darah. Setelah membuat data BG tersebut, user cukup memilih menu save maka data BG tersebut akan ditambahkan pada list BG. Apabila usermemilih menu cancel, maka data BG tersebut tidak akan ditambahkan pada list BG.
183
Gambar 4.21 Tampilan list BG Setelah Di Tambahkan Data BG Baru.
Gambar di atas menampilkan tampilan data BG baru yang telah dibuat user. Apabila user memilih data BG tersebut, user dapat mengubah data BG ataupun menghapus data BG tersebut. Untuk mengubah data BG, user cukup mengubah isi form Edit BG Record, lalu memilih menu save. Untuk menghapus data BG, user cukup memilih menu delete di layar atas form Edit BG Record.
184 14. Ketika user memilih menu BG Record, lalu memilih salah satu record tersebut maka akan tampil layar seperti di bawah ini
Gambar 4.22 Tampilan Layar Edit BG Record
Gambar di atas menampilkan form dimana user dapat melakukan perubahan data BG, jika terjadi kesalahan input dan penghapusan data jika data BG tersebut ingin dihapus. Untuk melakukan perubahan data, user cukup mengisi kembali form Edit BG Record lalu memilih menu save.
185
Gambar 4.23 Tampilan Layar list BG Yang Telah Berhasil Dirubah.
Gambar di atas adalah tampilan list BG yang telah berhasil dirubah. Untuk melakukan penghapusan data BG, user cukup memilih menu delete pada kanan atas form Edit BG Record.
186
Gambar 4.24 Tampilan Layar List BG Yang Telah Berhasil Dihapus.
Data BG terkait dengan batas maksimum dan batas minimum gula darah. Terdapat 2 jenis batas, Batas-batas tersebut dapat diatur pada menu Settings dan Emergency. Batas pada menu Settings merupakan batas gula darah Warning yang masih di perbolehkan untuk di lewati. Sedangkan batas pada menu Emergency adalah batas darurat gula darah. Apabila batas gula darah maksimum dan minimum pada menu Settings sudah terlewati,
187 maka record akan berubah menjadi warna orange. Namun jika batas gula darah maksimum dan minimum pada menu Emergency telah terlewati, maka record akan berubah menjadi warna merah dan aplikasi akan mengirimkan SMS kepada dokter dan guardian yang terhubung dengan pasien.
Gambar 4.25 Tampilan Kadar Gula Pasien Melebihi Batas atas
188
Gambar 4.26 Tampilan Kadar Gula Pasien Melebihi Batas Atas.
189 Ketika user memilih menu Weight Record, maka akan tampil layar seperti di bawah ini.
Gambar 4.27 Tampilan Layar Menu Weight Record
Gambar di atas menampilkan list berat badan pasien. Di sini user dapat mengubah, menghapus, dan menambah data berat badan. Penambahan data berat badan juga dapat dilakukan pada menu My Record >> Add Weight Record.
190 15. Ketika user memilih menu New atau Add Weight Record, maka akan tampil layar seperti di bawah ini.
Gambar 4.28 Tampilan Layar Pop-up Penambahan Data Weight
Gambar di atas menampilkan form penambahan data Weight. Atribut form New Weight Record terdiri dari tanggal, bulan, tahun, dan berat badan. Setelah membuat data Weight tersebut, user cukup memilih menu save maka data Weight tersebut akan ditambahkan pada list Weight. Apabila
191 user memilih menu cancel, maka data Weight tersebut tidak akan ditambahkan pada List Weight.
Gambar 4.29 Tampilan Layar Di tambahkan Data Weight Baru.
Gambar di atas merupakan notifikasi terjadinya penambahan data pada Weight Record. Data berat badan yang sebelumnya tidak ada telah di tambah.
192 16. Ketika user memilih menu Weight Record, lalu memilih salah satu record tersebut maka akan tampil layar seperti di bawah ini
Gambar 4.30 Tampilan Layar Edit Weight Record
Gambar di atas menampilkan form dimana user dapat melakukan perubahan data Weight, jika terjadi kesalahan input dan penghapusan data jika data Weight tersebut ingin dihapus. Untuk melakukan perubahan data, user cukup mengisi kembali form Edit Weight Record lalu memilih menu save.
193
Gambar 4.31 Tampilan Layar List Weight Yang Telah Berhasil Di Rubah.
Gambar di atas merupakan notifikasi terjadinya perubahan data pada Weight Record. Data berat badan yang sebelumnya 68 Kg telah di ubah menjadi 70 Kg. Untuk melakukan penghapusan data Weight, user cukup memilih menu delete pada kanan atas form Edit Weight Record.
194
Gambar 4.32 Tampilan Layar List Weight Yang Telah Berhasil Di Hapus.
Gambar di atas merupakan notifikasi terjadinya penghapusan data pada Weight Record. Data berat badan yang sebelumnya 70 Kg telah berhasil dihapus.
195 17. Ketika user memilih menu BP Record, maka akan tampil layar seperti di bawah ini.
Gambar 4.33 Tampilan Layar Menu BP Record
Gambar di atas menampilkan list tekanan darah pasien. Di sini user dapat mengubah, menghapus, dan menambah data tekanan darah. Penambahan data tekanan darah juga dapat dilakukan pada menu My Record >> Add Weight Record.
196 18. Ketika user memilih menu New atau Add BP Record, maka akan tampil layar seperti di bawah ini.
Gambar 4.34 Tampilan Layar Pop-up Penambahan Data Tekanan Darah
Gambar di atas menampilkan form penambahan data BP. Atribut form New BP Record terdiri dari tanggal, bulan, tahun, dan tekanan darah. Tekanan memiliki 3 form pengisian Systolic yaitu tekanan darah maksimun, Diastolic yaitu tekanan darah minimum, dan HR yaitu Heart Rate per menit. Setelah membuat data BP tersebut, user cukup memilih menu save
197 maka data BP tersebut akan ditambahkan pada list BP. Apabila user memilih menu cancel, maka data BP tersebut tidak akan ditambahkan pada list BP.
Gambar 4.35 Tampilan List BP Setelah Ditambahkan Data Berat Badan Baru.
Gambar di atas merupakan notifikasi terjadinya penambahan data pada BP Record. Data tekanan darah yang sebelumnya tidak ada telah ditambah.
198 19. Ketika user memilih menu BP Record, lalu memilih salah satu record tersebut maka akan tampil layar seperti di bawah ini
Gambar 4.36 Tampilan Layar Edit BP Record
Gambar di atas menampilkan form dimana user dapat melakukan perubahan data BP, jika terjadi kesalahan input dan penghapusan data jika data BP tersebut ingin dihapus. Untuk melakukan perubahan data, user cukup mengisi kembali form Edit BP Record lalu memilih menu save.
199
Gambar 4.37 Tampilan Layar List BP Yang Telah Berhasil Di Rubah.
Gambar di atas merupakan notifikasi terjadinya perubahan data pada BP Record. Data berat badan yang sebelumnya 120/56/90 telah berhasil di ubah menjadi 125/72/95. Untuk melakukan penghapusan data BP, user cukup memilih menu delete pada kanan atas form Edit BP Record.
200
Gambar 4.38 Tampilan Layar List BP Yang Telah Berhasil Di Hapus.
Gambar di atas merupakan notifikasi terjadinya penghapusan data pada BP Record. Data berat badan yang sebelumnya 125/72/95 telah berhasil di hapus.
20. Ketika user kembali ke menu utama, lalu memilih menu Graph, maka akan tampil layar seperti di bawah ini.
201
Gambar 4.39 Tampilan Layar Menu Graph
Gambar di atas menampilkan pilihan grafik. User dapat memilih BG History atau Weight History. BG History menampilkan grafik gula darah pasien sedangkan Weight History menampilkan berat badan pasien.Pada BG History. Pada bagian bawah terdapat menu “Send Summary to Your Email”, menu ini digunakan untuk mengirim seluruh history BG, BP, dan Weight ke email user, dokter, dan guardian yang di approved. Apabila kandungan gula darah pasien melebihi batas Warning maksimum ataupun
202 minimum, maka grafik akan berubah warna menjadi warna orange, Sedangkan apabila kandungan gula darah pasien telah melewati batas Emergency maksimum dan minimum, maka grafik akan berubah menjadi warna merah. 21. Ketika user memilih menu BG History, maka akan tampil layar seperti di bawah ini.
Gambar 4.40 Tampilan Layar Graph BG History
203 Gambar di atas merupakan tampilan grafik gula darah yang telah di input user. Grafik ini dibuat secara otomatis lewat data gula darah dari My Record. Seperti yang dijelaskan pada bagian batas maksimum dan minimum, grafik akan berubah warna apabila kandungan gula darah telah melewati batas tersebut.
22. Ketika user memilih menu Weight History, maka akan tampil layar seperti di bawah ini.
Gambar 4.41 Tampilan Layar Weight History Graph
204
Gambar di atas merupakan tampilan grafik berat badan yang telah di input user. Grafik ini dibuat secara otomatis lewat data berat badan dari My Record. Berat badan tidak memiliki batas maksimum atau minimum, sehingga tidak terdapat perubahan warna pada grafik.
23. Ketika memilih menu send to your email, maka akan, maka akan tampil layar seperti di bawah ini.
Gambar 4.42 Tampilan Layar Menu Pop-up Metode Pengiriman.
205
Gambar di atas menampilkan metode pengiriman yang digunakan. Setelah user memilih salah satu metode pengiriman, maka selanjutnya secara otomatis seluruh data BG, BP, dan Weight akan di ubah ke bentuk text pad dan dikirim ke email user, guardian, dan dokter yang di approved. Berikut adalah tampilan format penulisan lewat email.
Gambar 4.43 Tampilan Layar Format Penulisan Lewat Email
206 Gambar di atas merupakan tampilan format penulisan data history ke email pasien, guardian, dan dokter. Alamat email akan secara otomatis digenerate dari alamat email dokter dan guardian yang telah di approved.
24. Ketika user kembali ke menu utama, lalu memilih menu settings, maka akan tampil layar seperti di bawah ini.
Gambar 4.44 Tampilan Layar Menu Settings. Gambar di atas merupakan tampilan menu Settings. Terdapat 4 menu yang dapat user ubah.
207 1. Glucose Units, Satuan gula darah yang digunakan. 2. Weight Units, Satuan berat badan yang digunakan 3. High Range, Batas Warning maksimum 4. Low Range, Batas Warning minimum
25. Apabila user memilih menu Glucose Units, maka akan muncul form seperti gambar di bawah ini.
Gambar 4.45 Tampilan Layar form Pilihan Satuan Gula Darah.
208 Gambar di atas merupakan tampilan form pilihan gula darah, user dapat memilih dalam satuan apa kandungan gula dalam darah di ukur.
26. Apabil user memilih menu Weight Units, maka akan muncul form seperti gambar di bawah ini.
Gambar 4.46 Tampilan Layar form Pilihan Satuan Berat Badan.
Gambar di atas merupakan tampilan form pilihan satuan berat badan, user dapat memilih dalam satuan apa berat badan mereka di ukur.
209 27. Setelah mengatur satuan gula darah dan satuan berat badan. User dapat mengatur batas gula darah tinggi dan batas gula darah rendah.
Gambar 4.47 Tampilan Layar Pengaturan Batas Gula Darah Tinggi
210
Gambar 4.48 Tampilan Layar Pengaturan Batas Gula Darah Rendah
211 28. Dari sini user bisa mengatur guardian dan dokter yang di approve. Dengan memilih menu
Gambar 4.49 Tampilan Layar Menu Guardian dan Doctor.
Gambar di atas merupakan tampilan Guardian dan Doctor, pasien cukup memilih menu guardian dan doctor yang akan di approve, lalu akan muncul form kosong yang nantinya akan di isi nama dokter atau nama guardian. Setelah memasukan nama, maka status doctor/status guardian akan berubah menjadi Waiting Approval. Ini menandakan bahwa request
212 telah dikirim kepada dokter “Tony” dan sedang menunggu persetujuan dari dokter “Tony”. Sekarang, kita akan log-in sebagai dokter “Tony” maka akan muncul gambar seperti di bawah ini.
Gambar 4.50 Tampilan Layar Menu Setting Dokter “Tony”.
Gambar di atas menampilkan menu Link Patient, dokter “Tony” telah menerima request dari patient denny. Untuk meng-approve request pasien ”Denny”, user cukup memilih menu patient, lalu memilih menu Approve.
213 Sekarang, kita akan log-in sebagai pasien “Denny” maka akan muncul gambar seperti di bawah ini.
Gambar 4.51 Tampilan Layar Menu Settings – Doctor Approval
Gambar di atas merupakan tampilan doctor approval, dimana dokter “Tony” telah menerima pasien “Denny” sebagai dokter dalam aplikasi ini. Menu guardian juga menggunakan metode approval yang sama dengan dokter.
214 29. Ketika user kembali ke menu utama, lalu memilih menu Emergency, maka akan tampil layar seperti di bawah ini.
Gambar 4.52 Tampilan Layar Menu Emergency
Gambar di atas menampilkan 3 menu utama, yaitu Emergency Push Call yang berfungsi untuk menelpon dokter yang telah di approved secara otomatis jika di tekan.
215
Gambar 4.53 Tampilan Layar Calling Dokter
216
Emergency Range merupakan batas gula darah darurat, dimana apabila gula darah sudah melebihi batas high atau kurang dari batas low, maka secara otomatis aplikasi akan mengirimkan pesan berupa SMS kepada dokter/guardian yang terhubung dengan pasien. Menu Auto Notification digunakan untuk mengatur apakah pemberian SMS secara otomatis di perbolehkan atau tidak.
Gambar 4.54 Tampilan Layar Setting Auto Notification
217 Pada bagian bawah terdapat menu “Find
Medical Support Around
You” menu ini berguna untuk melacak lokasi user berada serta memberi tahu lokasi rumah sakit di sekitar user dengan bantuan GPS dan Google Maps.
Gambar 4.55 Tampilan Layar Google Maps Dengan GPS
