16
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user i TUGAS AKHIR ENUTRITIONAplikasi Kandungan Gizi, Kebermanfaatan, Penyakit Dan Kalori Tiap Makanan Berbasis Android Diajukan Untuk Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Disusun oleh : OCTAVIA WAHYU WULANDARI NIM. M3112106 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2015

TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

Embed Size (px)

Citation preview

Page 1: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

i

TUGAS AKHIR

“ENUTRITION”

Aplikasi Kandungan Gizi, Kebermanfaatan, Penyakit Dan Kalori Tiap Makanan

Berbasis Android

Diajukan Untuk Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret

Disusun oleh :

OCTAVIA WAHYU WULANDARI

NIM. M3112106

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2015

Page 2: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

KATA PENGANTAR

Puji syukur ke hadirat Tuhan YME yang telah melimpahkan rahmat dan

barokahnya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul

“ENUTRITION” Aplikasi Kandungan Gizi ,Kebermanfaatan, Penyakit Dan Kalori

Tiap Makanan Berbasis Android”. Laporan Tugas Akhir ini disusun untuk memenuhi

salah satu syarat dalam memperoleh gelar Amd.) pada Program Studi Diploma III

Teknik Informatika Universitas Sebelas Maret.

Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis

telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis

mengucapkan terima kasih yang tak terhingga kepada:

1. Ir. Ari Handono Ramelan, MSc., PhD. selaku Pimpinan Fakultas MIPA

Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar.

2. Abdul Aziz, S.Kom., M.Cs. selaku Ketua Program Studi Diploma III Teknik

Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis

untuk belajar.

3. Endar Suprih Wihidayat S.T, M.Engselaku dosen pembimbing yang telah

dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan

terbaik kepada penulis.

4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas

Maret yang telah memberikan bekal ilmu kepada penulis.

5. Para Karyawan/wati Program Studi Diploma III Teknik Informatika Universitas

Sebelas Maret yang telah membantu penulis dalam proses belajar.

6. Orang tua yang tidak hent hentinya berdoa untuk kelancaran dalam pengerjaan

Tugas Akhir ini.

7. Teman teman D3 Teknik Informatika UNS khusnya teman-teman D3 Teknik

Informatika kelas C angkatan 2012 dan semua pihak yang telah membantu

dalam memberikan masukan sehingga selesainya laporan tugas akhir ini.

8. Wawan Kurniawan yang selalu meluangkan waktu dan pikirannya untuk

membantu mencari logika dalam pembuatan aplikasi ini

Page 3: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iii

9. Sahabat sahabat (Amelia,Puteri Wijayanti,Noor Salam,Mifta) yang senantiasa

mendoakan dalam kelancaran TA ini.

Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh dari

sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat membangun

sangat penulis harapkan. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan

memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis

sendiri.

Surakarta, 15 Juni 2015

Octavia Wahyu Wulandari

Page 4: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iv

Page 5: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

v

Page 6: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vi

ABSTRACT

Lack sufficient knowledge of nutrition is very influential on attitudes and behavior

in choosing food. Therefore we must have knowledge of good nutrition which is

expected to lead a good nutritional status as well. In addition we need to know and weigh

wondered calories we need to keep and maintain the body functions. The calorie

calculation used to determine the balance between the energy released by the energy

derived from food.

In addressing the lack of sufficient knowledge about nutrition and food by mistake

in choosing the public will require resources that can be accessed and provide nutritional

knowledge to people whenever and wherever.

To provide resources that can be accessed anytime and anywhere there was made

an android application which can provide information about nutrition, disease, food

intake and calorie calculation called Enutrition. Expected to access the Enutrition

applications with features nutrient content, a disease that can be prevented, benefits and

calorie calculation can be obtained from the user.

Keywords: nutrient application, android, android applications, medical applications,

applications nutrition.

Page 7: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vii

ABSTRAK

Kurang cukupnya pengetahuan gizi sangat berpengaruh terhadap sikap dan

perilaku dalam memilih makanan. Maka dari itu kita harus mempunyai pengetahuan gizi

yang baik yang diharapkan dapat menuju status gizi yang baik pula. Selain itu kita harus

