16
LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM KERJA KARANG TARUNA DI KABUPATEN KUDUS AFRI JUMADI NIM 201451141 DOSEN PEMBIMBING RINA FIATI, S.T, M.Cs WIBOWO HARRY SUGIHARTO M.Kom PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS 2019

LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

  • Upload
    others

  • View
    13

  • Download
    0

Embed Size (px)

Citation preview

Page 1: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

LAPORAN S K R I P S I

SISTEM PENGELOLAAN PROGAM KERJA KARANG TARUNA

DI KABUPATEN KUDUS

AFRI JUMADI

NIM 201451141

DOSEN PEMBIMBING

RINA FIATI, S.T, M.Cs

WIBOWO HARRY SUGIHARTO M.Kom

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MURIA KUDUS

2019

Page 2: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

ii

HALAMAN PENGESAHAN

Page 3: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

iii

HALAMAN PERSETUJUAN

Page 4: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

iv

PERNYATAAN KEASLIAN

Page 5: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

v

ABSTRAK

Seiring dengan perkembangan zaman yang semakin pesat dan sangat

menyibukkan manuasia, sebuah karang taruna menjadi suatu organisasi dan

sangat dibutuhkan oleh setiap masyarakat. Karang Taruna sebagai sebuah

organisasi penyedia layanan jasa yang bergerak di suatu lingkungan yang

membantu masyarakat dituntut untuk terus bisa menciptakan inovasi demi

kelangsungan organisasi dan bukti akan profesionalismenya kapada masyarakat.

Dalam penyelenggaraan kegiatan yang notabene banyak berada dikeliling

masyarakat dan menyangkut keuangan, salah satu bentuk inovasi bagi karang

taruna yang tugas utamanya membantu kegiatan masyarakat adalah adanya sebuah

system yang memiliki kecepatan dan keakuratan dalam pengolahan data. Oleh

karena itu dalam penelitian ini akan dikembangkan suatu system management

progam kerja karang taruna di Kabupaten Kudus berbasis web dengan metode

Waterfall yang meliputi tahapan Requirement, System Design, Implementation,

Integration and Testing, Operation and Maintenance, yang dapat mendukung

kinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan

kegiatannya secara teroganisir dan terintegrasi. Selain itu, hasil dari penelitian ini

diharapkan dapat memenuhi kebutuhan informasi karang taruna kepada

masyarakat seperti data kegiatan yang di lakukan, data progam kerja dan data

laporan administrasi. Dengan diterapkannya aplikasi ini akan tercipta hubungan

yang baik antara organisasi dengan masyarakat dan ini tentunya menjadi

keuntungan bagi karang taruna di Kudus.

Kata Kunci : Sistem, Informasi, Administrasi, Web, Waterfall.

Page 6: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

vi

ABSTRACT

Along with the increasinglynrapid development of the era and very busy

people, a youth organization becomes an organization and is needed by every

community. Karang Taruna as a service provider organization that operates in a

environment that helps people are required to continue to be able to create

innovation for the survival of the organization and evidence of its profesionalism

to the community. In the implementation of activities that in fact are mostly

around the community and related to finance, one form of innovation of karang

taruna which its main task is to assist community activities is the exixtence of a

system that haas speed and accuracy in data processing. Therefore, in this study a

system of work management progam for youth organization in Kudus regency will

be developed based on the web with Waterfall method which includes

Requirement, Design System, Implementation, Integration and Testing, Operation

and Maintenence, which can support organizational performance of youth

organization in Kudus to manage administrative and activity data in a organizied

and intregartied manner. In addition, the result of this study are expected to meet

the information needs of youth organization to the community such as data on

activities carried out, work progam data and administrative report data. With the

application of application will create a good relationship between the

organization and the community and this is certainly and advantage for youth

organization in Kudus.

Keywords : System, Information, Administration, Web, Waterfall.

Page 7: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

vii

KATA PENGANTAR Puji syukur senantiasa penulis panjatkan kepada Allah SWT karena atas

limpahan nikmat, rahmat dan karunia-Nya, penulis dapat menyelesaikan laporan

Skripsi. Sholawat serta salam, selalu terlantun kepada Baginda Rasulullah

Muhammad SAW sang pemberi syafa’at di hari akhir kelak.

Laporan ini disusun untuk memenuhi tugas akhir mata kuliah Skripsi. Banyak

rintangan yang penulis rasakan dalam menyelesaikan tulisan ini. Alhamdulillah,

laporan dapat selesai pada waktu yang telah ditentukan. Namun dibalik

