laporan skripsi sistem informasi pemilihan duta …eprints.umk.ac.id/5105/1/halaman_depan.pdf ·...

27
SISTEM INFO UPAYA MENI BERBASIS W DAN P Laporan ini disus Program Studi Sis N N P F LAPORAN SKRIPSI ORMASI PEMILIHAN DUTA WISA INGKATKAN KUNJUNGAN WISA WEB (STUDI KASUS DINAS KEBU PARIWISATA KABUPATEN KUD sun guna memenuhi salah satu syarat untuk m stem Informasi S-1 pada Fakultas Teknik Uni Kudus Disusun Oleh : Nama : Zulfa Ainun Nisa NIM : 2012-53-053 Program Studi : Sistem Informasi Fakultas : Teknik UNIVERSITAS MURIA KUDUS KUDUS 2016 ATA DALAM ATA KUDUS UDAYAAN DUS) menyelesaikan iversitas Muria

Upload: tranthien

Post on 16-Mar-2019

228 views

Category:

Documents


0 download

TRANSCRIPT

SISTEM INFORMASI PEMILIHAN DUTA WISATA DALAM

UPAYA MENINGKATKAN KUNJUNGAN WISATA KUDUS

BERBASIS WEB (STUDI KASUS DINAS KEBUDAYAAN

DAN PARIWISATA KABUPATEN KUDUS)

Laporan ini disusun guna memenuhi salah satu syarat untuk menyelesaikan

Program Studi Sistem Informasi S

Nama

NIM

Program Studi

Fakultas

LAPORAN SKRIPSI

SISTEM INFORMASI PEMILIHAN DUTA WISATA DALAM

UPAYA MENINGKATKAN KUNJUNGAN WISATA KUDUS

BERBASIS WEB (STUDI KASUS DINAS KEBUDAYAAN

DAN PARIWISATA KABUPATEN KUDUS)

Laporan ini disusun guna memenuhi salah satu syarat untuk menyelesaikan

Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria

Kudus

Disusun Oleh :

Nama : Zulfa Ainun Nisa

NIM : 2012-53-053

Program Studi : Sistem Informasi

Fakultas : Teknik

UNIVERSITAS MURIA KUDUS

KUDUS

2016

SISTEM INFORMASI PEMILIHAN DUTA WISATA DALAM

UPAYA MENINGKATKAN KUNJUNGAN WISATA KUDUS

BERBASIS WEB (STUDI KASUS DINAS KEBUDAYAAN

DAN PARIWISATA KABUPATEN KUDUS)

Laporan ini disusun guna memenuhi salah satu syarat untuk menyelesaikan

1 pada Fakultas Teknik Universitas Muria

ii

iii

iv

“[Halaman ini sengaja dikosongkan]”

v

vi

“[Halaman ini sengaja dikosongkan]”

vii

viii

“[Halaman ini sengaja dikosongkan]”

ix

MOTTO DAN PERSEMBAHAN

� The more you know, the more you realize that so much remains unknown.

� Tidak ada kesempurnaan tanpa usaha yang maksimal.

� Carilah kesempatan yang tersembunyi di setiap kesulitan, jangan hanya

melihat kesulitan yang ada di setiap kesempatan.

PERSEMBAHAN

Skripsi ini penulis persembahkan kepada :

1. Kedua orangtua yang telah memberikan

dukungan,

2. Bapak dan Ibu Dosen Program Studi Sistem

Informasi,

3. Mas Miftachul A’la yang selalu

memberikan semangat dan arahan,

4. Teman-temanku tersayang Enggar Famulia,

Andina Wentri Meila Sari dan Faza Budi

Astuti yang telah menjadi sahabat selama 4

tahun ini,

5. Teman-teman angkatan 2012

x

“[Halaman ini sengaja dikosongkan]”

xi

RINGKASAN

Teknologi informasi yaitu teknologi internet sekarang ini berkembang sangat

