i

LAPORAN SKRIPSI

PORTAL SISTEM INFORMASI PENGELOLAANKARANG TARUNA KABUPATEN KUDUS

BERBASIS WEB

ELDIABO LAGA CHOMISARISNIM. 201053098

DOSEN PEMBIMBING

R. RHOEDY SETIAWAN, M.KOMMUHAMMAD ARIFIN, M.KOM

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK

UNIVERSITAS MURIA KUDUS

2017

ii

iii

iv

v

MOTTO DAN PERSEMBAHAN

MOTTO

“Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari

betapa dekatnya mereka dengan keberhasilan saat mereka menyerah”.

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

kembali setiap kali kita jatuh”.

“Sabar dalam mengatasi kesulitan dan bertindak bijaksana dalam mengatasinya

adalah sesuatu yang utama”.

PERSEMBAHAN

Skripsi ini penulis persembahkan kepada :

1. Allah SWT.

2. Kedua orang tuaku yang selalu

memberikan kasih sayang, nasihat,

dukungan dan doa untukku.

3. Teman-teman dari Program studi

Sistem Informasi.

4. Almamater UMK.

vi

PORTAL SISTEM INFORMASI PENGELOLAAN KARANG TARUNAKABUPATEN KUDUS BERBASIS WEB

Nama mahasiswa : Eldiabo Laga Chomisaris

NIM : 201053098

Pembimbing :

1. R. Rhoedy Setiawan, M.Kom

2. Muhammad Arifin, M.Kom

ABSTRAK

Laporan skripsi dengan judul “Portal Sistem Informasi PengelolaanKarang Taruna Kabupaten Kudus Berbasis Web” telah dilaksanakan denganmenganalisa permasalahan yang ada diantaranya pendataan dan pengolahan datamengenai pengelolaan pendataan yang kurang efektif dan efisien. Tujuan dariskripsi ini adalah menghasilkan aplikasi perangkat lunak untuk merancang suatuSistem Informasi Karang Taruna yang dapat membantu menunjang kelancarankegiatan di Karang Taruna Kabupaten Kudus. Sistem ini dirancang menggunakanpemodelan UML. Sedangkan bahasa pemrograman yang digunakan adalah PHPdan database MySQL. Hasil dari rancang bangun ini adalah sebuah aplikasiberbasis web untuk Karang Taruna Kabupaten Kudus.

Kata kunci : Sistem, Informasi, Pengelolaan, Karang Taruna, web.

vii

PORTAL INFORMATION SYSTEM MANAGEMENT OF KARANGTARUNA REGENCY OF KUDUS BASED ON WEB

Student Name : Eldiabo Laga Chomisaris

Student Identity Number : 201053098

Supervisor :

1. R. Rhoedy Setiawan, M.Kom

2. Muhammad Arifin, M.Kom

ABSTRACT

The thesis report entitled "Portal Information System Management ofKarang Taruna Regency of Kudus Based on Web" has been implemented byanalyzing existing problems such as data collection and data processing on datamanagement which is less effective and efficient. The purpose of this thesis is toproduce a software application to design a Information System Karang Tarunathat can help support the smooth activities in Karang Taruna Kudus District. Thesystem is designed using UML modeling. While the programming language usedis PHP and MySQL database. The result of this design is a web-based applicationfor Karang Taruna Regency of Kudus.

Keywords : Information System, Management, Application.

viii

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Tuhan Yang Maha Esa dengan

Rahmat dan Hidayah-Nya sehingga penulis dapat menyelesaikan Skripsi dan

penulis juga bersyukur atas terselesaikannya penyusunan laporan Skripsi ini.

Penyusunan Skripsi ini merupakan salah satu syarat untuk menyelesaikan

program studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria

Kudus.

Atas tersusunnya Laporan Skripsi ini tidak lepas dari bantuan dan

dukungan dari semua pihak. Penulis mengucapkan terima kasih yang sebesar-

besarnya kepada :

1. Bapak Dr. Suparnyo, SH.MS, selaku Rektor Satu Universitas Muria

Kudus.

2. Bapak Mohammad Dahlan, ST, MT, selaku Dekan Fakultas Teknik

Universitas Muria Kudus.

3. Bapak Pratomo Setiaji, M.Kom selaku Ketua Program Studi Sistem

Informasi Fakultas Teknik Universitas Muria Kudus.

