Prosedur Penggunaan Aplikasi Mobile Dalam aplikasi pendeteksi penyakit pada tanaman kopi dengan layanan berbasis lokasi pada perangkat mobile, ada beberapa tahapan-tahapan yang harus ditempuh oleh pengguna. Adapun penjelasan tahapan – tahapan sebagai berikut : 1. Halaman Opening
Gambar 4. 1 Tampilan Halaman Opening Halaman yang pertama kali ditampilkan ketika aplikasi dijalankan adalah halaman opening yang berisi splash screen logo aplikasi selama 5 detik.
2. Halaman Login
Gambar 4. 2 Tampilan Halaman Login
Halaman login akan muncul setelah halaman opening. Halaman login berisi 2 field yaitu Email dan Password yang harus diisi oleh pengguna untuk dapat mengakses menu utama aplikasi pada seperti yang tertera pada gambar 4.2.
Gambar 4. 3 Tampilan Pesan Error Halaman Login
Sebelum melakukan proses login, pengguna harus terlebih dahulu melakukan proses registrasi. Apabila pengguna belum pernah melakukan proses registrasi, maka pengguna harus melakukannya dengan menekan tombol “Tidak Memiliki Akun? Silahkan Mendaftar Disini”. Apabila terjadi kesalahan pada proses login, maka akan muncul pesan error pada aplikasi seperti yang tertera pada gambar 4.3. 3. Halaman Register
Gambar 4. 4 Tampilan Halaman Register
Sebelum melakukan proses login, pengguna harus terlebih dahulu melakukan proses registrasi. Halaman register berisi 3 field yaitu Full Name, Email dan Password yang harus diisi oleh pengguna untuk melakukan proses login aplikasi pada seperti yang tertera pada gambar 4.3. Apabila pengguna telah melakukan proses registrasi
sebelumnya, maka pengguna dapat menuju halaman login dengan menekan tombol “Sudah Memiliki Akun? Login Disini”. 4. Halaman Menu Utama
Gambar 4. 5 Tampilan Halaman Menu Utama
Apabila pengguna telah melakukan proses login dan sukses, maka pengguna dapat mengakses halaman menu utama aplikasi. Halaman ini berisi tombol-tombol menu untuk mengakses masing-masing fitur pada aplikasi seperti Diagnosa, Statistik, Peta Distribusi dan Pusat Informasi seperti yang tertera pada gambar 4.5.
Gambar 4. 6 Tampilan Tombol Menu Lain pada Menu Utama
Apabila pengguna telah menekan tombol menu pada perangkat mobile, maka pada bagian bawah akan muncul menu tambahan. Menu tersebut adalah histori dan logout seperti yang tertera pada gambar 4.6.
Gambar 4. 7 Konfirmasi Exit
Apabila pengguna menekan tombol exit di menu tambahan pada menu utama, maka akan muncul konfirmasi untuk keluar dari aplikasi. Apabila menekan tombol “ya” maka sistem akan menutup aplikasi dengan sendirinya. Sedangkan apabila menekan tombol “tidak” maka akan kembali pada halaman utama. 5. Halaman Histori
Gambar 4. 8 Tampilan Halaman Histori
Halaman histori berisi tentang daftar historis pengguna apabila pengguna telah melakukan proses diagnosa sebelumnya. Halaman ini berisi informasi tentang tanggal dan waktu terakhir, nama penyakit dan status data.
6.
Halaman Menu Diagnosa
Gambar 4. 9 Tampilan Pertanyaan pada Halaman Diagnosa
Halaman diagnosa berisi tentang daftar pertanyaan dengan field jawaban berupa radio button berupa “Ya” dan “Tidak” seperti tertera pada gambar 4.9. Pada halaman diagnosa dilakukan kegiatan mendiagnosa sebuah penyakit pada tanaman kopi. Pengguna diwajibkan menjawab keseluruhan pertanyaan yang diberikan oleh sistem. Ketika pengguna telah menjawab pertanyaan dan ingin melanjutkan ke pertanyaan berikutnya, maka pengguna harus menekan tombol “Selanjutnya”. Apabila ingin kembali ke pertanyaan berikutnya maka pengguna harus menekan tombol “Sebelumnya”. Apabila pengguna belum menginput jawaban maka akan muncul pesan error seperti yang tertera pada gambar 4.10.
Gambar 4. 10 Tampilan Pesan Error pada Halaman Diagnosa
Gambar 4. 11 Tampilan Submit Diagnosa
Apabila pengguna telah menjawab keseluruhan pertanyaan maka akan dilanjutkan halaman submit diagnosa. Halaman ini mewajibkan pengguna melaporkan dimana lokasi pengguna berada agar sistem mendapatkan posisi latitude dan longitude pengguna di GPS seperti tertera pada gambar 4.11. Kemudian pengguna menekan tombol “Berikan Lokasi Anda dan Submit Diagnosa” agar sistem dapat melacak lokasi pengguna dan
mengirim seluruh jawaban dan lokasi pengguna serta ID pengguna ke server agar dapat diproses untuk mendapatkan hasil diagnosa penyakit.
Gambar 4. 12 Halaman Hasil Diagnosa
Halaman hasil diagnosa menampilkan informasi tentang hasil diagnosa penyakit pada tanaman kopi. Halaman ini merupakan proses setelah menjawab keseluruhan pertanyaan yang diberikan oleh sistem pada perangkat mobile. Informasi didapat dari aplikasi web, yang dikirim melalui web service dan kemudian ditampilkan pada aplikasi mobile. Format data yang dikirim dari web berupa JSON. Informasi berisi tentang hasil diagnosa penyakit, dugaan penyakit pada tanaman kopi secara detail dan bagaimana cara penanggulangannya seperti yang tertera pada gambar 4.12.
7. Halaman Statistik
Gambar 4. 13 Halaman Statistik Halaman statistik berisi tentang grafik berupa statistik jumlah penyakit dari seluruh pengguna yang melaporkan apabila pengguna telah melakukan proses diagnosa sebelumnya. Halaman ini berisi informasi tentang jumlah dan nama penyakit dalam grafik statistik seperti yang tertera pada gambar 4.13. Data diambil dari aplikasi web dengan menggunakan web service yang telah diolah sebelumnya. Format data yang dikirim dari web berupa JSON.
8. Halaman Peta Penyebaran
Gambar 4. 14 Halaman Peta Penyebaran
Halaman peta penyebaran berisi tentang informasi peta penyebaran penyakit tanaman kopi yang dilaporkan oleh pengguna dari hasil diagnosa yang telah dilakukan seperti yang tertera pada gambar 4.14. Untuk menampilkan peta penyebaran pada perangkat mobile menggunakan Google Maps API yang telah disediakan sebelumnya pada Android System Developmen Kit (SDK). Data didapat dari aplikasi web. Data diambil dari aplikasi web dengan menggunakan web service yang telah diolah sebelumnya. Format data yang dikirim dari web berupa JSON.
Gambar 4. 15 Keterangan Informasi dalam Pop-up Screen Apabila pengguna menekan tombol “Marker” pada peta penyebaran maka sistem akan menampilkan pop-up screen yang berisi informasi nama pengguna yang melaporkan, nama penyakit, ID history pengguna dan tanggal diagnosa penyakit. 9.
Halaman Pusat Informasi
Gambar 4. 16 Halaman Pusat Informasi
Halaman pusat informasi berisi tentang informasi-informasi penyakit penting pada tanaman kopi. Informasi ditampilkan dalam bentuk list atau daftar penyakit. Pada daftar penyakit berisi tentang nama penyakit dan istilah dalam bahasa latin seperti yang tertera pada gambar 4.16. Data diambil dari aplikasi web dengan menggunakan web service yang telah diolah sebelumnya. Format data yang dikirim dari web berupa JSON. Apabila menekan salah satu list pada halaman pusat informasi, maka akan ditampilkan detail informasi mengenai penyakit pada tanaman kopi seperti yang tertera pada gambar 4.17.
Gambar 4. 17 Halaman Detail Pusat Informasi
Prosedur Penggunaan Aplikasi Web Administrator 1. Halaman Login
Gambar 4. 18 Halaman Login
Halaman login akan muncul pertama kali ketika aplikasi web diakses. Halaman login berisi 2 field yaitu Username dan Password yang harus diisi oleh web administrator untuk dapat mengakses menu utama aplikasi pada seperti yang tertera pada gambar 4.18. 2. Halaman Dashboard
Gambar 4. 19 Halaman Dashboard
Halaman dashboard akan muncul ketika web administrator sudah melakukan login. Pada halaman ini terdapat informasi tentang aplikasi dan web administrator dapat mengakses menu utama seperti yang tertera pada gambar 4.19. 3. Halaman Manajemen Data Kopi
Gambar 4. 20 Halaman Manajemen Data Kopi
Halaman manajemen data kopi berisi tentang daftar informasi mengenai tanaman kopi seperti yang tertera pada gambar 4.20. Pada halaman ini web administrator dapat memasukkan informasi tentang jenis tanaman kopi beserta deskripsi dengan menekan tombol “Tambah Data Kopi”. Web administrator dapat memasukkan informasi mengenai jenis tanaman kopi seperti pada field yang telah disediakan dan tertera pada gambar 4.21.
Gambar 4. 21 Halaman Tambah Data Kopi
Ketika web administrator menekan tombol ikon pensil pada halaman manajemen data kopi, maka
web administrator dapat melakukan perubahan informasi tentang
tanaman kopi sesuai dengan index yang telah dipilih apabila terdapat kesalahan informasi tentang tanaman kopi seperti yang tertera pada gambar 4.22.
Gambar 4. 22 Halaman Sunting Data Kopi
Ketika web administrator menekan tombol ikon tong sampah pada halaman manajemen data kopi, maka sistem akan memberikan konfirmasi kepada web administrator untuk menghapus data tanaman kopi sesuai index yang dipilih seperti pada gambar 4.23. Apabila web administrator menekan tombol “ok” maka data akan dihapus sedangkan apabila menekan tombol “cancel” maka data batal dihapus oleh sistem.
Gambar 4. 23 Konfirmasi Hapus Data Kopi
4. Halaman Manajemen Data Penyakit Kopi
Gambar 4. 24 Halaman Manajemen Data Penyakit Kopi
Halaman manajemen data penyakit kopi berisi tentang daftar informasi mengenai penyakit tanaman kopi seperti yang tertera pada gambar 4.24. Pada halaman ini web administrator dapat memasukkan informasi tentang jenis penyakit tanaman kopi beserta deskripsi dengan menekan tombol “Tambah Data Penyakit Kopi”. Web administrator dapat memasukkan informasi mengenai jenis penyakit tanaman kopi seperti pada field yang telah disediakan dan tertera pada gambar 4.25.
Gambar 4. 25 Halaman Tambah Data Penyakit Kopi
Ketika web administrator menekan tombol ikon pensil pada halaman manejemen data penyakit kopi, maka web administrator dapat melakukan perubahan informasi tentang penyakit tanaman kopi sesuai dengan index yang telah dipilih apabila terdapat kesalahan informasi tentang penyakit tanaman kopi seperti yang tertera pada gambar 4.26.
Gambar 4. 26 Halaman Sunting Data Penyakit Kopi
Ketika web administrator menekan tombol ikon tong sampah pada halaman manajemen data penyakit kopi, maka sistem akan memberikan konfirmasi kepada web administrator untuk menghapus data penyakit tanaman kopi sesuai index yang dipilih seperti pada gambar 4.27. Apabila web administrator menekan tombol “ok” maka data akan dihapus sedangkan apabila menekan tombol “cancel” maka data batal dihapus oleh sistem.
Gambar 4. 27 Konfirmasi Hapus Data Penyakit Kopi
5. Halaman Manajemen Data Gejala Penyakit Kopi
Gambar 4. 28 Halaman Manajemen Data Gejala Penyakit Kopi
Halaman manajemen data gejala penyakit kopi berisi tentang daftar informasi mengenai gejala penyakit tanaman kopi seperti yang tertera pada gambar 4.28. Pada halaman ini web administrator dapat memasukkan informasi tentang gejala penyakit tanaman kopi beserta deskripsi dengan menekan tombol “Tambah Data Gejala”. Web administrator dapat memasukkan informasi mengenai gejala penyakit tanaman kopi seperti pada field yang telah disediakan seperti yang tertera pada gambar 4.29.
Gambar 4. 29 Halaman Tambah Data Gejala Penyakit Kopi Ketika web administrator menekan tombol ikon pensil pada halaman manajemen data gejala penyakit kopi, maka web administrator dapat melakukan perubahan informasi tentang gejala penyakit tanaman kopi sesuai dengan index yang telah dipilih apabila terdapat kesalahan informasi tentang gejala penyakit tanaman kopi seperti yang tertera pada gambar 4.30.
Gambar 4. 30 Halaman Sunting Gejala Penyakit Kopi
Ketika web administrator menekan tombol ikon tong sampah pada halaman manajemen data gejala penyakit kopi, maka sistem akan memberikan konfirmasi kepada web administrator untuk menghapus data penyakit tanaman kopi sesuai index yang dipilih seperti pada gambar 4.31. Apabila web administrator menekan tombol “ok” maka data akan dihapus sedangkan apabila menekan tombol “cancel” maka data batal dihapus oleh sistem.
Gambar 4. 31 Konfirmasi Hapus Data Gejala Penyakit Kopi
6. Halaman Manajemen Web Administrator
Gambar 4. 32 Halaman Manajemen Web Administrator Halaman manajemen web administrator berfungsi mengelola data web administrator yang diberikan akses untuk mengelola aplikasi web. Apabila web administrator menekan tombol ikon pensil pada halaman manajemen web
administrator, maka web administrator dapat melakukan perubahan informasi tentang data informasi mengenai web administrator lainnya dengan index yang telah dipilih apabila terdapat kesalahan informasi seperti yang tertera pada gambar 4.33.
Gambar 4. 33 Halaman Sunting Data Web Administrator
Ketika web administrator menekan tombol ikon tong sampah pada halaman manajemen web administrator, maka sistem akan memberikan konfirmasi kepada web administrator untuk menghapus data web administrator sesuai index yang dipilih seperti pada gambar 4.34. Apabila web administrator menekan tombol “ok” maka data akan dihapus sedangkan apabila menekan tombol “cancel” maka data batal dihapus oleh sistem.
Gambar 4. 34 Konfirmasi Hapus Data Web Administrator
7. Halaman Manajemen Akun Pengguna
Gambar 4. 35 Halaman Manajemen Akun Pengguna
Halaman manajemen akun pengguna berfungsi mengelola data web administrator yang diberikan akses untuk mengelola akun pengguna mobile. Ketika web administrator menekan tombol ikon tong sampah pada halaman manajemen akun pengguna, maka sistem akan memberikan konfirmasi kepada web administrator untuk menghapus data akun pengguna sesuai index yang dipilih seperti pada gambar 4.36. Apabila web administrator menekan tombol “ok” maka data akan dihapus sedangkan apabila menekan tombol “cancel” maka data batal dihapus oleh sistem. Hal ini dilakukan jika terdapat kejadian dan kebijakan yang menyebabkan pengguna tersebut harus dihapus sebagai konsekuensi.
Gambar 4. 36 Konfirmasi Hapus Data User Account
8. Halaman Manajemen Histori User Halaman manajemen histori user berfungsi untuk melihat informasi tentang daftar pengguna yang telah melakukan proses diagnosa pada aplikasi mobile seperti yang tertera pada gambar 4.37. Apabila web administrator menekan tombol valid atau tidak valid maka akan mengubah status pada data valid atau tidak valid. Apabila status valid maka data histori pengguna akan ditampilkan pada peta penyebaran pada aplikasi mobile dan web.
Gambar 4. 37 Halaman Manajemen Histori User
9. Halaman Statistik Halaman statistik dapat diakses dari menu utama. Pada halaman ini kita dapat melihat jumlah penyebaran penyakit melalui grafik dari data yang didapat dari pengguna, sehingga dapat melihat frekuensi jenis penyakit yang menjadi epidemic.
Gambar 4. 38 Halaman Statistik
10. Halaman Peta Penyebaran Halaman peta penyebaran dapat diakses dari menu utama. Pada halaman ini kita dapat melihat peta persebaran penyakit di beberapa tempat. Pada halaman ini mengandung data yang di laporkan dari para pengguna aplikasi jika menekan tanda berupa “marker” pada peta penyebaran seperti yang tertera pada gambar 4.39.
Gambar 4. 39 Halaman Peta Penyebaran
Kontak Kami Untuk Informasi lebih lanjut mengenai source file .apk untuk android, dan untuk Informasi mengenai cara bagaimana mengakses halaman administrator ataupun ada saran dan kritik tentang aplikasi yang dikembangkan bisa menghubungi kelompok kami melalui email : •
Wahyu Aditya Nugraha :
[email protected]
•
Miranty Lestari :
[email protected]
•
Muhammad Yasin :
[email protected]