LAPORAN SKRIPSI

SISTEM INFORMASI MANAJEMEN HIMPUNAN

MAHASISWA JURUSAN BERBASIS WEB PADA PROGRAM

STUDI SISTEM INFORMASI UNIVERSITAS MURIA 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 : Muchamad Dedi Pujicahyono

NIM : 2009-53-162

Program Studi : Sistem Informasi

Fakultas : Teknik

FAKULTAS TEKNIK

UNIVERSITAS MURIA KUDUS

KUDUS

2014

LAPORAN SKRIPSI

SISTEM INFORMASI MANAJEMEN HIMPUNAN

MAHASISWA JURUSAN BERBASIS WEB PADA PROGRAM

STUDI SISTEM INFORMASI UNIVERSITAS MURIA 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 : Muchamad Dedi Pujicahyono

NIM : 2009-53-162

Program Studi : Sistem Informasi

Fakultas : Teknik

FAKULTAS TEKNIK

UNIVERSITAS MURIA KUDUS

KUDUS

2014

MOTTO DAN PERSEMBAHAN

Motto :

H

” Tidak ada kata menyerah sebelum bertanding”

”Lebih baik mencoba dari pada tidak sama sekali”

”Kesempatan hanya datang satu kali, begitu juga kepercayaan”

“Ikhtiar menuju tawakal, dan berakhir kebahagiaan atas kesabaran”

“Keberhasilan tidak datang secara tiba-tiba, tapi karena usaha dan kerja keras”

Persembahan

Skripsi ini kupersembahkan kepada :

1. Kedua orang tuaku yang selalu

memberikan doa dan selalu

memberikan restunya.

2. Teman-temanku semua yang

saya sayangi yang selalu

memberikan motivasi untuk

menyelesaikan tugas akhir ini.

3. Almamater

RINGKASAN

Laporan skripsi dengan judul “Sistem Informasi Manajemen Himpunan

Mahasiswa Jurusan Berbasis Web pada Program Studi Sistem Informasi

Universitas Muria Kudus” telah dilaksanakan dengan menganalisa permasalahan

yang ada diantaranya dalam mengelola data masih menggunakan form tertulis,

dan belum adanya manajemen komputerisasi perencanaan dan pelaporan

keuangan, serta publikasi kegiatan yang masih manual dengan hanya

menggunakan media poster diarea kampus.

Tujuan dari skripsi ini adalah menghasilkan aplikasi perangkat lunak

untuk memudahkan dalam pengelolaan data pendaftaran calon anggota Himpunan

Mahasiswa Jurusan Sistem Informasi, dan membantu dalam pemilihan Ketua

Himpunan Mahasiswa Jurusan Sistem Informasi melalui polling calon Ketua HMJ

SI, serta memudahkan penyampaian informasi berita maupun perkembangan HMJ

SI.

Sistem ini dirancang dengan menggunakan pemodelan UML. Sedangkan

bahasa pemrograman yang digunakan adalah PHP dan database MySQL. Hasil

dari rancang bangun ini adalah sebuah aplikasi berbasis web untuk manajemen

HMJ SI.

Kata Kunci : Ssitem, Informasi, Manajemen, Mahasiswa Jurusan, Web.

KATA PENGANTAR

Segala puji bagi Allah SWT atas segala rahmat dan hidayahnya sehingga

penulis dapat menyelesaikan laporan skripsi ini dengan judul “Sistem Informasi

Manajemen Himpunan Mahasiswa Jurusan Berbasis Web pada Program Studi

Sistem Informasi Universitas Muria Kudus”.

Penyusunan laporan skripsi ini merupakan salah satu syarat untuk

menyelesaikan program studi Sistem Informasi S-1 pada Fakultas Teknik

Program Studi Sistem Informasi Universitas Muria Kudus.

Atas tersusunnya laporan skripsi ini, penulis mengucapkan terima kasih

yang sebesar-besarnya kepada :

1. Bapak Dr.Suparnyo, S.H., M.S, selaku Rektor Universitas Muria Kudus.

2. Bapak Rochmad Winarso, ST., MT. selaku Dekan Fakultas Teknik

Universitas Muria Kudus.

3. Bapak R. Rhoedy Setiawan, M.Kom selaku Kepala Program Studi Sistem

Informasi Fakultas Teknik Universitas Muria Kudus.

4. Bapak Yudie Irawan, M.Kom, selaku Pembimbing Utama yang telah

