pembuatan aplikasi kartu menuju sehat (kms) … · health promotion media can be a new breakthrough...

24
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user i PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) BERBASIS MOBILE TUGAS AKHIR Disusun untuk memenuhi salah satu syarat untuk memperoleh gelar Ahli Madya Program Studi Diploma III Teknik Informatika Disusun Oleh: M. ANDI SAPUTRO M3113093 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2016

Upload: lycong

Post on 29-Apr-2018

224 views

Category:

Documents


6 download

TRANSCRIPT

Page 1: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

i

PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) BERBASIS

MOBILE

TUGAS AKHIR

Disusun untuk memenuhi salah satu syarat untuk memperoleh gelar Ahli Madya

Program Studi Diploma III Teknik Informatika

Disusun Oleh:

M. ANDI SAPUTRO

M3113093

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2016

Page 2: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

ii

HALAMAN PERSETUJUAN

PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) BERBASIS

MOBILE

Disusun Oleh :

M. ANDI SAPUTRO

M3113093

Tugas Akhir ini disetujui untuk dipresentasikan pada ujian Tugas Akhir

pada tanggal 21 Juni 2016

Pembimbing

Rudi Hartono, S.Si., M.Eng.

NUPN. 9906008058

Page 3: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

iii

HALAMAN PENGESAHAN

PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) BERBASIS

MOBILE

Disusun oleh:

M. Andi Saputro

NIM. M3113093

Pembimbing Utama,

Rudi Hartono, S.Si., M.Eng.

NUPN. 9906008058

Tugas akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Teknik Informatika

Pada : 21 Juni 2016

Dewan Penguji:

1. Penguji 1 Rudi Hartono, S.Si., M.Eng. ( )

NUPN. 9906008058

2. Penguji 2 Abdul Aziz, S.Kom., M.Cs. ( )

NIP. 19810413 200501 1 001

3. Penguji 3 Hartatik, S.Si., M.Si. ( )

NIDN.

Disahkan oleh:

Ketua Program Studi

DIII Teknik Informatika UNS

Abdul Aziz, S.Kom., M.Cs

NIP. 19810413 200501 1 001

Page 4: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

iv

ABSTRACT

M. Andi Saputro. 2016. Development of Kartu Menuju Sehat Mobile

Based Application. Today, community health problems that still faced by

indonesian is child‟s health problems. A few problem indicator is still the high

infant mortality rate. Currently development of information technologies be fast.

As effort to solve the child's health problem is by making application for

monitoring child's health. Application based mobile utilizable to help all mothers

in obtaining information onchild's growth.

This writing use literature method with fill-in and the literature used

obtained from various resources that related to topic appointed. The data served in

a descriptive accompanied by analysis and so show a scientific study that may be

developed and applied further.

Excess from mobile application use as health information media is

opened, and free so anyone can use it. Application based mobile as one of the

health promotion media can be a new breakthrough for community especially all

mothers to know various health information like baby development, immunisation

schedule, growth charts and etc. This application is expected to reduce

malnutrition and child mortality rate .

Keyword: Kartu Menuju Sehat, child health monitoring, immunization, mobile

application , android.

Page 5: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

v

ABSTRAK

M. Andi Saputro. 2016. Pembuatan Aplikasi Kartu menuju Sehat

Berbasis Mobile. Saat ini, permasalahan kesehatan masyarakat yang masih

dihadapi bangsa Indonesia adalah masalah kesehatan anak. Beberapa indikator

masalah tersebut adalah masih tingginya angka kematian bayi. Saat ini

pertumbuhan arus informasi menjadi demikian cepat. Sebagai upaya untuk

mengatasi permasalahan kesehatan anak adalah dengan membuat aplikasi untuk

memonitoring kesehatan anak. Aplikasi berbasis mobile dapat dimanfaatkan

untuk membantu para ibu dalam memperoleh informasi mengenai pertumbuhan

anak.

Penulisan ini menggunakan metode kepustakaan dengan data-data dan

literatur yang digunakan diperoleh dari berbagai sumber yang berkaitan dengan

topik yang diangkat. Data yang diperoleh disajikan secara deskriptif yang disertai

dengan analisis sehingga menunjukkan suatu kajian ilmiah yang dapat

dikembangkan dan diterapkan lebih lanjut.

Kelebihan dari penggunaan aplikasi mobile sebagai media informasi

kesehatan adalah terbuka, dan bebas sehingga siapa saja dapat menggunakannya.

Aplikasi berbasis mobile sebagai salah satu media promosi kesehatan dapat

menjadi sebuah terobosan baru bagi masyarakat khususnya para ibu untuk

mengetahui berbagai informasi kesehatan seperti perkembangan bayi, jadwal

imunisasi, informasi KMS, dll. Diharapkan dengan adanya aplikasi ini, dapat

menurunkan angka gizi buruk serta kematian anak.

Kata kunci: Kartu Menuju Sehat, monitoring anak, imunisasi, aplikasi mobile,

android.

Page 6: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

vi

MOTTO

Dia yang tahu, tidak bicara. Dia yang bicara, tidak tahu.

Lao Tse

Kebanyakan dari kita tidak mensyukuri apa yang kita miliki , tapi kita menyesali

apa yang belum kita capai.

Schopenhauer

Yen wedi aja wani-wani, yen wani aja wedi-wedi

Pitutur Jawa

Tidak bersyukur akan menghancurkan dunia

