Proses penggunaan aplikasi Curo Diabetes adalah sebagai berikut: 2. Akan muncul layar request permission pada layar, lalu pilih install untuk

Transkripsi

1 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

2 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

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

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

5 Gambar 4.5 Tampilan Layar Register Yang Telah Di isi. 166

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.

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.

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

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.

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.

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.

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 user telah berhasil di rubah. Tidak hanya data , nama, umur, jenis kelamin, tinggi badan, golongan darah dan telepon user dapat diupdate dengan menggunakan metode yang sama.

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

14 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

15 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

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

17 178 Gambar 4.17 Tampilan Layar List Notes Setelah Di lakukan Penghapusan Note. Gambar di atas merupakan notifikasi terjadinya penghapusan data pada Notes.

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

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

20 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 >> Add BG Record.

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

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

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

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

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

26 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

27 Gambar 4.26 Tampilan Kadar Gula Pasien Melebihi Batas Atas. 188

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

29 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

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

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

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

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

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

35 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

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

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

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

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

40 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 , menu ini digunakan untuk mengirim seluruh history BG, BP, dan Weight ke user, dokter, dan guardian yang di approved. Apabila kandungan gula darah pasien melebihi batas Warning maksimum ataupun

41 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

42 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

43 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 , maka akan, maka akan tampil layar seperti di bawah ini. Gambar 4.42 Tampilan Layar Menu Pop-up Metode Pengiriman.

44 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 user, guardian, dan dokter yang di approved. Berikut adalah tampilan format penulisan lewat . Gambar 4.43 Tampilan Layar Format Penulisan Lewat

45 206 Gambar di atas merupakan tampilan format penulisan data history ke pasien, guardian, dan dokter. Alamat akan secara otomatis digenerate dari alamat 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.

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

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

48 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

49 Gambar 4.48 Tampilan Layar Pengaturan Batas Gula Darah Rendah 210

50 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

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

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

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

54 Gambar 4.53 Tampilan Layar Calling Dokter 215

55 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

56 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