PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ”...

23
PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN TENTANG BAHAYA PENYALAHGUNAAN NARKOBA DAN OBAT TERLARANG BERBASIS ANDROID TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret Disusun oleh : FAJAR FEBRIYANTO M3114063 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET HALAMAN JUDUL

Transcript of PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ”...

Page 1: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN

TENTANG BAHAYA PENYALAHGUNAAN NARKOBA DAN OBAT

TERLARANG BERBASIS ANDROID

TUGAS AKHIR

Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya

pada Program Studi Diploma III Teknik Informatika

Universitas Sebelas Maret

Disusun oleh :

FAJAR FEBRIYANTO

M3114063

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

HALAMAN JUDUL

Page 2: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

i

Page 3: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

ii

Page 4: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

iii

HALAMAN PERNYATAAN

Dengan ini saya menyatakan bahwa dalam pengerjaan Tugas Akhir ini tidak

terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan disuatu

perguruan tinggi, dan sepanjang pengetahuan saya, tidak terdapat karya atau

pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali secara tertulis

diacu dalam naskah ini dan disebutkan dalam Daftar Pustaka serta karya cipta yang

dibuat tidak melanggar hak cipta milik orang lain.

Surakarta, 16 Juni 2017

Fajar Febriyanto

NIM. M3114063

Page 5: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

iv

HALAMAN MOTTO

Semakin menunda-nuda akan menghancurkan harimu (Penulis)

Harga kebaikan manusia adalah diukur menurut apa yang telah

dilaksanakan/diperbuatnya.(Ali Bin Abi Thalib)

Bertakwalah pada Allah maka Allah akan mengajarimu. Sesungguhnya Allah

Maha Mengetahui segala sesuatu.(QS Al-Baqarah ayat: 282)

Jika orang berpegang pada keyakinan, maka hilanglah kesangsian. Tetapi, jika

orang sudah mulai berpegang pada kesangsian, maka hilanglah keyakinan.(Sir

Francis Bacon)

Barangsiapa sungguh-sungguh, sesungguhnya kesungguhannya itu adalah

untuk dirinya sendiri. (QS Al-Ankabut [29]: 6)

Semua orang tidak perlu menjadi malu karena pernah berbuat kesalahan, selama

ia menjadi lebih bijaksana daripada sebelumnya." (Alexander Pope)

Kebanggaan kita yang terbesar adalah bukan tidak pernah gagal, tetapi bangkit

kembali setiap kali kita jatuh." (Confusius)

Page 6: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

v

HALAMAN PERSEMBAHAN

Tugas Akhir ini penulis persembahkan untuk :

1. Ayah dan Ibu tercinta yang selalu mendoakan, memberi semangat,

menyediakan segala fasilitas dan menjadi alasan bagi saya untuk

menyelesaikan laporan tugas akhir ini.

2. Seluruh teman-teman D3 Teknik Informatika angkatan 2014 khususnya

kelas TIB angkatan 2014 yang selalu memberikan semangat, penghiburan

serta dukungan selama 3 tahun menuntut ilmu.

3. Para karyawan/wati Program Studi Diploma III Teknik Informatika

Universitas Sebelas Maret yang telah membantu penulis dalam proses

belajar.

4. Dan semua pihak yang telah membantu penulis menyelesaikan laporan

tugas akhir ini yang tidak bisa penulis sebutkan satu persatu.

Page 7: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

vi

KATA PENGANTAR

Assalamualaikum wr.wb.

Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan

karunianya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul”

PEMBUATAN APLIKASI ”NO DRUGS ”APLIKASI PEMBELAJARAN

TENTANG BAHAYA PENYALAHGUNAAN NARKOBA DAN OBAT

TERLARANG BERBASIS ANDROID”. Laporan Tugas Akhir ini disusun untuk

memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya (Amd) pada

Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret.

Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis

telah mendapatkan dukungan dan bantuan dari berbagai pihak. Penulis

mengucapkan terimakasih yang tak terhingga kepada :

1. Bapak Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D. selaku

Pimpinan Fakultas MIPA Universitas Sebelas Maret yang telah

memberikan izin kepada penulis untuk belajar dan hingga akhirnya dapat

menyelesaikan pembelajaran di Fakultas Matematika dan Ilmu Pengetahuan

Alam Universitas Sebelas Maret.

2. Bapak Abdul Aziz S.Kom., M.Cs selaku Ketua Progran Studi Diploma III

Teknik Informatika Universitas Sebelas Maret yang telah memberi izin

kepada penulis untuk belajar dan hingga akhirnya dapat menyelesaikan

pembelajaran di Program Studi DIII Teknik Informatika FMIPA

Universitas Sebelas Maret.

