BAB III ANALISIS DAN PERANCANGAN

dokumen-dokumen yang mirip
BAB III ANALISIS MASALAH DAN RANCANGAN SISTEM

BAB IV HASIL DAN PEMBAHASAN

BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB IV ANALISIS DAN PERANCANGAN. (planning system) dan sebelum tahap sistem desain (design system). Tahap

BAB II. Analisis Perancangan Sistem. Analisis sistem merupakan kegiatan penguraian suatu sistem informasi

BAB IV PERANCANGAN SISTEM

BAB IV HASIL DAN PEMBAHASAN

BAB III ANALISIS SISTEM


BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

DAFTAR ISI. KATA PENGANTAR... i. DAFTAR ISI... iii. DAFTAR GAMBAR... vii. DAFTAR TABEL... ix. DAFTAR LAMPIRAN... x Latar Belakang Masalah...

BAB 3 PERANCANGAN SISTEM. sistem baik yang lama maupun untuk mulai memiliki sistem yang baru. Perancangan

BAB III ANALISA DAN PERANCANGAN

BAB III METODOLOGI PENELITIAN 3.1 Metodologi Analisis Analisis kebutuhan bertujuan untuk menentukan kebutuhan yang diperlukan pada sebuah aplikasi.

BAB III ANALISA DAN PERANCANGAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN SISTEM. Penelitian ini akan menghasilkan suatu aplikasi yang. digunakan untuk menemukan lokasi hotel terdekat dan

BAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM

BAB IV ANALISIS DAN PERANCANGAN. sistem informasi yang utuh kedalam bagian-bagian komponennya dengan

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB III PERANCANGAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV ANALISIS DAN PERANCANGAN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III ANALISIS DAN PERANCANGAN SISTEM. Analisis merupakan suatu tindakan untuk mengetahui lebih

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB IV PERANCANGAN SISTEM

BAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM

BAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN. Dalam membangun aplikasi pembelajaran aksara sunda berbasis android

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISA DAN DESAIN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN. construction. Pada tahap construction dilakukan implementasi yang merupakan

BAB III ANALISIS DAN RANCANGAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISIS DAN PERANCANGAN SISTEM. Analisis sistem bertujuan untuk mengidentifikasi permasalahanpermasalahan

BAB II ANALISIS DAN PERANCANGAN. (user) dan fungsinya, diagram alir sistem, perancangan basis data,

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

BAB IV ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN RANCANGAN SISTEM

BAB III ANALISIS DAN UJI COBA

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISA DAN PERANCANGAN

4. BAB IV ANALISIS DAN PERANCANGAN SISTEM. diusulkan perancangan sistem baru, dimana kinerja dari suatu sistem yang baru

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM. Analisa masalah dilakukan guna mengetahui masalah-masalah yang terkait

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISIS DAN PERANCANGAN

BAB III METODOLOGI PENELITIAN. Penelitian ini dilakukan di Jurusan Ilmu Komputer, Fakultas Matematika dan Ilmu

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB IV DESKRIPSI PEKERJAAN. penyebaran informasi masih menggunakan cara selebaran ataupun melalui suratsurat


BAB IV ANALISA DAN PERANCANGAN SISTEM

BAB IV IIMPLEMENTASI DAN PENGUJIAN. Implementasi merupakan tahap pengembangan dimana hasil analisis dan

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN

BAB III METODE PENELITIAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN

BAB IV PERANCANGAN SISTEM

BAB III ANALISIS DAN PERANCANGAN

BAB IV ANALISIS DAN PERANCANGAN SISTEM

BAB III ANALISA DAN PERANCANGAN

BAB IV DESKRIPSI KERJA PRAKTEK. praktik di CV. Dwitunggal Abadi, ada beberapa cara yang telah dilakukan, ditampilkan dalam web yang akan dibangun.

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV HASIL DAN UJICOBA

4.1. Perancangan Use Case Diagram

BAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM

BAB IV IMPLEMENTASI DAN EVALUASI

Gambar 4.1 Flowchart

BAB III ANALISIS DAN DESAIN SISTEM

2.9.6 XAMPP Dreamweaver CS Studi Pustaka... 33

BAB II DASAR TEORI...

