PEMBUATAN WEBSITE DAN APLIKASI MOBILE YOUR NEEDS GUNA MEMBANTU POLA HIDUP SEHAT BERBASIS ANDROID DAN CODEIGNITER (PENGURUSAN)

Transkripsi

1 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. M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2016

2 HALAMAN PERSETUJUAN PEMBUATAN WEBSITE DAN APLIKASI MOBILE YOUR NEEDS GUNA MEMBANTU POLA HIDUP SEHAT BERBASIS ANDROID (PENGURUSAN) Disusun Oleh : Dinda Ayu Tafiani Putri NIM. M Tugas Akhir ini telah disetujui untuk dipresentasikan pada ujian TA pada tanggal Pembimbing Utama Hartatik, S.Si, M.Si. NIP ii

3 HALAMAN PENGESAHAN PEMBUATAN WEBSITE DAN APLIKASI MOBILE YOUR NEEDS GUNA MEMBANTU POLA HIDUP SEHAT BERBASIS ANDROID (PENGURUSAN) Disusun Oleh : Dinda Ayu Tafiani Putri NIM. M Pembimbing Utama Hartatik, S.Si, M.Si NIP 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 Penguji 2 : Agus Purnomo, S.Si, M.Eng ( ) NUPN Penguji 3 : Nanang Maulanan S.Si, M.Cs ( ) NUPN Disahkan Oleh : Ketua Program Studi D3 Teknik Informatika FMIPA UNS Abdul Aziz, S.Kom., M.Cs. NIP iii

4 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

5 MOTTO Do every single thing in the name of Allah SWT., cause we live from Allah and will live for Allah SWT. v

6 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

7 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

8 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

9 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 Latar Belakang Perumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian Pengumpulan Data Analisa Data Desain dan Perancangan Implementasi Testing Sistematika Penulisan... 5 BAB II LANDASAN TEORI... 7 ix

10 2.1 Tinjauan Pustaka Landasan Teori Diet/Penurunan Berat Badan Aplikasi Mobile Aplikasi Mobile Java Java Script Object Oriented Programming Basis Data MySQL JQuery Hypertext Processor (PHP) Website Framework Use Case Diagram Tabel 2.1 Tabel Simbol Komponen Use Case Class Diagram Tabel 2.2 Tabel Simbol Komponen class diagram Sequence Diagram Tabel 2.3 Tabel Simbol-Simbol pada Seqeunce Diagram BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM Alat dan Bahan Alat x

11 3.1.2 Bahan Perancangan Aplikasi Mobile dan Website Proses Bisnis Fungsional Sistem Non Fungsional Sistem ERD (Entity Relationship Diagram) Use Case Diagram Relasi Antar Tabel Sequence Diagram Perancangan Tabel Tabel 3.3 Perancangan Tabel Admin Tabel 3.4 Perancangan Tabel Artikel Tabel 3.5 Perancangan Tabel Contact Tabel 3.6 Perancangan Tabel Detail User Tabel 3.7 Perancangan Tabel Jadwal Tabel 3.8 Perancangan Tabel Kuliner Tabel 3.9 Perancangan Tabel Makanan Tabel 3.10 Perancangan Tabel Metode Tabel 3.11 Perancangan Tabel Restoran Tabel 3.12 Perancangan Tabel User Perancangan Desain User Interface User Interface Aplikasi Berbasis Web User Interface Aplikasi Berbasis Android Activity Diagram Class Diagram xi

12 4 BAB IV IMPLEMENTASI DAN ANALISA Implementasi Implementasi Interface Aplikasi Berbasis Web Implementasi Interface Aplikasi Berbasis Android Pengujian Kompabilitas Pengujian Sistem Tabel 4.1 Tabel Pengujian Sistem Sign Up Aplikasi Tabel 4.2 Tabel Pengujian Sistem Hitung BMI Aplikasi BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA DAFTAR TABEL Tabel 2.1 Tabel Simbol Komponen Use Case Tabel 2.2 Tabel Simbol Komponen class diagram Tabel 2.3 Tabel Simbol-Simbol pada Seqeunce Diagram Tabel 3.1 Tabel Jadwal Penelitian... Error! Bookmark not defined. Tabel 3.3 Perancangan Tabel Admin Tabel 3.4 Perancangan Tabel Artikel Tabel 3.5 Perancangan Tabel Contact Tabel 3.6 Perancangan Tabel Detail User xii

13 Tabel 3.7 Perancangan Tabel Jadwal Tabel 3.8 Perancangan Tabel Kuliner Tabel 3.9 Perancangan Tabel Makanan Tabel 3.10 Perancangan Tabel Metode Tabel 3.11 Perancangan Tabel Restoran Tabel 3.12 Perancangan Tabel User Tabel 4.1 Tabel Pengujian Sistem Sign Up Aplikasi Tabel 4.2 Tabel Pengujian Sistem Hitung BMI Aplikasi DAFTAR GAMBAR Gambar 3.15 User Interface Aplikasi Halaman Sign In Gambar 3.16 User Interface Aplikasi Halaman Sign Up Gambar 3.17 User Interface Aplikasi Halaman Pilih Metode Gambar 3.18 User Interface Aplikasi Halaman Menu Gambar 3.19 User Interface Aplikasi Halaman Articles Gambar 3.20 User Interface Aplikasi Halaman Nutritional Info Gambar 3.21 User Interface Aplikasi Halaman Eat Guide Gambar 3.22 User Interface Aplikasi Halaman BMI Calculator Gambar 3.23 Activity Diagram Sign Up oleh User Gambar 3.24 Activity Diagram Hitung BMI oleh User Gambar 3.25 Activity Diagram Cari Data oleh Pengunjung Gambar 3.26 Activity Diagram Kirim Pesan oleh Pengunjung Gambar 3.27 Class Diagram Website Your Needs Gambar 4.1 Implementasi Halaman Home Gambar 4.2 Implementasi Halaman Articles xiii

14 Gambar 4.3 Implementasi Halaman Nutritional Info Gambar 4.4 Implementasi Halaman Eat Guide Gambar 4.5 Implementasi Halaman Contact Gambar 4.6 Implemetasi Halaman Sign In Gambar 4.7 Implemetasi Halaman Sign Up Gambar 4.8 Implemetasi Halaman Home Gambar 4.9 Implemetasi Halaman BMI Calculator Gambar 4.10 Implemetasi Halaman Artikel Gambar 4.11 Implemetasi Halaman Detail Artikel Gambar 4.12 Implemetasi Halaman Info Gizi Gambar 4.13 Implemetasi Halaman Detail Info Gizi Gambar 4.14 Implemetasi Halaman Rekomendasi Menu Sehat Gambar 4.15 Implemetasi Halaman Detail Rekomendasi Menu Sehat Gambar 4.16 Implemetasi Halaman Detail Restoran Gambar 4.17 Implemetasi Halaman Peta Restoran xiv