BAB III ANALISA DAN PERANCANGAN

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. 3.2.1

Gambaran Sistem Yang 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. 3.2.2

Perancangan Prosedur Yang Diusulkan

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

1

http://digilib.mercubuana.ac.id/

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

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.


Gambar 3.2 StoryBoard

3.2.2.3 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.


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


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.


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


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.

Gambar 3.9 Halaman Menu Budgeting

3.3 Perancangan Bagian Alir (Flowchart) Sistem flowchart menggunakan tahapan proses dari suatu sistem, termasuk sistem multimedia.


Start

Tampilan Layar Menu Utama

Pilih Menu

Pilih Menu Budidaya

Ya

Tampil Layar Budidaya

A

Tidak

Pilih Menu Jenis Coffee

Ya

Tampil Layar Coffee

Tidak Pilih Menu Olahan

Ya

Tampil Layar Olahan

Tidak Pilih Menu Coffee Maker

Ya

Tampil Layar Coffee Maker

Tidak

Pilih Menu Budgeting

Tidak

Tampil Layar Budgeting

End

Gambar 3.10 Rancangan Flowchart Menu Utama


B

A

Pilih Menu Budidaya

Pilih Menu Penanaman

Ya

Tampil Layar Penanaman

Tidak Pilih Menu Pemangkasan

Ya

Tampil Layar Pemangkasan

Tidak Pilih Menu Hama

Ya

Tampil Layar Hama

Tidak

Pilih Menu Panen

Ya

Tampil Layar Panen

Tidak End

Gambar 3.11 Rancangan Flowchart Menu Budidaya


B

Pilih Menu Jenis Coffee

Ya

Pilih Menu Jawa

Tampil Layar Jawa

Tidak Ya

Pilih Menu Kalosi

Tampil Layar Kalosi

Tidak Pilih Menu Kintamani

Ya

Tampil Layar Kintamani

Tidak

Pilih Menu Mandaling

Ya

Tampil Layar Mandaling

Tidak

Pilih Menu Mangkuraja

Ya


Tidak

Pilih Menu Gayo

Ya


Tidak End

Gambar 3.12 Rancangan Flowchart Menu Jenis Kopi


12


BAB III ANALISA DAN PERANCANGAN

Recommend Documents