mengetahui dan menimbang nimbang kalori yang kita butuhkan untuk menjaga dan

mempertahankan fungsi tubuh. Perhitungan kalori tersebut digunakan untuk mengetahui

keseimbangan antara energi yang dikeluarkan dengan energi yang berasal dari makanan.

Dalam mengatasi kurang cukupnya pengetahuan tentang gizi dan kesalahan dalam

memilih makanan oleh masyarakat maka diperlukan sumber informasi yang bisa diakses

dan memberikan pengetahuan gizi untuk masyarakat kapanpun dan dimanapun.

Untuk menyediakan sumber informasi yang bisa diakses kapanpun dan

dimanapun maka dibuatlah sebuah aplikasi android yang bisa memberikan informasi

tentang gizi,penyakit ,makanan yang dikonsumsi dan perhitungan kalori bernama

Enutrition. Diharapkan dengan mengakses aplikasi Enutrition ini dengan fitur

kandungan gizi,penyakit yang dapat dicegah,manfaat yang diperoleh dan perhitungan

kalori dapat diperoleh dari pengguna.

Kata kunci : Aplikasi gizi, android, aplikasi android, aplikasi kesehatan, aplikasi

nutrisi.

Page 8: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

viii

MOTTO

“Lingkungan bisa mendewasakanmu, tetapi juga bisa mengecilkan mimpi-mimpimu,

ingat kekuatanmu jauh lebih besar daripada kondisimu saat ini.”

Romi Satria Wahono

“Technology is just a tool. In terms of getting the kids working together and motivating

them, the teacher is the most important.”

Bill Gates

Page 9: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ix

DAFTAR ISI

HALAMAN JUDUL ............................................................................................................... i

KATA PENGANTAR ............................................................................................................ ii

HALAMAN PERSETUJUAN .............................................. Error! Bookmark not defined.

HALAMAN PENGESAHAN ............................................................................................... iv

ABSTRACT ........................................................................................................................... vi

ABSTRAK ............................................................................................................................ vii

MOTTO ............................................................................................................................... viii

DAFTAR ISI .......................................................................................................................... ix

DAFTAR TABEL ................................................................................................................ xiii

DAFTAR GAMBAR ........................................................................................................... xiv

BAB I ....................................................................................................................................... 1

1.1 Latar Belakang ............................................................................................................ 1

1.2 Rumusan Masalah ....................................................................................................... 1

1.3 Batasan Masalah ......................................................................................................... 2

1.4 Tujuan Penelitian ........................................................................................................ 2

1.5 Manfaat Penelitian ...................................................................................................... 2

1.6 Metode penelitian ....................................................................................................... 2

1.7 Sistematika Penulisan ................................................................................................. 3

BAB II ..................................................................................................................................... 5

2.1 Aplikasi ....................................................................................................................... 5

2.2 Mobile ......................................................................................................................... 5

2.3 Aplikasi Mobile .......................................................................................................... 5

2.4 Android ....................................................................................................................... 5

2.5 Eclipse IDE ................................................................................................................. 6

2.6 Android Develepment Tools ....................................................................................... 6

2.7 Framework Android .................................................................................................... 6

2.8 HTML ......................................................................................................................... 7

2.9 CSS ............................................................................................................................. 7

2.10 Javascript .................................................................................................................... 7

2.11 Jquery EasyUI ............................................................................................................. 7

2.12 Database Management Systems (DBMS) .................................................................. 8

2.13 MySQL ....................................................................................................................... 8

Page 10: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

x

2.14 Desain Sistem ............................................................................................................. 8

2.15 Diagram Konteks (Context Diagram) ........................................................................ 9

2.16 Data Flow Diagram (DFD) ........................................................................................ 9

2.17 Entity Realationship Diagram (ERD) ...................................................................... 10

2.18 UML ......................................................................................................................... 12

2.19 Use case Diagram ..................................................................................................... 12

2.20 Sequence Diagram .................................................................................................... 14

2.21 Class Diagram ........................................................................................................... 15

2.22 Activity Diagram ...................................................................................................... 17

2.23 Collaboration Diagram ............................................................................................. 18

2.24 JSON ......................................................................................................................... 18

2.25 jQuery Mobile ........................................................................................................... 18

