BAB IV IMPLEMENTASI DAN ANALISA 4.1 Perancangan Antar Muka Aplikasi 4.1.1 Admin Web 4.1.1.1 Halaman Login Sebelum masuk ke halaman Admin maka diharuskan untuk Login terlebih dahulu, dengan memasukkan username dan password agar dapat login ke sistem. Gambar 4.1Halaman Log In Admin 4.1.1.2 Halaman Awal Admin (Home) Ketika halaman admin pertama kali dipanggil maka akan muncul halaman awal (home) seperti dibawah ini. 64
Gambar 4.2Halaman Home Admin 4.1.1.3 Halaman Administrator Ketika tab Administrator di klik maka akan redirect ke admin.php. Pada halaman ini terdapat data semua admin yang ada dengan field username dan password. Terdapat fungsi add, edit, detail, dan hapus data admin. Gambar 4.3Halaman Administrator 4.1.1.4 Halaman User Ketika tab User di klik maka akan redirect ke user.php. Pada halaman ini terdapat data semua admin yang ada dengan field id, 65
username dan password. Terdapat fungsi add, edit, detail, dan hapus data admin. Gambar 4.4Halaman User Admin 4.1.1.5 Halaman Artikel Pada halaman ini berisi data tentang Artikel yang nantinya akan dipublish di Web Your Needs. Field yang ditampilkan hanya id dan judul, untuk menampilkan data lengkap bisa menggunakan fitur Detail yang telah disediakan. Gambar 4.5Halaman Artikel Admin 66
4.1.1.6 Halaman Info Gizi Pada halaman info gizi sesuai namanya akan menampilkan datadata tentang info gizi yang dikandung dalam suatu bahan makanan. Untuk menampilkan data secara lengkap juga dapat menggunakan fitur Detail, Add untuk menambahkan data, dan Delete untuk menghapus data. Gambar 4.6Halaman Info Gizi Admin 4.1.1.7 Halaman Resto Pada halaman Resto ini berisi data-data rekomendasi Restoran sehat yang ada Solo dan sekitrarnya. Field yang ditampilkan hanya ID Resto dan nama resto. Untuk mengetahui info lengkapnya dapat menggunakan fitur Detail pada kolom Action. 67
Gambar 4.7Halaman Resto Admin 4.1.1.8 Halaman Kuliner Pada halaman yang terakhir ini adalah halaman kuliner yang berisi data lengkap tentang kuliner-kuliner sehat yang ada didaftar rekomendasi resto. Data ini berisi ID, Nama makanan, bahan, kalori, lemak, image, dan terdapat foreign key dari ID resto. Gambar 4.8Halaman Kuliner Admin 68
4.1.2 Aplikasi Android 4.1.2.1 Login atau Sign In Pada saat aplikasi pertama dibuka makan akan muncul halaman login. Gambar 4.9Halaman Log In Android 4.1.2.2 Sign Up Apabila user belum terdaftar maka harus register dengan cara klik Sign Up pada halaman awal. Kemudian akan muncul form pendaftan yang harus diisi. 69
4.1.2.3 Home Gambar 4.10 Halaman Sign Up Android Setelah user berhasil login maka akan muncul halaman Home. Gambar 4.11Halaman Home Android 70
4.1.2.4 Artikel Ketika user memilih menu Artikel maka akan tampil seluruh judul artikel yang ada dalam database. Gambar 4.12Halaman Artikel Android 4.1.2.5 Baca Artikel Setelah judul tertampil untuk membaca artikel secara lengkap hanya dengan memilih salah satu judul artikel yang ingin dibaca. 71
Gambar 4.13 Halaman Baca Artikel Android 4.1.2.6 Info Gizi Ketika user memilih menu Info Gizi maka akan muncul nama-nama sumber makanan. Gambar 4.14Halaman Info Gizi 72
4.1.2.7 Detail Info Gizi Untuk mengetahui detail informasi gizi cukup dengan pilih salah satu sumber makanan yang ada. Gambar 4.15Halaman Detail Info Gizi 4.1.2.8 Kuliner Ketika user memilih menu Kuliner maka daftar rekomendasi makanan sehat akan tertampil. 73
Gambar 4.16 Halaman Kuliner 4.1.2.9 Detail Kuliner Untuk melihat detail kuliner cukup dengan pilih salah satu nama makanan yang ada. Gambar 4.17Halaman Detail Kuliner 74
4.1.2.10 Detail Resto Untuk melihat resto maka harus melalui step pilih kuliner, kemudian detail kuliner, setelah itu klik button Lihat Restoran. 4.1.2.11 Maps Gambar 4.18Halaman Detail Resto Fungsi map ini digunakan untuk menunjukkan arah Restoran yang telah dipilih user. 75
Gambar 4.19Halaman Maps 4.1.2.12 Calculator BMI Ketika user memilih menu Calculator BMI maka akan muncul form, user dapat menghitung body mass index dan mendapatkan hasil berat badan idealnya dengan menginputkan berat badan dan tinggi badan. Gambar 4.20Halaman Calculator BMI 76
4.2 Pengujian Sistem 4.2.1 Admin Your Needs Tabel 4.1 Pengujian sistem Admin Your Needs No Halaman/Fungsi Status 1 Login Admin Sukses 2 Tambah Admin Sukses 3 Update Admin Sukses 4 Hapus Admin Sukses 6 View data Admin Sukses 7 Simpan data Admin Sukses 8 Tambah Artikel Sukses 9 Update Artikel Sukses 10 Hapus Artikel Sukses 11 View data Artikel Sukses 12 Tambah User Sukses 13 Update User Sukses 14 Hapus User Sukses 15 View data User Sukses 16 Tambah Metode Sukses 17 Update Metode Sukses 18 Hapus Metode Sukses 19 View data Metode Sukses 20 Tambah Info commit Gizi to user Sukses 77
21 Update Info Gizi Sukses 22 Hapus Info Gizi Sukses 23 View Info Gizi Sukses 24 Tambah Resto Sukses 25 Update Resto Sukses 26 Hapus Resto Sukses 27 View data Resto Sukses 28 Tambah Kuliner Sukses 29 Update Kuliner Sukses 30 Hapus Kuliner Sukses 31 View data Kuliner Sukses 4.2.2 Aplikasi Android Your Needs Tabel 4.2 Pengujian sistem Aplikasi Android Your Needs No Halaman/Fungsi Status 1 Login User Sukses 2 Sign Up User Sukses 3 View Artikel Sukses 4 Baca Artikel Sukses 5 View Info Gizi Sukses 6 Detail Info Gizi Sukses 7 View Kuliner Sukses 8 Detail Kuliner Sukses 78
9 Detail Kuliner Sukses 10 View Profil User Sukses 11 Update Profil User Sukses 12 Calculator BMI Sukses 79