32 juga terlebih dahulu dibuat sketsanya. Dalam hal ini sketsa tersebut dapat dibuat
dalam sebuah perangkat lunak komputer berupa aplikasi. Aplikasi adalah sebuah perangkat lunak siap pakai. Aplikasi ini dapat
diterapkan dalam berbagai bidang ilmu untuk memudahkan sebuah pekerjaan. Salah satu aplikasi yang dapat dirancang adalah aplikasi resep masakan trasidisional
berbasis smartphone.
Dengan adanya perkembangan teknologi dapat diciptakan sebuah aplikasi yang bukan hanya berbasis dekstop saja tetapi berbasis smartphone juga. Smartphone
adalah sebuah inovasi baru dalam perkembangan teknologi. Di dalam smartphone dapat dilakukan berbagai kegiatan seperti yang dilakukan menggunakan
laptopkomputer. Dengan adanya fasilitas smartphone ini setiap orang tidak repot lagi untuk mengakses sebuah informasi atau menjalankan sebuah aplikasi. Adapun aplikasi
yang dijalankan di dalam smartphone adalah berbasis android.
3.2 BBBPerancanganBSistemB B
Perancangan sistem bertujuan untuk menentukan rancangan aplikasi resep masakan
tradisional Indonesia berbasis android. Perancangan sistem ini dimulai dengan perancangan diagram konteks dan flowchart program.
B B
B B
B
Universitas Sumatera Utara
33
3.2.1BBBBDiagramBkonteksB Untuk mendukung perancangan aplikasi resep masakan tradisional Indonesia berbasis
android, penulis menggambarkan digram konteks untuk dijadikan sebagai model yang nantinya akan digunakan dalam membuat program. Adapun diagram konteks yang
telah penulis rancang, terdapat pada gambar 3.1.
BBBBBBBBBBBBMambarB3.1BBDiagramBKonteksBAplikasiBResepBMasakanBTradisionalB
BB 3.2.2BBBBFlowchart programB
B
Flowchart adalah sekumpulan simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart juga
digunakan untuk menggambarkan urutan langkah-langkah pekerjaan di suatu algoritma. Tujuan utama dari penggunaan Flowchart adalah untuk menggambarkan
suatu tahapan penyelesaian masalah secara sederhana, terurai, rapi dan jelas dengan menggunakan simbol-simbol yang standar.
B B
Aplikasi Resep
Masakan Tradisional
Universitas Sumatera Utara
34
Start
Splashscreen
Kue Sayur
Daging Ikan
List Kue List Ikan
List Sayur
List Daging
End Tampilan Menu
Adapun flowchart rancangan aplikasi resep masakan tradisional Indonesia,dapat dilihat pada gambar 3.2.
B
MambarB3.2BBDataBFlowchart DiagramBAplikasiBResepBMasakanBTradisionalB
Yes Yes
Yes Yes
Yes
Yes Yes
Yes No
No No
Yes Yes
Yes Yes
Universitas Sumatera Utara
35
3.3 BBBPerancanganBDatabase B
Perancangan database dilakukan dengan menggunakan SQLite. Desain database dimaksudkan untuk mendefinisikan isi atau struktur tabel. Adapun entitas yang
digunakan dalam perancangan database adalah sebagai berikut.B 1. Tabel TepungB
Tabel tepung merupakan media penyimpanan data tepung. Tabel tepung dapat dilihat
pada tabel 3.1.
TabelB3.1BDeskripsiBtabelBtepungB B
Nama Field Tipe Data
Not Null
Primary Key
Unique Auto
Increment Deskripsi
id Integer
Ya Ya
Ya Id tepung
nama Teks
Ya Ya
Nama tepung ket
Teks Ya
Gambaran tepung
B B
2.BBBBTabel DagingB Tabel daging merupakan media penyimpanan data daging. Tabel daging dapat dilihat
pada tabel 3.2.
TabelB3.2BDeskripsiBtabelBdagingB B
Nama Field Tipe Data
Not Null
Primary Key
Unique Auto
Increment Deskripsi
Id Integer
Ya Ya
Ya Id Daging
Nama Teks
Ya Ya
Nama Daging
Ket Teks
Ya Gambaran
Daging
Universitas Sumatera Utara
36
3.BBBBTabel AirBIkanB Tabel ikan merupakan media penyimpanan data ikan. Tabel ikandapat dilihat pada
tabel 3.3.
TabelB3.3BDeskripsiBtabelBIkanB B
Nama Field Tipe
Data Not
Null Primary
Key Unique
Auto Increment
Deskripsi Id
integer Ya
Ya Ya
Id Ikan Nama
teks Ya
Ya Nama Ikan
Ket teks
Ya Gambaran Ikan
B 4.BBBBTabel SayurB
Tabel sayur merupakan media penyimpanan data sayur. Tabel sayur dapat dilihat pada
tabel 3.4.
TabelB3.4BDeskripsiBtabelBSayurB B
Nama Field Tipe
Data Not
Null Primary
Key Unique
Auto Increment
Deskripsi Id
integer Ya
Ya Ya
Id Sayur Nama
teks Ya
Ya Nama Sayur
Ket teks
Ya Gambaran
Sayur
B B
B B
B
Universitas Sumatera Utara
37
3.4BBBBRancanganBTampilanB B
3.4.1BBHalamanBSplashscreenB
B Tampilan ini merupakan tampilan awal saat aplikasi pertama kali dijalankan. Bentuk
perancangan tampilan utama atau splashscreen dapat dilihat pada gambar 3.3.
MambarB3.3BBRancanganBTampilanBSplashscreen
B B
B B
B B
B B
B APLIKASI RESEP
MASAKAN TRADISIONAL INDONESIA
Universitas Sumatera Utara
38
3.4.2BBRancanganBtampilanButamaBaplikasiB Rancangan halaman pencarian resep masakan merupakan tampilan yang berisi
informasi tentang resep masakan yang dibutuhkan. Rancangan resep masakan ini akan menampilkan empat menu, yaitu: menu kue, menu sayur, menu daging, dan menu
ikan dan seafood. Bentuk perancangan tampilan utama atau splashscreen dapat dilihat pada gambar 3.4.
B B
MambarB3.4BBRancanganBpencarianBresepBmasakanB B
B B
B B
B B
B Resep Masakan
Kue Sayuran
Daging Ikan
Universitas Sumatera Utara
39
3.4.3BBBBRancanganBpemilihanBbahanBmasakanB B
Rancangan halaman pemilihan bahan masakan adalah tampilan yang berisi informasi bahan masakan apa saja yang akan digunakan. User dapat memilih bahan mana yang
akan dicari sesuai dengan yang terdiri dari 4 tabel. Tabel tersebut berupa pilihan bahan dengan menu. Jadi user dapat memilih dan mengklik salah satu menu bahan masakan
tersebut. Adapun bentuk rancangan halaman pemilihan bahan masakan, dapat dilihat pada gambar 3.5.
B MambarB3.5BBRancanganBFormBBahanBMasakanB
B B
BB
B B
Resep Masakan
Kue Sayuran
Daging Ikan
Universitas Sumatera Utara
40
3.4.4BBBBRancanganBdaftarBmasakanB B
Halaman daftar masakan ini menyajikan informasi tentang jenis resep masakan yang
sudah tersedia. Rancangan daftar masakan ini akan menampilkan list view resep masakan apa saja yang dapat dipilih oleh user sesuai dengan menu yang diklik user
sebelumnya. Bentuk perancangan halaman daftar masakan dapat dilihat pada gambar
3.6.B B
B MambarB3.6BBRancanganBPencarianBResepBMasakanB
B B
B
B B
B
Resep Masakan
Daging sapi | Rendang
Daging sapi | sop buntut
Daging Ayam | Ayam goreng bumbu
Daging Ayam | Ayam gulai
Daging Kambing | Sate kambing
Universitas Sumatera Utara
41
3.4.5BBBBRancanganBtampilanBresepBmasakanB B
Halaman tampilan bahan dan cara membuat masakan ini menyajikan informasi
tentang nama masakan, gambar, bahan-bahan yang diperlukan, dan cara membuat masakan yang sudah tersedia. Bentuk perancangan halaman tampilan resep masakan
dapat dilihat pada gambar 3.7.
B
B MambarB3.7BBBRancanganBbahanBdanBcaraBmembuatBmasakanB
B B
B B
B B
B Nama Makanan
Bahan-bahan :
Cara membuat :
Universitas Sumatera Utara
BAB 4
HASIL DAN PEMBAHASAN
4.1 Hasil Tampilan Aplikasi