membimbing dan senantiasa memberikan arahan sehingga penulis dapat

menyelesaikan skripsi ini.

5. Bapak Syafiul Muzid, S.T, M.Cs. selaku Pembimbing Pembantu yang

telah membimbing dan memberikan saran serta masukan kepada penulis

sehingga penulis dapat menyelesaikan skripsi ini.

6. Bapak Ibu Dosen pengajar yang secara langsung maupun tidak langsung

membantu jalanya pembuatan laporan skripsi ini.

7. Kedua orang tua dan adiku yang telah memberikan dorongan dan

semangat baik berupa moril maupun materil, sehingga penulis dapat

menyelesaikan skripsi ini.

8. Saudara Rohmat Robbani selaku ketua dan beserta rekan-rekan anggota

Himpunan Mahasiswa Jurusan Sistem Informasi periode 2013 - 2014 yang

telah membantu penulis dalam mengumpulkan data-data yang diperlukan.

9. Semua teman-teman yang telah banyak memberikan bantuan dan

dorongan kepada penulis sehingga skripsi ini dapat selesai.

10. Semua teman-teman yang telah banyak memberikan bantuan dan

dorongan kepada penulis sehingga skripsi ini dapat selesai.

Penulis menyadari bahwa dalam penulisan laporan skripsi ini masih jauh

dari sempurna. Oleh karena itu, penulis mengharapkan saran dan kritik yang

membangun demi kesempurnaan laporan ini. Semoga laporan skripsi ini

bermanfaat untuk semua pihak.

Kudus, Juli 2014

Penulis

DAFTAR ISI

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

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

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

SURAT PERNYATAAN PUBLIKASI .................................................................. iv

MOTTO DAN PERSEMBAHAN .......................................................................... v

RINGKASAN ......................................................................................................... vi

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

DAFTAR ISI ........................................................................................................... ix

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

DAFTAR GAMBAR .............................................................................................. xiv

DAFTAR LAMPIRAN ........................................................................................... xviii

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

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

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

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

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

1.5. Manfaat Skripsi .......................................................................... 2

1.6. Tinjuan Pustaka ......................................................................... 3

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

1.7.1. Objek Penelitian ............................................................. 5

1.7.2. Metode Pengumpulan Data ............................................ 5

1.7.2.1 Sumber Data Primer ......................................... 5

1.7.2.2. Sumber Data Sekunder .................................... 5

1.7.3. Metode Pengembangan Sistem ...................................... 6

1.7.4. Metode Perancangan Sistem .......................................... 7

1.8. Sistematika Penulisan ................................................................ 8

BAB II : LANDASAN TEORI ............................................................................ 9

2.1. Konsep Dasar Sistem ................................................................. 9

2.1.1 Pengertian Sistem ........................................................... 9

2.1.2 Karakteristik Sistem ....................................................... 10

2.2. Pengertian Informasi, Sistem Informasi, Siklus Informasi dan

Kualitas Informasi ..................................................................... 12

2.2.1. Pengertian Informasi ...................................................... 12

2.2.2. Pengertian Sistem Informasi ........................................... 12

2.2.3. Siklus Informasi ............................................................. 12

2.2.4. Kualitas Informasi .......................................................... 13

2.3. Landasan Teori Yang Berkaitan Dengan Tema .......................... 14

2.3.1 Manajemen ..................................................................... 14

2.3.2 Sistem Informasi Manajemen ........................................ 14

2.4. Flow Of Document ..................................................................... 14

2.5. UML (Unified Modelling Language) ........................................ 16

2.5.1 Bangunan Dasar UML ................................................... 16

2.6. Entity Relation Diagram (ERD) ............................................... 23

BAB III : TINJAUAN UMUM OBJEK PENELITIAN ........................................ 29

3.1 Sekilas Tentang Himpunan Mahasiswa Jurusan Sistem

Informasi

29

3.1.1. Berdirinya HMJ SI Universitas Muria Kudus………….. 29

3.2 Visi, Misi, dan Tujuan HMJ SI .................................................. 30

3.3 Struktur Organisasi HMJ SI ....................................................... 31

3.3.1. Job Description ................................................................ 31

3.4 Denah Lokasi HMJ SI ............................................................... 34

3.5 Flow of Document Pendaftaran HMJ SI .................................... 34

