BAB III
ANALISA DAN PERANCANGAN
3.1 Analisa
Seperti langkah-langkah yang dilakukan pada salah satu model proses rekayasa perangkat lunak yaitu model MDLC (Multimedia Development Life Cycle), maka pada bab ini akan dibahas tentang tahap-tahap dalam membangun perangkat lunak. Proses analisis merupakan salah satu tahapan yang harus dilalui rekayasa perangkat lunak karena melalui analisis definisi masalah menjadi lebih jelas, kebutuhan sistem dapat dispesifikasi sehingga kriteria yang harus dipenuhi dalam aplikasi dapat ditentukan agar aplikasi yang dihasilkan nantinya menjadi solusi dari masalah tersebut.
3.2 Perancangan Aplikasi
Perancangan adalah suatu bagian dari metodologi pengembangan pembangunan suatu perangkat lunak yang dilakukan setelah tahapan untuk memberikan gambaran secara terperinci. Agar aplikasi ini mudah dipahami penulis membuat Pemodelan Struktur Navigasi untuk rancangan alur program dimana desain harus mengenal dengan baik karena setiap model memberikan solusi untuk kebutuhan yang berbeda. Pemodelan Storyboard untuk gambaran dari scene yang hasil dari perancangan akan menjadi acuan dalam pembuatan tampilan pada tahap implementasi. Pemodelan Storyline merupakan sebuah naskah cerita dalam bentuk teks merancang naskah merupakan spesifikasi dari teks dan narasi dalam aplikasi multimedia.
3.2.1 Gambaran Sistem Yang Diusulkan
Aplikasi panduan beternak ayam kampung bagi pemula ini menampilkan beberapa konten berupa gambar dan teks agar mudah untuk dipahami atau dikuasai bagi para pengguna.
3.2.2 Perancangan Prosedur Yang Diusulkan
Proses perancangan ini merupakan tahap awal dari perancangan aplikasi panduan beternak ayam kampung bagi pemula yang dilakukan sebagai pemecahan masalah ketika digunakan.
3.2.2.1 Pemodelan Struktur Navigasi
Struktur navigasi berfungsi untuk menggambarkan dengan jelas hubungan dan rantai kerja seluruh elemen yang akan digunakan dalam aplikasi.
Dengan penggambaran struktur navigasi, pembuatan sebuah aplikasi dapat sistematis dan mudah. Jenis struktur navigasi dikelompokkan menjadi 4 struktur yang berbeda yaitu linier, hirarki, non linier dan campuran yang mempunyai perbedaan dalam bentuk rangkaiannya. Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Secara umum pemodelan struktur navigasi pada aplikasi ini dilihat pada gambar dibawah ini
Tampilan Awal
Menu Awal
Jenis Penyakit Ikan Mas Jenis Ikan Mas
Cara Pembiakan Penanggulangan Penyakit Budgeting
Tradisional Intensif
Pakan Pendederan
Konsumsi Hias
Ikan Mas Ras Majalaya Ikan Mas Ras Rajadanu Ikan Mas Ras Merah Ikan Mas Ras Sipunten Ikan Mas
Ras Sinyonya
Ikan Mas Koi
Ikan Mas Fancy Carp
Ikan Mas Ras Kumpay Ikan Mas Ras Kancra
Domas Penyakit Bakterial
Penyakit Parasiter Penyakit
Viral Eceng Ketapang
Gondok Pisang
Gambar 3.1 Struktur Navigasi
3.2.2.2 Pemodelan StoryBoard
Storyboard merupakan hal yang penting dalam pembuatan rancangan aplikasi karena memperlihatkan hubungan rantai kerja dari beberapa halaman atau form yang berbeda. Pada tahapan ini akan dibahas storyboard program yang dilakukan user terhadap aplikasi yang sudah siap digunakan.
BUDUDAYA IKAN MAS
CARA PEMBIAKAN
JENIS IKAN MAS
JENIS PENYAKIT
PENANGGUL- ANGAN PENYAKIT
BUDGETING Cara Pembiakan
Tradisional Intensif
Intensif
Pendederan Pakan
Jenis Penyakit
Penyakit Bakterial
Penyakit Viral
Penyakit Parasiter Penyakit
Bakterial
Teks Penjelasan
Penyakit Viral
Teks Penjelasan
Penyakit Parasiter
Teks Penjelasan
Budgeting
Tampilan Budgeting
Jenis Ikan Mas
Konsumsi Hias
Ikan Mas Konsumsi
Ikan Mas Ras Sinyonya
Ikan Mas Ras Punten
Ikan Mas Ras Merah
Ikan Mas Ras Rajadanu
Ikan Mas Ras Majalaya
Ikan Mas Hias
Ikan Mas Koi
Ikan Mas Kancra Domas
Ikan Mas Fancy
Carp
Ikan Mas Kumpay Ras Punten
Gambar
Teks Penjelasan Ras Sinyonya
Gambar
Teks Penjelasan
Ras Rajadanu
Gambar
Teks Penjelasan Ras Merah
Gambar
Teks Penjelasan
Ras Majalaya
Gambar
Teks Penjelasan
Ikan Mas Koi
Gambar
Teks Penjelasan
Ikan Mas Kumpay
Gambar
Teks Penjelasan Ikan Mas
Fancy Carp
Gambar
Teks Penjelasan
Ikan Mas Kancra Domas
Gambar
Teks Penjelasan Penanggulangan
Penyakit
Pisang
Eceng Gondok
ketapang
Gambar 3.2 StroryBoard
3.2.2.3 Rancangangan StoryLine
1) Halaman Splash dan Progress Bar
Sebelum masuk ke halaman utama, ada halaman sebelumnya yaitu Splash dan ProgressBar. Pada halaman ini hanya menampilkan gambar dari aplikasi budi daya ikan mas dan progressbar atau yang lebih dikenal loading.
Splash
Gambar
Gambar 3.3 Halaman Splash 2) Halaman Menu Utama
Setelah pada tampilan splash diatas selesai, akan ada halaman yang menampilkan menu utama, yaitu :
1. Menu Cara Pembiakan Ikan Mas 2. Menu Jenis Ikan Mas
3. Menu Jenis Penyakit Ikan Mas 4. Menu Penanggulangan Penyakit 5. Menu Budgeting
BUDUDAYA IKAN MAS
CARA PEMBIAKAN
JENIS IKAN MAS
JENIS PENYAKIT
PENANGGUL- ANGAN PENYAKIT
BUDGETING
Gambar 3.4 Halaman Menu Utama
3) Halaman Menu Cara Pembiakan Ikan Mas
Pada menu Cara Pembiakan Ikan Mas ini akan menampilkan 2 layout dan masing – masing layout akan memberi informasi berupa Menu Cara Pembiakan Tradisional dan Intensif. Jika menyentuh menu yang ada salah satu di dalam layout ini maka user akan mendapatkan informasi sesuai yang disentuh oleh user.
Cara Pembiakan
Tradisional Intensif
Gambar 3.5 Halaman Menu Cara Pembiakan Ikan Mas 4) Halaman Menu Intensif
Pada menu Intensif ini akan menampilkan 2 layout dan masing – masing layout akan memberi informasi tentang informasi mengenai pendederan dan pakan yang akan di bahas dalam program ini.
Intensif
Pendederan Pakan
Gambar 3.6 Halaman Menu Intensif Pendederan dan Pakan 5) Halaman Menu Jenis Ikan Mas
Pada menu Jenis Ikan Mas ini akan menampilkan 2 menu yaitu menu jenis ikan mas hias dan konsumsi masing – masing layout akan memberi informasi, di dalam menu jenis ikan mas konsumsi terdapat 5 jenis ikan mas konsumsi dan di dalam menu jenis ikan mas hias ada 4 jenis ikan mas hias. Jika menyentuh menu yang ada salah satu di dalam
layout ini maka user akan mendapatkan informasi sesuai yang disentuh oleh user.
Jenis Ikan Mas
Konsumsi Hias
Gambar 3.7 Halaman Menu Jenis Ikan Mas
6) Halaman Menu Jenis Ikan Mas Konsumsi
Pada menu Jenis Ikan Mas Konsumsi ini akan menampilkan 5 jenis ikan mas dan masing – masing layout akan memberi informasi tentang informasi mengenai jenis ikan mas konsumsi yaitu Ikan Mas Ras Sinyonya, Ikan Mas Ras Punten, Ikan Mas Ras Merah, Ikan Mas Ras Rajadanu, Ikan Mas Ras Majalaya yang akan di bahas dalam program ini.
Ikan Mas Konsumsi
Ikan Mas Ras Sinyonya
Ikan Mas Ras Punten
Ikan Mas Ras Merah
Ikan Mas Ras Rajadanu
Ikan Mas Ras Majalaya
Gambar 3.8 Halaman Menu Ikan Mas Konumsi
7) Halaman Menu Jenis Ikan Mas Hias
Pada menu Jenis Ikan Mas Hias ini akan menampilkan 4 jenis ikan mas dan masing – masing layout akan memberi informasi tentang informasi mengenai jenis ikan mas hias yaitu Ikan Mas Koi, Ikan Mas Ras Kancra Domas, Ikan Mas Fancy Carp, Ikan Mas Ras Kumpay yang akan di bahas dalam program ini.
Ikan Mas Hias
Ikan Mas Koi
Ikan Mas Kancra Domas
Ikan Mas Fancy
Carp
Ikan Mas Kumpay
Gambar 3.9 Halaman Menu Ikan Mas Hias 8) Halaman Menu Jenis Penyakit Ikan Mas
Pada menu Jenis Penyakit Ikan Mas ini akan menampilkan informasi tentang jenis penyakit yang terdapat pada ikan mas yang berisi tentang Jenis Penyakit Bakterial, Penyakit Viral, dan Penyakit Parasiter.
Jenis Penyakit
Penyakit Bakterial
Penyakit Viral
Penyakit Parasiter
Gambar 3.10 Halaman Menu Jenis Penyakit Ikan Mas
9) Halaman Menu Penanggulangan Penyakit
Pada menu Penanggulangan Penyakit ini akan menampilkan informasi tentang penanggulangan penyakit yang terdapat pada ikan mas yang berisi tentang Penanggulangan Penyakit yaitu Pisang, Eceng Gondok, Ketapang.
Penanggulangan Penyakit
Pisang
Eceng Gondok
ketapang
Gambar 3.11 Halaman Menu Penanggulangan Penyakit 10) Halaman Menu Budgeting
Pada menu Budgeting ini akan menampilkan analisis usaha bisnis budi daya ikan mas yang sedang berkembang di pasaran saat ini sehingga memberikan informasi
Budgeting
Tampilan Budgeting
Gambar 3.12 Halaman Menu Budgeting
3.3 Perancangan Bagian Alur (Flowchart)
Sistem flowchart menggunakan tahapan proses dari suatu sistem, termasuk sistem multimedia.
Start
Tampilan Menu Utama
Pilih Menu
Pilih Menu Cara
Pembiakan Ya Tampilan Layar Cara
Pembiakan
A
Pilih Menu Jenis Ikan Mas
Pilih Menu Jenis Penyakit Ikan Mas
Pilih Menu Penanggulangan
Penyakit
Pilih Menu Budgeting
Tampilan Layar Jenis Ikan Mas Ya
Tampilan Layar Jenis Penyakit Ikan Mas
Tampilan Layar Penanggulangan
Penyakit
Tampilan Layar Budgeting Ya
Ya
Ya
B
C
End Tidak
D
Gambar 3.14 Rancangan Flowchart Menu Utama
Pilih Menu
Pilih Menu
Tradisional Ya Tampilan Layar Menu
Tradisional
Pilih Menu Intensif Tampilan Layar Menu Intensif Ya
End A
Gambar 3.15 Rancangan Flowchart Cara Pembiakan
Pilih Menu
Pilih Menu Konsumsi Ya Tampilan Layar Menu Konsumsi
Pilih Menu Hias Tampilan Layar Menu
Ya Hias
End B
Gambar 3.16 Rancangan Flowchart Jenis Ikan Mas
Pilih Menu
Pilih Menu Penyakit
Bakterial Ya Tampilan Layar Menu
Penyakit Bakterial
Pilih Menu Penyakit Viral
Tampilan Layar Menu Penyakit Viral Ya
End C
Pilih Menu Penyakit Parasiter
Tampilan Layar Menu Penyakit Parasiter Ya
Gambar 3.17 Rancangan Flowchart Jenis Penyakit Ikan Mas
Pilih Menu
Pilih Menu Pisang Ya Tampilan Layar Menu Penyakit Bakterial
Pilih Menu Eceng Gondok
Tampilan Layar Menu Eceng Gondok Ya
End D
Pilih Menu Ketapang Tampilan Layar Menu Ketapang Ya
Gambar 3.18 Rancangan Flowchart Penanggulangan Penyakit