BAB III ANALISA DAN DESAIN SISTEM

BAB IV ANALISIS DAN PERANCANGAN. suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN SISTEM 1.1 Alat dan Bahan Alat

ANALISIS DAN PERANCANGAN MOBILE APPLICATION THE JAKARTA POST

BAB IV ANALISIS DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN

BAB IV HASIL DAN UJI COBA

Transkripsi:

BAB III ANALISIS DAN PERANCANGAN III.1. Analisis Masalah Masakan Minang adalah merupakan salah satu menu masakan yang paling digemari oleh masyarakat Indonesia, bahkan banyak warung-warung makan yang tersebar diseluruh wilayah Indonesia. Namun demikian banyak menu masakan minang ini yang masih belum dikenal luas dimasyarakat, hal ini disebabkan karena kebanyakan warung-warung yang menyediakan menu masakan minang ini hanya menyediakan menu masakan yang memang banyak dicari oleh masyarakat diantaranya gulai asam padeh, rendang dan sate padang. Hal tersebut diatas tentunya akan mengakibatkan semakin dilupakannya ragam menu masakan yang lainya, sehingga perlu dibangun sebuah aplikasi yang dapat memberikan informasi mengenai ragam menu masakan minang yang ada. Informasi yang ingin disampaikan mengenai menu masakan minang ini harus mudah diakses oleh siapapun dan dimanapun. Dengan menggunakan teknologi perangkat smartphone yang banyak digunakan dewasa ini tentunya memungkinkan untuk membangun aplikasi informasi menu masakan minang ini dalam bentuk digital dan mudah diakses oleh siapa saja. Teknologi yang akan digunakan dalam proses pembangunan aplikasi ini adalah teknologi client server yang memanfaatkan fungsi dari perangkat android. 31

32 III.1.1. Analisis Input Pada kondisi saat ini input dari informasi yang ingin disampaikan kepada masyakat adalah merupakan informasi mengenai menu masakan minang, informasi tersebut diperoleh dari masyarakat setempat yang berasal dari daerah minang maupun diperoleh dari warung-warung yang menyediakan menu masakan minang yang bersedia berbagi informasi mengenai masakan yang mereka jual. Dari informasi yang berhasil diperoleh dihasilkan tulisan atau catatan mengenai narasi singkat masakan, bahan-bahan dan cara memasaknya. III.1.2. Analisis Proses Informasi yang berhasil diperoleh dikembangkan menjadi sebuah artikelartikel yang memberikan informasi mengenai menu masakan dan cara-cara memasaknya yang dilengkapi dengan informasi tambahan lainnya, seperti photo dan tips-tips memasakan sehingga bisa menghasilkan masakan yang sesuai dengan panduan yang diberikan. III.1.3. Analisis Output Dari kedua rangkaian kegiatan diatas maka perlu dihasilkan sebuah output atau keluaran informasi yang dapat disebarkan kepada masyarakat. Output yang dihasilkan dapat bermacam-macam bentuknya, baik yang berupa buku kumpulan menu masakan minang ataupun dalam bentuk artikel yang dapat dilihat pada majalah, brosur tentang masakan dan tabloid-tabloid wanita.

33 III.2. Strategi Pemecahan Masalah Akan dilakukan pembangunan aplikasi berbasis android dengan menggunakan database secara terpusat, yaitu dengan melakukan penyimpanan database pada server hosting yang telah ditentukan. Aplikasi ini memiliki dua buah aplikasi yang berbeda fungsi, yaitu aplikasi berbasis web yang berfungsi untuk melakukan proses update data menu masakan dan aplikasi yang berbasis android yang berfungsi sebagai aplikasi client untuk mengakses menu masakan yang telah berhasil di inputkan kedalam database. III.2.1. Perangkat lunak yang digunakan Didalam proses perancangan aplikasi menu makanan khas minang berbasis android ini menggunakan perangkat lunak sebagai berikut : 1. Menggunakan sistem operasi Windows 7 dalam proses perancangan. 2. Menggunakan Eclipse yang merupakan IDE (Integrated Developmnet Environtmen) atau Android Studio yang digunakan untuk membuat atau hanya untuk mengembangkan sebuah aplikasi, eclipse ini biasanya banyak digunakan oleh para developer pengembang aplikasi mobile seperti android karena tools ini mendukung banyak kemudahan dalam pengerjaan sebuah projek. 3. Plugin pendukung dalam proses pembangunan aplikasi seperti Java SE Development Kit (JDK), Android SDK, Android Development Tool (ADT) dan Android Virtual Device (AVD)