3.6 Flow of Document Pengajuan Anggaran Kegiatan HMJ SI ...... 37

BAB IV : ANALISA DAN PERANCANGAN .................................................... 39

4.1. Deskripsi Sistem ........................................................................ 39

4.2. Identifikasi Masalah ................................................................... 39

4.3. Analisa Kebutuhan Data dan Informasi ..................................... 39

4.4. Analisa Kebutuhan Hardware dan Software ............................. 40

4.4.1 Kebutuhan Perangkat Keras ........................................... 40

4.4.2 Kebutuhan Perangkat Lunak ......................................... 40

4.5 Analisa dan Perancangan Sistem .................................................. 41

4.5.1 Analisa Actor .................................................................. 41

4.5.2 Business Usecase ........................................................... 41

4.5.3 Perancangan Use Case Diagram .................................... 42

4.5.4 Class Diagram ............................................................... 52

4.5.5 Sequence Diagram ......................................................... 60

4.5.6 Activity Diagram ............................................................ 71

4.5.7 Statechart Diagram ........................................................ 82

4.6 Perancangan Basis Data ............................................................... 98

4.6.1 ERD (Entity Relationship Diagram) .............................. 98

4.6.2 Transformasi ERD Ke Tabel .......................................... 111

4.6.3 Desain Database ......... ................................................... 114

4.6.4 Relasi Antar Tabel .......................................................... 123

4.7 Desain Input dan Output yang Diusulkan .................................... 125

4.7.1 Perancangan Form Input ............................................... 125

4.7.2 Perancangan Form Output ............................................. 132

BAB V : IMPLEMENTASI SISTEM .................................................................. 137

5.1. Implementasi Sistem ...................................................................... 137

5.2. Batasan Implementasi (optional) .................................................... 137

5.3. Identifikasi Sistem .......................................................................... 137

5.3.1. Identifikasi Kebutuhan Perangkat Lunak ........................... 137

5.3.2. Implementasi dan Tampilan Program ................................ 138

BAB VI : PENUTUP ……………………………………………………………. 156

6.1. Kesimpulan ...................................................................................... 156

6.2. Saran ............................................................................................... 156

DAFTAR PUSTAKA ............................................................................................ 157

LAMPIRAN-LAMPIRAN ......................................................................................

DAFTAR TABEL

Tabel 2.1 : Simbol Flow Of Document ............................................................ 14

Tabel 2.2 : Notasi Use Case Diagram .............................................................. 17

Tabel 2.3 : Notasi Class Diagram .................................................................... 19

Tabel 2.4 : Notasi Sequence Diagram .............................................................. 20

Tabel 2.5 : Notasi Activity Diagram ................................................................. 22

Tabel 2.6 : Notasi Statechart Diagram ............................................................. 23

Tabel 2.7 : Simbol-simbol ERD ....................................................................... 26

Tabel 4.1 : Tabel Proses Bisnis ......................................................................... 41

Tabel 4.2 : Skenario Pendaftaran Anggota Baru .............................................. 43

Tabel 4.3 : Skenario Tes Online ....................................................................... 44

Tabel 4.4 : Skenario Jadwal Wawancara .......................................................... 44

Tabel 4.5 : Skenario Hasil Seleksi .................................................................... 45

Tabel 4.6 : Skenario Kandidat ........................................................................... 46

Tabel 4.7 : Skenario Polling ............................................................................. 46

Tabel 4.8 : Skenario Program Kerja .................................................................. 47

Tabel 4.9 : Skenario Hasil Rapat ...................................................................... 47

Tabel 4.10 : Skenario Upload Laporan .............................................................. 48

Tabel 4.11 : Skenario Download Laporan ......................................................... 49

Tabel 4.12 : Pendaftaran ..................................................................................... 114

Tabel 4.13 : Tes Online ....................................................................................... 115

Tabel 4.14 : Jadwal Wawancara ......................................................................... 116

Tabel 4.15 : Hasil Seleksi ................................................................................... 117

Tabel 4.16 : Kandidat ......................................................................................... 117

Tabel 4.17 : Polling .......................................................................................... 118

Tabel 4.18 : Program Kerja ................................................................................. 118

Tabel 4.19 : Hasil Rapat ..................................................................................... 119

Tabel 4.20 : Laporan .......................................................................................... 119

Tabel 4.21 : Kritik Saran .................................................................................... 120

Tabel 4.22 : Pengunjung Umum ........................................................................ 121