pesat sehingga dapat memenuhi berbagai aktifitas dan kebutuhan manusia, untuk

mengetahui informasi di seluruh dunia tanpa terhalang oleh jarak, waktu dan

tempat. Dengan pertimbangan diatas maka diperlukan sesuatu yang dapat

menyelesaikan semua masalah, khususnya dalam hal pelaksanaan pemilihan duta

wisata di Dinas Kebudayaan dan Pariwisata Kabupaten Kudus. Berdasarkan latar

belakang diatas, maka dibuatlah suatu sistem informasi Pemilihan Duta Wisata

dalam Upaya Meningkatkan Kunjungan Wisata Kudus Berbasis Web yang

dirancang dengan pemodelan UML (Unified Modelling Language) dan bahasa

pemrograman PHP, sehingga bisa menggantikan sebagian peran dari petugas

pemilihan duta wisata Kudus yang pada tahap seleksi sebelumnya dilakukan

dengan proses survei lapangan. Sistem ini memberikan kemudahan bagi remaja

putra-putri yang ingin melakukan pendaftaran calon duta wisata secara online.

Sistem ini memberikan suatu informasi berupa kegiatan pemilihan duta wisata

Kudus, tes secara online dan pengumuman nilai tes online calon duta wisata

Kudus .

Kata Kunci : Duta Wisata, Sistem Informasi Pemilihan Duta Wisata

xii

“[Halaman ini sengaja dikosongkan]”

xiii

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT, penulis dapat

menyelesaikan Skripsi dengan judul “Sistem Informasi Pemilihan Duta Wisata

Dalam Upaya Meningkatkan Kunjungan Wisata Kudus Berbasis Web (Studi

Kasus Dinas Kebudayaan dan Pariwisata Kabupaten Kudus)”. Sholawat serta

salam senantiasa penulis haturkan kepangkuan Nabi Muhammad SAW, semoga

kita semua mendapatkan syafa’atnya.

Penyusunan Skripsi ini merupakan salah satu syarat untuk menyelesaikan

Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria

Kudus.

Pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada :

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

2. Bapak Mohammad Dahlan, S.T, M.T, selaku Dekan Fakultas Teknik

Universitas Muria Kudus.

3. Bapak Rhoedy Setiawan, S.Kom, M.Kom, selaku Ketua Program Studi

Sistem Informasi Universitas Muria Kudus.

4. Ibu Noor Latifah, M.Kom, selaku Koordinator Skripsi yang telah

memberikan informasi tentang pelaksanaan penyusunan skripsi.

5. Ibu Noor Latifah, M.Kom, selaku Pembimbing Akademik saya di Program

Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus.

6. Bapak Eko Darmanto, S.Kom, M.Cs, selaku pembimbing utama yang telah

memberikan petunjuk, bimbingan dan arahan dalam proses menyelesaikan

laporan skripsi ini.

7. Bapak Wiwit Agus Triyanto, M.Kom, selaku pembimbing pembantu yang

telah memberikan petunjuk, bimbingan dan arahan dalam proses

menyelesaikan laporan skripsi ini.

8. Bapak Ir. Sunardi, M.Pi, MH, selaku Kepala Dinas Kebudayaan dan

Pariwisata Kabupaten Kudus yang telah memberikan ijin untuk penulis

melakukan penelitian dalam penyusunan laporan skripsi.

xiv

9. Segenap dosen Universitas Muria Kudus, khususnya Program Studi Sistem

Informasi yang telah mengenalkan ilmu baru kepada penulis.

10. Bapak Nor Ali dan Ibu Istiqomah, orang tua penulis yang telah memberikan

dukungan, semangat dan doa yang sangat bermanfaat.

11. Kepada sahabat dan semua teman-teman Fakultas Teknik Program Studi

Sistem Informasi khusunya angkatan 2012 yang tidak bisa penulis sebutkan