34 III.2.2. Perangkat Yang Dipakai Didalam proses perancangan dan uji coba terhadap aplikasi yang telah selesai dirancang, akan digunakan perangkat dengan spesifikasi sebagai berikut: 1. Perangkat komputer (Laptop) dengan spesifikasi Intel Core I3, Memory 4 Gb dan VGA standart. 2. Sistem operasi Windows 7. 3. Perangkat Smartphone Berbasis Android dengan minimum menggunakan OS. Android 2.3.3 (GingerBread). 4. Terkoneksi ke jaringan internet, baik menggunakan modem USB, Wifi maupun Jaringan kabel. III.3. Perancangan Sistem Adapun rancangan tampilan masing-masing halaman form dapat dijelaskan pada beberapa gambar berikut: III.3.1. UML Modeling Sebelum melangkah kedalam tahap perancangan aplikasi lebih lanjut, maka dilakukan perancangan pemodelan visual dari aplikasi yang akan dibangun dengan menggunakan pemodelan UML (Unified Modelling Language), adapun pemodelan konsep perancangannya adalah sebagai berikut : III.3.1.1. Use case Diagram Admin menu masakan minang Berikut adalah use case diagram pada Admin dari aplikasi menu masakan khas minang yang akan dirancang adalah sebagai berikut.

35 Admin Menu Minang Melakukan Login «extends» Melakukan Insert, Update & Delete Pilih Kategori Menu «extends» Melakukan Insert, Update & Delete Admin Pilih Menu Masakan «extends» Melakukan Insert, Update & Delete Pilih Managemen User «extends» Melakukan Insert & Update Gambar III.1. Use case Admin Menu Masakan Minang Gambar III.1 menjelaskan langkah-langkah yang dapat dilakukan oleh admin dalam melakukan pengelolaan informasi yang ingin disampaikan. Pada gambar dijelaskan bahawa admin harus melakukan proses login untuk dapat masuk kedalam aplikasi, dimana dalam proses ini admin harus memasukan username dan password yang sesuai dengan yang telah tersimpan kedalam database, selanjutnya adalah mengakses menu kategori, menu kategori adalah merupakan menu yang berfungsi untuk melakukan pengelompokan terhadap menu masakan, dalam hal ini admin dapat melakukan kegiatan menambah, mengupdate dan menghapus data.

36 III.3.1.2. Use case Diagram Pengguna Menu Masakan khas Minang Berikut adalah use case diagram pada Admin dari aplikasi menu masakan khas minang yang akan dirancang adalah sebagai berikut: Pengguna Aplikasi Menu Minang Pilih Kategori Menu «extends» Melihat Daftar Menu Pengguna Pilih Menu Masakan «extends» «extends» Melihat Detil Masakan & Resep Mengisi Tabel Komentar Gambar III.2. Use case Diagram Pengguna Menu Masakan Minang Gambar III.2 adalah proses yang dapat dilakukan oleh pengguna aplikasi, dimana dalam prosesnya pengguna hanya dapat melihat informasi yang disajikan dan tidak dapat melakukan proses penambahan informasi. Pada aplikasi versi android pengguna dapat melihat informasi berdasarkan kategori masakan melalui menu kategori dan informasi menu masakan melalui menu masakan yang selanjutkan akan menampilkan informasi menu masasakan secara detil. III.3.1.3. Activity Diagram Admin Menu Masakan Khas Minang Pada Activity diagram menggambarkan berbagai aliran aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir aktivitas berawal.