Tabel 4.23 : User .......................................................................................... 121

Tabel 4.24 : Berita .......................................................................................... 122

Tabel 4.25 : Tabel Nilai ...................................................................................... 122

Tabel 4.26 : Parameter ........................................................................................ 123

DAFTAR GAMBAR

Gambar 1.1 : Skema Waterfall .......................................................................... 6

Gambar 2.1 : Siklus Informasi .......................................................................... 13

Gambar 2.2 : Diagram relationship Unary ....................................................... 24

Gambar 2.3 : Diagram relationship binary ........................................................ 25

Gambar 2.4 : Diagram relationship ternary ...................................................... 25

Gambar 2.5 : Diagram kardinalitas one to one .................................................. 26

Gambar 2.6 : Diagram kardinalitas one to many................................................ 26

Gambar 2.7 : Diagram kardinalitas many to one .............................................. 27

Gambar 3.1 : Struktur Organisasi HMJ SI ........................................................ 31

Gambar 3.2 : Denah Lokasi HMJ SI ................................................................. 34

Gambar 3.3 : Flow Of Document Pendaftaran Calon Anggota HMJ SI ........... 36

Gambar 3.4 : Flow Of Document Pengajuan Anggaran Kegiatan HMJ SI ....... 38

Gambar 4.1 : Bisnis Use Case .......................................................................... 42

Gambar 4.2 : Use Case Diagram........................................................................ 43

Gambar 4.3 : Kelas User .................................................................................... 50

Gambar 4.4 : Kelas Pendaftaran ........................................................................ 50

Gambar 4.5 : Kelas Soal Online ......................................................................... 51

Gambar 4.6 : Kelas Upload ............................................................................... 52

Gambar 4.7 : Kelas Download ........................................................................... 52

Gambar 4.8 : Kelas Jadwal Wawancara ............................................................ 52

Gambar 4.9 : Kelas Hasil Seleksi ...................................................................... 53

Gambar 4.10 : Kelas Kandidat ............................................................................ 53

Gambar 4.11 : Kelas Polling ................................................................................ 54

Gambar 4.12 : Kelas Program Kerja ................................................................... 54

Gambar 4.13 : Kelas Hasil Rapat ........................................................................ 55

Gambar 4.14 : Kelas Laporan ............................................................................. 55

Gambar 4.15 : Kelas Berita ................................................................................. 56

Gambar 4.16 : Kelas Kritik Saran ....................................................................... 56

Gambar 4.17 : Kelas Pengunjung Umum ........................................................... 57

Gambar 4.18 : Kelas Tabel Nilai.......................................................................... 57

Gambar 4.19 : Kelas parameter ........................................................................... 58

Gambar 4.20 : Class Diagram ............................................................................ 59

Gambar 4.21 : Sequence Diagram Pendaftaran .................................................. 60

Gambar 4.22 : Sequence Diagram Tes Online .................................................... 61

Gambar 4.23 : Sequence Diagram Jadwal Wawancara ...................................... 62

Gambar 4.24 : Sequence Diagram Hasil Seleksi ................................................ 63

Gambar 4.25 : Sequence Diagram Kandidat ....................................................... 64

Gambar 4.26 : Sequence Diagram Polling ......................................................... 65

Gambar 4.27 : Sequence Diagram Program Kerja .............................................. 65

Gambar 4.28 : Sequence Diagram Hasil Rapat .................................................. 66

Gambar 4.29 : Sequence Diagram Upload Laporan ........................................... 67

Gambar 4.30 : Sequence Diagram Download Laporan ...................................... 68

Gambar 4.31 : Sequence Diagram Berita ........................................................... 69

Gambar 4.32 : Sequence Diagram Kritik Saran ................................................. 70

Gambar 4.33 : Activity Pendaftaran .................................................................... 71

Gambar 4.34 : Activity Tes Online ...................................................................... 72

Gambar 4.35 : Activity Jadwal Wawancara ......................................................... 73

Gambar 4.36 : Activity Hasil Seleksi ................................................................... 74

Gambar 4.37 : Activity Kandidat ......................................................................... 75

Gambar 4.38 : Activity Polling ............................................................................ 76

Gambar 4.39 : Activity Program Kerja ................................................................ 77

Gambar 4.40 : Activity Hasil Rapat ..................................................................... 78

Gambar 4.41 : Activity Upload Laporan ............................................................. 79