satu persatu yang telah memberikan saran dan motivasi dalam penulisan

laporan skripsi ini.

12. Dan semua pihak yang secara tidak langsung memberikan dukungan dan

bantuan kepada penulis dalam penyusunan laporan skripsi ini.

Penulis menyadari bahwa di dalam penyusunan Laporan Skripsi ini

tentunya masih terdapat berbagai kekurangan, sehingga penulis akan sangat

menghargai segala masukan yang berguna dari pembaca. Penulis berharap semoga

Laporan Skripsi ini dapat memberikan manfaat bagi pembaca untuk

mengembangkan ilmu pengetahuan, khususnya di bidang Teknologi dan Sistem

Informasi. Amin.

Kudus, 2 April 2016

Penulis,

Zulfa Ainun Nisa

xv

DAFTAR ISI

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

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

HALAMAN PENGESAHAN ............................................................................. v

SURAT PERNYATAAN PUBLIKASI .............................................................. vii

MOTTO DAN PERSEMBAHAN ...................................................................... ix

RINGKASAN ..................................................................................................... xi

KATA PENGANTAR ........................................................................................ xiii

DAFTAR ISI . ..................................................................................................... xv

DAFTAR TABEL ............................................................................................... xix

DAFTAR GAMBAR .......................................................................................... xxi

DAFTAR LAMPIRAN..................... .............................................................. xxvii

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

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

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

1.3. Batasan Masalah ................................................................... 3

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

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

1.6. Tinjauan Pustaka .................................................................. 4

1.7. Metodologi Penelitian .......................................................... 5

1.8. Sistematika Penulisan ........................................................... 9

BAB II : LANDASAN TEORI .................................................................... 11

2.1 Pengertian Sistem Informasi.................................................. 11

2.2 Pengertian Pariwisata ............................................................ 11

2.3 Duta Wisata ........................................................................... 12

2.4 Flow of Documet (FOD) ........................................................ 14

2.5 Simbol-simbol Flow of Document......................................... 15

2.6 Unified Modelling Language ................................................. 15

2.7 Bisnis Use Case ..................................................................... 15

2.8 Use Case Diagram ................................................................ 16

xvi

2.9 Class Diagram ....................................................................... 16

2.10 Sequence Diagram............................................................... 17

2.11 Activity Diagram ................................................................. 18

2.12 Statechart Diagram ............................................................. 18

2.13 Entity Relationship Diagram (ERD) ................................... 19

BAB III : TINJAUAN OBJEK PENELITIAN ............................................. 21

3.1. Profil Dinas Kebudayaan dan Pariwisata ............................ 21

3.2. Visi dan Misi ........................................................................ 21

3.3. Tugas, Fungsi dan Struktur Organisasi ................................ 22

3.4. Program Kerja ..................................................................... 25

3.5. Peta Instansi ......................................................................... 26

3.6. Analisa Sistem yang Berjalan . ............................................. 27

3.7. Prosedur Pemilihan Duta Wisata Kudus .............................. 27

BAB IV : ANALISA DAN PERANCANGAN ............................................ 31

4.1. Analisa Sistem .................................................................... 31

4.1.1 Analisa Masalah .......................................................... 31

4.1.2 Analisa Kebutuhan Perangkat Keras ........................... 31

4.1.3 Analisa Kebutuhan Perangkat Lunak .......................... 32

4.1.4 Analisa Kebutuhan Data dan Informasi ...................... 32

4.2. Analisa Perancangan Sistem Baru ........................................ 33

4.2.1 Analisa Aktor .............................................................. 34

4.2.2 Bisnis Use Case Diagram ........................................... 34

4.2.3 Sistem Use Case Diagram .......................................... 36

4.2.4 Analisa Class Diagram ............................................... 48

4.2.5 Class Diagram ............................................................. 55

4.2.6 Sequence Diagram ...................................................... 56

4.2.7 Activity Diagram ......................................................... 69