Andi Saputro

Page 7: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

vii

HALAMAN PERSEMBAHAN

Tugas Akhir ini penulis persembahkan kepada :

1. Keluarga tercinta yang telah memberikan nasehat, dukungan, motivasi,

dan doa terbaik kepada penulis.

2. Pembimbing yang selalu memberikan bimbimngan dan masukan yang

bermanfaat kepada penulis.

3. Durri Indy Mahbubah , terimakasih atas bantuan dan dukungannya kepada

penulis.

4. Keluarga besar E-mailkomp 2015.

5. Teman-teman TIB13 “Satu Asa Satu Cita Kita Junjung Bersama” ,

terimakasih atas pengalaman dan kenangan indah selama tiga tahun ini .

6. Teman-teman diluar yang belum bisa melanjutkan pendidikan tinggi karena

ketidakadilan.

Page 8: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

viii

KATA PENGANTAR

Assalamualaikum wr.wb.

Puji syukur penulis panjatkan kepada Allah SWT yang telah memberikan

rahmat, hidayah-Nya sehingga penulis masih diberikan kesempatan untuk

menyelesaikan Tugas Akhir ini.

Tugas Akhir dengan judul “Pembuatan Kartu Menuju Sehat (KMS)

Berbasis Mobile” dibuat untuk memenuhi salah satu persyaratan memperoleh

gelar ahli madya program diploma III teknik informatika . Dalam menyelesaikan

Tugas Akhir ini penulis mendapat banyak bantuan baik materiil maupun spiritual

dari berbagai pihak. Oleh karena itu penulis mengucapkan banyak terima kasih

kepada.

1. Allah SWT atas limpahan nikmat , petunjuk serta pertolongan yang

telah diberikan kepada saya.

2. Bapak dan Ibu serta keluarga yang selalu memberikan dukungan dan

semangat untuk menyelesaikan Tugas Akhir ini.

3. Prof. Ir. Ari Handono Ramelan, M.Sc (Hons)., Ph.D, selaku Dekan

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta.

4. Abdul Aziz, S.Kom., M.Cs. selaku ketua jurusan D III Teknik

Informatika FMIPA UNS.

5. Bapak Rudi Hartono, S.Si. selaku dosen pembimbing yang telah

memberikan bimbingan, saran, petunjuk serta semangat dalam

menyelesaikan Tugas Akhir ini.

6. Dosen – dosen DIII Teknik Informatika FMIPA UNS yang telah

memberikan dukungan kepada penulis dalam menyelesaikan Tugas

Akhir ini.

Page 9: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

ix

7. Teman – teman seperjuangan yang senantiasa memberikan bantuan

serta saling mengingatkan sehingga Tugas Akhir ini dapat

terselasaikan dengan baik.

8. Semua pihak yang tidak bisa saya sebutkan satu persatu yang turut

membantu kelancaran Tugas Akhir ini.

Demikian Tugas Akhir ini penulis susun dengan harapan bermanfaat bagi

penulis maupun pembaca. Penulis mengharapkan kritik dan saran yang mampu

membangun laporan menjadi lebih baik lagi. Sekian dari penulis , segala bentuk

kekurangan dan kesalahan dalam penulisan ini mohon dimaafkan.

Wassalamualaikum wr.wb.

Surakarta, 01 Juni 2016

Penulis

Page 10: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

x

DAFTAR ISI

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

HALAMAN PERSETUJUAN ................................................................................ ii

HALAMAN PENGESAHAN ................................................................................ iii

ABSTRACT ............................................................................................................. iv

ABSTRAK .............................................................................................................. v

MOTTO ................................................................................................................. vi

HALAMAN PERSEMBAHAN ........................................................................... vii

KATA PENGANTAR ......................................................................................... viii

DAFTAR ISI ........................................................................................................... x

DAFTAR TABEL .............................................................................................. xviii

DAFTAR GAMBAR ........................................................................................... xix

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

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

1.2 Perumusan Masalah .................................................................................. 2

1.3 Tujuan Kegiatan ....................................................................................... 2

1.4 Mafaat Kegiatan ....................................................................................... 2

1.5 Batasan Masalah ....................................................................................... 2

BAB II LANDASAN TEORI ................................................................................. 4

2.1 Tinjauan Pustaka ...................................................................................... 4

2.2 Kartu Menuju Sehat (KMS) ..................................................................... 5

2.3 Aplikasi Mobile ........................................................................................ 7

2.4 Android ..................................................................................................... 7

2.5 Android Studio Integrated Development Environment (IDE) .................. 8

2.6 JavaScript Object Notation (JSON) ......................................................... 9

2.7 Model-View-Controller (MVC) ............................................................... 9

2.8 Unified Modeling Language (UML) ....................................................... 11

2.8.1 Use Case Diagram .......................................................................... 11

2.8.2 Class Diagram ................................................................................ 12

Page 11: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xi

2.8.3 Activity Diagram ............................................................................. 14

2.8.4 Squence Diagram ............................................................................ 15

2.9 Basis Data ............................................................................................... 16

2.10 Database Management Sistem (DBMS) ................................................. 17

2.11 Entity Relationship Diagram (ERD) ...................................................... 17

2.11.1 Model Entity Relationship............................................................... 17

2.11.2 Model Kardinalitas .......................................................................... 18

2.12 MySQL ................................................................................................... 20

2.13 PHP: Hypertext Preprocessor (PHP) .................................................... 21