kesempurnaan penulisan laporan, tidak lepas dari bantuan dan bimbingan berbagai

pihak antara lain :

1. Dr. Suparnyo, SH., MS., selaku Rektor Universitas Muria Kudus

2. Mohammad Dahlan ST. MT., dekan Fakultas Teknik Universitas Muria

Kudus

3. M. Jazuli, M. Kom selaku ketua Program Studi Teknik Informatika

Universitas Muria Kudus

4. Rina Fiati, S.T., M.Cs , selaku dosen pembimbing utama yang senantiasa

membimbing demi kelancaran pengerjaan tugas akhir

5. Wibowo Harry Sugiharto, S.Kom. M.Kom, selaku dosen pembimbing II

yang dengan sabar dan lembut memberikan arahan dan jalan untuk

menghadapi segala rintangan yang ada

6. Bapak dan Ibu saya yang senantia memberikan semangat untuk selalu

ingat dengan tujuan awal demi bisa meraih cita-cita dan menjadi anak

yang bisa membanggakan bagi keluarga.

7. Teman-teman terdekatku yang selalu memberi dukungan dan semangat

untuk terus mengerjakan dengan baik.

8. Sahabat saya Hariyanto yang selalu mengarahkan membantu memberikan

ide untuk saya.

9. Teman-teman Karang Taruna yang selalu memberi motivasi saya untuk

terus berjuang semangat mengerjakan skripsi.

10. Rekan-rekan seperjuangan Teknik Informatika angkatan 2014

Page 8: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

viii

DAFTAR ISI

HALAMAN PENGESAHAN ............................................................................ ii

HALAMAN PERSETUJUAN .......................................................................... iii

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

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

ABSTRACT........................................................................................................ vi

KATA PENGANTAR ...................................................................................... vii

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

DAFTAR GAMBAR ......................................................................................... xi

DAFTAR TABEL ........................................................................................... xvi

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

PENDAHULUAN .............................................................................................. 1

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

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

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

1.4 Tujuan ................................................................................................... 2

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

BAB II ................................................................................................................ 5

TINJAUAN PUSTAKA ..................................................................................... 5

2.1 Penelitian Terkait ................................................................................... 5

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

2.2.1 Karang Taruna ................................................................................ 6

2.2.2 Pengertian UML (Unified Modelling System) ................................. 6

2.2.3 Diagram Grafis UML...................................................................... 7

2.2.4 WEB ............................................................................................. 11

2.2.5 Metode Waterfall .......................................................................... 11

2.2.6. Sistem Informasi ........................................................................... 13

2.2.7. PHP .............................................................................................. 14

Page 9: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

ix

2.2.8. Bekerja dengan MySQL ................................................................ 15

2.2.9. Notepad++ ................................................................................... 16

2.3. Pengujian ............................................................................................. 16

2.4 Kerangka Pemikiran ............................................................................ 17

BAB III ............................................................................................................. 19

METODE PENELITIAN ................................................................................ 19

3.1. Objek Penelitian .................................................................................. 19

3.2. Karang Taruna Bhakti Mekar Abadi .................................................... 19

3.3. Visi Misi Karang Taruna Bhakti Mekar Abadi ..................................... 19

3.4. Program Program Karang Taruna Bhakti Mekar Abadi ........................ 19

3.5. Pengumpulan Data ............................................................................... 21

3.5.1. Sumber Data Primer ..................................................................... 21

3.5.2 Sumber Data Sekunder ................................................................. 21

3.5.3 Metode Pengembangan Sistem ......................................................... 21

3.6. Tahapan Pengembangan Aplikasi ........................................................ 22

3.6.1 Komunikasi .................................................................................. 22

3.6.2. Perencanaan .................................................................................. 23

3.6.3. Pemodelan .................................................................................... 23

3.6.4. Konstruksi .................................................................................... 65

3.6.5. Penyerahan Sistem ke Pengguna ................................................... 65

3.6.6. Desain interface ............................................................................ 65

BAB IV ............................................................................................................. 81

HASIL ANALISIS DAN PEMBAHASAN...................................................... 81

4.1 Implementasi Sistem ............................................................................ 81

4.1.1 Implementasi Rancangan Tabel .................................................... 81

4.1.2 Implementasi Database ................................................................. 93

4.1.3 Implementasi Sistem ................................................................... 100

Gambar 4. 26 Halaman Kelola Album ........................................................... 105

4.2 White Box Testing ............................................................................. 115