Gambar 4.42 : Activity Download Laporan ......................................................... 80

Gambar 4.43 : Activity Berita .............................................................................. 81

Gambar 4.44 : Activity Kritik Saran .................................................................... 82

Gambar 4.45 : Statechart Tambah Calon Anggota ............................................. 83

Gambar 4.46 : Statechart Tes Online .................................................................. 83

Gambar 4.47 : Statechart Tambah Soal Tes Online ........................................... 84

Gambar 4.48 : Statechart Edit Soal Tes Online .................................................. 84

Gambar 4.49 : Statechart Hapus Soal Tes Online .............................................. 85

Gambar 4.50 : Statechart Tambah Jadwal Wawancara ...................................... 85

Gambar 4.51 : Statechart Edit Jadwal Wawancara ............................................. 86

Gambar 4.52 : Statechart Hapus Jadwal Wawancara ......................................... 86

Gambar 4.53 : Statechart Tambah Hasil Seleksi ................................................ 87

Gambar 4.54 : Statechart Edit Hasil Seleksi ...................................................... 87

Gambar 4.55 : Statechart Hapus Hasil Seleksi ................................................... 88

Gambar 4.56 : Statechart Tambah Kandidat ....................................................... 88

Gambar 4.57 : Statechart Edit Kandidat ............................................................. 89

Gambar 4.58 : Statechart Hapus Kandidat ......................................................... 89

Gambar 4.59 : Statechart Tambah Hasil Rapat .................................................. 90

Gambar 4.60 : Statechart Hapus Hasil Rapat ..................................................... 90

Gambar 4.61 : Statechart Tambah Upload Laporan ........................................... 91

Gambar 4.62 : Statechart Edit Upload ................................................................ 91

Gambar 4.63 : Statechart Hapus Upload Laporan .............................................. 92

Gambar 4.64 : Statechart Tambah Berita ........................................................... 92

Gambar 4.65 : Statechart Edit Berita .................................................................. 93

Gambar 4.66 : Statechart Hapus Berita .............................................................. 93

Gambar 4.67 : Statechart Hapus Kritik Saran .................................................... 94

Gambar 4.68 : Statechart Tambah Kritik Saran ................................................. 94

Gambar 4.69 : Statechart Tambah Polling ......................................................... 95

Gambar 4.70 : Statechart Unduh Download Laporan ........................................ 95

Gambar 4.71 : Statechart Tambah Program Kerja .............................................. 96

Gambar 4.72 : Statechart Edit Program Kerja .................................................... 97

Gambar 4.73 : Statechart Hapus Program Kerja ................................................ 97

Gambar 4.74 : Entity ............................................................................................ 98

Gambar 4.75 : Atributte ....................................................................................... 100

Gambar 4.76 : Relationship ................................................................................. 104

Gambar 4.77 : Cardinality Pendaftaran dan Tes Online ...................................... 104

Gambar 4.78 : Cardinality User dan Tes Online ................................................ 105

Gambar 4.79 : Cardinality User dan Jadwal Wawancara ................................... 105

Gambar 4.80 : Cardinality User dan Hasil seleksi ............................................. 105

Gambar 4.81 : Cardinality User dan Kandidat ................................................... 106

Gambar 4.82 : Cardinality User dan Polling ...................................................... 106

Gambar 4.83 : Cardinality User dan Program Kerja .......................................... 106

Gambar 4.84 : Cardinality User dan Hasil Rapat ............................................... 107

Gambar 4.85 : Cardinality User dan Laporan .................................................... 107

Gambar 4.86 : Cardinality user dan Pengunjung Umum .................................. 107

Gambar 4.87 : Cardinality user dan Kritik Saran ............................................... 108

Gambar 4.88 : Cardinality Pengunjung dan Kritik Saran ................................... 108

Gambar 4.89 : Cardinality user dan berita .......................................................... 108

Gambar 4.90 : Cardinality tes online dan Tabel_nilai ........................................ 109

Gambar 4.91 : Cardinality user dan Parameter .................................................. 109

Gambar 4.92 : ERD ............................................................................................ 110

Gambar 4.93 : Realsi Tabel ................................................................................ 124

Gambar 4.94 : Tampilan web .............................................................................. 125

Gambar 4.95 : Login ........................................................................................... 125

Gambar 4.96 : Pendaftaran .................................................................................. 126