3. Ibu Hartatik S.Si,M.Si selaku Dosen Pembimbing yang dengan penuh

kesabaran dan ketulusan memberikan ilmu serta bimbingan terbaik kepada

penulis dalam penyusunan dan pembuatan Tugas Akhir ini.

4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas

Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.

Page 8: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

vii

Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh

dari sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat

membangun sangat penulis harapkan untuk kedepannya. Akhir kata, semoga tulisan

ini dapat memberikan manfaat dan memberikan wawasan tambahan bagi para

pembaca dan khususnya bagi penulis sendiri.

Wassalamualaikum wr.wb.

Surakarta, 16 Juni 2017

Penulis

Page 9: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

viii

DAFTAR ISI

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

HALAMAN PERNYATAAN ............................................................................... iii

HALAMAN MOTTO ............................................................................................ iv

HALAMAN PERSEMBAHAN ............................................................................. v

KATA PENGANTAR ........................................................................................... vi

DAFTAR ISI ........................................................................................................ viii

DAFTAR TABEL ................................................................................................ xiv

DAFTAR GAMBAR ............................................................................................ xv

ABSTRACT ......................................................................................................... xxi

ABSTRAK .......................................................................................................... xxii

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

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

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

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

1.4. Manfaat ......................................................................................................... 2

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

1.6.Metodologi .................................................................................................... 3

1.6.1. Pengumpulan Data ................................................................................. 3

1.6.2. Pembuatan Aplikasi ............................................................................... 3

1.6.3. Pengujian Aplikasi ................................................................................. 3

1.7. Sistematika Penulisan ...................................................................................... 3

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI .............................. 5

2.1. Tinjauan Pustaka .......................................................................................... 5

2.2. Landasan Teori ............................................................................................. 6

2.2.1. Pengertian Narkoba................................................................................ 6

2.2.2. Penyalahgunaan Narkoba ...................................................................... 7

2.2.3. Pengertian Aplikasi Mobile ................................................................... 7

2.2.4. Aplikasi Mobile ..................................................................................... 8

2.2.5. Android .................................................................................................. 8

Page 10: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

ix

2.2.6. Android Studio ....................................................................................... 8

2.2.7. Metode Waterfall ................................................................................... 9

2.2.8. Pengujian Blackbox Testing ................................................................ 10

2.2.9. Codeigniter Framework ....................................................................... 10

2.2.10. PHP (Hypertext Preprocessor) ........................................................... 12

2.2.11. MySQL .............................................................................................. 12

2.2.12. Unified Modeling Language (UML) ................................................. 12

2.2.13. Use Case Diagram ............................................................................. 13

2.2.14. Activity Diagram ............................................................................... 14

2.2.15. Class Diagram .................................................................................... 14

2.2.16. Sequence Diagram ............................................................................. 16

2.2.17. Basis Data .......................................................................................... 17

2.2.18. Entity Relation Diagram (ERD) ........................................................ 17

2.2.19. JSON .................................................................................................. 19

2.2.20. Google Maps API .............................................................................. 20

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

3.1. Jalannya Penelitian ..................................................................................... 21

3.2. Gambaran Umum Aplikasi ......................................................................... 22

3.3. Alat dan Bahan ........................................................................................... 23

3.3.1. Alat....................................................................................................... 23

3.3.2. Bahan ................................................................................................... 24

3.4. Perancangan Database Aplikasi ................................................................. 24

3.4.1. Perancangan ERD ................................................................................ 24

3.4.2. Relasi Tabel ......................................................................................... 26

3.4.3. Desain Fisik Database .......................................................................... 26

3.5. Perancangan Aplikasi Berbasis Web .......................................................... 30

3.5.1. Kebutuhan fungsional aplikasi Berbasis web ...................................... 30

3.5.2. Kebutuhan Non Fungsional Aplikasi berbasis Web ............................ 34

3.5.3. Usecase Diagram Aplikasi Berbasis Web ........................................... 35

3.5.4. Activity Diagram Aplikasi Berbasis Web ........................................... 37

3.5.5. Class Diagram Aplikasi Web ............................................................... 58

Page 11: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

x

3.5.6. Sequence Diagram Aplikasi Android .................................................. 59

3.6. Perancangan Aplikasi Berbasis Android .................................................... 77

3.6.1. Kebutuhan fungsional aplikasi berbasis android ................................. 77

3.6.2. Kebutuhan non-fungsional aplikasi berbasis android .......................... 77

3.6.3. Usecase aplikasi Berbasis Android ...................................................... 78

3.6.4. Usecase Text Aplikasi Android ........................................................... 78

3.6.5. Class Diagram Aplikasi Berbasis Android .......................................... 83

3.6.6. Sequence Diagram Aplikasi Berbasis Android ................................... 84

