BAB III MENU DAN CARA PENGGUNAAN
3.2 Penggunaan Aplikasi
3.2.3 Halaman Dashboard(Admin)
1. Halaman Dashboar admin terdapat beberapa data master seperti data obat, data alat Kesehatan, pembelian alat Kesehatan, data pembelian obat, profil admin, transaksi pembayaran dan juga terdapat laporan dari masing-masing data master. Halaman ini dapat dilihat pada gambar 3.5
Gambar 3.5 Halaman Dashboard Admin 3.2.4 Halaman Profile Admin
1. Jika admin ingin melihat data profil admin, maka pada bagian dashboard klik pada menu “profil user”, maka nanti admin akan diarahkan pada halaman profil user admin.
Gambar 3.6 Halaman Profil Admin
2. Halaman ini merupakan tampilan dari halaman profil user admin. Pada halaman profil user ada nama, username, email, nomor telpon, alamat dan juga terdapat tombol button ganti password dan edit profil.
Gambar 3.7 Tombol Edit Profile
3. Jika admin ingin mengganti profil user, maka pengguna klik tombol button
“edit profile”. Maka admin akan diarahkan pada halaman edit profile.
Gambar 3.8 Halaman Edit Profil Admin
4. Setelah admin melakukan perubahan data profile user, kemudian klik tombol simpan. Agar data yang telah diperbaharui bisa tersimpan pada database aplikasi pelayanan. Halaman ini dapat dilihat pada gambar 3.8
Gambar 3.9 Tombol Ganti Password
5. Namun jika pengguna ingin mengubah password lama, maka klik tombol lupa password pada halaman profil user. Kemudian admin akan diarahkan pada halaman ganti password.
Gambar 3.10 Halaman Ganti Password
6. Pada halaman ini terdapat beberapa form seperti password lama, password baru, dan konfirmasi password yang harus diisi oleh admin. Setelah semua terisi maka klik tombol simpan agar data yang telah diubah dapat tersimpan.
3.2.5 Halaman Data Obat
Gambar 3.11 Halaman Data Obat
7. Halaman ini merupakan kumpulan data obat yang telah diinputkan dan berhasil disimpan. Halaman ini dapat dilihat pada gambar 3.11
Gambar 3.12 Halaman Detail Data Obat
8. Halaman berikut merupakan halaman detail data obat dan terdapat dua tombol yaitu hapus dan edit data. Jika admin ingin menghapus data maka klik tombol hapus data.
Gambar 3.13 Halaman Update Data
9. Halaman seperti pada Gambar 3.13 digunakan pada saat admin ingin mengubah data. Dan kemudian klik tombol simpan untuk menyimpan perubahan data.
Gambar 3.14 Tombol Tambah Data
10. Jika admin ingin menambahkan data obat maka klik tombol plus seperti pada Gambar 3.14.
Gambar 3.15 Halaman Tambah Data
11. Halaman tambah data obat terdapat form nama, fungsi, satuan, dan jenis obat yang harus diisi oleh admin dan kemudian klik tombol simpan agar semua data yang telah diisi dapat tersimpan. Halaman ini dapat dilihat pada gambar 3.15.
3.2.6 Halaman Data Alat Kesehatan
Gambar 3.16 Halaman Data Alat Kesehatan
1. Pada saat ingin melihat data alat kesehatan maka klik menu data alat kesehatan pada halaman dashboard. Setelah itu admin akan diarahkan pada halaman data alat kesehatan seperti pada Gambar 3.16.
Gambar 3.17 Tombol Tambah Data Alat Kesehatan
2. Pada saat akan menambahkan data alat kesehatan klik tombol plus seperti pada Gambar 3.17
Gambar 3.18 Halaman Tambah Data Alat Kesehatan
3. Gambar 3.18 adalah halaman untuk menambahan data alat kesehatan. Pada halaman ini terdapat form nama, fungsi, satuan, dan keterangan.
Gambar 3.19 Halaman Detail Data Alat Kesehatan
4. Halaman seperti pada Gambar 3.19 merupakan halaman detail data alat kesehatan. Pada saat admin menekan tombol hapus maka data data akan hilang.
Gambar 3.20 halaman Update Data Alat Kesehatan
5. Tampilan halaman update data berguna sebagai pengubahan data. Kemudian klik tombol simpan agar perubahan data tersimpan.
3.2.7 Halaman Data Pembelian Alat Kesehatan
Gambar 3.21 Halaman Data Pembelian Alat Kesehatan
1. Sekumpulan data pembelian alat kesehatan yang telah berhasil disimpan akan muncul pada halaman ini. Halaman ini dapat dilihat pada gambar 3.21
Gambar 3.22 Tombol Penambahan Data Pembelian Alat Kesehatan
2. Penambahan data pembelian alat kesehatan dengan cara menekan tombol plus seperti pada Gambar 3.22
Gambar 3.23 Halaman Penambahan Data Pembelian Alat Kesehatan
3. Halaman ini merupakan halaman untuk penambahan data pembelian alat Kesehatan. Klik tombol simpan untuk menyimpan hasil update data.
Gambar 3.24 Halaman Detail Data Pembelian Alat Kesehatan
4. Admin dapat melihat detail data alat kesehatan yang telah tersimpan dengan cara klik salah satu data yang telah tersimpan.
Gambar 3.25 Tombol Hapus Data
5. Tombol seperti pada Gambar 3.25 merupakan tombol untuk mengahapus data yang telah tersimpan sebelumnya.
Gambar 3.26 Tombol Edit Data
6. Jika ingin mengubah data klik tombol button edit data. Kemudian admin akan diarahkan pada halaman update data.
Gambar 3.27 Halaman Uodate Data Pembelian Alat Kesehatan
7. Halaman ini merupakan halaman untuk mengubah data pembelian alat kesehatan. Halaman ini dapat dilihat pada gambar 3.27
3.2.8 Halaman Data Pembelian Obat
Gambar 3.28 Halaman Data Pembelian Obat
1. Data pembelian obat yang telah berhasil disimpan maka akan masuk pada halaman ini. Halaman ini dapat dilihat pada gambar 3.28
Gambar 3.29 Tombol Penambahan Data Pembelian Obat
2. Jika ingin menambahkan data maka klik tombol plus(+) yang terletak dibagian halaman bawah penyimpanan data pembelian obat.
Gambar 3.30 Halaman Penambahan Data Pembelian Obat
3. Halaman ini adalah satu halaman untuk menambahkan data untuk pembelian obat. Terdapat form nama obat, supplier, jumlah, harga, subtotal, dan keterangan yang harus diisi oleh admin. Halaman ini dapat dilihat pada gambar 3.30. Setelah pengisian semua form disimpan pada database aplikasi pelayanan bidan delima.
Gambar 3.31 Halaman Detail Data Pembelian Obat
4. Halaman ini merupakan halaman detail data pembelian obat. Dan terdapat dua tombol button yaitu hapus dan edit data. Halaman ini dapat dilihat pada gambar 3.31. Jika ingin melakukan penghapusan data maka klik tombol hapus data. Jika akan melakukan perubahan data maka klik tombol edit data.
Gambar 3.32 Halaman Uodate Data Pembelian Obat
5. Setelah melakukan perubahan data maka klik tombol simpan, agar data yang telah diubah dapat disimpan pada database aplikasi.
3.2.9 Halaman Data Pembayaran
Gambar 3.33 Halaman Data Pembayaran
1. Halaman ini merupakan halaman untuk penyimpanan data pembayaran.
Halaman ini dapat dilihat pada gambar 3.33. Untuk penambahan data klik tombol tambah data.
Gambar 3.34 Tombol Penambahan Data Pembayaran
Gambar 3.35 Halaman Tambah Data Pembayaran
2. Halaman ini merupakan halaman penambahan data pembayaran data. Terdapat dua tombol yaitu uploud bukti pembayaran dan juga simpan. Jika pengisian form telah dilakukan maka klik tombol simpan agar data disimpan pada database.
Halaman ini dapat dilihat pada gambar 3.35
Gambar 3.36 Tombol Upload bukti Pembayaran
3. Untuk melakukan uploud bukti pembayaran, maka klik tombol upload bukti pembayaran.
Gambar 3.37 Halaman Data Laporan
4. Pada halaman ini terdapat data laporan dari data master. Apabila salah satu data tersebut diklik maka akan otomatis mendownload dan kemudian masuk pada galeri penyimpanan dokumen. Halaman ini dapat dilihat pada gambar 3.37.
3.2.10 Halaman Dashboard Bidan
Halaman ini merupakan halaman dashboard untuk bidan. Terdapat fitur berupa profil pengguna, layanan, resep, kartu ibu, kartu keluarga berencana, kartu bayi, dan nomor antrian. Halaman ini dapat dilihat pada Gambar 3.38
Gambar 3.38 Halaman Dashboard Bidan
1. Bidan dapat melihat profil user dengan cara klik tombol profil user pada menu dashboard. Seperti pada Gambar 3.38
Gambar 3.39 Informasi Nomor Antrian
2. Bidan dapat melihat jumlah pasien yang sudah mengambil nomor antrian. Seperti pada Gambar 3.39
Gambar 3.40 Tombol Menu Profil User 3.2.11 Halaman Profil Bidan
1. Pada halaman profil bidan. Terdapat nama, username, email, nomor telepon, dan alamat. Halaman ini dapat dilihat pada gambar 3.41.
Gambar 3.41 Halaman Data Profil Bidan
Gambar 3.42 Tombol Edit Profil
2. Bidan dapat mengubah data profil pengguna. Maka klik tombol edit profile, kemudian nantinya bidan akan diarahkan pada halaman edit profil.
Gambar 3.43 Tombol Ganti Password
3. Jika bidan ingin mengganti password lama, klik tombol Lupa Password dan anda akan dibawa ke halaman Ubah Password..
Gambar 3.44 Halaman Edit Profil
4. Pada halaman edit profil bidan dapat memperbaharui data. Halaman ini dapat dilihat pada gambar 3.44
Gambar 3.45 Halaman Ganti Password
5. Halaman ini merupakan halaman untuk mengubah password. Halaman ini dapat dilihat pada gambar 3.45
3.2.12 Halaman Data Layanan
Gambar 3.46 Halaman Data Layanan
1. Pada halaman ini terdapat data layanan yang tersedia pada klinik bersalin bidan delima. Seperti pada Gambar 3.46
Gambar 3.47 Halaman Detail Data Layanan 2. Bidan dapat melihat detail data layanan seperti pada Gambar 3.47
3.2.13 Halaman Data Resep
Gambar 3.48 Halaman Data Resep
1. Bidan dapat mengecek resep obat pasien yang telah selesai melakukan pemeriksaan.
Gambar 3.49 Tombol Tambah Data
2. Bidan juga dapat menambahkan data resep obat dengan cara klik tombol plus seperti gambar 3.49
Gambar 3.50 Halaman Tambah Data Resep
3. Setelah bidan klik tombol tambah, bidan akan diarahkan pada halaman tambah data resep.
Gambar 3.51 Halaman Detail Data Resep
4. Bidan juga dapat mengecek kembali data yang telah ditambahkan dengan cara melihat halaman detail data. Seperti pada Gambar 3.51
Gambar 3.52 Tombol Hapus Data
5. Jika bidan ingin menghapus detail data maka klik tombol hapus. Seperti pada Gambar 3.52
3.2.14 Halaman Data Kartu Ibu
1. Pada halaman kartu ibu bidan dapat melihat beberapa data kartu ibu dari pasien yang telah terdaftar.
Gambar 3.53 Halaman Data Kartu Ibu
Gambar 3.54 Tombol Penambahan Data
2. Pada halaman ini bidan juga dapat menambahkan data kartu ibu baru. Dengan cara klik tombol plus. Seperti pada Gambar 3.54
Gambar 3.55 Halaman Tambah Data Kartu Ibu
3. Setelah bidan masuk pada halaman tambah data kartu ibu, bidan melengkapi form yang telah disediakan dan disimpan.
Gambar 3.56 Halaman Detail data Kartu Ibu
Gambar 3.57 Tombol Cetak Data Kartu Ibu
4. Jika bidan ingin melakukan cetak kartu ibu dapat dilakukan dengan cara menekan tombol cetak lalu akan otomatis diarahkan pada Browser dan mendownload data tersebut sehingga tersimpan pada file smartphone, seperti pada Gambar 3.57
3.2.15 Halaman Data Kartu Bayi
1. Halaman data kartu bayi, bidan dapat melihat beberapa data kartu bayi yang telah terdaftar seperti pada Gambar 3.58
Gambar 3.58 Halaman Data Kartu Bayi
Gambar 3.59 Tombol Tambah Data
2. Bidan juga dapat menambahkan data kartu bayi dengan cara menekan tombol flash pada bagian bawah halaman data kartu bayi seperti pada Gambar 3.59
Gambar 3.60 Halaman Tambah Data Kartu Bayi
3. Setelah bidan menekan tombol Tambah data kartu bayi di dan akan diarahkan pada halaman + data bayi pada halaman tersebut terdapat beberapa foam yang harus diisi oleh bidan dan setelah data tersebut terisi maka dapat disimpan dengan cara menekan tombol simpan pada halaman tersebut seperti pada Gambar 3.60
Gambar 3.61 Halaman Detail Data Kartu Bayi
Gambar 3.62 Tombol Cetak Kartu Bayi
4. Bidan juga dapat mencetak kartu bayi dengan cara klik tombol cetak lalu otomatis akan mengarah pada browser dan kemudian akan mendownload data tersebut dengan sendirinya, seperti pada Gambar 3.62
3.2.16 Halaman Data Kartu KB
1. Pada data kartu Ibu KB bidan dapat melihat daftar kartu KB yang telah terdaftar, seperti pada Gambar 3.63
Gambar 3.63 Halaman Data Kartu KB
Gambar 3.64 Tombol Tambah Data Kartu KB
2. Pada halaman data kartu KB bidan juga dapat menambahkan data tersebut dengan cara menekan tombol plus yang berada pada halaman tersebut seperti pada Gambar 3.64
Gambar 3.65 Halaman Tambah Data Kartu KB
3. Setelah bidan menekan tombol flash, maka bidan akan diarahkan pada halaman + data pada halaman tersebut bidan diwajibkan untuk mengisi form tersebut jika form sudah terpenuhi maka dapat disimpan dengan cara menekan tombol simpan seperti pada Gambar 3.65
Gambar 3.66 Halaman Detail Data Kartu KB
Gambar 3.67 Tombol Cetak Data Kartu KB
4. Bidan dapat mencetak kartu KB dengan cara menekan tombol cetak. Seperti pada Gambar 3.67
3.2.17 Halaman Nomor Antrian
Gambar 3.68 Halaman Pemanggilan Nomor Antrian
1. Pada halaman antrian bidan akan melihat antrian yang telah masuk sesuai nomor yang diambil oleh pasien seperti pada Gambar 3.68
Gambar 3.69 Tombol Pemanggilan Pasien
2. Ketika pada halaman antrian bidan terdapat nomor maka bidan dapat memanggil pasien yang telah mengantri dengan cara menekan tombol Panggil pasien selanjutnya maka nomor antrian yang ada akan berkurang seperti pada Gambar 3.69
Gambar 3.70 Tampilan Informasi Nomor Antrian
3. Ketika bidan telah menekan tombol Panggil pasien selanjutnya, maka informasi antrian sekarang pada dasbor akan diperbaharui seperti pada Gambar 3.70
3.2.18 Halaman Dashboard Pasien
1. Setelah pasien melakukan login, maka akan diarahkan pada halaman dashboard seperti pada Gambar 3.71. Pada halaman dashboard terdapat beberapa menu yaitu profil pasien, kartu ibu, kartu KB, kartu anak, nomor antrian, dan pembayaran.
Gambar 3.71 Halaman Dashboard Pasien
Gambar 3.72 Tombol Profil User
2. Pasien dapat melihat profil pasien dengan cara klik tombol profil user pada menu dashboard seperti pada Gambar 3.72
3.2.19 Halaman Profil Pasien
1. Halaman ini merupakan halaman profil user. Terdapat nama, username, email, nomor telepon, dan alamat dari pemilik akun. Halaman ini dapat dilihat pada gambar 3.73
Gambar 3.73 Halaman Profil Pasien
Gambar 3.74 Tombol Edot Profile Pasien
2. Jika pasien ingin mengubah data profil user, maka klik tombol edit profil.
Kemudian pasien akan diarahkan pada halaman update data. Seperti pada Gambar 3.74
Gambar 3.75 Halaman Update Profil Pasien
Gambar 3.76 Tombol Ganti Password
3. Pasien juga dapat mengubah password. Jika ingin melakukan perubahan password pasien dapat klik tombol ganti password yang terdapat pada halaman profil user.
Gambar 3.77 Halaman Ganti Password
4. Setelah pasien menekan tombol ganti password. Kemudian pasien akan diarahkan pada halaman ganti password seperti pada Gambar 3.77
3.2.20 Halaman Data Kartu Ibu
1. Pasien dapat melihat hasil daripemeriksaan yang telah dikirim oleh bidan seperti pada Gambar 3.78
Gambar 3.78 Halaman Data Kartu Ibu
Gambar 3.79 Halaman Detail Data Kartu Ibu Pasien
2. Pada halaman detail kartu Ibu pasien juga dapat mencetak kartu tersebut dengan cara menekan tombol cetak seperti pada Gambar 3.79
Gambar 3.80 Halaman Buat Nomor Antrian
3. Pada halaman nomor antrian pasien dapat mengambil nomor antrian sebelum melakukan pemeriksaan yang nantinya akan di panggil oleh bidan sesuai dengan nomor urut antrian yang telah diambil dengan menekan tombol Buat Nomor Antrian seperti pada Gambar 3.80
Gambar 3.81 Nomor Antrian Pasien
4. Setelah pasien klik tombol buat nomor antrian maka pada halaman nomor antrian akan muncul nomor antrian untuk pasien seperti pada Gambar 3.81
Gambar 3.82 Halaman Informasi Nomor Antrian
5. Setelah mengambil nomor antrian pasien akan mendapatkan informasi antrian yang sedang berlangsung pada halaman dashboard seperti pada Gambar 3.82
3.2.21 Halaman Pembayaran
1. Setelah melakukan pemeriksaan pasien akan mendapatkan notifikasi dari admin untuk melakukan pembayaran dengan cara mengupload bukti pembayaran seperti pada Gambar 3.83
Gambar 3.83 Halaman Data Pembayaran
Gambar 3.84 Halaman Detail Pembayaran
2. Setelah pasien membuka halaman pembayaran pasien dapat mengupload bukti pembayaran dengan cara menekan tombol upload bukti pembayaran seperti pada Gambar 3.84
Gambar 3.85 Halaman Upload Bukti Pembayaran
3. Setelah pasien menekan tombol upload bukti pembayaran, kemudian pasien akan diarahkan pada halaman upload bukti pembayaran seperti pada Gambar 3.85.
Gambar 3.86 Tombol Simpan
4. Setelah pasien mengupload bukti pembayaran pasien dapat menyimpan data tersebut dengan cara menekan tombol simpan seperti pada Gambar 3.86
3.2.22 Keluar (Logout)
1. Pada tombol keluar atau logout berfungsi untuk keluar dari halaman utama aplikasi. Dengan cara klik tombol logout yang berada pada menu dashboard.
Gambar 3.87 Tombol Keluar