5.2 Black Box Testing ............................................................................. 131

5.2.1 Admin ........................................................................................ 131

Page 10: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

x

5.2.2 Bagian Keuangan ........................................................................ 142

5.2.3 Pengguna/user ............................................................................ 146

BAB V ............................................................................................................. 149

PENUTUP ...................................................................................................... 149

5.1 Kesimpulan........................................................................................ 149

5.2 Saran ................................................................................................. 149

DAFTAR PUSTAKA ..................................................................................... 150

LAMPIRAN 1 ................................................................................................ 152

BIODATA PENULIS ................................................................................... 152

LAMPIRAN 2 ................................................................................................ 153

Hasil Bimbingan........................................................................................... 153

Lampiran 1 Buku Konsultasi ..................................................................... 153

Lampiran 3 Lembar Bimbingan Dosen Pendamping ................................. 155

LAMPIRAN 3 ................................................................................................ 156

Poster ........................................................................................................... 156

LAMPIRAN 4 ................................................................................................ 157

Data Transaksi.............................................................................................. 157

LAMPIRAN 5 ................................................................................................ 158

Lembar revisi ketua penguji ......................................................................... 158

Lembar revisi penguji 1 ................................................................................ 159

Lembar revisi penguji 2 ................................................................................ 160

Page 11: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

xi

DAFTAR GAMBAR

Gambar 2. 1 Kerangka Pikiran ........................................................................... 18

Gambar 3. 1 Use case diagram Karang Taruna .................................................. 24

Gambar 3. 2 Class diagram Karang Taruna ....................................................... 25

Gambar 3. 3 Sequence Diagram User ................................................................. 26

Gambar 3. 4 Sequence Diagram Admin Log in .................................................. 26

Gambar 3. 5 Sequence Diagram Bagian Keuangan Login .................................. 27

Gambar 3. 6 Sequence Diagram Admin Kelola Beranda .................................... 27

Gambar 3. 7 Sequence Diagram Admin Kelola Profil ........................................ 28

Gambar 3. 8 Sequence Diagram Admin Kelola Kas Masuk ................................ 28

Gambar 3. 9 Sequence Diagram Admin Kelola Kas Masuk ................................ 29

Gambar 3. 10 Sequence Diagram Admin Kelola Transaksi ................................ 30

Gambar 3. 11 Sequence Diagram Admin Kelola Laporan Keuangan .................. 30

Gambar 3. 12 Sequence Diagram Admin Kelola Kategori Program .................... 31

Gambar 3. 13 Sequence Diagram Admin Kelola Program .................................. 32

Gambar 3. 14 Sequence Diagram Admin Kelola Berita ...................................... 33

Gambar 3. 15 Sequence Diagram Admin Kelola Galery Album ......................... 34

Gambar 3. 16 Sequence Diagram Admin Kelola Galery Foto ............................. 35

Gambar 3. 17 Sequence Diagram Admin Kelola Video ...................................... 36

Gambar 3. 18 Sequence Diagram Admin Kelola Pesan ...................................... 37

Gambar 3. 19 Sequence Diagram Admin Ganti Password .................................. 37

Gambar 3. 20 Sequence Diagram Bagian Keuangan Kelola Beranda .................. 38

Gambar 3. 21 Sequence Diagram Bagian Keuangan Kelola Kas Masuk ............. 38

Gambar 3. 22 Sequence Diagram Bagian Keuangan Kelola Kas Keluar ............. 39

Gambar 3. 23 Sequence Diagram Bagian Keuangan Kelola Transaksi................ 40

Gambar 3. 24 Sequence Diagram Bagian Keuangan Kelola Laporan .................. 41

Gambar 3. 25 Sequence Diagram Bagian Keuangan Ganti Password ................. 41

Gambar 3. 26 Activity Diagram user ................................................................. 42

Gambar 3. 27 Activity Diagram Admin Log In ................................................... 43

Gambar 3. 28 Activity Diagram Bagian Keuangan Log In .................................. 44

Gambar 3. 29 Activity Diagram Admin Kelola Beranda ..................................... 45

Gambar 3. 30 Activity Diagram Admin Kelola Keuangan Kas Masuk ................ 46

Gambar 3. 31 Activity Diagram Admin Kelola Keuangan Kas Keluar ............... 47

Gambar 3. 32 Activity Diagram Admin Kelola Keuangan Transaksi .................. 48

Gambar 3. 33 Activity Diagram Admin Kelola Laporan Keuangan .................... 49