3.7. Perancangan Interface Aplikasi Web untuk Admin ................................... 87

3.7.1. Perancangan Halaman Login ............................................................... 87

3.7.2. Perancangan Halaman Jenis Napza ..................................................... 87

3.7.3. Perancangan Halaman Golongan Napza.............................................. 88

3.7.4. Perancangan Halaman Napza .............................................................. 89

3.7.5. Perancangan Halaman Dampak ........................................................... 89

3.7.6. Perancangan Halaman Penyalahgunaan Napza ................................... 90

3.7.7. Perancangan Halaman Penanggulangan Napza ................................... 91

3.7.8. Perancangan Halaman Kota ................................................................. 91

3.7.9. Perancangan Halaman Tempat Rehabilitas ......................................... 92

3.7.10. Perancangan Halaman Hukum Napza ............................................... 93

3.7.11. Perancangan Halaman Admin ........................................................... 93

3.7.12. Perancangan Halaman Input Jenis Napza .......................................... 94

3.7.13. Perancangan Halaman Input Golongan Napza .................................. 94

3.7.14. Perancangan Halaman Input Napza ................................................... 95

3.7.15. Perancangan Halaman Input Dampak Napza .................................... 95

3.7.16. Perancangan Halaman Input Penyalahgunaan Napza ........................ 96

3.7.17. Perancangan Halaman Input Penanggulangan Napza ....................... 97

3.7.18. Perancangan Halaman Input Kota ..................................................... 97

3.7.19. Perancangan Halaman Input Tempat Rehabilitasi ............................. 98

3.7.20. Perancangan Halaman Input Hukum Napza ...................................... 98

3.7.21. Perancangan Halaman Input Admin .................................................. 99

3.8. Perancangan interface aplikasi android untuk user .................................. 100

Page 12: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xi

3.8.1. Perancangan Halaman Awal Aplikasi android .................................. 100

3.8.2. Perancangan Halaman Menu Jenis Napza ......................................... 100

3.8.3. Perancangan Halaman Menu golongan napza ................................... 101

3.8.4. Perancangan Halaman Menu daftar napza......................................... 102

3.8.5. Perancangan Halaman Menu detail napza ......................................... 103

3.8.6. Perancangan Halaman menu dampak napza ...................................... 104

3.8.7. Perancangan Halaman menu penyalahgunaan napza ........................ 105

3.8.8. Perancangan Halaman menu penanggulangan napza ........................ 106

3.8.9. Perancangan Halaman Menu Daftar Kota ......................................... 107

3.8.10. Perancangan Halaman Menu Tempat Rehabilitasi .......................... 108

3.8.11. Perancangan Halaman Menu Detail Tempat Rehabilitasi ............... 109

3.8.12. Perancangan Halaman Menu Hukum .............................................. 110

3.8.13. Perancangan Halaman Menu About ................................................ 111

3.9. Pengujian Aplikasi dengan Metode Blackbox ......................................... 112

BAB IV IMPLEMENTASI DAN ANALISA .................................................... 115

4.1. Implementasi Aplikasi Web ..................................................................... 115

4.1.1. Implementasi Halaman Login ............................................................ 115

4.1.2. Implementasi Halaman Jenis ............................................................. 115

4.1.3. Implementasi Halaman Input Jenis .................................................... 116

4.1.4. Implementasi Halaman Edit Jenis...................................................... 117

4.1.5. Implementasi Halaman Golongan ..................................................... 118

4.1.6. Implementasi Halaman Input Golongan ............................................ 119

4.1.7. Implementasi Halaman Edit Golongan .............................................. 120

4.1.8. Implementasi Halaman Napza ........................................................... 120

4.1.9. Implementasi Halaman Input Napza.................................................. 121

4.1.10. Implementasi Halaman Edit Napza ................................................. 122

4.1.11. Implementasi Halaman Dampak ...................................................... 123

4.1.12. Implementasi Halaman Input Dampak ............................................ 124

4.1.13. Implementasi Halaman Edit Dampak .............................................. 125

4.1.14. Implementasi Halaman Penyalahgunaan ......................................... 125

4.1.15. Implementasi Halaman Input Penyalahgunaan................................ 126

Page 13: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xii

4.1.16. Implementasi Halaman Edit Penyalahgunaan ................................. 127

4.1.17. Implementasi Halaman Penanggulangan ......................................... 127

4.1.18. Implementasi Halaman Input Penanggulangan ............................... 128

4.1.19. Implementasi Halaman Edit Penanggulangan ................................. 129

4.1.20. Implementasi Halaman Hukum ....................................................... 129

4.1.21. Implementasi Halaman Input Hukum .............................................. 130

4.1.22. Implementasi Halaman Edit Hukum................................................ 131

