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
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