4. Bapak R. Rhoedy Setiawan, M.Kom selaku pembimbing utama yang telah

memberikan banyak petunjuk, nasehat, bimbingan dan arahan hingga

terselesaikannya penulisan laporan ini.

5. Bapak Muhammad Arifin, M.Kom selaku pembimbing pendamping yang

telah memberikan masukan selama penulis menempuh kuliah terutama

saat penyusunan skripsi.

6. Kedua orang tua yang sangat saya cintai, yang telah memberi dukungan

secara material maupun spiritual.

7. Bapak Fiza Akbar, S.STP, M.Si selaku Ketua Karang Taruna Kabupaten

Kudus yang telah menjadi narasumber dan memberikan informasi tentang

Karang Taruna Kabupaten Kudus.

8. Ibu Putri Kurnia Handayani, M.Kom selaku dosen pembimbing akademik

yang telah banyak memberikan masukan selama menempuh kuliah.

ix

9. Teman-teman Sistem Informasi Fakultas Teknik Universitas Muria Kudus

yang selalu memberi dukungan dan semangatnya.

Hanya Allah SWT lah pemilik kesempurnaan, tiada yang sempurna dari

buah karya seorang manusia. Akan tetapi, semoga dengan hidayah dan inayah

yang diberikan Allah SWT kepada kita semua dapat menjadikan apa yang kita

perbuat mendapat ridho-Nya. Aamiin.

Demikian Laporan Skripsi ini disusun, namun Penulis menyadari bahwa

dalam penyusunan laporan ini sangat jauh dari sempurna. Namun Penulis

berharap laporan ini dapat bermanfaat bagi semua pihak.

Kudus, 31 Agustus 2017

Eldiabo Laga Chomisaris

x

DAFTAR ISI

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

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

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

PERNYATAAN KEASLIAN.............................................................................. iv

MOTO DAN PERSEMBAHAN .......................................................................... v

ABSTRAK ........................................................................................................... vi

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

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

DAFTAR TABEL..............................................................................................xiii

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

DAFTAR LAMPIRAN...................................................................................... xix

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

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

1.2 Rumusan Masalah .................................................................................... 2

1.3 Batasan Masalah ...................................................................................... 2

1.4 Tujuan Skripsi .......................................................................................... 3

1.5 Manfaat Skripsi ........................................................................................ 3

1.6 Metode Penelitian .................................................................................... 4

1.6.1 Metode Pengumpulan Data ......................................................... 4

1.6.2 Metode Pengembangan Sistem.................................................... 5

1.6.3 Metode Perancangan Sistem........................................................ 6

1.7 Kerangka Pemikiran................................................................................. 7

BAB II TINJAUAN PUSTAKA........................................................................... 8

2.1. Penelitian Terkait .................................................................................... 8

2.2. Tabel Perbandingan Penelitian Terkait ................................................... 9

2.3. Landasan Teori...................................................................................... 10

2.3.1. Pengertian Sistem ..................................................................... 10

2.3.2. Pengertian Informasi................................................................. 11

xi

2.3.3. Pengertian Sistem Informasi..................................................... 11

2.3.4. Pengertian Pengelolaan ............................................................ 11

2.3.5. Pengertian Karang Taruna ........................................................ 11

2.3.6. FOD (Flow Of Document)........................................................ 12

2.3.7. UML (Unified Modeling Language) ........................................ 13

2.3.8. Diagram Use Case Bisnis ......................................................... 14

2.3.9. Diagram Use Case .................................................................... 11

2.3.10. Diagram Aktivitas .................................................................. 16

2.3.11. Diagram Sekuensial................................................................ 17

2.3.12. Diagram Kelas ........................................................................ 17

2.3.13. Diagram Statechart................................................................. 18

2.3.14. Pengertian ERD (Entity Relationship Diagaram) .................. 19

2.3.15. Teori Perancangan Database .................................................. 20

BAB III METODE PENELITIAN...................................................................... 21

3.1. Objek Penelitian................................................................................... 21

3.1.1. Sekilas Tentang Karang Taruna ............................................... 21

3.1.2. Visi dan Misi ............................................................................ 21

3.1.3. Denah Lokasi Karang Taruna................................................... 23

3.1.4. Struktur Organisasi ................................................................... 23

3.1.5. Job Description ........................................................................ 24

3.2. Analisa Sistem Lama ........................................................................... 26

3.2.1. Narasi Sistem Pengelolaan Kegiatan Karang Taruna............... 26