4.1.23. Implementasi Halaman Kota ........................................................... 131

4.1.24. Implementasi Halaman Input Kota .................................................. 132

4.1.25. Implementasi Halaman Edit Kota .................................................... 133

4.1.26. Implementasi Halaman Tempat Rehabilitasi ................................... 133

4.1.27. Implementasi Halaman Input Tempat Rehabilitasi ......................... 134

4.1.28. Implementasi Halaman Edit Tempat Rehabilitasi ........................... 135

4.1.29. Implementasi Halaman Admin ........................................................ 136

4.1.30. Implementasi Halaman Input Admin ............................................... 137

4.1.31. Implementasi Halaman Edit Admin ................................................ 138

4.1.32. Implementasi Halaman Kamus ........................................................ 138

4.1.33. Implementasi halaman Input Kamus ............................................... 139

4.1.34. Implementasi Halaman Edit Kamus ................................................ 139

4.1.35. Implemetasi Halaman Pesan ............................................................ 140

4.2. Implementasi Aplikasi Android ............................................................... 141

4.2.1. Implementasi halaman splashscreen .................................................. 141

4.2.2. Implementasi Halaman Menu Utama Aplikasi .................................. 141

4.2.3. Implementasi Halaman Menu Napza ................................................. 142

4.2.4. Implementasi Halaman Dampak dan Penyalahgunaan Napza .......... 143

4.2.5. Implementasi Halaman Menu Penanggulangan ................................ 144

4.2.6. Implementasi Halaman Tempat Rehabilitasi ..................................... 145

4.2.7. Implementasi Halaman Menu Hukum ............................................... 146

4.2.8. Implementasi Halaman Menu About ................................................. 147

4.2.9. Implementasi Halaman Menu Kamus................................................ 148

4.2.10. Implementasi Halaman Input Pesan ................................................ 149

Page 14: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xiii

4.3. Tabel Pengujian Sistem ............................................................................ 149

4.3.1. Tabel Pengujian Aplikasi Web untuk Admin .................................... 150

4.3.2. Tabel Pengujian Aplikasi Android untuk User .................................. 155

4.3.3. Tabel Hasil Rancangan Pengujian Blackbox ..................................... 158

4.3.4. Tabel Pengujian Hardware Aplikasi .................................................. 162

4.3.5. Hasil Quisioner .................................................................................. 164

BAB V KESIMPULAN DAN SARAN .............................................................. 168

5.1. Kesimpulan ............................................................................................... 168

5.2. Saran ......................................................................................................... 168

DAFTAR PUSTAKA ......................................................................................... 169

Page 15: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xiv

DAFTAR TABEL

Tabel 2. 1 Tabel Simbol-simbol Usecase .............................................................. 13

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

Tabel 2. 3 Tabel Simbol-simbol Class Diagram ................................................... 15

Tabel 2. 4 Tabel Simbol-simbol Sequence Diagram ............................................ 16

Tabel 3. 1 Desain Fisik Tabel Napza .................................................................... 26

Tabel 3. 2 Desain Fisik Tabel Jenis ...................................................................... 27

Tabel 3. 3 Desain Fisik Tabel Golongan ............................................................... 27

Tabel 3. 4 Desain Fisik Tabel Dampak ................................................................. 27

Tabel 3. 5 Desain Fisik Tabel Penyalahgunaan .................................................... 28

Tabel 3. 6 Desain Fisik Tabel Kota ....................................................................... 28

Tabel 3. 7 Desain Fisik Tabel Tempat Rehabilitasi .............................................. 28

Tabel 3. 8 Desain Fisik Tabel Penanggulangan .................................................... 29

Tabel 3. 9 Desain Fisik Tabel Hukum .................................................................. 29

Tabel 3. 10 Desain Fisik Tabel Admin ................................................................. 29

Tabel 3. 11 Kebutukan Fungsional Aplkasi Web ................................................. 30

Tabel 3. 12 Kebutuhan Fungsional Aplikasi Android .......................................... 77

Tabel 3. 13 Usecase Text Tampil Halaman Napza ............................................... 78

Tabel 3. 14 Usecase Text Tampil Halaman Penaggulangan ................................. 79

Tabel 3. 15 Usecase Text Tampil Halaman Tempat Rehabilitasi ......................... 80

Tabel 3. 16 Usecase Text Tampil Halaman Hukum ............................................. 81

Tabel 3. 17 Usecase Text Tampil Menu Kamus ................................................... 81

Tabel 3. 18 Usecase Text Tampil Halaman About ............................................... 82

Tabel 3. 19 Tabel Perancangan Pengujian Blackbox .......................................... 112

Tabel 4. 1 Tabel Pengujian Aplikasi Web .......................................................... 150