2.14 Framework CodeIgniter ......................................................................... 21

2.15 Cascading Style Sheet ............................................................................ 23

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM ............. 24

3.1 Gambaran Umum Aplikasi ..................................................................... 24

3.2 Alat Dan Bahan ...................................................................................... 25

3.2.1 Alat .................................................................................................. 25

3.2.2 Bahan............................................................................................... 25

3.3 Jalannya Penelitian ................................................................................. 26

3.4 Analisa Kebutuhan Sistem ..................................................................... 27

3.4.1 Kebutuhan Fungsional .................................................................... 27

3.4.2 Kebutuhan Non Fungsional............................................................. 30

3.4.2.1 Kebutuhan Perangkat Keras ........................................................ 30

3.4.2.2 Kebutuhan Perangkat Lunak ....................................................... 31

3.5 Perancangan Sistem ................................................................................ 31

3.5.1 Perancangan Aplikasi Web .............................................................. 31

3.5.1.1 Use case Diagram Aplikasi Web ................................................. 31

3.5.1.2 Activity Diagram ......................................................................... 32

3.5.1.2.1 Activity Diagram Lihat Data Profile ...................................... 32

3.5.1.2.2 Activity Diagram Ubah Data Profile ...................................... 33

3.5.1.2.3 Activity Diagram Ubah Password ......................................... 33

3.5.1.2.4 Activity Diagram Lihat Data Anak ........................................ 34

Page 12: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xii

3.5.1.2.5 Activity Diagram Lihat Data Pertumbuhan ............................ 34

3.5.1.2.6 Activity Diagram Lihat Data Jurnal Kesehatan ..................... 35

3.5.1.2.7 Activity Diagram Lihat Data User ......................................... 35

3.5.1.2.8 Activity Diagram Lihat Data Imunisasi ................................. 36

3.5.1.2.9 Activity Diagram Lihat Grafik Angka Kelahiran Anak ......... 36

3.5.1.2.10 Activity Diagram Lihat Data Petugas ................................... 37

3.5.1.2.11 Activity Diagram Lihat Data Jenis Imunisasi ...................... 37

3.5.1.2.12 Activity Diagram Tambah Data Jenis Imunisasi .................. 38

3.5.1.2.13 Activity Diagram Ubah Data Jenis Imunisasi ...................... 38

3.5.1.2.14 Activity Diagram Hapus Data Jenis Imunisasi ..................... 39

3.5.1.2.15 Activity Diagram Hapus Data Petugas ................................. 39

3.5.1.2.16 Activity Diagram Hapus Data Imunisasi .............................. 40

3.5.1.2.17 Activity Diagram Hapus Data User...................................... 40

3.5.1.2.18 Activity Diagram Hapus Data Jurnal Kesehatan .................. 41

3.5.1.2.19 Activity Diagram Hapus Data Pertumbuhan ........................ 41

3.5.1.2.20 Activity Diagram Hapus Data Anak ..................................... 42

3.5.1.3 Class Diagram ............................................................................. 42

3.5.1.4 Squence Diagram ........................................................................ 43

3.5.1.4.1 Squence Diagram Lihat Data Profile ..................................... 43

3.5.1.4.2 Squence Diagram Ubah Data Profile .................................... 43

3.5.1.4.3 Squence Diagram Ubah Password ........................................ 44

3.5.1.4.4 Squence Diagram Lihat Data Anak ....................................... 44

3.5.1.4.5 Squence Diagram Lihat Data Pertumbuhan .......................... 45

3.5.1.4.6 Squence Diagram Lihat Data Jurnal Kesehatan .................... 45

3.5.1.4.7 Squence Diagram Lihat Data User ........................................ 46

3.5.1.4.8 Squence Diagram Lihat Data Imunisasi ................................ 46

3.5.1.4.9 Squence Diagram Lihat Grafik Angka Kelahiran ................. 47

3.5.1.4.10 Squence Diagram Lihat Data Petugas.................................. 47

3.5.1.4.11 Squence Diagram Lihat Data Jenis Imunisasi ..................... 48

3.5.1.4.12 Squence Diagram Tambah Jenis Imunisasi ......................... 48

3.5.1.4.13 Squence Diagram Ubah Jenis Imunisasi .............................. 49

Page 13: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xiii

3.5.1.4.14 Squence Diagram Hapus Jenis Imunisasi ............................ 49

3.5.1.4.15 Squence Diagram Hapus Petugas ........................................ 50

3.5.1.4.16 Squence Diagram Hapus Imunisasi ..................................... 50

3.5.1.4.17 Squence Diagram Hapus User ............................................. 51

3.5.1.4.18 Squence Diagram Hapus Jurnal Kesehatan ......................... 51

3.5.1.4.19 Squence Diagram Hapus Pertumbuhan ............................... 52

3.5.1.4.20 Squence Diagram Hapus Anak ............................................ 52

3.5.2 Perancangan Aplikasi Mobile ......................................................... 53

3.5.2.1 Use case Diagram ....................................................................... 53

3.5.2.2 Activity Diagram ......................................................................... 54

3.5.2.2.1 Activity Diagram Lihat Profile .............................................. 54

3.5.2.2.2 Activity Diagram Ubah Profile .............................................. 54

3.5.2.2.3 Activity Diagram Ubah Foto .................................................. 55

3.5.2.2.4 Activity Diagram Daftar User ................................................ 55