4.2.8 Statechart Diagram .................................................... 82

xvii

4.3. Perancangan Database .......................................................... 91

4. 4. Desain Perancangan Sistem ................................................. 107

4.4.1 Desain Input ................................................................ 107

4.4.2 Desain Output .............................................................. 110

BAB V : IMPLEMENTASI ......................................................................... 113

5.1. Lingkungan Implementasi ................................................... 113

5.2. Tampilan Program. .............................................................. 114

BAB VI : PENUTUP .................................................................................... 157

6.1. Kesimpulan .......................................................................... 157

6.2. Saran .................................................................................... 157

DAFTAR PUSTAKA

xviii

“[Halaman ini sengaja dikosongkan]”

xix

DAFTAR TABEL

Tabel 2.1 : Simbol-simbol Flow Of Document ............................................... 15

Tabel 2.2 : Simbol-simbol Use Case Diagram ............................................... 16

Tabel 2.3 : Simbol-simbol Class Diagram ...................................................... 17

Tabel 2.4 : Simbol-simbol Sequence Diagram ............................................... 17

Tabel 2.5 : Simbol-simbol Activity Diagram .................................................. 18

Tabel 2.6 : Simbol-simbol Statechart Diagram .............................................. 18

Tabel 2.7 : Simbol-simbol Entity Relationship Diagram ................................ 19

Tabel 4.1 : Deskripsi Use Case Isi Persyaratan................................................ 37

Tabel 4.2 : Deskripsi Use Case Registrasi ....................................................... 37

Tabel 4.3 : Deskripsi Use Case Login .............................................................. 38

Tabel 4.4 : Deskripsi Use Case Pendaftaran .................................................... 38

Tabel 4.5 : Deskripsi Use Case Kelola Daftar ................................................. 39

Tabel 4.6 : Deskripsi Use Case Input Persyaratan ........................................... 39

Tabel 4.7 : Deskripsi Use Case Kelola Syarat ................................................. 40

Tabel 4.8 : Deskripsi Use Case Kelola Jadwal ................................................ 41

Tabel 4.9 : Deskripsi Use Case Kelola Kecamatan.......................................... 42

Tabel 4.10 : Deskripsi Use Case Kelola Desa.................................................... 43

Tabel 4.11 : Deskripsi Use Case Kelola Periode ............................................... 44

Tabel 4.12 : Deskripsi Use Case Input Soal Tes ................................................ 45

Tabel 4.13 : Deskripsi Use Case Tes Online...................................................... 46

Tabel 4.14 : Deskripsi Use Case Penilaian Tes Wawancara .............................. 46

Tabel 4.15 : Deskripsi Use Case Kelola Hasil Seleksi....................................... 47

Tabel 4.16 : Deskripsi Use Case Pengumuman Hasil Seleksi ........................... 47

Tabel 4.17 : Deskripsi Use Case Cetak Sertifikat .............................................. 48

Tabel 4.18 : Tabel Sekretariat ............................................................................ 98

Tabel 4.19 : Tabel Peserta .................................................................................. 99

Tabel 4.20 : Tabel Daftar ................................................................................... 100

Tabel 4.21 : Tabel Syarat ................................................................................... 101

Tabel 4.22 : Tabel Jadwal................................................................................... 101

xx

Tabel 4.23 : Tabel Kecamatan ............................................................................ 102

Tabel 4.24 : Tabel Desa ...................................................................................... 102

Tabel 4.25 : Tabel Periode ................................................................................. 103

Tabel 4.26 : Tabel Soal Tes ................................................................................ 103

Tabel 4.27 : Tabel Nilai ...................................................................................... 104

Tabel 4.28 : Tabel Detail Nilai ........................................................................... 104

Tabel 4.29 : Tabel Wawancara ........................................................................... 105

Tabel 4.30 : Tabel Isi Syarat .............................................................................. 105

xxi