Tabel 4. 2 Tabel Pengujian Aplikasi Android ..................................................... 155

Tabel 4. 3 Tabel Hasil Pengujian Blackbox ........................................................ 158

Tabel 4. 4 Tabel Pengujian Hardware ................................................................. 162

Page 16: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xv

DAFTAR GAMBAR

Gambar 2. 1 Simbol-simbol ERD ......................................................................... 18

Gambar 3. 1 Gambaran Umum Aplikasi................................................................22

Gambar 3. 2 Rancangan ERD Sistem ................................................................... 25

Gambar 3. 3 Relasi Tabel Sistem .......................................................................... 26

Gambar 3. 4 Usecase Sistem ................................................................................. 36

Gambar 3. 5 Activity Diagram Tampil Jenis ........................................................ 37

Gambar 3. 6 Activity Diagram Input Jenis .......................................................... 37

Gambar 3. 7 Activity Diagram Edit Jenis ............................................................ 38

Gambar 3. 8 Activity Diagram Hapus Jenis......................................................... 39

Gambar 3. 9 Activity Diagram Tampil Golongan ................................................ 39

Gambar 3. 10 Activity Diagram Input Golongan.................................................. 40

Gambar 3. 11 Activity Diagram Edit Golongan ................................................... 41

Gambar 3. 12 Activity Diagram Hapus Golongan ................................................ 41

Gambar 3. 13 Activity Diagram Tampil Napza .................................................... 42

Gambar 3. 14 Activity Diagram Input Napza ....................................................... 42

Gambar 3. 15 Activity Diagram Edit Napza ......................................................... 43

Gambar 3. 16 Activity Diagram Hapus Napza ..................................................... 44

Gambar 3. 17Activity Diagram Tampil Dampak .................................................. 44

Gambar 3. 18 Activity Diagram Input Dampak .................................................... 45

Gambar 3. 19 Activity Diagram Edit Dampak...................................................... 46

Gambar 3. 20 Activity Diagram Hapus Dampak .................................................. 46

Gambar 3. 21Activity Diagram Tampil Penyalahgunaan ..................................... 47

Gambar 3. 22 Activity Diagram Input Penyalahgunaan ....................................... 47

Gambar 3. 23Activity Diagram Edit Penyalahgunaan ......................................... 48

Gambar 3. 24 Activity Diagram Hapus Penyalahgunaan ..................................... 49

Gambar 3. 25 Activity Diagram Tampil Penanggulangan .................................... 49

Gambar 3. 26 Activity Diagram Input Penanggulangan ....................................... 50

Gambar 3. 27 Activity Diagram Edit Penanggulangan ......................................... 50

Gambar 3. 28 Activity Diagram Hapus Penanggulangan ..................................... 51

Page 17: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xvi

Gambar 3. 29 Activity Diagram Tampil Kota ...................................................... 51

Gambar 3. 30 Activity Diagram Input Kota.......................................................... 52

Gambar 3. 31Activity Diagram Edit Kota ........................................................... 53

Gambar 3. 32 Activity Diagram Hapus Kota ........................................................ 53

Gambar 3. 33 Activity Diagram Tampil Tempat Rehabilitas ............................... 54

Gambar 3. 34 Activity Diagram Input Tempat Rehabilitas .................................. 54

Gambar 3. 35 Activity Diagram Edit Tempat Rehabilitas .................................... 55

Gambar 3. 36 Activity Diagram Hapus Tempat Rehabilitas ................................ 55

Gambar 3. 37 Activity Diagram Tampil Hukum .................................................. 56

Gambar 3. 38 Activity Diagram Input Hukum ..................................................... 56

Gambar 3. 39 Activity Diagram Edit hukum ........................................................ 57

Gambar 3. 40 Activity Diagram Hapus Hukum.................................................... 57

Gambar 3. 41 Class Diagram Aplikasi Web ......................................................... 58

Gambar 3. 42 Sequence Lihat Data Jenis.............................................................. 59

Gambar 3. 43 Sequence Input Data Jenis ............................................................. 59

Gambar 3. 44 Sequence Edit Data Jenis ............................................................... 60

Gambar 3. 45 Sequence Delete Data Jenis............................................................ 60

Gambar 3. 46 Sequence Lihat Data Golongan ...................................................... 61

Gambar 3. 47 Sequence Input Data Golongan ..................................................... 61

Gambar 3. 48 Sequence Edit Data Golongan....................................................... 62

Gambar 3. 49 Sequence Delete Data Golongan ................................................... 62

Gambar 3. 50 Sequence Lihat Data Napza .......................................................... 63

Gambar 3. 51 Sequence Input data Napza .......................................................... 63

Gambar 3. 52 Sequence Edit Data Napza ........................................................... 64