3.5.2.2.5 Activity Diagram Lihat info Gizi ........................................... 55

3.5.2.2.6 Activity Diagram Lihat Data Anak ........................................ 56

3.5.2.2.7 Activity Diagram Lihat Data Pertumbuhan ............................ 56

3.5.2.2.8 Activity Diagram Lihat Data Jurnal Kesehatan ..................... 57

3.5.2.2.9 Activity Diagram Lihat Data Imunisasi ................................. 57

3.5.2.2.10 Activity Diagram Lihat Grafik Pertumbuhan ....................... 58

3.5.2.2.11 Activity Diagram Ubah Data Anak ...................................... 58

3.5.2.2.12 Activity Diagram Ubah Data Pertumbuhan.......................... 59

3.5.2.2.13 Activity Diagram Ubah Data Jurnal Kesehatan ................... 60

3.5.2.2.14 Activity Diagram Ubah Data Imunisasi ............................... 60

3.5.2.2.15 Activity Diagram Tambah Data Anak .................................. 61

3.5.2.2.16 Activity Diagram Tambah Data Pertumbuhan ..................... 61

3.5.2.2.17 Activity Diagram Tambah Data Jurnal Kesehatan ............... 62

3.5.2.2.18 Activity Diagram Tambah Data Imunisasi ........................... 62

3.5.2.2.19 Activity Diagram Hapus Data Anak ..................................... 63

3.5.2.2.20 Activity Diagram Hapus Data Pertumbuhan ........................ 63

3.5.2.2.21 Activity Diagram Hapus Data Jurnal Kesehatan .................. 64

Page 14: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xiv

3.5.2.2.22 Activity Diagram Hapus Data Imunisasi .............................. 64

3.5.2.3 Class Diagram ............................................................................. 65

3.5.2.4 Squence Diagram ........................................................................ 65

3.5.2.4.1 Squence Diagram Lihat Profile ............................................. 65

3.5.2.4.2 Squence Diagram Ubah Profile ............................................. 65

3.5.2.4.3 Squence Diagram Ubah Foto ................................................. 66

3.5.2.4.4 Squence Diagram Daftar User ............................................... 66

3.5.2.4.5 Squence Diagram Lihat Info Gizi .......................................... 66

3.5.2.4.6 Squence Diagram Lihat Data Anak ....................................... 67

3.5.2.4.7 Squence Diagram Lihat Data Pertumbuhan .......................... 67

3.5.2.4.8 Squence Diagram Lihat Data Jurnal Kesehatan .................... 68

3.5.2.4.9 Squence Diagram Lihat Data Imunisasi ................................ 68

3.5.2.4.10 Squence Diagram Lihat Grafik Pertumbuhan ...................... 69

3.5.2.4.11 Squence Diagram Ubah Data Anak ..................................... 69

3.5.2.4.12 Squence Diagram Ubah Data Pertumbuhan ........................ 70

3.5.2.4.13 Squence Diagram Ubah Data Jurnal Kesehatan .................. 70

3.5.2.4.14 Squence Diagram Ubah Data Imunisasi .............................. 71

3.5.2.4.15 Squence Diagram Tambah Data Anak ................................. 71

3.5.2.4.16 Squence Diagram Tambah Data Pertumbuhan .................... 72

3.5.2.4.17 Squence Diagram Tambah Data Jurnal Kesehatan .............. 72

3.5.2.4.18 Squence Diagram Tambah Data Imunisasi .......................... 73

3.5.2.4.19 Squence Diagram Hapus Data Anak.................................... 73

3.5.2.4.20 Squence Diagram Hapus Data Pertumbuhan ....................... 74

3.5.2.4.21 Squence Diagram Hapus Data Jurnal Kesehatan................. 74

3.5.2.4.22 Squence Diagram Hapus Data Imunisasi ............................ 75

3.5.3 Perancangan Basis Data .................................................................. 75

3.5.3.1 Entity Relationship Diagram ....................................................... 75

3.5.3.2 Mapping Tabel ............................................................................ 76

3.5.3.3 Tabel Fisik ................................................................................... 77

3.5.4 Perancangan User Interface ............................................................ 82

3.5.4.1 Perancangan User Interface Aplikasi Web .................................. 82

Page 15: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xv

3.5.4.1.1 Rancangan Halaman Login .................................................... 82

3.5.4.1.2 Rancangan Halaman Profile .................................................. 82

3.5.4.1.3 Rancangan Halaman Ubah Password .................................... 83

3.5.4.1.4 Rancangan Halaman Home .................................................... 83

3.5.4.1.5 Rancangan Halaman Data Anak ............................................ 84

3.5.4.1.6 Rancangan Halaman Data User ............................................. 84

3.5.4.1.7 Rancangan Halaman Data Petugas ........................................ 85

3.5.4.1.8 Rancangan Halaman Data Imunisasi ..................................... 85

3.5.4.1.9 Rancangan Halaman Data Pertumbuhan ............................... 86

3.5.4.1.10 Rancangan Halaman Data Jurnal Kesehatan........................ 86

3.5.4.1.11 Rancangan Halaman Data Jenis Imunisasi .......................... 87

3.5.4.1.12 Rancangan Halaman Tambah Jenis Imunisasi ..................... 87

3.5.4.1.13 Rancangan Halaman Ubah Jenis Imunisasi ......................... 88

3.5.4.1.14 Rancangan Halaman Hapus Data ......................................... 88