DAFTAR GAMBAR

Gambar 3.1 : Struktur Organisasi Dinas Kebudayaan dan Pariwisata

Kabupaten Kudus ................................................................... 23

Gambar 3.2 : Peta Dinas Kebudayaan dan Pariwisata Kabupaten Kudus .... 26

Gambar 3.3 : Flow Of Document Pemilihan Duta Wisata Kudus ............... 29

Gambar 4.1 : Bisnis Use Case Pemilihan Duta Wisata Kudus ..................... 35

Gambar 4.2 : Sistem Use Case Pemilihan Duta Wisata Kudus .................... 36

Gambar 4.3 : Class Sekretariat ..................................................................... 49

Gambar 4.4 : Class Peserta ........................................................................... 49

Gambar 4.5 : Class Pendaftaran ................................................................... 50

Gambar 4.6 : Class Persyaratan .................................................................... 50

Gambar 4.7 : Class Soal Tes ......................................................................... 51

Gambar 4.8 : Class Nilai .............................................................................. 51

Gambar 4.9 : Class Nilai Wawancara ........................................................... 52

Gambar 4.10 : Class Jadwal ........................................................................... 52

Gambar 4.11 : Class Kecamatan .................................................................... 53

Gambar 4.12 : Class Desa .............................................................................. 53

Gambar 4.13 : Class Periode .......................................................................... 54

Gambar 4.14 : Class Hasil Seleksi ................................................................. 54

Gambar 4.15 : Class Sertifikat ........................................................................ 54

Gambar 4.16 : Class Diagram Pemilihan Duta Wisata Kudus ...................... 55

Gambar 4.17 : Sequence Diagram Isi Persyaratan ........................................ 56

Gambar 4.18 : Sequence Diagram Registrasi ................................................ 56

Gambar 4.19 : Sequence Diagram Login ....................................................... 57

Gambar 4.20 : Sequence Diagram Pendaftaran .............................................. 57

Gambar 4.21 : Sequence Diagram Kelola Daftar. .......................................... 58

Gambar 4.22 : Sequence Diagram Input Persyaratan. .................................... 58

Gambar 4.23 : Sequence Diagram Kelola Syarat. .......................................... 59

Gambar 4.24 : Sequence Diagram Kelola Jadwal. ......................................... 60

Gambar 4.25 : Sequence Diagram Kelola Kecamatan ................................... 61

xxii

Gambar 4.26 : Sequence Diagram Kelola Desa ............................................. 62

Gambar 4.27 : Sequence Diagram Kelola Periode. ........................................ 63

Gambar 4.28 : Sequence Diagram Input Soal Tes ......................................... 64

Gambar 4.29 : Sequence Diagram Tes Online ............................................... 65

Gambar 4.30 : Sequence Diagram Penilaian Tes Wawancara ....................... 66

Gambar 4.31 : Sequence Diagram Kelola Hasil Seleksi ................................ 67

Gambar 4.32 : Sequence Diagram Pengumuman Hasil Seleksi ..................... 67

Gambar 4.33 : Sequence Diagram Cetak Sertifikat ........................................ 68

Gambar 4.34 : Activity Diagram Isi Persyaratan ............................................ 69

Gambar 4.35 : Activity Diagram Registrasi .................................................... 69

Gambar 4.36 : Activity Diagram Login .......................................................... 70

Gambar 4.37 : Activity Diagram Pendaftaran ................................................. 70

Gambar 4.38 : Activity Diagram Kelola Daftar .............................................. 71

Gambar 4.39 : Activity Diagram Input Persyaratan. ....................................... 72

Gambar 4.40 : Activity Diagram Kelola Syarat. ............................................. 73

Gambar 4.41 : Activity Diagram Kelola Jadwal. ............................................ 74

Gambar 4.42 : Activity Diagram Kelola Kecamatan ...................................... 75

Gambar 4.43 : Activity Diagram Kelola Desa ................................................ 76