3.2.2. Flow Of Document Pengelolaan Kegiatan Karang Taruna ...... 27

3.3. Analisa dan Perancangan Sistem Baru................................................. 28

3.3.1. Analisa Kebutuhan ................................................................... 28

3.3.2. Perancangan Sistem Baru ......................................................... 29

3.3.2.1. Proses Bisnis Use Case Diagram............................... 29

3.3.2.2. Diagram Use Case Bisnis .......................................... 30

3.3.2.3. Diagram Use Case Sistem ......................................... 30

3.3.2.4. Skenario Use Case ..................................................... 31

3.3.2.5. Diagram Kelas ........................................................... 39

xii

3.3.2.6. Diagram Sekuensial ................................................... 44

3.3.2.7. Diagram Aktivitas...................................................... 51

3.3.2.8. Diagram Statechart .................................................... 58

3.3.2.9. Perancangan Basis Data............................................. 64

3.3.2.10. Desain Interface ....................................................... 76

BAB IV IMPLEMENTASI DAN PEMBAHASAN .......................................... 82

4.1. Hasil Pembahasan ................................................................................ 82

4.1.1. Halaman Utama Anggota ......................................................... 82

4.1.2. Halaman Lihat Kegiatan........................................................... 83

4.1.3. Halaman Lihat Berita................................................................ 83

4.1.4. Halaman Utama Admin Kabupaten.......................................... 84

4.1.5. Halaman Kelola Ketua dan Bendahara Kabupaten .................. 84

4.1.6. Halaman Kelola User Kecamatan............................................. 85

4.1.7. Halaman Utama Ketua ............................................................. 85

4.1.8. Halaman Mendata Anggota ...................................................... 86

4.1.9. Halaman Kelola Kegiatan......................................................... 86

4.1.10. Halaman Kelola Berita ........................................................... 87

4.1.11. Halaman Utama Bendahara .................................................... 87

4.1.12. Halaman Kelola Dana Masuk................................................. 88

4.1.13. Halaman Kelola Dana Keluar................................................. 88

4.2. Pengujian Sistem.................................................................................. 89

BAB V PENUTUP.............................................................................................. 90

5.1. Kesimpulan .......................................................................................... 90

5.2. Saran .................................................................................................... 90

DAFTAR PUSTAKA

LAMPIRAN-LAMPIRAN

xiii

DAFTAR TABEL

Tabel 2.1 : Perbandingan Penelitian Terkait ................................................. 9

Tabel 2.2 : Simbol Bagan Alir Diagram ....................................................... 12

Tabel 2.3 : Notasi Diagram Use Case Bisnis................................................ 14

Tabel 2.4 : Notasi Diagram Use Case ........................................................... 15

Tabel 2.5 : Notasi Diagram Aktivitas ........................................................... 16

Tabel 2.6 : Notasi Diagram Sekuensial......................................................... 17

Tabel 2.7 : Notasi Diagram Kelas ................................................................. 18

Tabel 2.8 : Notasi Diagram Statechart.......................................................... 19

Tabel 2.9 : Simbol-Simbol ERD ................................................................... 19

Tabel 3.1 : Proses Bisnis Use Case ............................................................... 29

Tabel 3.2 : Tabel Alur Optimistic Kelola User ............................................. 31

Tabel 3.3 : Tabel Alur Pesimistic Kelola User ............................................. 31

Tabel 3.4 : Tabel Alur Optimistic Mendata Anggota ................................... 32

Tabel 3.5 : Tabel Alur Pesimistic Mendata Anggota .................................... 32

Tabel 3.6 : Tabel Alur Optimistic Mengelola Dana Masuk.......................... 33

Tabel 3.7 : Tabel Alur Pesimistic Mengelola Dana Masuk .......................... 33

Tabel 3.8 : Tabel Alur Optimistic Mengelola Kegiatan................................ 34

Tabel 3.9 : Tabel Alur Pesimistic Mengelola Kegiatan ................................ 34

Tabel 3.10 : Tabel Alur Optimistic Mengelola Dana Keluar.......................... 35

Tabel 3.11 : Tabel Alur Pesimistic Mengelola Dana Keluar .......................... 35

Tabel 3.12 : Tabel Alur Optimistic Mengelola Berita .................................... 36

Tabel 3.13 : Tabel Alur Pesimistic Mengelola Berita..................................... 36

