BAB III ANALISA DAN PERANCANGAN

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB III ANALISA DAN PERANCANGAN"

Inge Kusuma
7 tahun lalu
Tontonan:

1 BAB III ANALISA DAN PERANCANGAN 3.1 Analisa Seperti langkah-langkah yang dilakukan pada salah satu model proses rekayasa perangkat lunak yaitu model MDLC, 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 Gambaran Sistem ng Diusulkan Aplikasi Budidaya kopi arabika di Indonesia ini menampilkan beberapa konten seperti cara budidaya, jenis kopi,olahan kopi,coffee maker, dan budgeting berupa gambar dan text untuk memudahkan user Perancangan Prosedur ng Diusulkan 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 1

2 2 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 Gambar 3.1 Struktur Navigasi 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.

3 Gambar 3.2 StoryBoard Rancangangan StoryLine 1. Halaman Splash dan Progress Bar Sebelum masuk ke halaman utama, ada halaman sebelumnya yaitu ProgressBar. Pada halaman ini hanya menampilkan gambar dari logo aplikasi Budidaya arabika di indonesia dan progressbar atau yang lebih dikenal loading.

4 Gambar 3.3 Halaman Splash 2. Halaman Menu Utama Setelah pada tampilan splash diatas selesai, akan ada halaman yang menampilkan menu utama. Pada menu utama menampilkan 5 menu utama yaitu : 1. Menu Budidaya 2. Menu Jenis Kopi 3. Menu Olahan Kopi 4. Menu Coffee Maker 5. Menu budgeting

5 Gambar 3.4 Halaman Menu Utama 3. Halaman Menu Budidaya Pada menu budidaya ini menampilkan informasi berupa text yang akan dibaca oleh user tentang cara penanaman kopi arabika di indonesia dengan baik dan benar.

dan text yang berbentuk horizontal scroll view jika gambar horizontal

6 Gambar 3.5 Halaman Menu Budidaya 4. Halaman Menu Jenis Kopi Pada menu jenis kopi ini akan ada tampilan gambar dan text yang berbentuk horizontal scroll view jika gambar horizontal sroll view tersebut di sentuh maka muncul informasi tentang jenis kopi tersebut. Gambar 3.6 Halaman Menu Jenis Kopi

7 5. Halaman Menu Olahan Kopi Pada menu Olahan ini akan ada tampilan gambar dan text berupa informasi tentang olahan kopi.ada cappuccino,latte,espresso,kopi tubruk dan kopi luwak,dan di sajikan secara horizontal scroll view jika salah satu tombol disentuh akan menampilkan informasi tentang kopi tersebut berupa gambar dan text. Gambar 3.7 Halaman Menu Olahan Kopi 6. Halaman Menu Coffee Maker Pada menu Coffee Maker ini akan ada tampilan gambar dan text berupa informasi tentang alat pembuat kopi.ada grinder,chemex,aeropress,clever dripper dan shyphon dan di sajikan secara horizontal scroll view jika salah satu tombol disentuh akan menampilkan informasi tentang kopi tersebut berupa gambar dan text. Gambar 3.8 Halaman Menu Coffee Maker

7. Halaman Menu Budgeting Pada menu Budgeting ini akan ada informasi berupa gambar tabel yang dapat menampilkan informasi tentang budgeting penanaman kopi.

8 7. Halaman Menu Budgeting Pada menu Budgeting ini akan ada informasi berupa gambar tabel yang dapat menampilkan informasi tentang budgeting penanaman kopi. Gambar 3.9 Halaman Menu Budgeting 3.3 Perancangan Bagian Alir (Flowchart) Sistem flowchart menggunakan tahapan proses dari suatu sistem, termasuk sistem multimedia.

9 Start Tampilan Layar Menu Utama Pilih Menu Pilih Menu Budidaya Tampil Layar Budidaya A Pilih Menu Jenis Coffee Tampil Layar Coffee B Pilih Menu Olahan Tampil Layar Olahan Pilih Menu Coffee Maker Tampil Layar Coffee Maker Pilih Menu Budgeting Tampil Layar Budgeting End Gambar 3.10 Rancangan Flowchart Menu Utama

10 A Pilih Menu Budidaya Pilih Menu Penanaman Tampil Layar Penanaman Pilih Menu Pemangkasan Tampil Layar Pemangkasan Pilih Menu Hama Tampil Layar Hama Pilih Menu Panen Tampil Layar Panen End Gambar 3.11 Rancangan Flowchart Menu Budidaya

11 B Pilih Menu Jenis Coffee Pilih Menu Jawa Tampil Layar Jawa Pilih Menu Kalosi Tampil Layar Kalosi Pilih Menu Kintamani Tampil Layar Kintamani Pilih Menu Mandaling Tampil Layar Mandaling Pilih Menu Mangkuraja Tampil Layar Mandaling Pilih Menu Gayo Tampil Layar Mandaling End Gambar 3.12 Rancangan Flowchart Menu Jenis Kopi

12 12

dokumen-dokumen yang mirip

BAB III ANALISA DAN PERANCANGAN

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