Gambar 4.44 : Activity Diagram Kelola Periode. ........................................... 77

Gambar 4.45 : Activity Diagram Input Soal Tes ............................................ 78

Gambar 4.46 : Activity Diagram Tes Online .................................................. 79

Gambar 4.47 : Activity Diagram Penilaian Tes Wawancara .......................... 80

Gambar 4.48 : Activity Diagram Kelola Hasil Seleksi ................................... 81

Gambar 4.49 : Activity Diagram Pengumuman Hasil Seleksi ........................ 81

Gambar 4.50 : Activity Diagram Cetak Sertifikat .......................................... 82

Gambar 4.51 : Statechart Diagram Kelola Jadwal ....................................... 82

Gambar 4.52 : Statechart Diagram Kelola Kecamatan .................................. 83

Gambar 4.53 : Statechart Diagram Kelola Desa ............................................ 83

Gambar 4.54 : Statechart Diagram Kelola Periode ........................................ 83

Gambar 4.55 : Statechart Diagram Kelola Daftar .......................................... 83

Gambar 4.56 : Statechart Diagram Kelola Syarat .......................................... 84

xxiii

Gambar 4.57 : Statechart Diagram Login ...................................................... 84

Gambar 4.58 : Statechart Diagram Daftar .................................................... 84

Gambar 4.59 : Statechart Diagram Tes ......................................................... 84

Gambar 4.60 : Statechart Diagram Tambah Pendaftaran ............................. 85

Gambar 4.61 : Statechart Diagram Tambah Persyaratan ............................... 85

Gambar 4.62 : Statechart Diagram Tambah Data Soal Tes ........................... 85

Gambar 4.63 : Statechart Diagram Ubah Data Soal Tes ............................... 85

Gambar 4.64 : Statechart Diagram Hapus Data Soal Tes .............................. 86

Gambar 4.65 : Statechart Diagram Tampil Nilai ........................................... 86

Gambar 4.66 : Statechart Diagram Tambah Nilai Wawancara...................... 86

Gambar 4.67 : Statechart Diagram Ubah Nilai Wawancara .......................... 86

Gambar 4.68 : Statechart Diagram Hapus Nilai Wawancara ........................ 87

Gambar 4.69 : Statechart Diagram Tambah Data Jadwal .............................. 87

Gambar 4.70 : Statechart Diagram Ubah Data Jadwal .................................. 87

Gambar 4.71 : Statechart Diagram Hapus Data Jadwal ................................. 87

Gambar 4.72 : Statechart Diagram Tambah Data Kecamatan ....................... 88

Gambar 4.73 : Statechart Diagram Ubah Data Kecamatan ........................... 88

Gambar 4.74 : Statechart Diagram Hapus Data Kecamatan .......................... 88

Gambar 4.75 : Statechart Diagram Tambah Data Desa ................................. 88

Gambar 4.76 : Statechart Diagram Ubah Data Desa ..................................... 88

Gambar 4.77 : Statechart Diagram Hapus Data Desa .................................... 89

Gambar 4.78 : Statechart Diagram Tambah Data Periode ............................. 89

Gambar 4.79 : Statechart Diagram Ubah Data Periode ................................. 89

Gambar 4.80 : Statechart Diagram Hapus Data Periode ............................... 89

Gambar 4.81 : Statechart Diagram Cetak Data Hasil Seleksi ........................ 90

Gambar 4.82 : Statechart Diagram Cetak Sertifikat ...................................... 90

Gambar 4.83 : Menentukan dan menetapkan entitas ...................................... 91

Gambar 4.84 : Menentukan primary key ........................................................ 91

Gambar 4.85 : Entitas Peserta dan Wawancara .............................................. 92

Gambar 4.86 : Entitas Peserta dan Nilai ......................................................... 92

Gambar 4.87 : Entitas Detail Nilai dan Soal Tes ............................................ 93