3.5.4.2 Perancangan User Interface Aplikasi Mobile ............................. 89

3.5.4.2.1 Rancangan Halaman Splash ................................................... 89

3.5.4.2.2 Rancangan Halaman Login .................................................... 89

3.5.4.2.3 Rancangan Halaman Home User ........................................... 90

3.5.4.2.4 Rancangan Halaman Profile .................................................. 90

3.5.4.2.5 Rancangan Halaman Pemberitahuan ..................................... 91

3.5.4.2.6 Rancangan Halaman Menu .................................................... 91

3.5.4.2.7 Rancangan Halaman Profile Anak ......................................... 92

3.5.4.2.8 Rancangan Halaman Data Pertumbuhan ............................... 92

3.5.4.2.9 Rancangan Halaman Data Imunisasi ..................................... 93

3.5.4.2.10 Rancangan Halaman Data Jurnal ......................................... 93

3.5.4.2.11 Rancangan Halaman Data Grafik Pertumbuhan .................. 94

3.5.4.2.12 Rancangan Halaman Info Gizi ............................................. 94

3.5.4.2.13 Rancangan Halaman Home Petugas..................................... 94

3.5.4.2.14 Rancangan Halaman Tambah Data Imunisasi ..................... 95

3.5.4.2.15 Rancangan Halaman Tambah Data Pertumbuhan................ 96

3.5.4.2.16 Rancangan Halaman Tambah Data Jurnal ........................... 96

Page 16: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xvi

3.5.4.2.17 Rancangan Halaman Ubah Data Jurnal................................ 97

3.5.4.2.18 Rancangan Halaman Ubah Data Imunisasi .......................... 97

3.5.4.2.19 Rancangan Halaman Ubah Data Pertumbuhan .................... 98

3.5.4.2.20 Rancangan Halaman Hapus Data Pertumbuhan .................. 98

3.5.4.2.21 Rancangan Halaman Hapus Data Imunisasi ........................ 99

3.5.4.2.22 Rancangan Halaman Hapus Data Jurnal .............................. 99

BAB IV IMPLEMENTASI DAN ANALISA .................................................... 100

4.1 Implementasi ........................................................................................ 100

4.1.1 Implementasi Aplikasi Web .......................................................... 100

4.1.1.1 Halaman Login .......................................................................... 100

4.1.1.2 Halaman Profile ........................................................................ 100

4.1.1.3 Halaman Ubah Password .......................................................... 101

4.1.1.4 Halaman Home .......................................................................... 101

4.1.1.5 Halaman Data Anak .................................................................. 102

4.1.1.6 Halaman Data User ................................................................... 102

4.1.1.7 Halaman Data Petugas ............................................................... 103

4.1.1.8 Halaman Data Imunisasi ........................................................... 104

4.1.1.9 Halaman Data Pertumbuhan ...................................................... 104

4.1.1.10 Halaman Data Jurnal Kesehatan ............................................ 105

4.1.1.11 Halaman Data Jenis Imunisasi ............................................... 105

4.1.1.12 Halaman Tambah Jenis Imunisasi ......................................... 106

4.1.1.13 Halaman Ubah Jenis Imunisasi .............................................. 106

4.1.2 Implementasi Aplikasi Mobile ...................................................... 107

4.1.2.1 Halaman Splash ......................................................................... 107

4.1.2.2 Halaman Login .......................................................................... 107

4.1.2.3 Halaman Home User ................................................................. 108

4.1.2.4 Halaman Profile ........................................................................ 108

4.1.2.5 Halaman Pemberitahuan ............................................................ 109

4.1.2.6 Halaman Menu .......................................................................... 109

4.1.2.7 Halaman Profile Anak ............................................................... 110

4.1.2.8 Halaman Data Pertumbuhan ...................................................... 110

Page 17: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xvii

4.1.2.9 Halaman Data Imunisasi ........................................................... 111

4.1.2.10 Halaman Data Jurnal Kesehatan ............................................ 111

4.1.2.11 Halaman Data Grafik Pertumbuhan ....................................... 112

4.1.2.12 Halaman Data Info Gizi ......................................................... 112

4.1.2.13 Halaman Home Petugas ......................................................... 112

4.1.2.14 Halaman Tambah Data Imunisasi .......................................... 113

4.1.2.15 Halaman Tambah Data Pertumbuhan .................................... 113

4.1.2.16 Halaman Tambah Data Jurnal ................................................ 114

4.1.2.17 Halaman Ubah Data Jurnal .................................................... 114

4.1.2.18 Halaman Ubah Data Imunisasi .............................................. 115

4.1.2.19 Halaman Ubah Data Pertumbuhan ........................................ 115

4.1.2.20 Halaman Hapus Data Pertumbuhan ....................................... 116

4.1.2.21 Halaman Hapus Data Imunisasi ............................................. 116

4.1.2.22 Halaman Hapus Data Jurnal .................................................. 117

4.2 Pengujian Aplikasi ............................................................................... 118

4.2.1 Pengujian Aplikasi Web ................................................................ 118

4.2.2 Pengujian Aplikasi Mobile ............................................................ 121

BAB V PENUTUP .............................................................................................. 128

5.1 Kesimpulan ........................................................................................... 128

5.2 Saran ..................................................................................................... 128

DAFTAR PUSTAKA ......................................................................................... 129

LAMPIRAN ........................................................................................................ 130

Page 18: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xviii

DAFTAR TABEL