Gambar 3. 34 Activity Diagram Admin Kelola Profil ......................................... 50

Gambar 3. 35 Activity Diagram Admin Kelola Kategori Program ...................... 51

Page 12: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

xii

Gambar 3. 36 Activity Diagram admin kelola program ...................................... 52

Gambar 3. 37 Activity Diagram Admin Kelola Program Informasi .................... 53

Gambar 3. 38 Activity Diagram Admin Kelola Galery Album ........................... 54

Gambar 3. 39 Activity Diagram Admin Kelola Foto .......................................... 55

Gambar 3. 40 Activity Diagram Admin Kelola Video ........................................ 56

Gambar 3. 41 Activity Diagram Admin Kelola Pesan ........................................ 57

Gambar 3. 42 Activity Diagram Admin Kelola Ganti Password.......................... 58

Gambar 3. 43 Actyvity Diagram Bagian Keuangan Kelola Beranda .................... 59

Gambar 3. 44 Actyvity Diagram Bagian Keuangan Kelola Keuangan Kas Masuk

.......................................................................................................................... 60

Gambar 3. 45 Actyvity Diagram Bagian Keuangan Kelola Keuangan Kas Keluar

.......................................................................................................................... 61

Gambar 3. 46 Actyvity Diagram Bagian Keuangan Kelola Transaksi ................. 62

Gambar 3. 47 Actyvity Diagram Bagian Keuangan Kelola Laporan Keuangan ... 63

Gambar 3. 48 Actyvity Diagram Bagian Keuangan Ganti Password ................... 64

Gambar 3. 49 Desain User Sistem ...................................................................... 65

Gambar 3. 50 Desain User Lihat Profil .............................................................. 66

Gambar 3. 51 Desain User Lihat Gallery............................................................ 66

Gambar 3. 52 Desain User Lihat Video .............................................................. 67

Gambar 3. 53 Desain User Lihat Program .......................................................... 67

Gambar 3. 54 Desain User Hubungi Kami ......................................................... 68

Gambar 3. 55 Desain Admin Login .................................................................... 68

Gambar 3. 56 Desain Bagian Keuangan Login .................................................. 69

Gambar 3. 57 Desain Utama Admin Kelola System ........................................... 69

Gambar 3. 58 Desain Admin Kelola Profil ......................................................... 70

Gambar 3. 59 Desain Admin Kelola Jenis Kas Masuk ........................................ 70

Gambar 3. 60 Desain Admin Kelola Jenis Kas Keluar ........................................ 71

Gambar 3. 61 Desain Admin Kelola Transaksi ................................................... 71

Gambar 3. 62 Desain Admin Kelola Laporan Transaksi ..................................... 72

Gambar 3. 63 Desain Admin Kelola Kategori Program ...................................... 72

Gambar 3. 64 Desain Admin Kelola Program .................................................... 73

Gambar 3. 65 Desain Admin Kelola Informasi Berita ........................................ 73

Gambar 3. 66 Desain Admin Kelola Galery Album ............................................ 74

Gambar 3. 67 Desain Admin Kelola Galerry Foto .............................................. 74

Gambar 3. 68 Desain Admin Kelola Video ........................................................ 75

Gambar 3. 69 Desain Admin Kelola Pesan ......................................................... 75

Gambar 3. 70 Desain Admin Kelola Ganti Password ......................................... 76

Gambar 3. 71 Desain Bagian Keuangan Kelola System ...................................... 76

Gambar 3. 72 Desain Bagian Keuangan Kelola Jenis Kas Masuk ....................... 77

Gambar 3. 73 Desain Bagian Keuangan Kelola Jenis Kas Keluar ....................... 77

Page 13: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

xiii

Gambar 3. 74 Desain Bagian Keuangan Kelola Transaksi .................................. 78

Gambar 3. 75 Desain Bagian Keuangan Kelola Transaksi .................................. 78

Gambar 3. 76 Desain Bagian Keuangan Kelola Ganti Password ......................... 79

Gambar 3. 77 Desain Admin Logout .................................................................. 79

Gambar 3. 78 Desain Bagian Keuangan Logout ................................................. 80

Gambar 4. 1 Implementasi Database dbweb ....................................................... 93

Gambar 4. 2 Implementasi Tabel Album ............................................................ 94

Gambar 4. 3 Implementasi Tabel Berita ............................................................. 94

Gambar 4. 4 Implementasi Tabel Contact ........................................................... 94

Gambar 4. 5 Implementasi Tabel gallery ............................................................ 95

