BAB IV IMPLEMENTASI DAN ANALISA

perpustakaan.uns.ac.id

digilib.uns.ac.id

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.

commit to user

64


digilib.uns.ac.id

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, commit to user

65


digilib.uns.ac.id

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 commit to user

66


digilib.uns.ac.id

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.

commit to user

67


digilib.uns.ac.id

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

commit to user

68


digilib.uns.ac.id

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.

commit to user

69


digilib.uns.ac.id

Gambar 4.10 Halaman Sign Up Android 4.1.2.3 Home Setelah user berhasil login maka akan muncul halaman Home.

Gambar 4.11Halaman Home Android commit to user

70


digilib.uns.ac.id

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.

commit to user

71


digilib.uns.ac.id

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 commit to user

72


digilib.uns.ac.id

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.

commit to user

73


digilib.uns.ac.id

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 commit to user

74


digilib.uns.ac.id

4.1.2.10 Detail Resto Untuk melihat resto maka harus melalui step pilih kuliner, kemudian detail kuliner, setelah itu klik button Lihat Restoran.

Gambar 4.18Halaman Detail Resto 4.1.2.11 Maps Fungsi map ini digunakan untuk menunjukkan arah Restoran yang telah dipilih user.

commit to user

75


digilib.uns.ac.id

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 commit to user

76


4.2

digilib.uns.ac.id

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


digilib.uns.ac.id

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

commit to user

78


digilib.uns.ac.id

9

Detail Kuliner

Sukses

10

View Profil User

Sukses

11

Update Profil User

Sukses

12

Calculator BMI

Sukses

commit to user

79

BAB IV IMPLEMENTASI DAN ANALISA

Recommend Documents