Dalam aplikasi pendeteksi penyakit pada tanaman kopi dengan layanan berbasis. pengguna. Adapun penjelasan tahapan tahapan sebagai berikut :

Transkripsi

1 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 2. Halaman Login Gambar 4. 2 Tampilan Halaman Login Halaman login akan muncul setelah halaman opening. Halaman login berisi 2 field yaitu 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

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

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

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

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

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

8 Gambar Tampilan Pesan Error pada Halaman Diagnosa Gambar 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 Kemudian pengguna menekan tombol Berikan Lokasi Anda dan Submit Diagnosa agar sistem dapat melacak lokasi pengguna dan

9 mengirim seluruh jawaban dan lokasi pengguna serta ID pengguna ke server agar dapat diproses untuk mendapatkan hasil diagnosa penyakit. Gambar 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.

10 7. Halaman Statistik Gambar 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 Data diambil dari aplikasi web dengan menggunakan web service yang telah diolah sebelumnya. Format data yang dikirim dari web berupa JSON.

11 8. Halaman Peta Penyebaran Gambar 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 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.

12 Gambar 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 Halaman Pusat Informasi

13 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 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 Gambar Halaman Detail Pusat Informasi

14 Prosedur Penggunaan Aplikasi Web Administrator 1. Halaman Login Gambar 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 Halaman Dashboard Gambar Halaman Dashboard

15 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 Halaman Manajemen Data Kopi Gambar Halaman Manajemen Data Kopi Halaman manajemen data kopi berisi tentang daftar informasi mengenai tanaman kopi seperti yang tertera pada gambar 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.

16 Gambar 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 Gambar Halaman Sunting Data Kopi

17 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 Apabila web administrator menekan tombol ok maka data akan dihapus sedangkan apabila menekan tombol cancel maka data batal dihapus oleh sistem. Gambar Konfirmasi Hapus Data Kopi 4. Halaman Manajemen Data Penyakit Kopi Gambar Halaman Manajemen Data Penyakit Kopi

18 Halaman manajemen data penyakit kopi berisi tentang daftar informasi mengenai penyakit tanaman kopi seperti yang tertera pada gambar 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 Gambar 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.

19 Gambar 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 Apabila web administrator menekan tombol ok maka data akan dihapus sedangkan apabila menekan tombol cancel maka data batal dihapus oleh sistem. Gambar Konfirmasi Hapus Data Penyakit Kopi

20 5. Halaman Manajemen Data Gejala Penyakit Kopi Gambar 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 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.

21 Gambar 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 Gambar 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 Apabila web administrator menekan tombol ok maka data akan dihapus sedangkan apabila menekan tombol cancel maka data batal dihapus oleh sistem.

22 Gambar Konfirmasi Hapus Data Gejala Penyakit Kopi 6. Halaman Manajemen Web Administrator Gambar 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

23 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 Gambar 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 Apabila web administrator menekan tombol ok maka data akan dihapus sedangkan apabila menekan tombol cancel maka data batal dihapus oleh sistem.

24 Gambar Konfirmasi Hapus Data Web Administrator 7. Halaman Manajemen Akun Pengguna Gambar Halaman Manajemen Akun Pengguna

25 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 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 Konfirmasi Hapus Data User Account

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

27 Gambar 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 Gambar Halaman Peta Penyebaran

28 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 Wahyu Aditya Nugraha : wahyuadityanugraha@rocketmail.com Miranty Lestari : aakussayangddia@hotmail.com Muhammad Yasin : m.yasin89@yahoo.com