BAB 3
PERANCANGAN SISTEM
3.1 Perencanaan Sistem
Perencanaan adalah tahap awal dalam membangun suatu aplikasi atau perangkat lunak. Dalam membangun suatu aplikasi memerlukan persiapan dan perencanaan yang bagus,
tujuan yang jelas serta melakukan percobaan berulang-ulang agar aplikasi yang dihasilkan dapat berkualitas. Aplikasi ini dirancang menggunakan eclipse dan SQLite manager untuk
penyimpanan database.
Perencanaan yaitu menyeleksi dan menghubungkan pengetahuan, fakta-fakta, imajinasi-imajinasi dan asumsi-asumsi dengan tujuan memvisualisasi dan memformulasi
hasil yang diinginkan urutan kegiatan yang diperlukan dan prilaku dalam batas-batas yang
dapat diterima yang akan digunakan dalam penyelesaian.
3.2 Pemodelan Sistem
Hal yang paling dominan ketika perancangan suatu aplikasi dilakukan adalah memodelkan kebutuhan pemakai. Ada banyak cara untuk memodelkan aplikasi sebagaimana banyak cara
yang digunakan oleh seorang arsitek untuk membangun sebuah rumah. Pada dasarnya pemodelan tersebut merupakan kombinasi antara perangkat lunak dan perangkat keras yang
digunakan.
Universitas Sumatera Utara
Persiapan selanjutnya setelah perencanaan adalah perancangan, yaitu membuat data flowchart diagram dari sketsa tampilan dan isi aplikasi. Isi dari data flowchart diagram adalah
sebagai gambaran isi dari aplikasi. Adapun diagram flowchart pada perancangan aplikasi pengenalan jenis-jenis hama dan penyakit pada tanaman jeruk menggunakan Eclipse java
galileo dapat dilihat pada Gambar 3.1
Gambar 3.1 Data Diagram Aplikasi Pengenalan Jenis Hama dan Penyakit Mengunakan Eclipse ADT
3.3 Flowchart Program
Flowchart adalah sekumpulan simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart juga digunakan untuk
Aplikasi Pengenalan Hama Dan Penyakit Pada Tanaman Jeruk
Menu Utama
Penyakit Hama
About Exit
Universitas Sumatera Utara
menggambarkan urutan langkah-langkah pekerjaan di suatu algoritma. Tujuan utama dari penggunaan Flowchart adalah untuk menggambarkan suatu tahapan penyelesaian masalah
secara sederhanna, terurai, rapi dan jelas dengan menggunakan simbol-simbol yang standar. Adapun flowchart rancangan aplikasi pengenalan jenis-jenis hama dan penyakit pada
tanaman jeruk berbasis Android yakni:
1. Flowchart Menu Utama Aplikasi
Di dalam flowchart menu utama, terdapat start saat pertama kali aplikasi dijalankan, setelah itu akan muncul tampilan utama aplikasi, setelah itu ada pilihan case, jika di
pilih yes maka akan disediakan pilihan button yakni penyakit, hama, about, dan exit, jika dipilih no maka akan kembali ke menu awal. Kemudian setelah case penyakit
dipilih ataupun case yang lain maka akan dilanjutkan kepada pilihan jenis penyakit, untuk lebih jelasnya lihat gambar 3.2.
Start
Menu
case
Penyaki t
Hama About
Exit
Yes
Yes No
A B
C
Yes Yes
Yes
End
Universitas Sumatera Utara
Gambar 3.2 Flowchart Menu Utama Aplikasi
2. Flowchart Menu Penyakit
Didalam flowchart menu penyakit ini akan ditampilkan beberapa case pilihan, dimana jika dipilih yes pengguna akan menuju ke activity selanjutnya yang berupa listview
tentang beberapa jenis-jenis penyakit. Lihat gambar 3.3.
Gambar 3.3 Flowchart Menu Penyakit
3. Flowchart Menu Hama
Jika dipilih Flowchart menu hama maka akan ditampilkan beberapa case pilihan, jika dipilih yes maka akan ditampilkan beberapa kategori jenis hama diantaranya kutu,
A
Yes Yes
Yes
Case Penyakit
Nama Penyakit
Nama Penyakit
Nama Penyakit
Yes No
Universitas Sumatera Utara
ulat, lalat, lain, jika dipilih no menu hama akan kembali ketampilan menu utama program aplikasi. Lihat gambar 3.4.
Gambar 3.4 Flowchar Menu Utama Hama
4. Flowchart Menu About
Pada flowchart menu about akan menampilkan tentang indentias penulis, di menu about tersebut aka nada pilihan case, jika dipilih yes maka akan muncul tampilan
identitas tentang data diri penulis dan jika no maka akan kembali ke halaman utama. Ligat gambar 3.5.
B
Hama
Case
case e
Yes
Yes No
Lain Kutu
Ulat Lalat
case e
case e
case e
Ket Ket
Ket Ket
Yes Yes
Yes Yes
Universitas Sumatera Utara
Gambar 3.5 Flowchart Menu Utama About
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
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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
Nama Aplikasi
Universitas Sumatera Utara
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
About Exit
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Keterangan mengenai Lalat
Universitas Sumatera Utara
Gambar 3.16 Tampilan form menu about
3.5 Perancangan Database