xxiv

Gambar 4.88 : Entitas Sekretariat dan Peserta ................................................ 94

Gambar 4.89 : Entitas Sekretariat dan Soal Tes ............................................. 94

Gambar 4.90 : Entitas Sekretariat dan Periode ............................................... 95

Gambar 4.91 : Entitas Sekretariat dan Jadwal ................................................ 95

Gambar 4.92 : Entitas Sekretariat dan Desa ................................................... 96

Gambar 4.93 : Entitas Desa dan Kecamatan .................................................. 96

Gambar 4.94 : Entity Relationship Diagram Sistem Informasi Pemilihan Duta

Wisata dalam Upaya Meningkatkan Kunjungan Wisata Kudus

Berbasis Web (Studi Kasus Dinas Kebudayaan dan Pariwisata

Kabupaten Kudus) .................................................................. 97

Gambar 4.95 : Relasi Tabel ............................................................................ 106

Gambar 4.96 : Desain Beranda Sistem ........................................................... 107

Gambar 4.97 : Desain Login Sekretariat ........................................................ 107

Gambar 4.98 : Desain Login Peserta .............................................................. 108

Gambar 4.99 : Desain Menu Pendaftaran ...................................................... 108

Gambar 4.100 : Desain Menu Input Persyaratan .............................................. 109

Gambar 4.101 : Desain Menu Tes Online ....................................................... 109

Gambar 4.102 : Desain Menu Sekretariat ......................................................... 110

Gambar 4.103 : Desain Laporan Pendaftaran .................................................. 110

Gambar 4.104 : Desain Laporan Persyaratan ................................................... 111

Gambar 4.105 : Desain Laporan Hasil Seleksi ................................................. 111

Gambar 4.106 : Desain Sertifikat ..................................................................... 112

Gambar 5.1 : Tampilan Beranda Sistem ....................................................... 114

Gambar 5.2 : Source Code Beranda Sistem ................................................. 115

Gambar 5.3 : Tampilan Menu Jadwal .......................................................... 115

Gambar 5.4 : Source Code Menu Jadwal .................................................... 116

Gambar 5.5 : Tampilan Menu Hasil Seleksi ................................................ 116

Gambar 5.6 : Source Code Menu Hasil Seleksi .......................................... 117

Gambar 5.7 : Tampilan Menu Tentang ........................................................ 118

Gambar 5.8 : Tampilan Menu Bantuan ........................................................ 118

Gambar 5.9 : Tampilan Menu Cara Daftar .................................................. 119

xxv

Gambar 5.10 : Tampilan Menu Registrasi ..................................................... 119

Gambar 5.11 : Source Code Menu Registrasi ............................................... 120

Gambar 5.12 : Tampilan Login Peserta ......................................................... 121

Gambar 5.13 : Source Code Login Peserta .................................................... 121

Gambar 5.14 : Tampilan Menu Pendaftaran ................................................... 122

Gambar 5.15 : Source Code Menu Pendaftaran ............................................. 124

Gambar 5.16 : Tampilan Menu Input Persyaratan .......................................... 124

Gambar 5.17 : Source Code Menu Input Persyaratan .................................... 126

Gambar 5.18 : Tampilan Menu Tes Online .................................................... 127

Gambar 5.19 : Source Code Menu Tes Online ............................................... 128

Gambar 5.20 : Tampilan Menu Update Profil ................................................ 128

Gambar 5.21 : Source Code Menu Update Profil ........................................... 129

Gambar 5.22 : Tampilan Login Sekretariat .................................................... 129

Gambar 5.23 : Source Code Menu Login Sekretariat ..................................... 130

Gambar 5.24 : Tampilan Beranda Sekretariat ................................................ 131

Gambar 5.25 : Tampilan Menu Input Soal Tes .............................................. 131

Gambar 5.26 : Source Code Menu Input Soal Tes ......................................... 132