Gambar 3. 53 Sequence Delete Data Napza ....................................................... 64

Gambar 3. 54 Sequence Lihat Data Dampak ...................................................... 65

Gambar 3. 55 Sequence Input Data Dampak ....................................................... 65

Gambar 3. 56 Sequence Edit Data Dampak ......................................................... 66

Gambar 3. 57 Sequence Delete Data Dampak .................................................... 66

Gambar 3. 58 Sequence Lihat Data Penyalahgunaan .......................................... 67

Gambar 3. 59 Sequence Input Data Penyalahgunaan .......................................... 67

Page 18: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xvii

Gambar 3. 60 Sequence Edit Data Penyalahgunaan ........................................... 68

Gambar 3. 61Sequence Delete Data Penyalahgunaan .......................................... 68

Gambar 3. 62 Sequence Lihat Data Penanggulangan ........................................... 69

Gambar 3. 63 Sequence Input Data Penanggulangan ........................................... 69

Gambar 3. 64 Sequence Edit Data Penanggulangan ............................................. 70

Gambar 3. 65 Sequence Delete Data Penanggulangan ......................................... 70

Gambar 3. 66 Sequence Lihat Data Kota .............................................................. 71

Gambar 3. 67 Sequence Input Data Kota ............................................................. 71

Gambar 3. 68 Sequence Edit Data Kota................................................................ 72

Gambar 3. 69 Sequence Delete Data Kota ........................................................... 72

Gambar 3. 70 Sequence Lihat Data Tempat Rehabilitasi ................................... 73

Gambar 3. 71 Sequence Input Data Tempat Rehabilitasi .................................... 73

Gambar 3. 72 Sequence Edit Data Tempat Rehabilitasi ....................................... 74

Gambar 3. 73 Sequence Delete Data Tempat Rehabilitasi ................................... 74

Gambar 3. 74 Sequence Tampil Data Hukum ...................................................... 75

Gambar 3. 75 Sequence Input Data Hukum ......................................................... 75

Gambar 3. 76 Sequence Edit Data Hukum .......................................................... 76

Gambar 3. 77 Sequence Delete Data Hukum........................................................ 76

Gambar 3. 78 Usecase Aplikasi Android .............................................................. 78

Gambar 3. 79 Class Diagram Aplikasi Android ................................................... 83

Gambar 3. 80 Sequence Diagram Menu Napza .................................................... 84

Gambar 3. 81 Sequence Diagram Menu Penanggulangan .................................... 84

Gambar 3. 82 Sequence Diagram Menu Tempat Rehabilitas ............................... 85

Gambar 3. 83 Sequence Diagram Menu Hukum .................................................. 85

Gambar 3. 84 Sequence Diagram Menu Kamus ................................................... 86

Gambar 3. 85 Sequence Diagram Menu about ..................................................... 86

Gambar 3. 86 Perancangan Halaman Login ......................................................... 87

Gambar 3. 87 Perancangan Halaman Jenis ........................................................... 88

Gambar 3. 88 Perancangan Halaman Golongan Napza ........................................ 88

Gambar 3. 89 Perancangan Halaman Napza ......................................................... 89

Gambar 3. 90 Perancangan Halaman Dampak ..................................................... 90

Page 19: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xviii

Gambar 3. 91 Perancangan Halaman Penyalahgunaan ......................................... 90

Gambar 3. 92 Perancangan Halaman Penanggulangan......................................... 91

Gambar 3. 93 Perancangan Halaman Kota ........................................................... 92

Gambar 3. 94 Perancangan Halaman Tempat Rehabilitas .................................... 92

Gambar 3. 95 Perancangan Halaman Hukum ....................................................... 93

Gambar 3. 96 Perancangan Halaman Admin ........................................................ 93

Gambar 3. 97 Perancangan Halaman Input Jenis.................................................. 94

Gambar 3. 98 Perancangan Halaman Input Golongan .......................................... 94

Gambar 3. 99Perancangan Halaman Input Napza ................................................ 95

Gambar 3. 100 Perancangan Halaman Input Dampak .......................................... 96

Gambar 3. 101 Perancangan Halaman Input Penyalahgunaan ............................. 96

Gambar 3. 102 Perancangan Halaman Input Penanggulangan ............................. 97

Gambar 3. 103 Perancangan Halaman Input Kota ................................................ 98

Gambar 3. 104 Perancangan Halaman Input Tempat Rehabilitasi ....................... 98

Gambar 3. 105 Perancangan Halaman Input Hukum ........................................... 99

Gambar 3. 106 Perancangan Halaman Input Admin ............................................ 99

Gambar 3. 107 Perancangan Halaman Utama .................................................... 100

Gambar 3. 108 Halaman Menu Jenis Napza ....................................................... 101

