commit to user
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
commit to user
ii
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.
commit to user
iii
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.
commit to user
iv 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
commit to user
v MOTTO
commit to user
vi
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
commit to user
vii
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
commit to user
viii
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
commit to user
ix 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
commit to user
x
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
commit to user
xi
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
commit to user
xii
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
commit to user
xiii
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
commit to user
xiv
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