Gambar 5.27 : Tampilan Menu Data Soal Tes Online ................................... 133

Gambar 5.28 : Source Code Menu Data Soal Tes Online .............................. 133

Gambar 5.29 : Tampilan Menu Ubah Data Soal Tes Online .......................... 133

Gambar 5.30 : Source Code Menu Ubah Data Soal Tes Online .................... 134

Gambar 5.31 : Tampilan Menu Input Nilai Wawancara ................................ 135

Gambar 5.32 : Source Code Menu Input Nilai Wawancara ........................... 135

Gambar 5.33 : Tampilan Menu Data Nilai Wawancara ................................. 136

Gambar 5.34 : Source Code Menu Data Nilai Wawancara ............................ 136

Gambar 5.35 : Tampilan Menu Ubah Nilai Wawancara ................................ 137

Gambar 5.36 : Source Code Menu Ubah Nilai Wawancara ........................... 137

Gambar 5.37 : Tampilan Menu Data Peserta .................................................. 138

Gambar 5.38 : Source Code Menu Data Peserta ............................................ 138

Gambar 5.39 : Tampilan Menu Kelola Data .................................................. 139

Gambar 5.40 : Tampilan Menu Kelola Data Pendaftaran .............................. 139

xxvi

Gambar 5.41 : Source Code Menu Kelola Data Pendaftaran ......................... 140

Gambar 5.42 : Tampilan Menu Kelola Data Persyaratan ............................... 141

Gambar 5.43 : Source Code Menu Kelola Data Persyaratan .......................... 141

Gambar 5.44 : Tampilan Menu Kelola Jadwal ............................................... 142

Gambar 5.45 : Source Code Menu Kelola Jadwal .......................................... 143

Gambar 5.46 : Tampilan Menu Ubah Data Jadwal ........................................ 143

Gambar 5.47 : Source Code Menu Ubah Data Jadwal ................................... 143

Gambar 5.48 : Tampilan Menu Kelola Kecamatan ........................................ 144

Gambar 5.49 : Source Code Menu Kelola Kecamatan ................................... 145

Gambar 5.50 : Tampilan Menu Ubah Data Kecamatan.................................. 145

Gambar 5.51 : Source Code Menu Ubah Data Kecamatan ............................ 145

Gambar 5.52 : Tampilan Menu Kelola Desa .................................................. 146

Gambar 5.53 : Source Code Menu Kelola Desa ............................................. 147

Gambar 5.54 : Tampilan Menu Ubah Data Desa............................................ 147

Gambar 5.55 : Source Code Menu Ubah Data Desa ...................................... 148

Gambar 5.56 : Tampilan Menu Kelola Periode .............................................. 148

Gambar 5.57 : Source Code Menu Kelola Periode ......................................... 149

Gambar 5.58 : Tampilan Menu Ubah Data Periode ....................................... 149

Gambar 5.59 : Source Code Menu Ubah Data Periode .................................. 150

Gambar 5.60 : Tampilan Menu Kelola Hasil Seleksi ..................................... 151

Gambar 5.61 : Source Code Menu Kelola Hasil Seleksi ................................ 152

Gambar 5.62 : Tampilan Menu Cetak Sertifikat ............................................ 152

Gambar 5.63 : Source Code Menu Cetak Sertifikat ....................................... 153

Gambar 5.64 : Tampilan Menu Persyaratan ................................................... 154

Gambar 5.65 : Source Code Menu Persyaratan .............................................. 154

Gambar 5.66 : Tampilan Menu Sertifikat ....................................................... 155

Gambar 5.67 : Source Code Menu Sertifikat .................................................. 156

xxvii

DAFTAR LAMPIRAN

Lampiran 1 : Buku Bimbingan

Lampiran 2 : Formulir Permohonan Penelitian Skripsi

Lampiran 3 : Surat Balasan

Lampiran 4 : Biografi Penulis