Gambar 3. 109 Halaman Menu Golongan Napza ............................................... 102

Gambar 3. 110 Halaman Menu Daftar Napza ..................................................... 103

Gambar 3. 111 Halaman Menu Detail Napza ..................................................... 104

Gambar 3. 112 Halaman Menu Dampak............................................................. 105

Gambar 3. 113 Halaman Menu Penyalahgunaan ................................................ 106

Gambar 3. 114 Halaman Menu Penanggulangan ................................................ 107

Gambar 3. 115 Halaman Menu Daftar Kota ....................................................... 108

Gambar 3. 116 Halaman Menu Tempat Rehabilitasi .......................................... 109

Gambar 3. 117 Halaman Menu Detail Tempat Rehabilitasi ............................... 110

Gambar 3. 118 Halaman Menu Hukum' ............................................................. 111

Gambar 3. 119 Halaman Menu About ................................................................ 111

Gambar 4. 1 Implementasi Halaman Login.........................................................115

Gambar 4. 2Implementasi Halaman Jenis ........................................................... 116

Page 20: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xix

Gambar 4. 3 Implementasi Halaman Input Jenis ................................................ 117

Gambar 4. 4 Implementasi Halaman Edit Jenis .................................................. 118

Gambar 4. 5 Implementasi Halaman Golongan .................................................. 119

Gambar 4. 6 Implementasi Halaman Input Golongan ........................................ 119

Gambar 4. 7 Implementasi Halaman Edit Golongan .......................................... 120

Gambar 4. 8 Implementasi Halaman Napza ....................................................... 121

Gambar 4. 9 Implementasi Halaman Input Napza .............................................. 122

Gambar 4. 10 Implementasi Halaman Edit Napza .............................................. 123

Gambar 4. 11 Implementasi Halaman Dampak .................................................. 124

Gambar 4. 12 Implementasi Halaman Input Dampak ........................................ 124

Gambar 4. 13 Implementasi Halaman Edit Dampak ......................................... 125

Gambar 4. 14 Implementasi Halaman Penyalahgunaan .................................... 126

Gambar 4. 15 Implementasi Halaman Input Penyalahgunaan ........................... 126

Gambar 4. 16 Implementasi Halaman Edit Penyalahgunaan .............................. 127

Gambar 4. 17 Implementasi Halaman Penanggulangan .................................... 128

Gambar 4. 18 Implementasi Halaman Input Penanggulangan ........................... 128

Gambar 4. 19 Implementasi Halaman Edit Penanggulangan.............................. 129

Gambar 4. 20 Implementasi Halaman Hukum ................................................... 130

Gambar 4. 21 Implementasi Halaman Input Hukum ......................................... 130

Gambar 4. 22 Implementasi Halaman Edit Hukum ........................................... 131

Gambar 4. 23 Implementasi Halaman Kota ....................................................... 132

Gambar 4. 24 Implementasi Halaman Input Kota .............................................. 132

Gambar 4. 25 Implementasi Halaman Edit Kota ............................................... 133

Gambar 4. 26 Implementasi Halaman Tempat Rehabilitasi ............................... 134

Gambar 4. 27 Implementasi Halaman input Tempat Rehabilitasi ...................... 135

Gambar 4. 28 Implementasi Halaman Edit Tempat Rehabilitasi ........................ 136

Gambar 4. 29 Implementasi Halaman Admin..................................................... 137

Gambar 4. 30 Implementasi Halaman input Admin ........................................... 137

Gambar 4. 31 Implementasi Halaman Edit Admin ............................................. 138

Gambar 4. 32 Implementasi Halaman Utama Kamus ......................................... 139

Gambar 4. 33 Implementasi Halaman Tambah Kamus ...................................... 139

Page 21: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xx

Gambar 4. 34 Implementasi Halaman Edit Kamus ............................................. 140

Gambar 4. 35 Implementasi Halaman Pesan ...................................................... 140

Gambar 4. 36 Implementasi Halaman Splashscreen ........................................... 141

Gambar 4. 37 Implementasi Halaman Menu Utama ........................................... 142

Gambar 4. 38 Implementasi Halaman Jenis ........................................................ 143

Gambar 4. 39 Implementasi Halaman Golongan ................................................ 143

Gambar 4. 40 Implementasi Halaman Daftar Napza .......................................... 143

Gambar 4. 41 Implementasi Halaman Detail Napza ........................................... 143

Gambar 4. 42 Implementasi Halaman Dampak .................................................. 144

Gambar 4. 43 Implementasi Halaman Penyalahgunaan ..................................... 144

Gambar 4. 44 Implementasi Halaman Penanggulangan ..................................... 145

Gambar 4. 45 Implementasi Halaman Daftar Kota ............................................. 146