2.26 MySQL ..................................................................................................................... 19

2.25 XAMPP ..................................................................................................................... 19

2.26 phpMyAdmin ............................................................................................................. 19

2.27 Web Server Apache ................................................................................................... 20

2.28 Phonegap ................................................................................................................... 20

2.29 PHP ........................................................................................................................... 20

2.30 Gizi ........................................................................................................................... 20

2.31 Status Gizi ................................................................................................................. 21

2.32 Makanan sehat .......................................................................................................... 21

BAB III .................................................................................................................................. 23

3.1 Alat dan Bahan ......................................................................................................... 23

3.2 Jalannya Penelitian ................................................................................................... 24

3.3 Perancangan Sistem .................................................................................................. 24

3.3.1 Perancangan Aplikasi Android ............................................................................. 25

3.3.2 SRS (Sotware Requirement System) Aplikasi ..................................................... 25

3.3.3 Use case Diagram ................................................................................................. 25

3.3.4 Activity Diagram .................................................................................................. 26

3.3.5 Sequence Diagram ................................................................................................ 31

3.3.6 Class Diagram ....................................................................................................... 36

3.3.7 Rancangan Interface Aplikasi ............................................................................... 37

3.3.8 Rancangan Desain Tampilan Gizi ........................................................................ 37

3.3.9 Rancangan Desain Tampilan Penyakit ................................................................. 38

Page 11: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xi

3.3.10Rancangan Desain Tampilan Manfaat ................................................................. 38

3.3.11Rancangan Desain Tampilan Kalori .................................................................... 39

3.4 Perancangan Terstruktur (Interface website) ............................................................ 39

3.4.1 SRS (Sotware Requirement System) Website ...................................................... 39

3.4.2 Diagram Konteks(Context Diagram)/ Data Flow Diagram Level 0 ................... 40

3.4.3 Data Flow Diagram (DFD) Level 0 ..................................................................... 41

3.4.4 Data Flow Diagram (DFD) Level 1 Proses 1 (Managemen Data Admin) .......... 42

3.4.5 Data Flow Diagram (DFD) Level 1 Proses 2 (Managemen Data Makanan) ....... 42

3.4.6 Data Flow Diagram (DFD) Level 1 Proses 3 (Managemen Data Penyakit) ....... 43

3.4.7 Data Flow Diagram (DFD) Level 1 Proses 4 (Managemen Data Manfaat ) ....... 43

3.4.8 Data Flow Diagram (DFD) Level 1 Proses 5 (Managemen Data Pengolahan) ... 44

3.4.9 Entity Relationship Diagram ................................................................................ 44

3.4.10Relasi Antar Tabel ................................................................................................ 45

3.4.11Desain Database .................................................................................................. 45

3.5 Struktur dan Desain Program .................................................................................... 48

3.5.1 Rancangan Halaman Login ................................................................................... 48

3.5.2 Rancangan Halaman Home ................................................................................... 48

3.5.3 Rancangan Halaman Gizi ..................................................................................... 49

3.5.4 Rancangan Halaman Penyakit ............................................................................... 49

3.5.5 Rancangan Halaman Manfaat ............................................................................... 50

3.5.6 Rancangan Halaman Logout ................................................................................. 50

BAB IV .................................................................................................................................. 51

4.1 Implementasi ............................................................................................................. 51

4.1.1 Implementasi aplikasi ............................................................................................ 51

4.1.1.1 Halaman Home ................................................................................................... 51

4.1.1.2 Halaman Detail Kandungan Gizi ....................................................................... 53

4.1.1.3 Halaman Daftar Penyakit ................................................................................... 53

4.1.1.4 Halaman Detail Penyakit .................................................................................... 54

4.1.1.5 Halaman Daftar Manfaat .................................................................................... 55

4.1.1.6 Halaman Detail Manfaat .................................................................................... 55

4.1.1.7 Halaman Kalori .................................................................................................. 56

4.1.2 Analisa Aplikasi .................................................................................................... 57

4.1.2.1 Memunculkan Halaman Gizi ............................................................................. 57

4.1.2.2 Memunculkan Halaman Detail Gizi ................................................................... 58