37 berikut. Adapun rancangan diagram aktivitas admin yang dirancang adalah sebagai LOGIN T Y Kategori insert, edit, update Halaman Admin Menu Masakan insert, edit, update Manajemen User insert, edit, update Gambar III.3. Activity Diagram Admin Menu Masakan Minang Pertama kali yang harus dilakukan admin dalam melakukan kegiatannya adalah mengisi data login untuk masuk ke halaman admin. Langkah selanjutnya terdapat tiga opsi pilihan menu yaitu kategori, menu masakan dan managemen user yang nantinya akan dipilih admin untuk melakukan insert, update dan delete data menu masakan khas minang yang di inginkan. III.3.1.4. Activity Diagram Pengguna Menu Masakan Khas Minang Pada Activity diagram pengguna menggambarkan berbagai aliran aktivitas dalam sistem yang sedang dirancang pada aplikasi. Adapun gambar diagram aktivitas pengguna yang dirancang adalah sebagai berikut:

38 Kategori Menu Daftar Kategori Akses Aplikasi Menu Masakan Detil Menu & resep Gambar III.4. Activity Diagram Pengguna Menu Masakan Minang Dalam activity diagram ini menjelaskan, pengguna pertama kali melakukan akses kedalam aplikasi android, kemudian terdapat dua opsi menu yang dapat dipilih oleh pengguna yaitu kategori dan menu masakan. Setelah memilih opsi tersebut pengguna dapat melihat informasi data menu masakan khas minang yang telah dipostingkan oleh admin berupa daftar kategori dan detil menu serta resep masakan khas minang. III.3.1.5. Sequence Diagram Admin Login Pada sequence Diagram Admin Login ini menggambarkan kegiatan dari admin saat akan masuk kedalam halaman login yang dapat dilihat pada gambar III.5 sebagai berikut. Gambar III.5. Sequence Diagram admin login

39 Untuk lebih jelasnnya pada gambar III.5 diatas menjelaskan bahwa saat akan memasuki halam login, admin terlebih dahulu mengisi data identitas seperti menginputkan username dan password yang benar. Jika data sudah benar maka akan ada pemberitahuan bahwa status admin sudah login III.3.1.6. Sequence Diagram Admin Login Pada sequence Diagram Admin Menu Kategori ini menggambarkan kegiatan dari admin saat akan masuk kedalam menu kategori dapat dilihat pada gambar III.6 sebagai berikut.. Admin Kategori Daftar Kategori Insert, Update & Delete Daftar Kategori Gambar III.6. Sequence Diagram admin Menu Kategori Pada gambar III.6. diatas menjelaskan bahwa kegiatan admin dalam menjalankan menu kategori. Admin dapat mempostingkan menu masakan khas minang berdasarkan kategori yang di inginkan. Jika data yang telah di isikan tidak

40 sesuai, admin dapat melakukan insert, delete, dan update kembali data kategori dari menu masakan yang akan dipostingkan. III.3.1.7. Sequence Diagram Admin Menu Masakan Pada sequence Diagram Admin Menu Masakan ini menggambarkan kegiatan dari admin saat akan masuk kedalam pilihan menu masakan dapat dilihat pada gambar III.7 berikut. Admin Menu Masakan Daftar Masakan Insert, Update & Delete Daftar Baru Masakan Gambar III.7. Sequence Diagram Admin Menu Masakan Pada gambar III.7 menjelaskan kegiatan admin dalam melakukan pengisian data pada pilihan menu masakan, saat admin mengisi data pada daftar menu masakan, admin juga dapat melakukan insert, update dan delete daftar menu masakan yang di inginkan. Setelah itu data akan tampil sebagai daftar baru menu masakan yang telah di isi oleh admin dari menu masakan.

41 III.3.1.8. Sequence Diagram Admin Menu User Pada sequence Diagram Admin Menu User ini menggambarkan kegiatan dari admin saat akan masuk kedalam menu user dapat dilihat pada gambar III.8 sebagai berikut. Gambar III.8. Sequence Diagram Admin Menu User Pada gambar III.8 diatas menjelaskan kegiatan admin dalam menjalankan menu user, pada menu user ini admin dapat mengisi data daftar user yang bertindak sebagai admin berdasarkan data yang diminta pada database. setelah itu admin juga dapat melakukan insert, update dan delete data user sesuai keinginan. Jika sudah selesai melakukan pengisian data user pada menu user, maka akan dihasilkan daftar menu user yang baru.

