BAB 3 PERANCANGAN SISTEM
3.4 Perancangan Sistem
Setelah tahap analisis sistem selesai dilakukan, maka analis sistem telah mendapatkan gambaran dengan jelas apa yang harus dikerjakan. Tiba waktunya sekarang bagi analis sistem untuk memikirkan bagaimana membentuk sistem tersebut. Tahap ini disebut dengan perancangan sistem.
Perancangan sistem dapat didefinisikan sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
Pada awal pembuatan Aplikasi Pembelajaran ini yang dirancang oleh penulis, pengguna akan dapat mempelajari dan mengetahui jenis-jenis Hama Dan Penyakit pada tanaman jeruk dengan baik dan benar. Tampilan windows yang lazim disebut juga dengan user interface, dirancang sedemikian rupa sehingga pengguna dapat mengoperasikan
C Ket About case No Yes
Aplikasi pembelajaran ini dengan mudah. Namun demikian berbagai fungsi dan fasilitas disajikan sedemikian lengkap pada setiap bagian interface sehingga pengguna dapat menggunakan secara optimal.
Perancangan sistem adalah sebuah teknik pemecahan masalah yang saling melengkapi (dengan analisis sistem ) yang merangkai kembali bagian-bagian komponen menjadi sebuah siste yang lengkap. Perancangan sistem mempunyai 2 tujuan, yaitu: untuk memenuhi kebutuhan para pemakai sistem dan untuk memberikan gambaran yang jelas kepada pemrogram komputer dan ahli-ahli teknik lainnya yang terlibat .Berikut ini adalah bentuk perancangan sistem atau interface dari program aplikasi pengenalan jenis-jenis Hama dan Penyakit pada Tanaman Jeruk berbasis Android yakni :
1. Perancangan Form Spalshscreen
Pada awal aplikasi di jalankan akan muncul gambar tampilan splashscreen yang berisikan suara yang berformat MP3, rancangan tampilan spalshscreen dapat dilihat pada gambar 3.6.
Gambar 3.6 Tampilan SplashScreen
2. Perancangan Form Menu Utama Aplikasi
Pada awal program aplikasi terdapat menu-menu utama, dimana menu tersebut terbagi menjadi 4 kategori, yakni : Hama, Penyakit, About dan Exit, dan pada tampilan menu utama juga akan akan di buat Header dan footer. Dan masing-masing menu batton akan memiliki activity tersendiri untuk ke menu berikutnya. lihat gambar 3.7.
GAMBAR
Gambar 3.7 Tampilan Menu Utama
3. Perancangan Form Menu Penyakit
Jika Form menu penyakit di pilih maka akan ditampilkan jenis-jenis penyakit yang menyerang tanaman jeruk, dimana jenis-jenis penyakit tersebut akan disusun secara List, dengan menggunkan ListActivity, yang terdapat pada Eclipse java Galileo. Lihat gambar 3.8.
Header
Footer
Penyakit Hama
Gambar 3.8 Tampilan Menu Penyakit Tanaman pada tanaman jeruk
Setelah Form jenis penyakit di pilih akan tampil beberapa nama penyakit yang akan muncul dimana penyakit tersebut yang sudah dinput sebelumnya dari database, setelah itu kita akan memilih salah satu jenis penyakit yang muncul pada daftar list Form menu jenis penyakit, maka akan muncul beberapa keterangan mengenai penyakit tersebut, diantaranya adalah nama penyakit, cara pengendalian penyakit tersebut, gejala yang disebabkan penyakit tersebut serta keterangan gambar mengenai penyakit. Lihat gambar 3.9. Header Footer Jenis Penyakit Nama penyakit Nama penyakit Nama penyakit Nama penyakit Nama penyakit Nama penyakit Nama penyakit
Gambar 3.9 Tampilan form nama penyakit dan keterangan mengenai penyakit
4. Perancangan Form Menu Hama
Jika Form menu hama di pilih maka akan ditampilkan jenis-jenis hama yang menyerang tanaman jeruk, dimana jenis-jenis hama tersebut akan ditampilkan dalam bentuk button. lihat gambar 3.10. Footer Header Nama Penyakit Gambar Keterangan mengenai Penyakit
Gambar 3.10 Tampilan Form Jenis-Jenis Hama pada Tanaman Jeruk
Setelah form jenis-jenis hama ditampilkan maka kita akan muncul button jenis hama yaitu kutu,ulat,hama lainya dan lalat. Ketika kita pilih button kutu akan muncul tampilan list jenis-jenis hama kutu yang menyerang tanaman jeruk. lihat gambar 3.11.
Header Footer Kutu Ulat Hama Lainya Lalat
Gambar 3.11 Tampilan form jenis-jenis kutu yang menyerang tamanan jeruk
Apabila kita pilih button ulat akan muncul list jenis-jenis hama ulat, yang meyerang tanaman jeruk dalam bentuk list, lihat gambar 3.12.
Header Footer Jenis-Jenis Kutu Nama Kutu Nama Kutu Nama Kutu Nama Kutu Nama Kutu Nama Kutu
Gambar 3.12 Tampilan form jenis-jenis Ulat yang menyerang tamanan jeruk
Apabila kita pilih button hama lainya akan muncul list jenis-jenis hama lainya, yang meyerang tanaman jeruk dalama bentuk list lihat gambar 3.13.
Header Footer Jenis-Jenis Ulat Nama Ulat Nama Ulat Nama Ulat Nama Ulat Nama Ulat Nama Ulat
Gambar 3.13 Tampilan form jenis-jenis Hama Lain yang menyerang tamanan jeruk
Apabila kita pilih button lalat akan muncul list jenis-jenis hama lalat, yang meyerang tanaman jeruk dalama bentuk list lihat gambar 3.14.
Header
Footer Jenis-Jenis Hama Lainya Nama Hama Nama Hama Nama Hama Nama Hama Nama Hama Nama Hama
Gambar 3.14 Tampilan form jenis-jenis lalat yang menyerang tamanan jeruk
Setelah Form jenis-jenis lalat di pilih akan tampil beberapa nama jenis lalat yang akan muncul, dimana lalat tersebut sudah dinput sebelumnya dari database, setelah itu kita akan memilih salah satu jenis lalat yang muncul pada daftar list Form menu jenis lalat, setelah di klik maka akan muncul beberapa keterangan mengenai hama tersebut, diantaranya adalah nama lalat, cara pengendalian lalat tersebut, gejala yang disebabkan oleh lalat tersebut serta keterangan gambar mengenai lalat. lihat gambar 3.15.
Header Footer Jenis-Jenis Lalat Nama Lalat Nama Lalat Nama Lalat Nama Lalat Nama Lalat Nama Lalat
Gambar 3.15 Tampilan form keterangan mengenai lalat yang menyerang tamanan jeruk
5. Perancangan Form Menu About
Pada Form menu about ini akan menampilkan data mengenai data diri mengenai penulis menyangkut tentang nama, alamat, fakultas dan jurusan dan gambar. Untuk lebih jelasnya lihat gambar 3.16.
Footer Header
Nama Lalat
Gambar
Gambar 3.16 Tampilan form menu about
3.5 Perancangan Database
Dalam perancangan aplikasi ini, database yang digunakan oleh penulis adalah SQLite Manager. Database yang dibuat menggunakan file database yang memiliki nama
“DBAdapter “. Database ini berfungsi untuk menampung seluruh data yang telah diinput ke dalam program aplikasi yang dibuat, sehingga akan mempermudah saat pemanggilan data yang dibutuhkan. Database DBAdapter memiliki 5 tabel, yaitu table Hama tabel, Kutu, tabel Ulat, tabel hama lainya dan tabel Penyaki. Setiap tabel tersebut memiliki field berbeda-beda. Berikut ini adalah rancangan database yang digunakan.
Didalam database DBAdapter akan dibuat beberapa tabel, diantaranya tabel penyakit, hama, kutu, lalat, ulat, dan hama lainya. Pada tabel pertama akan dibuat sebuah tabel dengan nama
Nama Jurusan Fakultas Foto Footer Header
penyakit, dan terdiri dari 3 field diantara nya id dengan tipe data integer, nama penyakit dengan tipe data text dan keterangan dengan type data text. Lihat tabel 3.1.
Tabel 3.1 Tabel Penyakit Nama Filed Tipe data Keterangan
_Id Integer Nomor Id
Nama_Penyakit Text Nama Penyakit
Keterangan Text Cara Mengatasi Penyakit tersebut
Tabel berikutnya adalah tabel lalat, dimana dalam pembuatan tabel tersebut terdiri dari 3 field diantaranya adalah id dengan type data integer, nama lalat dengan type text dan keterangan dengan type text. Lihat tabel 3.2.
Tabel 3.2 Tabel Lalat Nama Filed Tipe data Keterangan
_Id Integer Nomor Id
Nama_lalat Text Nama lalat
Keterangan Text Cara Pengendalian hama
Tabel ketiga dibuat dengan nama kutu, dimana tabel tersebut terdiri dari 3 field utama yaitu id dengan type data integer, nama kutu dengan type data text, dan keterangan dengan type data text. Lihat tabel 3.3.
Tabel 3.3 Tabel Kutu Nama Filed Tipe data Keterangan
_Id Integer Nomor Id
Nama_Kutu Text Nama Kutu
Keterangan Text Cara Pengendalian Kutu
Tabel ke empat dibuat dengan nama ulat, dimana didalam tabel ulat tersebut terdiri dari 3 field yaitu id dengan type data integer, nama ulat denga type data text, dan keterangan dengan type data text. Lihat tabel 3.4.
Tabel 3.4 Tabel Ulat Nama Filed Tipe data Keterangan
_Id Integer Nomor Id
Nama_Ulat Text Nama Kutu
Keterangan Text Cara Pengendalian Ulat
Tabel kelima dibuat dengan nama lainya, dimana didalam tabel tersebut akan menjelaskan tentang jenis-jenis hama lainya yang menyerang tanaman jeruk, didalam tabel tersebut dibuat 3 field yaitu id dengan type data integer, nama hama lainya dengan type data text dan keterangan dengan type data text. Lihat tabel 3.5.
Tabel 3.5 Tabel Hama Lainya Nama Filed Tipe data Keterangan
_Id Integer Nomor Id
Nama_HamaLainya Text Nama Hama Lain
BAB 4
IMPLEMENTASI SISTEM