Gambar 4.97 : Tes Online ................................................................................... 126

Gambar 4.98 : Jadwal Wawancara ...................................................................... 127

Gambar 4.99 : Hasil Seleksi ................................................................................ 127

Gambar 4.100 : Input Kandidat ............................................................................. 128

Gambar 4.101 : Polling ......................................................................................... 128

Gambar 4.102 : Program Kerja ............................................................................. 129

Gambar 4.103 : Hasil Rapat .................................................................................. 130

Gambar 4.104 : Laporan ....................................................................................... 130

Gambar 4.105 : Berita ........................................................................................... 131

Gambar 4.106 : Kritik Saran ................................................................................. 131

Gambar 4.107 : Pengunjung Umum ..................................................................... 132

Gambar 4.108 : Tampilan Data User .................................................................... 132

Gambar 4.109 : Tampilan Data Calon Anggota HMJ ........................................... 133

Gambar 4.110 : Tampil Data Soal ......................................................................... 133

Gambar 4.111 : Tampil Jadwal Wawancara ......................................................... 133

Gambar 4.112 : Tampil Hasil Seleksi ................................................................... 134

Gambar 4.113 : Tampil Kandidat .......................................................................... 134

Gambar 4.114 : Tampil Polling ............................................................................ 134

Gambar 4.115 : Tampil Program Kerja ................................................................. 134

Gambar 4.116 : Tampil Hasil Rapat ..................................................................... 135

Gambar 4.117 : Tampil Laporan ........................................................................... 135

Gambar 4.118 : Tampil Berita .............................................................................. 135

Gambar 4.119 : Tampil Kritik Saran ..................................................................... 136

Gambar 4.120 : Tampilan Pengunjung Umum ..................................................... 136

Gambar 5.1 : Tampilan Awal ............................................................................ 138

Gambar 5.2 : Tampilan Berita ........................................................................... 139

Gambar 5.3 : Tampilan Hasil Rapat .................................................................. 140

Gambar 5.4 : Tampilan Hasil Seleksi ............................................................... 141

Gambar 5.5 : Tampilan Jadwal Wawancara ..................................................... 142

Gambar 5.6 : Tampilan Kritik Saran ................................................................. 143

Gambar 5.7 : Tampilan Input Kritik Saran ....................................................... 143

Gambar 5.8 : Tampilan Login Polling .............................................................. 144

Gambar 5.9 : Tampil Halaman Polling ............................................................. 145

Gambar 5.10 : Tampil Hasil Polling ................................................................... 145

Gambar 5.11 : Tampil Polling ............................................................................ 146

Gambar 5.12 : Tampilan Halaman Pendaftaran .................................................. 146

Gambar 5.13 : Tampilan Peringatan Pendaftaran Gagal ..................................... 147

Gambar 5.14 : Tampilan Peringatan Pendaftaran Berhasil ................................. 147

Gambar 5.15 : Tampilan Halaman Login Tes Onine .......................................... 148

Gambar 5.16 : Tampilan Halaman Awal Tes Online .......................................... 148

Gambar 5.17 : Tampilan Pengerjaan Soal Tes Online ........................................ 149

Gambar 5.18 : Tampilan Hasil Score Tes Online ................................................ 149

Gambar 5.19 : Tampilan Hasil Seleksi ............................................................... 150

Gambar 5.20 : Tampilan Login Sekretaris .......................................................... 150

Gambar 5.21 : Tampilan Halaman Sekretaris ..................................................... 151

Gambar 5.22 : Tampilan Data Soal Tes Online ................................................. 151

Gambar 5.23 : Tampilan Tambah Soal Tes Online ............................................ 152

Gambar 5.24 : Tampilan Edit Soal Tes Online ................................................... 152

Gambar 5.25 : Tampilan Hapus Soal Tes Online ............................................... 153

Gambar 5.26 : Tampilan Data Kandidat ............................................................. 153

Gambar 5.27 : Tampilan Input Kandidat ............................................................ 154

Gambar 5.28 : Tampil Ubah Kandidat ................................................................. 155

Gambar 5.2 : Tampilan Hapus Kandidat ........................................................... 155

DAFTAR LAMPIRAN

Lampiran 1 : Surat Keterangan (Himpunan Mahasiswa Jurusan Sistem Informasi)

Lampiran 2 : Lembar Konsultasi Skripsi

Lampiran 3 : Lembar Biografi Penulis

72