42 III.3.1.9. Sequence Diagram Pengguna Daftar Kategori Pada sequence Diagram Pengguna Daftar Kategori ini menggambarkan kegiatan dari pengguna saat akan mengakses menu pilihan daftar kategori dapat dilihat pada gambar III.9 sebagai berikut. Pengguna Daftar Kategori Daftar Kategori Daftar Kategori Gambar III.9. Sequence Diagram Pengguna Kategori Pada gambar III.9 diatas menjelaskan kegiatan dari pengguna aplikasi android saat mengakses menu pilihan daftar kategori. Disini pengguna dapat melihat tampilan beberapa daftar kategori menu makanan khas minang yang tersedia, seperti olahan daging, olahan ayam, olahan ikan, olahan sayur dan aneka kue. III.3.1.10. Sequence Diagram Pengguna Menu Masakan Pada sequence Diagram Pengguna Menu Masakan ini menggambarkan kegiatan dari pengguna saat akan mengakses pilihan menu masakan dapat dilihat pada gambar III.10 sebagai berikut:

43 Pengguna Menu Masakan Pilih Menu Detil Menu Gambar III.10. Sequence Diagram pengguna Menu Masakan Pada gambar III.10 diatas menjelaskan kegiatan pengguna dalam melakukan pilihan menu masakan yang sudah tersedia. Menu masakan ini sudah tersedia di setiap kategori masakan. Saat pengguna memilih nama menu masakan yang di inginkan, maka di dalamnya terdapat tampilan berupa gambar menu masakan dan detil deskripsi dari menu masakan tersebut.

44 III.3.1.11. Class Diagram Pada Class diagram perancangan aplikasi ini, dapat dilihat pada gambar III.11 sebagai berikut. kategori -id_kategori -nama_kategori +nama_kategori() mainmenu -id_main -nama_menu -link -aktif -adminmenu +namamenu() +aktif() modul -id_modul -nama_modul - link -static_content -gambar -publish -status -aktif -urutan -link_seo +nama_modul() +link() +aktif() masakan -id_masakan -id_kategori -username -judul -headline -isi_memasakan -hari -tanggal -jam -gambar -dibaca +judul() +kategori() +isi_menu() +gambar() template -id_templates -judul -pembuat -folder -aktif +id_templates() +aktif() User -username -password -nama_lengkap -email -no_telp -level -blokir - id_session +username() +password() + id_session() Gambar III.11. Class Diagram Sistem Perancangan Aplikasi Class diagram pada gambar III.11 menggambarkan kondisi class-class yang ada didalam database, dimana dalam database terdapat 3 (tiga) buah tabel yang memiliki relasi, yaitu tabel kategori, tabel user dan tabel masakan. Ketiga tabel tersebut berfungsi untuk menghasilkan informasi menu masakan yang telah berhasil di input kedalam database.

45 III.3.2. Perbandingan Sistem Aplikasi Menu Masakan Minang yang akan dirancang akan berbeda dengan beberapa menu masakan yang ada saat ini. Salah satu yang menjadi perbedaan dari aplikasi ini dengan aplikasi yang lainnya adalah, aplikasi ini menggunakan database yang tersentral yaitu MySQL dimana untuk dapat menampilkan konten informasi pada aplikasi pengguna aplikasi harus dalam keadaan terkoneksi dengan jaringan internet. Proses update informasi menu masakan yang ditampilkan mengikuti update informasi yang dilakukan disisi server, sehingga semua informasi mengenai menu masakan minang yang baru selesai di input disisi server akan langsung dapat ditampilkan pada aplikasi pengguna. Sedang pada kebanyakan aplikasi menu masakan yang ada saat ini masih menggunakan database SQLite, sehingga konten yang ditampilkan pada akan berbeda antara perangkat yang satu dengan perangkat yang lain, tergantung dengan update yang pernah dilakukan, dan tidak ada keseragaman informasi yang ditampilkan. III.3.3. Persyaratan Aplikasi Adapun persyaratan minimum untuk dapat menjalankan aplikasi ini adalah perangkat smartphone android maupun tablet dengan sistem operasi mininum android Ice Cream Sandwith dan dapat terhubung kejaringan internet.