Gambar 4. 46 Implementasi Halaman Daftar Tempat Rehabilitasi .................... 146

Gambar 4. 47 Implementasi Halaman Detail Instansi ........................................ 146

Gambar 4. 48 Implementasi Halaman Hukum .................................................... 147

Gambar 4. 49 Implementasi Halaman About ...................................................... 148

Gambar 4. 50 Implentasi Halaman Menu Kamus ............................................... 148

Gambar 4. 51 Implementasi Halaman Input Pesan ............................................. 149

Gambar 4. 52 Hasil Quisioner Ke-2 .................................................................... 164

Gambar 4. 53 Hasil Qusioner Ke-4 ..................................................................... 165

Gambar 4. 54 Hasil Quisioner 1 .......................................................................... 165

Gambar 4. 55 Hasil Qusioner Ke-3 ..................................................................... 166

Gambar 4. 56 Hasil Qusioner Ke-5 ..................................................................... 166

Gambar 4. 57 Hasil Qusioner Ke-6 ..................................................................... 167

Page 22: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xxi

ABSTRACT

Fajar Febriyanto.2017.Development of application ”No Drugs”

applications of learning about the dangers of drug abuse and Illicit Drug-based

Android. At present, the problem of juvenile delinquency is a social problem that

still faced by the nation of Indonesia. Drug abuse and illegal drugs is an example of

aberrant behavior among adolescents. Lack of knowledge and information on the

types of and the dangers of drug use is one of the indicators of high number of drug

use among adolescents. In the current era of growth flow of information growing

exponentially. In an effort to overcome these problems is to create an application

that can be used to assist in presenting information on the types of drugs and the

impact of drug use.

This writing method using the library by collecting data on drug abuse

and the impact of its use as a source of reference in making this application. Data

presented in informative are accompanied by a complete descriptive so that it can

be developed further and implemented.

The advantages of this mobile application usage is as a medium of

information regarding the impact of the abuse of drugs is open and free so that

anyone can use it. mobile applications can be used as one of the media of

socialization about the dangers of drug abuse and illicit drug that could be a new

breakthrough for the people especially teenagers in order to avoid the danger of

drug abuse. Expected by the existence of this application, can reduce the number of

drug abuse in Indonesia.

Keyword :No Drugs, the abuse of drugs, the impact of drugs, types of drugs,

mobile applications, android

Page 23: PEMBUATAN APLIKASI ” NO DRUGS ” APLIKASI PEMBELAJARAN · pembuatan aplikasi ” no drugs ” aplikasi pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang berbasis

xxii

ABSTRAK

Fajar Febriyanto.2017.Pembuatan aplikasi “No Drugs”,aplikasi

pembelajaran tentang bahaya penyalahgunaan narkoba dan obat terlarang

berbasis Android.Saat ini,Permasalahan kenakalan remaja merupakan

permasalahan sosial yang masih dihadapi oleh bangsa Indonesia.Penyalahunaan

narkoba dan obat-obatan terlarang merupakan contoh dari perilaku menyimpang di

kalangan remaja.Kurangnya pengetahuan dan informasi tentang jenis-jenis dan

bahaya dari penggunaan narkoba merupakan salah satu indikator tingginya angka

penggunaan narkoba di kalangan remaja.Pada era sekarang pertumbuhan arus

informasi semakin berkembang pesat.Sebagai upaya untuk mengatasi

permasalahan tersebut adalah dengan membuat sebuah aplikasi yang dapat

digunakan untuk membantu dalam menyajikan informasi mengenai jenis narkoba

dan dampak penggunaan narkoba.

Penulisan ini menggunakan metode kepustakaan dengan mengumpulkan

data penyalahgunaan narkotika dan dampak penggunaannya sebagai sumber

referensi dalam pembuatan aplikasi ini.Data yang disajikan secara informatif yang

disertai dengan deskriptif yang lengkap sehingga dapat dikembangkan dan

diterapkan lebih lanjut.

Kelebihan dari penggunaan aplikasi mobile ini adalah sebagai media

informasi mengenai dampak penyalahgunaan napza adalah terbuka dan bebas

sehingga siapa saja dapat menggunakannya.aplikasi mobile dapat digunakan

sebagai salah satu media sosialisasi tentang bahaya penyalahgunaan narkoba dan

obat terlarang yang dapat menjadi terobosan baru bagi masyarakat khususnya

remaja agar dapat terhindar dari bahaya penyalahgunaan narkoba.Diharapkan

dengan adanya aplikasi ini,dapat menurunkan angka penyalahagunaan narkoba di

Indonesia.

Kata Kunci : No Drugs, penyalahgunaan napza, dampak napza, jenis napza,

aplikasi mobile.android