BAB III ANALISA DAN PERANCANGAN 3.1 Analisa Permasalahan Kumpulan Resep makanan dan minuman pada umumnya berupa buku atau media elektronik seperti e-book atau media yang dapat diakses dari internet. Adanya aplikasi dapat membantu masyarakat untuk mengakses resep makanan dan minuman dengan mudah melalui smartphone yang mereka miliki. Di dalam penelitian ini, dirancang suatu aplikasi kumpulan resep makanan dan minuman untuk memudahkan masyarakat dalam mengolah makanan dan minuman sehingga dapat membantu mereka untuk berkreasi tanpa harus membuka sebuah situs, hanya dengan mendownload aplikasi ini. Pada aplikasi ini, resep makanan dan minuman yang ada merupakan resep yang terbilang mudah dipraktekkan dan bahan makanan tersebut dapat ditemui di pasar atau supermarket serta merupakan makanan dan minuman yang diminati oleh orang banyak. Kumpulan resep ini diharapkan dapat membantu dan memberikan solusi terhadap masyarakat atau seseorang yang ingin belajar memasak dengan memberikan kemudahan.
3.2 Analisa Kebutuhan 3.2.1 Analisa Kebutuhan pada Software Dalam melakukan pembuatan aplikasi ini, dibutuhkan komponen pendukung antarmuka (interface) pada sistem operasi Android, yaitu • • •
RAM 512Mb keatas ROM 1Gb keatas Versi Android Jelly Ban 4.2 dan sebelumnya
18
http://digilib.mercubuana.ac.id/
19
3.2.2 Spesifikasi Kebutuhan Perangkat Lunak Berdasarkan analisa permasalahan di atas, akan lebih mudah bagi pengguna aplikasi ini jika menggunakan smartphone yang memiliki sistem operasi android versi jelly bean dan versi sebelumnya, yang dapat diunduh dari playstore.
3.3 Perancangan 3.3.1 Perancangan Flowchart Flowchart atau diagram alir merupakan sebuah diagram dengan simbolsimbol grafis yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan masing-masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberi solusi langkah demi langkah untuk penyelesaian masalah yang ada di dalam proses atau algoritma tersebut. Flowchart pada gambar ini menjelaskan tentang alur dari aplikasi yang dibuat dari menu utama hingga menu about.
http://digilib.mercubuana.ac.id/
20
start
halaman utama tidak
ya
Pilih Menu makanan
ya Tampilan Menu Makanan
Tampilan Resep Makanan
Pilih Salah satu button jenis makanan
tidak tidak ya Tampilan Menu Minuman
Pilih Menu Minuman
ya Pilih salah satu button jenis minuman
Tampilan Resep Minuman
tidak
Pilih Menu About
ya
Tampilan Menu About
tidak
tidak
Pilih Menu Exit
ya
end
Gambar 3.1 Flowchart Aplikasi Kumpulan Resep Makanan dan Minuman
3.3.2 Perancangan Storyboard Menu Utama Storyboard adalah serangkaian sketsa dibuat berbentuk persegi panjang yang menggambarkan suatu urutan (alur cerita) elemen-elemen yang diusulkan untuk aplikasi multimedia. Storyboard menggabungkan alat bantu narasi dan visual pada selembar kertas sehingga naskah dan visual menjadi terkoordinasi.
http://digilib.mercubuana.ac.id/
21
Halaman Menu Utama
Halaman Menu Utama
Halaman Menu Makanan Images button (20 Appertizer / Makanan Pembuka)
Images button (Makanan)
Images button (20 Main course / Makanan Utama)
Images button (Minuman)
Images button (20 Dessert / Makanan Penutup)
Images button (about)
Halaman Menu About
Halaman Menu Minuman Images button (20 Minuman pendamping Main Course)
Text (About)
Images button (20 Dessert)
Images View
Keterangan panah Pada StoryBoard Menu Utama Aplikasi : 1. Garis yang berwarna Ungu Tebal 2. Garis yang berwarna Hijau Tebal 3. Garis yang berwarna Merah Tebal
: Button Makanan menghubungkan halaman menu utama ke halaman menu makanan. : Button Minuman menghubungkan halaman menu utama ke halaman menu minuman. : Button Abbout menghubungkan halaman menu utama ke halaman menu About.
Gambar 3.2 Storyboard Halaman Menu
3.3.3 Perancangan Storyboard Menu Makanan Storyboard Menu Makanan berisikan tentang berbagai macam menu seperti appetizer (makanan pembuka), main course (makanan utama) dan dessert (makanan
http://digilib.mercubuana.ac.id/
22
penutup). Pada storyboard ini akan tampil image button yang akan menampilkan kehalaman listview untuk pilihan Makanan. Halaman Menu Tampilan Makanan Halaman Menu Tampilan Makanan Pembuka / Appetizer
Halaman Menu Makanan Pembuka / Appetizer
List View (Pilih Nama Makanan)
Text (Resep Salad)
Images View
Images View
Halaman Menu Tampilan Makanan Utama / Main Course
Halaman Menu Makanan Utama / Main Course
List View (Pilih Nama Makanan)
Text ( Resep Ayam Bakar)
Images View
Images View
Halaman Menu Tampilan Makanan Penutup / Dessert
Halaman Menu Makanan Penutup / Dessert
Text (Resep Tiramissu cake)
List View (Pilih Nama Makanan)
Images View
Keterangan panah Pada StoryBoard Menu Tampilan Makanan : 1. Garis yang berwarna Ungu Tebal
2. Garis yang berwarna Biru Tebal
3. Garis yang berwarna Merah Tebal
: List view yang dipilih akan muncul ke halaman resep makanan yang sesuai dengan nama appetizer / makanan pembuka yang dipilih. : List view yang dipilih akan muncul ke halaman resep makanan yang sesuai dengan nama main course / makanan utama yang dipilih. : List view yang dipilih akan muncul ke halaman resep makanan yang sesuai dengan nama dessert / makanan penutup yang dipilih.
Gambar 3.3 Storyboard Menu Makanan
http://digilib.mercubuana.ac.id/
23
3.3.4 Perancangan Storyboard Menu Tampilan Makanan Storyboard Menu Tampilan Makanan ini merupakan listview yang terdiri dari berbagai makanan, seperti pada appetizer ada salad dan sebagainya. Pada main course ada ayam goreng, dan menu lainnya. Terdapat pilihan listview dessert seperti tiramisu cake dan red velvet cake. Halaman Menu Tampilan Makanan Halaman Menu Tampilan Makanan Pembuka / Appetizer
Halaman Menu Makanan Pembuka / Appetizer
List View (Pilih Nama Makanan)
Text (Resep Salad)
Images View
Images View
Halaman Menu Tampilan Makanan Utama / Main Course
Halaman Menu Makanan Utama / Main Course
List View (Pilih Nama Makanan)
Text ( Resep Ayam Bakar)
Images View
Images View
Halaman Menu Tampilan Makanan Penutup / Dessert
Halaman Menu Makanan Penutup / Dessert
Text (Resep Tiramissu cake)
List View (Pilih Nama Makanan)
Images View
Keterangan panah Pada StoryBoard Menu Tampilan Makanan : 1. Garis yang berwarna Ungu Tebal
2. Garis yang berwarna Biru Tebal
3. Garis yang berwarna Merah Tebal
: List view yang dipilih akan muncul ke halaman resep makanan yang sesuai dengan nama appetizer / makanan pembuka yang dipilih. : List view yang dipilih akan muncul ke halaman resep makanan yang sesuai dengan nama main course / makanan utama yang dipilih. : List view yang dipilih akan muncul ke halaman resep makanan yang sesuai dengan nama dessert / makanan penutup yang dipilih.
Gambar 3.4 Storyboard Menu Tampilan Makanan
http://digilib.mercubuana.ac.id/
24
3.3.5 Perancangan Storyboard Menu Minuman Storyboard menu minuman merupakan daftar menu minuman yang menggunakan listview yang terdiri dari berbagai macam minuman seperti minuman pendamping maincourse dan dessert minuman. Halaman Menu Minuman Halaman Menu Minuman
Halaman Menu Minuman Pendamping Main Course
Images button (20 Minuman pendamping Main Course)
List View (Pilih Nama Minuman)
Images button (20 Minuman penutup / Dessert)
Images View Images View
Halaman Menu Tampilan Minuman Pendamping Main Course
Halaman Menu Minuman Penutup / Dessert
List View (Pilih Nama Minuman)
Text (Resep Milk Shake)
Images View
Halaman Menu Tampilan Minuman Penutup / Dessert
Text (Resep Cendol)
Images View
Keterangan panah Pada StoryBoard Menu Minuman : 1. Garis yang berwarna Ungu Tebal
2. Garis yang berwarna Kuning Tebal
3. Garis yang berwarna Merah Tebal
4. Garis yang berwarna Oranye Tebal
: Button Minuman Pendamping Main Course akan muncul ke halaman List view untuk memilih nama minuman pendamping main course. : List view yang dipilih akan muncul ke halaman resep minuman yang sesuai dengan nama minuman pendamping main course dipilih. : Button Minuman Penutup / Dessert akan muncul ke halaman List view untuk memilih nama minuman penutup / dessert. : List view yang dipilih akan muncul ke halaman resep minuman yang sesuai dengan nama minuman penutup / dessert penutup yang dipilih.
Gambar 3.5 Storyboard Menu Minuman
http://digilib.mercubuana.ac.id/
25
3.3.6 Perancangan Storyboard Menu About Storyboard Menu About berisikan tentang pembuat aplikasi seperti profil dan sedikit tentang data diri pembuat aplikasi tersebut serta gambaran tentang aplikasi yang dibuat.
Halaman Menu About
Halaman Menu About
Text (About)
Images View
Keterangan pada StoryBoard Menu About : Menjelaskan Tentang Pembuat Aplikasi secara garis besar dan Tentang sedikit gambaran aplikasi
Gambar 3.2 Storyboard Menu About
http://digilib.mercubuana.ac.id/