PEMBUATAN WEBSITE DAN APLIKASI MOBILE YOUR NEEDS GUNA MEMBANTU POLA HIDUP SEHAT BERBASIS ANDROID DAN CODEIGNITER (PENGURUSAN) Tugas Akhir untuk memenuhi sebagian persyaratan mencapai derajat Diploma III Program Studi Diploma III Teknik Informatika Disusun oleh : Dinda Ayu Tafiani Putri NIM. M3113045 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2016
HALAMAN PERSETUJUAN PEMBUATAN WEBSITE DAN APLIKASI MOBILE YOUR NEEDS GUNA MEMBANTU POLA HIDUP SEHAT BERBASIS ANDROID (PENGURUSAN) Disusun Oleh : Dinda Ayu Tafiani Putri NIM. M3113045 Tugas Akhir ini telah disetujui untuk dipresentasikan pada ujian TA pada tanggal Pembimbing Utama Hartatik, S.Si, M.Si. NIP. 1978050320130201 ii
HALAMAN PENGESAHAN PEMBUATAN WEBSITE DAN APLIKASI MOBILE YOUR NEEDS GUNA MEMBANTU POLA HIDUP SEHAT BERBASIS ANDROID (PENGURUSAN) Disusun Oleh : Dinda Ayu Tafiani Putri NIM. M3113045 Pembimbing Utama Hartatik, S.Si, M.Si NIP. 1978050320130201 Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika Pada hari tanggal Dewan Penguji : Penguji 1 : Hartatik, S.Si, M.Si ( ) NIDN. 0703057802 Penguji 2 : Agus Purnomo, S.Si, M.Eng ( ) NUPN. 9906002096 Penguji 3 : Nanang Maulanan S.Si, M.Cs ( ) NUPN. 9906004430 Disahkan Oleh : Ketua Program Studi D3 Teknik Informatika FMIPA UNS Abdul Aziz, S.Kom., M.Cs. NIP. 19810413 200501 1 001 iii
INTISARI Kesehatan adalah keadaan sejahtera dari badan, jiwa, dan sosial yang memungkinkan setiap orang hidup produktif secara sosial, dan ekonomis. Pemeliharaan kesehatan adalah upaya penaggulangan, dan pencegahan gangguankesehatan yang memerlukan pemeriksaan, pengobatan dan/atau perawatan termasuk kehamilan, dan persalinan. Kesehatan merupakan kebutuhan setiap individu, namun banyak yang belum sadar dan mengoptimalkan menjalani pola hidup yang sehat, terutama dengan memanfaatkan teknologi informasi untuk mendukung pencapaian mereka dalam mengatur pola hidup yang sehat. Pola hidup sehat adalah pilihan yang terbaik yang bisa dilakukan untuk menjaga badan tetap sehat. Sehingga dibutuhkan suatu sistem baru yang dapat membantu masyarakat mengatur pola hidup mereka di masa yang semakin modern ini. Sistem yang dibangun adalah Aplikasi Mobile dan Website Your Needs berbasis web yang diharapkan dapat membantu masyarakat dalam menciptakan pola hidup sehat dan mendapatkan informasi tentang kesehatan maupun perawatan tubuh. Pengunjung dapat mengakses website dan aplikasi tanpa terbatas oleh tempat dan waktu sehingga tingkat pemahaman dapat dicapai. Aplikasi Mobile dan Website ini dikembangkan dengan metode observasi, pengumpulan data, analisa data, desain dan perancangan, implementasi, hingga testing. Aplikasi Mobile dan Website dibuat dengan bahasa pemrograman HTML, CSS, dan Java Script untuk tampilannya, dan bahasa pemrograman PHP (Hypertext Preprocessor) serta framework codeigniter untuk pemrograman webnya. Kata Kunci : Aplikasi Mobile dan Website, Kesehatan, Pola Hidup Sehat Your Needs, PHP, CodeIgniter iv
MOTTO Do every single thing in the name of Allah SWT., cause we live from Allah and will live for Allah SWT. v
HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada : 1. Keluarga yang tercinta yang telah mendoakan yang terbaik serta memberikan motivasi dalam segala hal. 2. Pembimbing yang selalu memberikan bimbingan dan arahan yang bermanfaat. 3. Dosen-dosen DIII Teknik Informatika yang telah memberikan ilmu yang bermanfaat dalam pembuatan Tugas Akhir ini. 4. Teman-teman kelas TI-A/2013 yang telah mendukung selama ini. 5. Muhammad Akram, Ayunda, GETEXT, BTC, 6C, Keluarga UKM ORKES FMIPA yang selalu dapat memperbaharui semangat dan membantu saat ada kesulitan selama menyelesaikan tugas maupun laporan ini. vi
KATA PENGANTAR Puji syukur penulis panjatkan kepada Allah SWT yang telah melimpahkan rahmat, taufik serta hidayah-nya sehingga penulis dapat melaksanakan Tugas Akhir (TA) serta dapat menyelesaikan laporannya tepat waktu dan tanpa adanya halangan yang berarti. Pembuatan TA ini merupakan salah syarat wajib yang harus ditempuh dalam Program Studi Diploma III Teknik Informatika. Selain untuk menuntaskan program studi yang penulis tempuh, pembuatan TA ini ternyata banyak memberikan manfaat kepada penulis baik dari segi akademik maupun untuk pengalaman yang tidak dapat penulis temukan saat berada di bangku kuliah. Melalui laporan ini penulis ucapkan terima kasih kepada : 1. Bapak Abdul Aziz, S.Kom., M.Cs, selaku Ketua Program Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 2. Ibu Hartatik, selaku Dosen Pembimbing yang telah mengarahkan penulis dan selalu memberikan semangat kepada penulis. 3. Bapak Firma Sahrul, selaku Dosen yang turur membantu dalam mengarahkan pembuatan rancangan. 4. Puri Kusuma Wardani, selaku rekan kerja dalam pembuatan TA. 5. Ayah, Ibu, Kakak dan keluarga penulis yang selalu memberikan semangat 6. Tak lupa pula penulis ingin mengucapkan banyak terima kasih kepada pihak-pihak terkait lainnya yang telah banyak membantu baik itu untuk Pelaksanaan Pengerjaan TA maupun dalam Penyelesaian Laporan TA ini. vii
Semoga amal baik mereka mendapatkan balasan dari Allah SWT dengan balasan berlipat ganda. Perlu disadari bahwa dengan segala keterbatasan, laporan magang ini masih jauh dari sempurna, sehingga masukan dan kritikan yang konstruktif sangat penulis harapkan demi sempurnanya laporan ini. Akhir kata, semoga laporan ini dapat bermanfaat bagi semua pihak yang berkepentingan. Surakarta, Juni 2016 Penulis viii
DAFTAR ISI HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii INTISARI... iv MOTTO... v HALAMAN PERSEMBAHAN... vi KATA PENGANTAR... vii DAFTAR ISI... ix DAFTAR TABEL... xii 1 BAB I... 1 PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Perumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan Penelitian... 2 1.5 Manfaat Penelitian... 3 1.6 Metodologi Penelitian... 3 1.6.1 Pengumpulan Data... 3 1.6.2 Analisa Data... 4 1.6.3 Desain dan Perancangan... 4 1.6.4 Implementasi... 5 1.6.5 Testing... 5 1.7 Sistematika Penulisan... 5 BAB II... 7 2 LANDASAN TEORI... 7 ix
2.1 Tinjauan Pustaka... 7 2.2 Landasan Teori... 8 2.2.1 Diet/Penurunan Berat Badan... 8 2.2.2 Aplikasi... 11 2.2.3 Mobile... 12 2.2.4 Aplikasi Mobile... 12 2.2.5 Java... 12 2.2.6 Java Script... 13 2.2.7 Object Oriented Programming... 13 2.2.8 Basis Data... 14 2.2.9 MySQL... 16 2.2.10 JQuery... 17 2.2.11 Hypertext Processor (PHP)... 18 2.2.12 Website... 18 2.2.13 Framework... 18 2.2.14 Use Case Diagram... 19 Tabel 2.1 Tabel Simbol Komponen Use Case... 20 2.2.15 Class Diagram... 23 Tabel 2.2 Tabel Simbol Komponen class diagram... 23 2.2.16 Sequence Diagram... 24 Tabel 2.3 Tabel Simbol-Simbol pada Seqeunce Diagram... 25 3 BAB III... 27 ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM... 27 3.1 Alat dan Bahan... 27 3.1.1 Alat... 27 x
3.1.2 Bahan... 27 3.2 Perancangan Aplikasi Mobile dan Website... 28 3.2.1 Proses Bisnis... 28 3.2.2 Fungsional Sistem... 29 3.2.3 Non Fungsional Sistem... 32 3.3 ERD (Entity Relationship Diagram)... 33 3.4 Use Case Diagram... 35 3.5 Relasi Antar Tabel... 36 3.6 Sequence Diagram... 37 3.7 Perancangan Tabel... 40 Tabel 3.3 Perancangan Tabel Admin... 40 Tabel 3.4 Perancangan Tabel Artikel... 40 Tabel 3.5 Perancangan Tabel Contact... 41 Tabel 3.6 Perancangan Tabel Detail User... 41 Tabel 3.7 Perancangan Tabel Jadwal... 42 Tabel 3.8 Perancangan Tabel Kuliner... 42 Tabel 3.9 Perancangan Tabel Makanan... 43 Tabel 3.10 Perancangan Tabel Metode... 43 Tabel 3.11 Perancangan Tabel Restoran... 44 Tabel 3.12 Perancangan Tabel User... 44 3.8 Perancangan Desain User Interface... 44 3.8.1 User Interface Aplikasi Berbasis Web... 44 3.8.2 User Interface Aplikasi Berbasis Android... 50 3.9 Activity Diagram... 54 3.10 Class Diagram... 58 xi
4 BAB IV... 59 IMPLEMENTASI DAN ANALISA... 59 4.1 Implementasi... 59 4.1.1 Implementasi Interface Aplikasi Berbasis Web... 59 4.1.2 Implementasi Interface Aplikasi Berbasis Android... 62 4.2 Pengujian Kompabilitas... 69 4.3 Pengujian Sistem... 71 Tabel 4.1 Tabel Pengujian Sistem Sign Up Aplikasi... 71 Tabel 4.2 Tabel Pengujian Sistem Hitung BMI Aplikasi... 74 5 BAB V... 77 PENUTUP... 77 5.1 Kesimpulan... 77 5.2 Saran... 77 DAFTAR PUSTAKA... 79 DAFTAR TABEL Tabel 2.1 Tabel Simbol Komponen Use Case... 20 Tabel 2.2 Tabel Simbol Komponen class diagram... 23 Tabel 2.3 Tabel Simbol-Simbol pada Seqeunce Diagram... 25 Tabel 3.1 Tabel Jadwal Penelitian... Error! Bookmark not defined. Tabel 3.3 Perancangan Tabel Admin... 40 Tabel 3.4 Perancangan Tabel Artikel... 40 Tabel 3.5 Perancangan Tabel Contact... 41 Tabel 3.6 Perancangan Tabel Detail User... 41 xii
Tabel 3.7 Perancangan Tabel Jadwal... 42 Tabel 3.8 Perancangan Tabel Kuliner... 42 Tabel 3.9 Perancangan Tabel Makanan... 43 Tabel 3.10 Perancangan Tabel Metode... 43 Tabel 3.11 Perancangan Tabel Restoran... 44 Tabel 3.12 Perancangan Tabel User... 44 Tabel 4.1 Tabel Pengujian Sistem Sign Up Aplikasi... 71 Tabel 4.2 Tabel Pengujian Sistem Hitung BMI Aplikasi... 74 DAFTAR GAMBAR Gambar 3.15 User Interface Aplikasi Halaman Sign In... 50 Gambar 3.16 User Interface Aplikasi Halaman Sign Up... 50 Gambar 3.17 User Interface Aplikasi Halaman Pilih Metode... 51 Gambar 3.18 User Interface Aplikasi Halaman Menu... 51 Gambar 3.19 User Interface Aplikasi Halaman Articles... 52 Gambar 3.20 User Interface Aplikasi Halaman Nutritional Info... 52 Gambar 3.21 User Interface Aplikasi Halaman Eat Guide... 53 Gambar 3.22 User Interface Aplikasi Halaman BMI Calculator... 53 Gambar 3.23 Activity Diagram Sign Up oleh User... 54 Gambar 3.24 Activity Diagram Hitung BMI oleh User... 55 Gambar 3.25 Activity Diagram Cari Data oleh Pengunjung... 56 Gambar 3.26 Activity Diagram Kirim Pesan oleh Pengunjung... 57 Gambar 3.27 Class Diagram Website Your Needs... 58 Gambar 4.1 Implementasi Halaman Home... 59 Gambar 4.2 Implementasi Halaman Articles... 60 xiii
Gambar 4.3 Implementasi Halaman Nutritional Info... 60 Gambar 4.4 Implementasi Halaman Eat Guide... 61 Gambar 4.5 Implementasi Halaman Contact... 61 Gambar 4.6 Implemetasi Halaman Sign In... 62 Gambar 4.7 Implemetasi Halaman Sign Up... 63 Gambar 4.8 Implemetasi Halaman Home... 64 Gambar 4.9 Implemetasi Halaman BMI Calculator... 64 Gambar 4.10 Implemetasi Halaman Artikel... 65 Gambar 4.11 Implemetasi Halaman Detail Artikel... 65 Gambar 4.12 Implemetasi Halaman Info Gizi... 66 Gambar 4.13 Implemetasi Halaman Detail Info Gizi... 66 Gambar 4.14 Implemetasi Halaman Rekomendasi Menu Sehat... 67 Gambar 4.15 Implemetasi Halaman Detail Rekomendasi Menu Sehat... 67 Gambar 4.16 Implemetasi Halaman Detail Restoran... 68 Gambar 4.17 Implemetasi Halaman Peta Restoran... 68 xiv