Gambar 4. 6 Implementasi Tabel Halaman ......................................................... 95

Gambar 4. 7 Implementasi Tabel Jenis Kas ....................................................... 96

Gambar 4. 8 Implementasi Tabel Kas Keluar ..................................................... 96

Gambar 4. 9 Implementasi Tabel Kas Masuk ..................................................... 96

Gambar 4. 10 Implementasi Tabel Kategori ....................................................... 97

Gambar 4. 11 Implementasi Tabel Menu ............................................................ 97

Gambar 4. 12 Implementasi Tabel Program ....................................................... 98

Gambar 4. 13 Implementasi Tabel Transaksi ...................................................... 98

Gambar 4. 14 Implementasi Tabel User ............................................................. 99

Gambar 4. 15 Implementasi Relasi Antar Tabel ............................................... 100

Gambar 4. 16 Halaman Login Admin ............................................................... 100

Gambar 4. 17 Halaman Beranda Admin ........................................................... 101

Gambar 4. 18 Halaman Admin Kelola Profile .................................................. 101

Gambar 4. 19 Halaman Tambah Jenis Kas Masuk ............................................ 102

Gambar 4. 20 Halaman Tambah Kas Keluar .................................................... 102

Gambar 4. 21 Halaman Kelola Keuangan Transaksi ......................................... 103

Gambar 4. 22 Halaman Keuangan Laporan Keuangan ..................................... 103

Gambar 4. 23 Halaman Kelola Kategori Berita ................................................ 104

Gambar 4. 24 Halaman Kelola Program ........................................................... 104

Gambar 4. 25 Halaman Kelola Informasi ......................................................... 105

Gambar 4. 26 Halaman Kelola Album ............................................................. 105

Gambar 4. 27 Halaman Kelola Foto ................................................................. 106

Gambar 4. 28 Halaman Kelola Video ............................................................... 106

Gambar 4. 29 Halaman Kelola Pesan ............................................................... 107

Gambar 4. 30 Halaman Ganti Password ........................................................... 107

Gambar 4. 31 Halaman Admin Logout ............................................................. 107

Gambar 4. 32 Halaman Bagian Keuangan Login .............................................. 108

Gambar 4. 33 Halaman Beranda Bagian Keuangan .......................................... 108

Gambar 4. 34 Halaman Bagian Keuangan Jenis Kas Masuk ............................. 109

Gambar 4. 35 Halaman Bagian Keuangan Jenis Kas Keluar ............................. 109

Page 14: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

xiv

Gambar 4. 36 Halaman Transaksi Bagian Keuangan ........................................ 110

Gambar 4. 37 Halaman Laporan Transaksi Bagian Keuangan .......................... 110

Gambar 4. 38 Halaman Ganti Password Bagian Keuangan ............................... 111

Gambar 4. 39 Tampilan Logout Bagian Keuangan ........................................... 111

Gambar 4. 40 Halaman Home .......................................................................... 112

Gambar 4. 41 Halaman Profile ......................................................................... 112

Gambar 4. 42 Halaman Album Pada Gallery .................................................... 113

Gambar 4. 43 Halaman Foto Pada Gallery ....................................................... 113

Gambar 4. 44 Halaman Video .......................................................................... 114

Gambar 4. 45 Halaman Program ...................................................................... 114

Gambar 4. 46 Halaman Kategori Info............................................................... 115

Gambar 4. 47 Halaman Hubungi Kami ............................................................ 115

Gambar 4. 48 Source code koneksi .................................................................. 116

Gambar 4. 49 Clycomatic graph konenksi ........................................................ 116

Gambar 4. 50 Source code Admin Login .......................................................... 116

Gambar 4. 51 Clycomatic graph Admin Login ................................................. 116

Gambar 4. 52 Source code admin tambah data transaksi .................................. 117

Gambar 4. 53 Clycomatic graph admin tambah data transaksi .......................... 117

Gambar 4. 54 Source code admin hapus data transaski ..................................... 117

Gambar 4. 55 Clycomatic graph admin hapus data transaksi ............................ 118

Gambar 4. 56 Source code admin simpan berita ............................................... 118

Gambar 4. 57 Clycomatic graph admin simpan berita ...................................... 118

Gambar 4. 58 Source code admin hapus berita ................................................. 119

Gambar 4. 59 Clycomatic graph admin hapus berita ........................................ 119

Gambar 4. 60 Source code admin edit berita .................................................... 119

Gambar 4. 61 Clycomatic graph admin edit berita............................................ 120

