19
HASIL DAN PEMBAHASAN Implementasi Implementasi
merupakan
proses
transformasi
dan
representasi
rancangan sistem ke bahasa pemrograman PHP yang dapat dimengerti oleh aplikasi browser. Data yang diimplementasikan adalah rumus perhitungan status gizi, kecukupan gizi, konsumsi pangan, dan tingkat kecukupan zat gizi perhari berserta data yang mendukung. Penulisan implementasi rumus menjadi bentuk script PHP tersaji pada lampiran 6. Aplikasi webgizi dibangun berbasis web yang bersifat online sehingga pengunjung (pengguna) dapat mengakses dengan mudah, cepat dan praktis ketika ingin mengetahui status gizi, kecukupan gizi, asupan zat gizi, dan tingakat kecukupan gizi. Oleh karena itu, aplikasi webgizi ini telah disimpan pada sebuah web hosting dengan nama alamat domain atau URL (Uniform Resource Locator) webgizi.co.cc. Penyedia jasa web hosting atau Internet Service Provider (ISP) yang digunakan adalah whplus.com dengan pilihan paket berbayar special 2,5 GB dan menggunakan free domain www.co.cc. Panel kontrol Administrator server yang digunakan
yaitu
cpanel.
Tampilan penyedia web hosting
whplus.com, domain dan halaman cpanel dapat dilihat pada lampiran. Bahasa pemrograman yang digunakan dalam pengembangan aplikasi ini adalah PHP 5.1.6 dan aplikasi database menggunakan MySQL dengan virtual server XAMPP 1.7.3. Database atau basis data merupakan kumpulan dari item data yang saling berhubungan satu sama lain dan diorganisasikan berdasarkan sebuah skema atau struktur tertentu (Irmansyah 2003). MySQL merupakan salah satu sistem basis data yang bertipe Relational Database Management System (RDBMS) (Prastyo 2002). Desain interface yang digunakan diperoleh dari scriptmafia.org yaitu sebuah situs penyedia template website secara gratis, terdiri dari format HTML dan CSS. Aplikasi webgizi dapat diakses dengan menggunakan browser seperti mozila firefox 11.1, Google Chrome 16.0.912.75 m, dan Internet Explore 19 pada perangkat yang terhubung dengan jaringan internet seperti komputer (Personal Computer dan Laptop), handphone. Spesifikasi minimal dari komputer dan handphone untuk dapat mengakses webgizi dengan optimal antara lain: a. Komputer Adanya browser (Internet explore 8, Mozilla Firefox, Google chrome)
20
21
password. Validasi dilakukan dengan cara sign in pada halaman awal admin dan jika telah selesai menggunakan, admin dapat melakukan signout. Hal ini bertujuan agar menjaga keamanan isi halaman pengunjung, sehingga hanya pihak tertentu yang dapat mengkases dan mengelola webgizi. Struktur Menu Halaman Pengunjung (User) Selain memiliki halaman administrator, sebuah website atau situs internet memiliki halaman pengunjung. Halaman pengunjung merupakan halaman yang dapat diakses oleh semua pengunjung dan menjadi halaman inti dari sebuah website. Pada website yang dikembangkan, halaman pengunjung dapat diakses dengan alamat URL webgizi.co.cc. Halaman pengunjung memiliki Menu home, informasi gizi, dan profile. Berikut disajikan struktur menu halaman pengunjung. Halaman Pengunjung
Home
Informasi gizi
Profile
Gambar 6 Bagan struktur halaman pengunjung
Seorang pengunjung dapat melihat halaman depan (home) dan membaca artikel yang ada. Namun, jika pengunjung ingin menggunakan fitur informasi gizi dan profile harus terlebih dahulu melakukan registrasi (daftar). Setelah mendaftar, pengunjung dapat melakukan validasi username dan password dengan cara login pada menu yang tersedia. Hal ini bertujuan agar setiap pengunjung memiliki satu username keanggotaan. Tampilan Halaman dan Menu Tampilan Menu dan Fitur Administrator Halaman administrator memiliki lima menu utama yang terdiri dari menu artikel dan resep, user, data makanan, data AKG, dan data IMT. Menu tersebut berguna untuk mengelola database dan user (keanggotaan). Berikut adalah penjelasan dari tampilan halaman administrator dan menu yang ada. a. Halaman Sign In Halaman sign in merupakan halaman awal yang pertama terbuka ketika seorang admin mengakses halaman administrator. Halaman ini berguna untuk
22
23
Admin dapat menampilkan atau tidak menampilkan artikel pada halaman pengunjung dengan cara memilih artikel (memberi tanda ceklist) kemudian action publish atau unpublish, sedangkan action cross (tanda X) digunakan untuk menghapus artikel. Selain itu, database artikel atau resep dirancang dinamis sehingga admin dapat menulis artikel atau resep baru dengan mengklik text button Add New File kemudian akan tampil halaman content box tulis artikel dan resep baru. Proses penulisan artikel atau resep tidak jauh berbeda ketika menulis dengan menggunakan aplikasi office (microsoft word ataupun sejenisnya). Hal ini, karena dilengkapi dengan Editor TextArea WYSIWYG (what you see is what you get) (hakim 2009). Artikel atau resep baru yang ditambahkan, secara otomatis tersimpan dalam database. Berikut disajikan tampilan menu artikel add new.
Gambar 9 Tampilan fitur tulis artikel dan resep baru
c. Menu Kelola User admin Menu user merupakan menu kedua setelah menu artikel dalam halaman administrator. Menu user berguna untuk memudahkan admin dalam mengelola database user. Pada menu ini, admin dapat melihat informasi jumlah user yang mendaftar dan data user seperti nama, data antropometri (jenis kelamin, tinggi badan, berat badan, dan umur), satus gizi, dan Indeks masa tubuh (IMT). Selain melihat informasi jumlah dan data user, database user pada webgizi bersifat
24
25
Tambah data makanan
Gambar 11 Tampilan menu kelola data makanan
Menurut Ashley J dan Snow G (2008) keakuratan suatu aplikasi analisis gizi sangat bergantung pada database komposisi makanan yang digunakan sebagai informasi kandungan zat gizi. Database yang diperbaharui merupakan salah satu faktor penting yang mempengaruhi keakuratan aplikasi analisis gizi. Oleh karena itu, webgizi dilengkapi dengan fitur search, hapus, edit, dan tambah data makanan. Admin dapat mencari makanan dengan memasukkan nama makanan dan memilih golongan makanan kemudian klik search. Admin juga dapat menghapus dengan cara memilih makanan (memberi tanda ceklist) kemudian mengklik action cross (tanda X) yang berwarna merah. Data makanan yang telah dihapus tidak dapat dikembalikan lagi Selain hak untuk menghapus makanan, admin juga memiliki hak untuk mengubah data- data makanan dengan cara mengklik action icon pensil . Selain itu, fitur “Tambah data makanan” dapat digunakan jika admin ingin menambah data makanan baru kedalam database yang kemudian akan ditampilkan halaman form content bok tambah data makanan baru seperti pada gambar berikut.
26
27
28
Gambar 14 Tampilan fitur form tambah data AKG
Pada fitur form tambah data AKG terdapat sembilan form yang terdiri dari jenis kelamin, min umur, max umur, berat berat, tinggi badan, energi, protein, lemak, karbohidrat. Admin dapat mengisi sembilan form tersebut kemudian klik submit dan jika salah satu form tidak diisi, maka akan ditampilkan pesan peringatan agar mengisi form yang kosong. Data AKG yang telah ditambahkan secara otomatis tersimpan dalam database. f.
Menu kelola standar Indeks Masa Tubuh (IMT) Menu standar IMT merupakan menu yang digunakan untuk membantu
admin dalam mengelola database nilai standar baku IMT. Menu data IMT terletak dibawah menu data AKG dan hanya dapat diakses melalui halaman admin. Hal ini bertujuan untuk menjaga keamanan database standar baku IMT sehingga tidak semua orang dapat menambah, menghapus, dan mengubah nilai standar baku IMT. Kategori IMT yang digunakan terdiri dari dua kelompok umur, yaitu IMT untuk remaja dan IMT dewasa. Kategori IMT remaja didapat dari konversi nilai persentil menjadi IMT/ U. Database yang digunakan mangacu pada standar baku Indeks Masa Tubuh (IMT) yang dikeluarkan oleh WHO tahun 2007.
29
30
Gambar 16 Tampilan fitur form tambah data IMT
Pada fitur form tambah data IMT terdapat lima form yang terdiri dari umur, batas bawah IMT pria, batas atas IMT pria, batas bawah IMT perempuan, batas atas IMT perempuan. Admin dapat mengisi lima form tersebut kemudian klik submit dan jika salah satu form tidak diisi, maka akan ditampilkan pesan peringatan agar mengisi form yang kosong. Data IMT yang ditambahkan secara otomatis akan disimpan dalam database. Tampilan Halaman dan Menu Pengunjung Halaman pengunjung memiliki empat menu utama yang terdiri dari menu home, daftar, informasi gizi, dan profile. Menu informasi gizi dan profile dapat digunakan jika pengunjung telah melakukan registrasi (daftar) menjadi anggota webgizi kemudian melakukan login. Berikut adalah penjelasan dari tampilan halaman pengunjung dan masing-masing menu yang ada. a. Menu Home Menu home (beranda) merupakan halaman awal yang pertama kali terbuka ketika seseorang mengakses halaman pengunjung. Menu tersebut berisi fitur artikel dan resep yang dapat dibaca oleh semua pengunjung website. Artikel dan resep dikelompokan sesuai kata kunci (tagging) yang diberikan, sehingga memudahkan saat mencari. Berikut disajikan contoh tampilan menu home.
31
32
Fungsi menu home adalah sebagai tempat validasi acount user. Validasi dilakukan dengan cara login. User diminta memasukan username dan password pada form yang telah disediakan, kemudian tekan enter atau klik button login. Username dan password akan disesuaikan dengan email dan password yang diisikan pada menu pendaftaran dan apabila username atau password tidak sesuai, maka akan ditampilkan peringatan “email atau password salah”. Namun, jika user berhasil melakukan login, maka selanjutnya akan beralih ke menu home dengan tambahan menu informasi gizi dan menu profile user. Tampilan menu login untuk user dapat dilihat pada gambar berikut.
Gambar 19 Tampilan menu login
b. Menu Profile Menu profile merupakan menu yang menampilkan database biodata diri user. Database profile user dirancang dinamis sehingga memudahkan user apabila ingin mengubah atau mengupdate biodata diri. Update biodata diri dapat dilakukan dengan mengisi form yang ingin diubah kemudian klik action button simpan. Biodata diri yang baru secara otomatis akan tersimpan dalam database. Pada menu profile terdapat sembilan form yang harus diisi oleh user, jika salah satu form tidak diisi, maka akan ditampilkan peringatan untuk mengisi form yang kosong. Namun, berbeda untuk from password dan konfirmasi password, kedua form tersebut dapat dikosongkan jika user tidak ingin mengganti password. Berikut contoh tampilan menu profile.
33
34
35
dalam bentuk jumlah, melainkan bentuk persentase terhadap kecukupan total energi. Zat gizi lemak dan karbohidrat pada webgizi didapat dari perhitungan. Persentase lemak yang digunakan yaitu sebesar 25% dari kecukupan energi, sedangkan untuk persentase karbohidrat sebesar 65% dari kecukupan energi. Informasi Angka Kecukupan Gizi yang diberikan untuk user dengan status gizi tidak normal, dapat langsung ditampilkan sesuai standar Angka Kecukupan Gizi. Namun, untuk user dengan status gizi normal perlu dilakukan koreksi berat badan. Angka Kecukupan Gizi umumnya tidak digunakan untuk user dengan keperluan khusus seperti diet terapi, sehingga webgizi hanya diperuntukan bagi user dewasa dan sehat. Berikut rumus untuk melakukan koreksi berat badan.
Keterangan AKGakt
: Angka kecukupan gizi aktual
AKGstd
: Angka kecukupan gizi standar
BB
: berat badan
Berikut contoh tampilan informasi Angka Kecukupan gizi.
Gambar 22 Tampilan informasi Angka Kecukupan Gizi
3. Informasi Konsumsi Pangan dan Asupan Zat Gizi Konsumsi pangan merupakan informasi tentang jenis dan jumlah pangan yang dikonsumsi oleh seseorang. Dua hal penting yang perlu diperhatikan pada saat menghitung jumlah zat gizi yang dikonsumsi adalah jenis bahan pangan dan jumlah pangan yang dikonsumsi. Pada proses penilaian konsumsi pangan bagi individu dan keluarga tidak hanya satu jenis bahan pangan yang dikonsumsi. Oleh karena itu, dalam proses perhitungan zat gizi secara manual suatu bahan pangan dilakukan dengan cara melihat Daftar Komposisi Bahan Makanan.
Data
jumlah
makanan
yang
dikonsumsi
responden
36
dikonversikan dari Ukuran Rumah Tangga ke dalam ukuran berat dengan menggunakan Daftar Komposisi Bahan Makanan sehingga diperoleh konsumsinya sendiri (Supariasa et al. 2002). Secara umum rumus untuk menghitung kandungan energi dan zat gizi yang dikonsumsi adalah sebagai berikut: Gij = BPj x Bddj x Kgij 100 100 Keterangan: Gij
= zat gizi yang dikonsumsi dari pangan
BPj
= berat pangan j yang dikonsumsi (gram)
Bddj
= bagian yang dapat dimakan (dalam % atau g dari 100 g pangan j)
Kgij
= kandungan zat gizi pangan j
Setelah menghitung kandungan zat gizi dari masing-masing bahan pangan yang dikonsumsi maka akan diperoleh jumlah total kandungan zat gizi dari pangan yang dikonsumsi. Perhitungan dengan cara manual memang tidak rumit. Namun, memerlukan waktu yang cukup lama. Selain itu, jika data yang dihitung relatif besar, dapat menimbulkan tingkat human eror yang lebih tinggi. Proses perhitungan kandungan zat gizi bahan makanan pada aplikasi webgizi bersifat dinamis, sehingga jika user melakukan perubahan baik jumlah dan jenis bahan makanan yang dikonsumsi maka secara otomatis sistem akan menghitung kembali jumlah kandungan zat gizi bahan makanan yang dikonsumsi. Tampilan dan cara pengisian form dirancang sedemikian rupa sehingga
memudahkan
user,
karena
dilengkapi
dengan
fungsi
autocomplete. User dapat memilih bahan pangan tertentu hanya dengan mengetikan huruf atau kata dari bahan pangan yang akan diinput, kemudian secara otomatis sistem menampilkan semua jenis bahan pangan yang mengandung unsur dari huruf atau kata tersebut (misalnya dengan mengetik huruf A, maka akan ditampilkan semua jenis bahan pangan yang mengandung huruf A). Jumlah bahan pangan yang ditampilkan dalam fungsi autocomplete dibatasi sebanyak lima belas baris. Berikut contoh tampilan menu konsumsi pangan dan kandungan zat gizi.
37
38
39