Tabel 2.1 Ringkasan Penelitian Tinjauan Pustaka ................................................. 4

Tabel 2.2 Simbol-simbol pada use case diagram ................................................ 11

Tabel 2. 3 Simbol-simbol class diagram .............................................................. 13

Tabel 2. 4 Simbol-simbol Activity Diagram ........................................................ 14

Tabel 2.5 Simbol-simbol pada sequence diagram ................................................ 16

Tabel 2.6 Simbol ERD menurut Fathansyah (1999) ............................................ 18 Tabel 3.1 Deskripsi Aktor .................................................................................... 27

Tabel 3.2 Kebutuhan Funsional ............................................................................ 27

Tabel 3.3 Tabel User ............................................................................................ 77

Tabel 3.4 Tabel Petugas ....................................................................................... 77

Tabel 3.5 Tabel Admin ......................................................................................... 78

Tabel 3.6 Tabel Anak ........................................................................................... 78

Tabel 3.7 Tabel User ............................................................................................ 79

Tabel 3.8 Tabel Token .......................................................................................... 79

Tabel 3.9 Tabel Pertumbuhan............................................................................... 79

Tabel 3.10 Tabel Jurnal Kesehatan ...................................................................... 80

Tabel 3.11 Tabel Jenis Imunisasi ......................................................................... 80

Tabel 3.12 Tabel Jenis Imunisasi ......................................................................... 80

Tabel 3.13 Tabel Perkembangan .......................................................................... 81

Tabel 3.14 Tabel Berat_Badan_WHO ................................................................. 81 Tabel 4.1 Tabel pengujian aplikasi Web ............................................................ 118

Tabel 4.2 Tabel analisa aplikasi mobile ............................................................. 121

Page 19: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xix

DAFTAR GAMBAR

Gambar 2.1 Arsitektur MVC ............................................................................... 11

Gambar 2.2 Model relasi satu ke satu.................................................................. 19

Gambar 2.3 Model relasi satu ke banyak ............................................................ 19

Gambar 2.4 Model relasi banyak ke satu ............................................................ 20

Gambar 2.5 Model relasi banyak ke banyak ....................................................... 20 Gambar 3. 1 Gambaran Umum Aplikasi ............................................................. 24

Gambar 3.2 Alur jalannya penelitian ................................................................... 26

Gambar 3.3 Use case Diagram Aplikasi Web ..................................................... 32

Gambar 3.4 Activity Diagram Lihat Data Profile ............................................... 33

Gambar 3.5 Activity Diagram Ubah Data Profile ............................................... 33

Gambar 3.6 Activity Diagram Ubah Password ................................................... 34

Gambar 3.7 Activity Diagram Lihat Data Anak.................................................. 34

Gambar 3.8 Activity Diagram Lihat Data Pertumbuhan ..................................... 35

Gambar 3.9 Activity Diagram Lihat Data Jurnal Kesehatan ............................... 35

Gambar 3.10 Activity Diagram Lihat Data User ................................................. 36

Gambar 3.11 Activity Diagram Lihat Data Imunisasi ......................................... 36

Gambar 3.12 Activity Diagram Lihat Grafik Angka Kelahiran Anak ................ 37

Gambar 3.13 Activity Diagram Lihat Data Petugas ............................................ 37

Gambar 3.14 Activity Diagram Lihat Data Jenis Imunisasi ................................ 38

Gambar 3.15 Activity Diagram Tambah Data Jenis Imunisasi ........................... 38

Gambar 3.16 Activity Diagram Ubah Data Jenis Imunisasi ............................... 39

Gambar 3.17 Activity Diagram Hapus Data Jenis Imunisasi .............................. 39

Gambar 3.18 Activity Diagram Hapus Data Petugas .......................................... 40

Gambar 3.19 Activity Diagram Hapus Data Imunisasi ....................................... 40

Gambar 3.20 Activity Diagram Hapus Data User ............................................... 41

Gambar 3.21 Activity Diagram Hapus Data Jurnal Kesehatan ........................... 41

Gambar 3.22 Activity Diagram Hapus Data Pertumbuhan ................................. 42

Gambar 3.23 Activity Diagram Hapus Data Anak .............................................. 42

Page 20: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xx

Gambar 3.24 Class Diagram Aplikasi Web ......................................................... 43

Gambar 3.25 Squence Diagram Lihat Data Profile ............................................. 43

Gambar 3.26 Squence Diagram Ubah Data Profile ............................................. 44

Gambar 3.27 Squence Diagram Ubah Password ................................................. 44

Gambar 3.28 Squence Diagram Lihat Data Anak ............................................... 45

Gambar 3.29 Squence Diagram Lihat Data Pertumbuhan .................................. 45

Gambar 3.30 Squence Diagram Lihat Data Jurnal Kesehatan ............................ 46

Gambar 3.31 Squence Diagram Lihat Data User ................................................ 46

Gambar 3.32 Squence Diagram Lihat Data Imunisasi ........................................ 47

Gambar 3.33 Squence Diagram Lihat Grafik Angka Kelahiran ......................... 47

Gambar 3.34 Squence Diagram Lihat Data Petugas .......................................... 48

Gambar 3.35 Squence Diagram Lihat Data Jenis Imunisasi ............................... 48

Gambar 3.36 Squence Diagram Tambah Jenis Imunisasi ................................... 49

Gambar 3.37 Squence Diagram Ubah Jenis Imunisasi........................................ 49