Tabel 3.14 : Tabel Alur Optimistic Melihat Kegiatan .................................... 37

Tabel 3.15 : Tabel Alur Pesimistic Melihat Kegiatan..................................... 37

Tabel 3.16 : Tabel Alur Optimistic Mengelola Berita .................................... 38

xiv

Tabel 3.17 : Tabel Alur Pesimistic Melihat Berita ......................................... 38

Tabel 3.18 : Tabel User................................................................................... 67

Tabel 3.19 : Tabel Anggota............................................................................. 67

Tabel 3.20 : Tabel User................................................................................... 68

Tabel 3.21 : Tabel Kegiatan ............................................................................ 68

Tabel 3.22 : Tabel User................................................................................... 69

Tabel 3.23 : Tabel Berita................................................................................. 69

Tabel 3.24 : Tabel User................................................................................... 70

Tabel 3.25 : Tabel Dana Masuk ...................................................................... 70

Tabel 3.26 : Tabel User................................................................................... 71

Tabel 3.27 : Tabel Dana Keluar ...................................................................... 71

Tabel 3.28 : Tabel User................................................................................... 72

Tabel 3.29 : Tabel Anggota............................................................................. 73

Tabel 3.30 : Tabel Kegiatan ............................................................................ 73

Tabel 3.31 : Tabel Berita................................................................................. 74

Tabel 3.32 : Tabel Dana Masuk ...................................................................... 74

Tabel 3.33 : Tabel Dana Keluar ...................................................................... 75

Tabel 4.1 : Skenario Pengujian Sistem ......................................................... 89

xv

DAFTAR GAMBAR

Gambar 1.1 : Kerangka Pemikiran................................................................. 7

Gambar 3.1 : Denah Lokasi Karang Taruna Kabupaten Kudus..................... 23

Gambar 3.2 : Struktur Organisasi Karang Taruna Kabupaten Kudus............ 24

Gambar 3.3 : FOD Pengelolaan Kegiatan Karang ......................................... 27

Gambar 3.4 : Bisnis Use Case........................................................................ 30

Gambar 3.5 : Diagram Use Case Sistem........................................................ 30

Gambar 3.6 : Kelas User ................................................................................ 39

Gambar 3.7 : Kelas Ketua .............................................................................. 40

Gambar 3.8 : Kelas Bendahara....................................................................... 40

Gambar 3.9 : Kelas Anggota.......................................................................... 40

Gambar 3.10 : Kelas Kegiatan ......................................................................... 41

Gambar 3.11 : Kelas Berita.............................................................................. 41

Gambar 3.12 : Kelas Dana Masuk ................................................................... 42

Gambar 3.13 : Kelas Dana Keluar ................................................................... 42

Gambar 3.14 : Diagram Kelas.......................................................................... 43

Gambar 3.15 : Diagram Sekuensial Kelola User ............................................. 44

Gambar 3.16 : Diagram Sekuensial Mendata Anggota.................................... 45

Gambar 3.17 : Diagram Sekuensial Mengelola Kegatan ................................. 46

Gambar 3.18 : Diagram Sekuensial Mengelola Berita..................................... 47

Gambar 3.19 : Diagram Sekuensial Mengelola Dana Masuk .......................... 48

Gambar 3.20 : Diagram Sekuensial Mengelola Dana Keluar .......................... 49

Gambar 3.21 : Diagram Sekuensial Melihat Kegiatan .................................... 50

Gambar 3.22 : Diagram Sekuensial Melihat Berita ......................................... 50

Gambar 3.23 : Diagram Aktivitas Kelola User ................................................ 51

Gambar 3.24 : Diagram Aktivitas Mendata Anggota ...................................... 52

xvi

Gambar 3.25 : Diagram Aktivitas Mengelola Kegiatan................................... 53

Gambar 3.26 : Diagram Aktivitas Mengelola Berita ....................................... 54

Gambar 3.27 : Diagram Aktivitas Mengelola Dana Masuk............................. 55

Gambar 3.28 : Diagram Aktivitas Mengelola Dana Keluar............................. 56

Gambar 3.29 : Diagram Aktivitas Melihat Kegiatan ....................................... 57

Gambar 3.30 : Diagram Aktivitas Melihat Berita ............................................ 57

Gambar 3.31 : Statechart Diagram Tambah User ........................................... 58

Gambar 3.32 : Statechart Diagram Ubah User................................................ 58