Gambar 4. 62 Source code admin kelola simpan program ................................ 120

Gambar 4. 63 Clycomatic graph admin kelola simpan program ........................ 120

Gambar 4. 64 Source code admin hapus program ............................................. 121

Gambar 4. 65 Clycomatic graph admin hapus program .................................... 121

Gambar 4. 66 Source code admin tambah foto ................................................. 121

Gambar 4. 67 Clycomatic graph admin tambah foto......................................... 122

Gambar 4. 68 Source code admin edit video..................................................... 122

Gambar 4. 69 Clycomatic graph admin edit video ............................................ 122

Gambar 4. 70 Source code admin balas pesan .................................................. 123

Gambar 4. 71 Clycomatic graph admin balas pesan ......................................... 123

Gambar 4. 72 Source code admin kirim pesan .................................................. 124

Gambar 4. 73 Clycomatic graph admin kirim pesan ......................................... 124

Gambar 4. 74 Source code user kirim pesan ..................................................... 124

Gambar 4. 75 Clycomatic graph user kirim pesan ............................................ 124

Page 15: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

xv

Gambar 4. 76 Source code admin input password baru ..................................... 125

Gambar 4. 77 Clycomatic graph admin input password baru ............................ 125

Gambar 4. 78 Source code admin update password .......................................... 126

Gambar 4. 79 Clycomatic graph admin update password ................................. 126

Gambar 4. 80 Source code bagian admin logout ............................................... 126

Gambar 4. 81 Clycomatic graph admin logout ................................................. 126

Gambar 4. 82 Source code bagian keuangan login............................................ 127

Gambar 4. 83 Clycomatic graph bagian keuangan login ................................... 127

Gambar 4. 84 Source code bagian keuangan tambah kas masuk ....................... 128

Gambar 4. 85 Clycomatic graph bagian keuangan tambah kas masuk .............. 128

Gambar 4. 86 Source code bagian keuangan hapus kas masuk ......................... 128

Gambar 4. 87 Clycomatic graph bagian keuangan hapus kas masuk ................. 128

Gambar 4. 88 Source code bagian keuangan edit kas keluar ............................. 129

Gambar 4. 89 Clycomatic graph bagian keuangan kelola edit kas keluar .......... 129

Gambar 4. 90 Source code bagian keuangan ganti password ............................ 129

Gambar 4. 91 Clycomatic graph bagian keuangan ganti password.................... 130

Gambar 4. 92 Source code bagian keuangan laporan keuangan ........................ 130

Gambar 4. 93 Clycomatic graph bagian keuangan laporan keuangan ............... 130

Gambar 4. 94 Source code bagian keuangan logout .......................................... 131

Gambar 4. 95 Clycomatic graph bagian keuangan logout ................................. 131

Page 16: LAPORAN S K R I P S I SISTEM PENGELOLAAN PROGAM …. Judul.pdfkinerja organisasi Karang Taruna di Kudus untuk mengelola data administrasi dan kegiatannya secara teroganisir dan terintegrasi

xvi

DAFTAR TABEL Tabel 2. 1 Use case diagram ................................................................................ 7

Tabel 2. 2 Class diagram ................................................................................... 10

Tabel 2. 3 Model Air Terjun ( Pressman 2012)................................................... 12

Tabel 4. 1 Tabel User ......................................................................................... 81

Tabel 4. 2 Tabel Album ..................................................................................... 82

Tabel 4. 3 Tabel Gallery..................................................................................... 83

Tabel 4. 4 Tabel Video ....................................................................................... 84

Tabel 4. 5 Tabel Transaksi ................................................................................. 85

Tabel 4. 6 Tabel Halaman .................................................................................. 86

Tabel 4. 7 Tabel Berita ....................................................................................... 87

Tabel 4. 8 Tabel Kategori ................................................................................... 88

Tabel 4. 9 Tabel Contact .................................................................................... 88

Tabel 4. 10 Tabel Menu .................................................................................... 89

Tabel 4. 11 Tabel Program ................................................................................ 90

Tabel 4. 12 Tabel Jenis Kas................................................................................ 91

Tabel 4. 13 Tabel Kas Keluar ............................................................................. 92

Tabel 4. 14 Tabel Kas Masuk ............................................................................. 92

Tabel 4. 15 Tabel Pengujian Admin ................................................................. 131

Tabel 4. 16 Tabel Pengujian Bagian Keuangan ................................................ 142

Tabel 4. 17 Tabel Pengujian Pengguna ............................................................. 146