Page 12: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xii

4.1.2.3 Memunculkan Halaman Penyakit ...................................................................... 60

4.1.2.4 Memunculkan Halaman Detail Penyakit ........................................................... 61

4.1.2.5 Memunculkan Halaman Manfaat ....................................................................... 62

4.1.2.6 Memunculkan Halaman Kalori .......................................................................... 63

4.1.3 Implementasi Sistem Admin ................................................................................. 64

4.1.3.1 Halaman Login ................................................................................................... 64

4.1.3.2 Halaman Home ................................................................................................... 65

4.1.3.3 Halaman Manajemen Makanan .......................................................................... 65

4.1.3.4 Halaman Manajemen Penyakit .......................................................................... 66

4.1.3.5 Halaman Admin ................................................................................................. 67

4.1.3.2 Halaman manfaat .............................................................................................. 67

4.1.3.6 Halaman logout ................................................................................................. 67

4.2 Pengujian .................................................................................................................. 68

4.2.1 Pengujian aplikasi ................................................................................................. 68

4.2.1.1Pengujian Kompatibilitas .................................................................................... 68

4.2.1.1 Pengujian Black Box .......................................................................................... 70

4.2.1.2Pengujian Sistem Admin ..................................................................................... 71

BAB V .................................................................................................................................... 75

5.1 Kesimpulan ........................................................................................................... 75

5.2 Saran ..................................................................................................................... 75

Page 13: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiii

DAFTAR TABEL

Tabel 2.1 Simbol Use case ............................................................................................13

Tabel 2.2 Simbol Sequence Diagram ............................................................................14

Tabel 2.3 Simbol Class Diagram .................................................................................16

Tabel 2.4 Simbol Activity Diagram ...............................................................................17

Tabel 3.1 Sotware Requirement System Mobile ...........................................................26

Tabel 3.2 Sotware Requirement System website ...........................................................27

Tabel 3.3 Tabel makanan ...............................................................................................27

Tabel 3.4 Tabel penyakit ...............................................................................................28

Tabel 3.5 Tabel manfaat ................................................................................................28

Tabel 3.6 Tabel pengolahan ...........................................................................................29

Tabel 3.7 Tabel makanan penyakit ................................................................................29

Tabel 3.8 Tabel admin ...................................................................................................30

Tabel 4.1 Pengujian Black Box Mobile ........................................................................31

Tabel 4.2 Pengujian Pengisian Data Makanan ..............................................................70

Tabel 4.3 Pengujian Pengisian Data Penyakit ...............................................................70

Tabel 4.4 Pengujian Pengisian Data Manfaat ................................................................71

Tabel 4.5 Pengujian Pengisian Data Pengolahan ..........................................................72

Tabel 4.6 Pengujian Pengisian Data Admin ..................................................................72

Page 14: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiv

DAFTAR GAMBAR

Gambar 2.1 Simbol Entity Luar ...................................................................................... 9

Gambar 2.2 Simbol Aliran Data .....................................................................................9

Gambar 2.3 Simbol Proses ..............................................................................................9

Gambar 2.4 Simbol Berkas ............................................................................................10

Gambar 2.5 Simbol Entity .............................................................................................10

Gambar 2.6 Simbol Atribut ...........................................................................................10

Gambar 2.7 Simbol Relasi .............................................................................................11

Gambar 2.8 One to One .................................................................................................11

Gambar 2.9 Many to One/One to Many .........................................................................11

Gambar 2.10 Many to Many ..........................................................................................12

Gambar 3.1 Sketsa Umum Perancangan .......................................................................25

Gambar 3.2 Diagram Useuse Enutrition .......................................................................26

Gambar 3.3 Activity Diagram melihat daftar makanan .................................................26

Gambar 3.4 Activity Diagram melihat daftar penyakit ..................................................27

Gambar 3.5 Activity Diagram melihat daftar manfaat ...................................................27

Gambar 3.6 Activity Diagram menghitung Kalori Harian .............................................28

Gambar 3.7 Activity Diagram melihat detail makanan .................................................29

Gambar 3.8 Activity Diagram melihat detail penyakit ..................................................30

Gambar 3.9 Activity Diagram melihat detail manfaat makanan ...................................30

