38
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.
38
http://digilib.mercubuana.ac.id/
39 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
39
http://digilib.mercubuana.ac.id/
40
Tampilan Awal
Menu Awal
Cara Pembiakan
Tradisional
Jenis Ikan Mas
Intensif
Pendederan
Konsumsi
Pakan
Jenis Penyakit Ikan Mas
Penyakit Bakterial
Hias
Ikan Mas Ras Sinyonya
Ikan Mas Koi
Ikan Mas Ras Sipunten
Ikan Mas Ras Kancra Domas
Ikan Mas Ras Merah
Ikan Mas Fancy Carp
Ikan Mas Ras Rajadanu
Ikan Mas Ras Kumpay
Penyakit Viral
Penanggulangan Penyakit
Penyakit Parasiter
Pisang
Budgeting
Eceng Gondok
Ketapang
Ikan Mas Ras Majalaya
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.
40
http://digilib.mercubuana.ac.id/
41
Jenis Ikan Mas
Cara Pembiakan
Hias
Konsumsi Tradisional
Ikan Mas Konsumsi
Intensif
Ikan Mas Ras Sinyonya
Ikan Mas Ras Punten
Ikan Mas Ras Merah
Ikan Mas Ras Rajadanu
Intensif
Pendederan
Ras Sinyonya
Ras Punten
Gambar
Gambar
Teks Penjelasan
Teks Penjelasan
Pakan Ikan Mas Ras Majalaya
Penyakit Bakterial
BUDUDAYA IKAN MAS
Ras Merah
Ras Rajadanu
Gambar
Gambar
Teks Penjelasan
Teks Penjelasan
Teks Penjelasan
Jenis Penyakit CARA PEMBIAKAN
Penyakit Viral
Teks Penjelasan
Ras Majalaya
JENIS IKAN MAS
Penyakit Bakterial
Gambar
Teks Penjelasan
PENANGGULANGAN PENYAKIT
JENIS PENYAKIT
Penyakit Viral
Ikan Mas Hias Penyakit Parasiter
Penyakit Parasiter
BUDGETING
Ikan Mas Koi
Ikan Mas Kancra Domas
Ikan Mas Fancy Carp
Ikan Mas Kumpay
Teks Penjelasan
Budgeting
Penanggulangan Penyakit
Ikan Mas Koi
Gambar Pisang
Tampilan Budgeting
Teks Penjelasan
Eceng Gondok
ketapang
Gambar 3.2 StroryBoard
41
http://digilib.mercubuana.ac.id/
Ikan Mas Fancy Carp
Ikan Mas Kancra Domas
Ikan Mas Kumpay
Gambar
Gambar
Gambar
Teks Penjelasan
Teks Penjelasan
Teks Penjelasan
42 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
PENANGGULANGAN PENYAKIT
BUDGETING
Gambar 3.4 Halaman Menu Utama
42
http://digilib.mercubuana.ac.id/
43 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
43
http://digilib.mercubuana.ac.id/
44 layout ini maka user akan mendapatkan informasi sesuai yang disentuh oleh user.
Jenis Ikan Mas
Hias
Konsumsi
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
44
http://digilib.mercubuana.ac.id/
45 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
45
http://digilib.mercubuana.ac.id/
46 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
46
http://digilib.mercubuana.ac.id/
47
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
Ya
Tampilan Layar Jenis Ikan Mas
B
Pilih Menu Jenis Penyakit Ikan Mas
Ya
Tampilan Layar Jenis Penyakit Ikan Mas
C
Pilih Menu Penanggulangan Penyakit
Ya
Tampilan Layar Penanggulangan Penyakit
Pilih Menu Budgeting
Ya
Tampilan Layar Budgeting
Tidak End
Gambar 3.14 Rancangan Flowchart Menu Utama
47
http://digilib.mercubuana.ac.id/
D
48
A
Pilih Menu
Pilih Menu Tradisional
Ya
Tampilan Layar Menu Tradisional
Pilih Menu Intensif
Ya
Tampilan Layar Menu Intensif
End
Gambar 3.15 Rancangan Flowchart Cara Pembiakan
48
http://digilib.mercubuana.ac.id/
49
B
Pilih Menu
Pilih Menu Konsumsi
Ya
Tampilan Layar Menu Konsumsi
Pilih Menu Hias
Ya
Tampilan Layar Menu Hias
End
Gambar 3.16 Rancangan Flowchart Jenis Ikan Mas
49
http://digilib.mercubuana.ac.id/
50
C
Pilih Menu
Pilih Menu Penyakit Bakterial
Ya
Tampilan Layar Menu Penyakit Bakterial
Pilih Menu Penyakit Viral
Ya
Tampilan Layar Menu Penyakit Viral
Pilih Menu Penyakit Parasiter
Ya
Tampilan Layar Menu Penyakit Parasiter
End
Gambar 3.17 Rancangan Flowchart Jenis Penyakit Ikan Mas
50
http://digilib.mercubuana.ac.id/
51
D
Pilih Menu
Pilih Menu Pisang
Ya
Tampilan Layar Menu Penyakit Bakterial
Pilih Menu Eceng Gondok
Ya
Tampilan Layar Menu Eceng Gondok
Pilih Menu Ketapang
Ya
Tampilan Layar Menu Ketapang
End
Gambar 3.18 Rancangan Flowchart Penanggulangan Penyakit
51
http://digilib.mercubuana.ac.id/