Gambar 3.33 : Statechart Diagram Hapus User .............................................. 58

Gambar 3.34 : Statechart Diagram Tambah Anggota ..................................... 59

Gambar 3.35 : Statechart Diagram Ubah Anggota ......................................... 59

Gambar 3.36 : Statechart Diagram Hapus Anggota........................................ 59

Gambar 3.37 : Statechart Diagram Tambah Kegiatan .................................... 60

Gambar 3.38 : Statechart Diagram Ubah Kegiatan......................................... 60

Gambar 3.39 : Statechart Diagram Hapus Kegiatan ....................................... 60

Gambar 3.40 : Statechart Diagram Tambah Berita ......................................... 61

Gambar 3.41 : Statechart Diagram Ubah Berita ............................................. 61

Gambar 3.42 : Statechart Diagram Hapus Berita............................................ 61

Gambar 3.43 : Statechart Diagram Tambah Dana Masuk .............................. 62

Gambar 3.44 : Statechart Diagram Ubah Dana Masuk................................... 62

Gambar 3.45 : Statechart Diagram Hapus Dana Masuk ................................. 62

Gambar 3.46 : Statechart Diagram Tambah Dana Keluar .............................. 63

Gambar 3.47 : Statechart Diagram Ubah Dana Keluar................................... 63

Gambar 3.48 : Statechart Diagram Hapus Dana Keluar ................................ 63

Gambar 3.49 : Himpunan Entitas..................................................................... 64

Gambar 3.50 : Himpunan Entitas dan Atribut Key .......................................... 64

Gambar 3.51 : Himpunan Entitas, Relasi dan Foreign Key ............................. 65

xvii

Gambar 3.52 : Kardinalitas Relasi ................................................................... 65

Gambar 3.53 : Diagram E-R ............................................................................ 66

Gambar 3.54 : Relasi User dan Anggota.......................................................... 67

Gambar 3.55 : Relasi User dan Kegiatan ......................................................... 68

Gambar 3.56 : Relasi User dan Berita.............................................................. 69

Gambar 3.57 : Relasi User dan Dana Masuk ................................................... 70

Gambar 3.58 : Relasi User dan Dana Keluar ................................................... 71

Gambar 3.59 : Relasi Tabel.............................................................................. 75

Gambar 3.60 : Desain Halaman Utama Website ............................................. 76

Gambar 3.61 : Desain Halaman Utama Admin Kabupaten ............................. 76

Gambar 3.62 : Desain Halaman Utama Ketua ................................................. 77

Gambar 3.63 : Desain Halaman Utama Bendahara ......................................... 77

Gambar 3.64 : Desain Input Data Anggota...................................................... 78

Gambar 3.65 : Desain Input Data Kegiatan ..................................................... 78

Gambar 3.66 : Desain Input Data Berita.......................................................... 79

Gambar 3.67 : Desain Input Dana Masuk........................................................ 79

Gambar 3.68 : Desain Input Dana Keluar........................................................ 80

Gambar 3.69 : Desain Output Laporan Dana Masuk....................................... 80

Gambar 3.70 : Desain Output Laporan Dana Keluar....................................... 81

Gambar 4.1 : Halaman Utama Anggota......................................................... 82

Gambar 4.2 : Halaman Lihat Kegiatan .......................................................... 83

Gambar 4.3 : Halaman Lihat Berita ............................................................... 83

Gambar 4.4 : Halaman Utama Admin Kabupaten ......................................... 84

Gambar 4.5 : Halaman Kelola Ketua dan Bendahara Kabupaten .................. 84

Gambar 4.6 : Halaman Kelola User Kecamatan ............................................ 85

Gambar 4.7 : Halaman Utama Ketua ............................................................. 85

Gambar 4.8 : Halaman Mendata Anggota...................................................... 86

xviii

Gambar 4.9 : Halaman Kelola Kegiatan ........................................................ 86

Gambar 4.10 : Halaman Kelola Berita ............................................................. 87

Gambar 4.11 : Halaman Utama Bendahara...................................................... 87

Gambar 4.12 : Halaman Kelola Dana Masuk .................................................. 88

Gambar 4.13 : Halaman Kelola Dana Keluar .................................................. 88

xix

DAFTAR LAMPIRAN

Lampiran 1 : Fotocopy Buku Konsultasi Bimbingan

Lampiran 2 : Biografi Penulis