Gambar 3.38 Squence Diagram Hapus Jenis Imunisasi ...................................... 50

Gambar 3.39 Squence Diagram Hapus Petugas .................................................. 50

Gambar 3.40 Squence Diagram Hapus Imunisasi ............................................... 51

Gambar 3.41 Squence Diagram Hapus User ....................................................... 51

Gambar 3.42 Squence Diagram Hapus Jurnal Kesehatan ................................... 52

Gambar 3.43 Squence Diagram Hapus Pertumbuhan ......................................... 52

Gambar 3.44 Squence Diagram Hapus Anak ...................................................... 53

Gambar 3.45 Use case Diagram Aplikasi Mobile ............................................... 53

Gambar 3.46 Activity Diagram Lihat Profile ...................................................... 54

Gambar 3.47 Activity Diagram Ubah Profile ...................................................... 54

Gambar 3.48 Activity Diagram Ubah Foto ......................................................... 55

Gambar 3.49 Activity Diagram Daftar User ....................................................... 55

Gambar 3.50 Activity Diagram Lihat info Gizi .................................................. 56

Gambar 3.51 Activity Diagram Lihat Data Anak................................................ 56

Gambar 3.52 Activity Diagram Lihat Data Pertumbuhan ................................... 57

Gambar 3.53 Activity Diagram Lihat Data Jurnal Kesehatan ............................. 57

Page 21: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xxi

Gambar 3.54 Activity Diagram Lihat Data Imunisasi ......................................... 58

Gambar 3.55 Activity Diagram Lihat Grafik Pertumbuhan ................................ 58

Gambar 3.56 Activity Diagram Ubah Data Anak ............................................... 59

Gambar 3.57 Activity Diagram Ubah Data Pertumbuhan ................................... 59

Gambar 3.58 Activity Diagram Ubah Data Jurnal Kesehatan ............................. 60

Gambar 3.59 Activity Diagram Ubah Data Imunisasi ........................................ 60

Gambar 3.60 Activity Diagram Tambah Data Anak ........................................... 61

Gambar 3.61 Activity Diagram Tambah Data Pertumbuhan .............................. 61

Gambar 3.62 Activity Diagram Tambah Data Jurnal Kesehatan ........................ 62

Gambar 3.63 Activity Diagram Tambah Data Imunisasi .................................... 62

Gambar 3.64 Activity Diagram Hapus Data Anak .............................................. 63

Gambar 3.65 Activity Diagram Hapus Data Pertumbuhan ................................. 63

Gambar 3.66 Activity Diagram Hapus Data Jurnal Kesehatan ........................... 64

Gambar 3.67 Activity Diagram Hapus Data Imunisasi ....................................... 64

Gambar 3.68 Squence Diagram Lihat Profile ..................................................... 65

Gambar 3.69 Squence Diagram Ubah Profile ..................................................... 65

Gambar 3.70 Squence Diagram Ubah Foto ......................................................... 66

Gambar 3.71 Squence Diagram Daftar User ....................................................... 66

Gambar 3.72 Squence Diagram Lihat Info Gizi .................................................. 67

Gambar 3.73 Squence Diagram Lihat Data Anak ............................................... 67

Gambar 3.74 Squence Diagram Lihat Data Pertumbuhan .................................. 68

Gambar 3.75 Squence Diagram Lihat Data Jurnal Kesehatan ............................ 68

Gambar 3.76 Squence Diagram Lihat Data Imunisasi ........................................ 69

Gambar 3.77 Squence Diagram Lihat Grafik Pertumbuhan................................ 69

Gambar 3.78 Squence Diagram Ubah Data Anak ............................................... 70

Gambar 3.79 Squence Diagram Ubah Data Pertumbuhan .................................. 70

Gambar 3.80 Squence Diagram Ubah Data Pertumbuhan .................................. 71

Gambar 3.81 Squence Diagram Ubah Data Imunisasi ....................................... 71

Gambar 3.82 Squence Diagram Tambah Data Anak .......................................... 72

Gambar 3.83 Squence Diagram Tambah Data Pertumbuhan .............................. 72

Page 22: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xxii

Gambar 3.84 Squence Diagram Tambah Data Pertumbuhan .............................. 73

Gambar 3 85 Squence Diagram Tambah Data Imunisasi.................................... 73

Gambar 3.86 Squence Diagram Hapus Data Anak ............................................. 74

Gambar 3.87 Squence Diagram Hapus Data Pertumbuhan ................................. 74

Gambar 3.88 Squence Diagram Hapus Data Jurnal Kesehatan........................... 75

Gambar 3.89 Squence Diagram Hapus Data Imunisasi ...................................... 75

Gambar 3.90 Entity Relationship Diagram ......................................................... 76

Gambar 3.91 Mapping Tabel ............................................................................... 76

Gambar 3.92 Rancangan Halaman Login............................................................ 82

Gambar 3.93 Rancangan Halaman Profile .......................................................... 82

Gambar 3.94 Rancangan Halaman Ubah Password ............................................ 83

Gambar 3.95 Rancangan Halaman Home ........................................................... 83

Gambar 3.96 Rancangan Halaman Data Anak .................................................... 84

Gambar 3.97 Rancangan Halaman Data User ..................................................... 84

Gambar 3.98 Rancangan Halaman Data Petugas ................................................ 85

Gambar 3.99 Rancangan Halaman Data Imunisasi ............................................. 85