46 III.3.4. Desain Database Pada perancangan aplikasi menu masakan khas minang berbasis android ini akan menggunakan 8 (delapan) buah tabel database, dimana tabel ini nantinya akan berfungsi sebagai media penyimpanan informasi masakan yang telah dimasukan oleh admin adalah tabel-tabel database yang dipergunakan : Tabel III.1. Tabel berita Nama Field Tipe Data Size Primary id_masakan Int 5 Y id_kategori Int 5 FK username varchar 30 judul varchar 100 headline enum Y, N isi_masakan Text hari varchar 20 tanggal date jam time gambar varchar 100 Tabel III.2. Tabel kategori Nama Field Jenis Data Size Primary id_kategori Int 5 Y nama_kategori varchar 50 Tabel III.3. Tabel mainmenu Nama Field Jenis Data Size Primary id_main Int 5 Y nama_menu varchar 50 aktif Enum Y, N adminmenu Enum Y, N access_time datetime -

47 Tabel III.4. Tabel modul Nama Field Jenis Data Size Primary id_modul Int 5 Y nama_modul varchar 50 link varchar 100 static_content Text gambar varchar 100 publish Enum Y, N status Enum User, admin aktif Enum Y, N urutan Int 5 Tabel III.5. Tabel templates Nama Field Jenis Data Size Primary id_templates Int 11 Y judul varchar 100 pembuat varchar 50 folder varchar 50 aktif enum Y, N Tabel III.6. Tabel users Nama Field Jenis Data Size Primary username varchar 50 password varchar 50 nama_lengkap varchar 100 email varchar 100 no_telp varchar 20 level varchar 20 blokir enum Y, N id_session varchar 100 Tabel 7. Tabel katajelek Nama Field Jenis Data Size Primary id_jelek Int 11 Y kata varchar 60 ganti varchar 60

48 Tabel 8. Tabel komentar Nama Field Jenis Data Size Primary id_komentar int 5 id_berita int 5 nama_komentar varchar 100 url varchar 100 isi_komentar text tgl date jam_komentar time aktif enum Y, N III.3.5. Rancangan layar dirancang : Berikut adalah merupakan rancangan tampilan dari aplikasi yang akan Gambar III.12. Rancangan halaman login admin Form login ini berfungsi untuk membatas siapa saja yang boleh melakukan proses update kedalam aplikasi, sehingga hanya orang yang memiliki akses saja yang bisa masuk kedalalam halaman admin.

49 Gambar III.13. Rancangan halaman administrasi Gambar III.14. Rancangan halaman info kategori Rancangan halaman pada gambar III.14 adalah merupakan rancangan yang berfungsi untuk menampilkan data dari masakan yang telah berhasil input pada database. Pada form-form selanjutnya akan memiliki tampilan yang mirip dengan dengan gambar III.14 hanya berbeda pada data yang akan ditampilkan.

50 Gambar III.15. Rancangan halaman home form input kategori Rancangan gambar pada III.15 merupakan tampilan rancangan dari form input kategori menu yang akan ditampilkan. Gambar III.16. Rancangan daftar makanan

51 Gambar III.17. Rancangan form input masakan Gambar III.18. Rancangan halaman info admin user

52 Gambar III.19. Rancangan form input info admin user Gambar III.16 sampai gambar III.19 diatas adalah merupakan rancangan dari halaman yang berfungsi untuk memberikan informasi data yang telah berhasil di inputkan dan form yang berfungsi untuk melakukan proses input. Gambar III.20. Rancangan tampilan halaman awal android

53 Gambar III.21. Rancangan tampilan detil android Tampilan rancangan pada gambar III.20 dan III.21 adalah merupakan tampilan rancangan pada perangkat android, tampilan pertama adalah tampilan awal aplikasi yang menginformasikan kategori dari menu masakan yang ada didalam database, beserta sekilas informasi mengenai menu masakan yang baru selesai di inputkan. Untuk melihat detil dari informasi menu, pengguna aplikasi dapat meng-klik pada judul dari masing menu masakan. Selanjutnya pengguna akan diteruskan pada tampilan detil dari menu masakan yang dipilihnya, info yang diperoleh adalah gambar, narasi singkat mengenai masakan tersebut, resep dan cara pembuatan dari menu masakan tersebut. Dibawah juga terdapat tabel komentar yang berfungsi untuk pengguna aplikasi dalam menyampaikan pendapatnya.