Gambar 3.10 Sequence diagram melihat daftar makanan .............................................31

Gambar 3.11 Sequence diagram melihat daftar penyakit .............................................32

Gambar 3.12 Sequence diagram melihat daftar manfaat ...............................................32

Gambar 3.13 Sequence diagram menghitung kalori harian ..........................................33

Gambar 3.14 Sequence diagram detail kandungan makanan ........................................34

Gambar 3.15 Sequence diagram detail penyakit ...........................................................35

Gambar 3.16 Sequence diagram detail manfaat ............................................................36

Gambar 3.17 Class Diagram Enutritions ......................................................................36

Gambar 3.18 Desain Tampilan Home .........................................................................37

Page 15: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xv

Gambar 3.19 Desain Tampilan Kandungan ...................................................................37

Gambar 3.20 Desain Penyakit .......................................................................................38

Gambar 3.21 Desain Tampilan Manfaat ........................................................................38

Gambar 3.22 Desain Tampilan Kalori ...........................................................................39

Gambar 3.23 Diagram Konteks Sistem Informasi Admin Enutrition ...........................40

Gambar 3.24 Data Flow Diagram (DFD) Level 1 .......................................................41

Gambar 3.25 Data Flow Diagram (DFD) Level 1 Proses 1 .........................................42

Gambar 3.26 Data Flow Diagram (DFD) Level 1 Proses 2 ..........................................42

Gambar 3.27 Data Flow Diagram (DFD) Level 1 Proses 3 .........................................43

Gambar 3.28 Data Flow Diagram (DFD) Level 1 Proses 4 ..........................................43

Gambar 3.29 Data Flow Diagram (DFD) Level 1 Proses 5 ..........................................44

Gambar 3.30 ERD Sistem Informasi Admin Enutrition ................................................45

Gambar 3.31 Relasi Antar Tabel ...................................................................................45

Gambar 3.32 Rancangan Halaman Login .....................................................................48

Gambar 3.33 Rancangan Halaman Home ......................................................................48

Gambar 3.34 Rancangan Halaman Gizi ........................................................................49

Gambar 3.35 Rancangan Halaman Penyakit .................................................................49

Gambar 3.36 Rancangan Halaman Manfaat .................................................................50

Gambar 3.37 Rancangan Halaman Logout ....................................................................50

Gambar 4.1 Implementasi Halaman Utama Aplikasi ...................................................51

Gambar 4.2 Implementasi Halaman Kandungan Gizi ...................................................52

Gambar 4.3 Implementasi Halaman Kandungan Gizi fungsi Search ............................52

Gambar 4.4 Implementasi Halaman Detail Kandungan Gizi ........................................53

Gambar 4.5 Implementasi Halaman Penyakit ...............................................................53

Gambar 4.6 Implementasi Halaman Penyakit fungsi Search ........................................54

Gambar 4.7 Implementasi Halaman Detail Kandungan Penyakit .................................54

Page 16: TUGAS AKHIR - digilib.uns.ac.id · TUGAS AKHIR “ENUTRITION” ... Diajukan Untuk . Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika Universitas Sebelas Maret . Disusun

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xvi

Gambar 4.8 Implementasi Halaman Manfaat ................................................................55

Gambar 4.9 Implementasi Halaman Detail Manfaat .....................................................56

Gambar 4.10 Implementasi halaman Kalori ..................................................................56

Gambar 4.11 Implementasi halaman Login .................................................................65

Gambar 4.12 Implementasi halaman Home ...................................................................65

Gambar 4.13 Implementasi halaman Manajemen Makanan .........................................66

Gambar 4.14 Implementasi halaman Manajemen Penyakit ..........................................66

Gambar 4.15 Implementasi halaman Manajemen Admin .............................................67

Gambar 4.16 Implementasi halaman Manajemen Manfaat ...........................................67

Gambar 4.17 Implementasi halaman Logout .................................................................68

Gambar 4.18 Gambar pengujian Xiaomi Readmi II .....................................................69

Gambar 4.19 Gambar pengujian Samsung Galaxy Tab II ............................................69

Gambar 4.20 Hasil Diagram Quisioner ........................................................................74