Gambar 3.100 Rancangan Halaman Data Pertumbuhan ..................................... 86

Gambar 3.101 Rancangan Halaman Data Jurnal Kesehatan ............................... 86

Gambar 3.102 Rancangan Halaman Data jenis Imunisasi .................................. 87

Gambar 3.103 Rancangan Halaman Tambah Jenis Imunisasi ............................ 87

Gambar 3.104 Rancangan Halaman Ubah Data Jenis Imunisasi ........................ 88

Gambar 3.105 Rancangan Halaman Hapus Data ................................................ 88

Gambar 3.106 Rancangan Halaman Splash ........................................................ 89

Gambar 3.107 Rancangan Halaman Login.......................................................... 89

Gambar 3.108 Rancangan Halaman Home User ................................................. 90

Gambar 3.109 Rancangan Halaman Profile ........................................................ 90

Gambar 3.110 Rancangan Halaman Pemberitahuan ........................................... 91

Gambar 3.111 Rancangan Halaman Menu .......................................................... 91

Gambar 3.112 Rancangan Halaman Profile Anak............................................... 92

Gambar 3.113 Rancangan Halaman Data Pertumbuhan ..................................... 92

Page 23: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xxiii

Gambar 3.114 Rancangan Halaman Data Imunisasi ........................................... 93

Gambar 3.115 Rancangan Halaman Data Jurnal ................................................. 93

Gambar 3.116 Rancangan Halaman Grafik Pertumbuhan Anak ......................... 94

Gambar 3.117 Rancangan Halaman Data Info Gizi ............................................ 94

Gambar 3.118 Rancangan Halaman Home Petugas ............................................ 95

Gambar 3.119 Rancangan Halaman Tambah Data Imunisasi ............................. 95

Gambar 3.120 Rancangan Halaman Tambah Data Pertumbuhan ....................... 96

Gambar 3.121 Rancangan Halaman Tambah Data Jurnal ................................... 96

Gambar 3.122 Rancangan Halaman Ubah Data Jurnal ....................................... 97

Gambar 3.123 Rancangan Halaman Ubah Data Imunisasi ................................. 97

Gambar 3.124 Rancangan Halaman Ubah Data Pertumbuhan............................ 98

Gambar 3.125 Rancangan Halaman Hapus Data Pertumbuhan .......................... 98

Gambar 3.126 Rancangan Halaman Hapus Data Imunisasi ................................ 99

Gambar 3.127 Rancangan Halaman Hapus Data Jurnal...................................... 99 Gambar 4.1 Halaman Login .............................................................................. 100

Gambar 4.2 Halaman Profile ............................................................................. 101

Gambar 4.3 Halaman Ubah Password ............................................................... 101

Gambar 4.4 Halaman Home .............................................................................. 102

Gambar 4.5 Halaman Data Anak ....................................................................... 102

Gambar 4.6 Halaman Data User ........................................................................ 103

Gambar 4.7 Halaman Data Petugas ................................................................... 103

Gambar 4.8 Halaman Data Imunisasi ................................................................ 104

Gambar 4.9 Halaman Data Pertumbuhan .......................................................... 104

Gambar 4.10 Halaman Data Jurnal Kesehatan .................................................. 105

Gambar 4.11 Halaman Data Jenis Imunisasi ..................................................... 105

Gambar 4.12 Halaman Tambah Jenis Imunisasi ............................................... 106

Gambar 4.13 Halaman Ubah Jenis Imunisasi .................................................... 106

Gambar 4.14 Halaman Splash ........................................................................... 107

Gambar 4.15 Halaman Login ............................................................................ 107

Gambar 4.16 Halaman Home User.................................................................... 108

Page 24: PEMBUATAN APLIKASI KARTU MENUJU SEHAT (KMS) … · health promotion media can be a new breakthrough for community especially all ... Model Entity Relationship ... 3.2 Alat Dan Bahan

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

commit to user

xxiv

Gambar 4.17 Halaman Profile ........................................................................... 108

Gambar 4.18 Halaman Pemberitahuan .............................................................. 109

Gambar 4.19 Halaman Menu............................................................................. 109

Gambar 4.20 Halaman Profile Anak ................................................................. 110

Gambar 4.21 Halaman Data Pertumbuhan ........................................................ 110

Gambar 4.22 Halaman Data Imunisasi .............................................................. 111

Gambar 4.23 Halaman Data Jurnal.................................................................... 111

Gambar 4.24 Halaman Data Grafik Pertumbuhan............................................. 112

Gambar 4.25 Halaman Data Grafik Info Gizi ................................................... 112

Gambar 4.26 Halaman Home Petugas ............................................................... 113

Gambar 4.27 Halaman Tambah Data Imunisasi ................................................ 113

Gambar 4.28 Halaman Tambah Data Pertumbuhan .......................................... 114

Gambar 4.29 Halaman Tambah Data Jurnal ..................................................... 114

Gambar 4.30 Halaman Ubah Data Jurnal .......................................................... 115

Gambar 4.31 Halaman Ubah Data Imunisas ..................................................... 115

Gambar 4.32 Halaman Ubah Data Pertumbuhan .............................................. 116

Gambar 4.33 Halaman Hapus Data Pertumbuhan ............................................. 116

Gambar 4.34 Halaman Hapus Data Imunisasi................................................... 117

Gambar 4.35 Halaman Hapus Data Jurnal ........................................................ 117