Welcome to Repositori Universitas Muria Kudus - Repositori Universitas Muria Kudus
LAPORAN SKRIPSI
Sistem Tes Potensi Akademik (TPA) Berbasis Web
untuk Pelatihan dan Peningkatan Penguasaan Materi
Potensi Akademik
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
: Muhammad Abduh Ibnu Said
NIM
: 2007-53-055
Program Studi
: Sistem Informasi
Fakultas
: Teknik
UNIVERSITAS MURIA KUDUS
KUDUS
2013
i
HALAMAN PERSETUJUAN
Nama Pelaksana Skripsi
:
Muhammad Abduh Ibnu Said
Nomor Induk Mahasiswa (NIM)
:
2007-53-055
Bidang Studi
:
Sistem Informasi (S-1)
Judul Skripsi
:
Sistem Tes Potensi Akademik (TPA)
Berbasis
Web
untuk
Pelatihan
dan
Peningkatan Penguasaan Materi Potensi
Akademik
Pembimbing I
:
Andy Prasetyo Utomo, S.Kom, MT
Pembimbing II
:
Nanik Susanti, S.Kom
Telah disetujui oleh Tim Pembimbing
untuk diuji
Kudus,
Menyetujui :
Pembimbing I
Pembimbing II
Andy Prasetyo Utomo, S.Kom, MT
Nanik Susanti, S.Kom
ii
Juni 2013
HALAMAN PENGESAHAN
Nama Pelaksana Skripsi
:
Muhammad Abduh Ibnu Said
Nomor Induk Mahasiswa (NIM)
:
2007-53-055
Bidang Studi
:
Sistem Informasi (S-1)
Judul Skripsi
:
Sistem Tes Potensi Akademik (TPA)
Berbasis
Web
untuk
Pelatihan
dan
Peningkatan Penguasaan Materi Potensi
Akademik
Pembimbing I
:
Andy Prasetyo Utomo, S.Kom, MT
Pembimbing II
:
Nanik Susanti, S.Kom
Telah diujikan pada ujian sarjana, 4 Juli 2013
dan dinyatakan LULUS
Kudus,
Penguji Utama
Penguji I
Eko Darmanto, S.Kom, M.Cs
Diana Laily Fithri, M.Kom
Mengetahui :
Dekan Fakultas Teknik
Rochmad Winarso, ST, MT
iii
Juli 2013
Penguji II
Putri Kurnia Handayani, S.Kom
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH
UNTUK KEPENTINGAN AKADEMIS
Yang bertanda tangan di bawah ini, saya :
Nama
: Muhammad Abduh Ibnu Said
NIM
: 2007-53-055
Program Studi / Jenjang
: Sistem Informasi / Strata Satu (S1)
Jenis Karya
: Skripsi
Demi pengembangan ilmu pengetahuan dengan ini menyetujui untuk memberikan
izin kepada pihak Program Studi Sistem Informasi Fakultas Teknik Universitas
Muria Kudus Hak Bebas Royalti Non-Eksklusif (Non-exclusive Royalty Free
Rights) atas karya ilmiah saya yang berjudul “Sistem Tes Potensi Akademik
(TPA) Berbasis Web untuk Pelatihan dan Peningkatan Penguasaan Materi
Potensi Akademik” beserta perangkat yang diperlukan (apabila ada).
Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Universitas Muria Kudus
berhak menyimpan, mengalih-media atau bentuk-kan, pengelolaannya dalam
pangkalan
data
(database),
mendistribusikan
dan
menampilkan
atau
mempublikasikannya di internet atau media lain untuk kepentingan akademis
tanpa perlu meminta izin dari saya.
Saya bersedia untuk menanggung secara pribadi tanpa melibatkan pihak
Universitas Muria Kudus, segala bentuk tuntutan hukum yang timbul atas
pelanggaran Hak Cipta dalam karya ilmiah saya ini.
Demikian surat pernyataan ini saya buat dengan sebenarnya.
Kudus, 30 September 2013
Yang menyatakan,
Muhammad Abduh Ibnu Said
iv
MOTTO DAN PERSEMBAHAN
MOTTO
From Anas, The Prophet said: “Make things easy, and don’t make them difficult,
and give good tidings and do not make people run away. (Bukhari)
Pencapaianku di sepanjang masa ditunjang oleh 1% bakat dan 99% kerja keras.
(Thomas Alva Edison)
Semakin tinggi pohon, semakin kencang angin menerjang. (Anonim)
PERSEMBAHAN
Skripsi
ini
penyusun
persembahkan
kepada :
1.
Orangtuaku, Abdul Said (alm) dan
Anis Sri Mulyati.
2.
Adik-adikku
(Khalif,
Mona,
Amru).
3.
Keluarga besar Soekislan Effendie
dan Jastro Moeri.
4.
Civitas
Akademika
Muria Kudus.
v
Universitas
RINGKASAN
Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan
Peningkatan Penguasaan Materi Potensi Akademik membahas mengenai
pembangunan sistem yang membantu para calon peserta Tes Potensi Akademik
yang ingin menguji kemampuannya dalam memecahkan soal-soal Tes Potensi
Akademik (TPA). Selain itu dengan menggunakan sistem ini diharapkan para
calon peserta Tes Potensi Akademik dapat mengalami peningkatan penguasaan
materi sehingga mampu mempersiapkan diri sebelum menghadapi tes yang
sebenarnya.
Kata Kunci : Sistem, Tes Potensi Akademik, Web, Ujian Online
vi
KATA PENGANTAR
Puji syukur penyusun panjatkan kepada ALLAH Subhanahu wa Ta’ala
Tuhan seru sekalian alam atas limpahan rahmat, hidayah, serta inayahNya
sehingga dapat menyelesaikan segala sesuatu dengan baik dan lancar. Sholawat
dan salam penyusun haturkan kepada Nabi Besar Muhammad Shalallahu ‘Alaihi
Wassalam, panutan dan suri teladan yang terbaik.
Penyusunan skripsi ini merupakan salah satu syarat untuk menyelesaikan
pendidikan di Program Studi Sistem Informasi jenjang S-1 pada Fakultas Teknik
Universitas Muria Kudus.
Pada kesempatan ini, penyusun ingin mengucapkan terima kasih yang
sebesar-besarnya kepada :
1.
Bapak Prof. Dr. dr. Sarjadi, Sp. PA selaku Rektor Universitas Muria Kudus.
2.
Bapak Rochmad Winarso, ST, MT selaku Dekan Fakultas Teknik
3.
Bapak R. Rhoedy Setiawan, M.Kom selaku Kepala Program Studi Sistem
Informasi.
4.
Bapak Andy Prasetyo Utomo, S.Kom, MT selaku Pembimbing I yang telah
meluangkan waktu, fikiran dan wawasannya selama bimbingan.
5.
Ibu Nanik Susanti, S.Kom selaku Pembimbing II dan Koordinator Skripsi
yang telah meluangkan waktu, memberikan pencerahan dan wawasannya
selama bimbingan.
6.
Bapak Eko Darmanto, S.Kom, M.Cs selaku Penguji Utama.
7.
Ibu Diana Laily Fithri, M.Kom selaku Penguji I.
8.
Ibu Putri Kurnia Handayani, S.Kom selaku Penguji II.
9.
Bapak Yudie Irawan, M.Kom selaku Dosen Wali.
10.
Staf Pengajar dan Karyawan Progdi Sistem Informasi, terima kasih atas
ilmu dan pengalamannya semoga dapat saya amalkan.
11.
Orangtua dan adik-adikku terkasih atas dukungan dan kasih sayangnya.
12.
Rekan-rekan mahasiswa Sistem Informasi khususnya Angkatan 2007.
vii
13.
Dan seluruh pihak yang tidak dapat penyusun sebutkan satu demi satu yang
telah membantu pelaksanaan skripsi ini.
Penyusun menyadari skripsi ini sangatlah jauh dari sempurna. Oleh
karena itu, kritik dan saran yang membangun sangat penyusun harapkan demi
perbaikan dan kemajuan skripsi ini pada khususnya dan pendidikan pada
umumnya. Semoga bermanfaat.
Kudus,
Juli 2013
Penyusun
viii
DAFTAR ISI
HALAMAN JUDUL........................................................................................ i
HALAMAN PERSETUJUAN ......................................................................... ii
HALAMAN PENGESAHAN.......................................................................... iii
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI ILMIAH............... iv
MOTTO DAN PERSEMBAHAN ................................................................... v
RINGKASAN .................................................................................................. vi
KATA PENGANTAR ..................................................................................... vii
DAFTAR ISI .................................................................................................... viii
DAFTAR TABEL ............................................................................................ xii
DAFTAR GAMBAR ....................................................................................... xiii
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 ............................................................................. 3
1.6. Tinjauan Pustaka ........................................................................... 3
1.7. Metodologi Penelitian ................................................................... 4
1.7.1. Metode Pengumpulan Data ............................................... 4
1.7.2. Metode Pengembangan Sistem ......................................... 5
1.7.3. Metode Rekayasa Perangkat Lunak .................................. 6
1.8. Sistematika Penulisan.................................................................... 6
BAB II LANDASAN TEORI .......................................................................... 8
2.1. Konsep Dasar Sistem .................................................................... 8
2.1.1. Pengertian Sistem .............................................................. 8
2.2. Konsep Dasar Informasi ................................................................ 8
2.2.1. Pengertian Data ................................................................. 8
2.2.2. Kebutuhan Informasi ......................................................... 9
ix
2.2.3. Kualitas Informasi ............................................................. 9
2.2.4. Nilai Informasi .................................................................. 10
2.3. Konsep Dasar Sistem Komputer ................................................... 10
2.4. Konsep Dasar Sistem Informasi .................................................... 11
2.4.1. Pengertian Sistem Informasi ............................................. 11
2.4.2. Komponen Sistem Informasi ............................................. 11
2.5. Tes Potensi Akademik ................................................................... 12
2.6. Unified Modelling Language (UML) ............................................ 12
2.6.1. Diagram UML ................................................................... 13
2.6.2. Class Diagram................................................................... 14
2.6.3. Use Case Diagram ............................................................ 16
2.6.4. Sequence Diagram ............................................................ 18
2.6.5. Activity Diagram ............................................................... 21
2.6.6. State Machine Diagram..................................................... 23
2.7. Basis Data...................................................................................... 24
2.7.1. Structured Query Language (SQL) ................................... 24
2.7.2. Komponen SQL................................................................. 24
2.7.3. Database Management System (DBMS) ........................... 25
2.8. Entity Relationship Diagram (ERD) ............................................. 25
2.8.1. Komponen pada ERD ........................................................ 25
2.8.2. Derajat Relasi .................................................................... 27
2.8.3. Rasio Kardinalitas ............................................................. 28
2.8.4. Participation Constraint.................................................... 29
2.8.5. Weak Entity........................................................................ 30
2.8.6. Transformasi ERD ke Basis Data Relasional .................... 30
BAB III ANALISIS DAN PERANCANGAN ................................................ 32
3.1. Analisis Permasalahan................................................................... 32
3.2. Analisis Kebutuhan Data dan Informasi ....................................... 32
3.3. Analisis Kebutuhan Perangkat Lunak ........................................... 33
3.3.1. Kebutuhan Perangkat Keras .............................................. 33
3.3.2. Kebutuhan Perangkat Lunak ............................................. 33
x
3.4. Pemodelan Sistem ......................................................................... 33
3.4.1. Analisis Aktor.................................................................... 33
3.4.2. Proses Bisnis...................................................................... 34
3.4.3. Perancangan Use Case Diagram ....................................... 35
3.4.4. Skenario Use Case............................................................. 36
3.4.5. Analisis Kelas .................................................................... 48
3.4.6. Perancangan Class Diagram ............................................. 51
3.4.7. Perancangan Sequence Diagram ....................................... 51
3.4.8. Perancangan Activity Diagram .......................................... 58
3.4.9. Perancangan State Diagram .............................................. 68
3.5. Entity Relationship Diagram (ERD) ............................................. 75
3.6. Perancangan Basis Data ................................................................ 77
3.7. Perancangan Antarmuka (Interface) ............................................. 80
3.7.1. Desain Struktur Menu ....................................................... 81
3.7.2. Desain Halaman dan Form ................................................ 82
BAB IV PEMBAHASAN DAN IMPLEMENTASI ....................................... 90
4.1. Kebutuhan Implementasi............................................................... 90
4.1.1. Kebutuhan Perangkat Lunak (Software) ........................... 90
4.1.2. Kebutuhan Perangkat Keras (Hardware) .......................... 90
4.1.3. Kebutuhan Sumberdaya Manusia (Brainware) ................. 91
4.2. Tampilan Halaman ........................................................................ 91
4.2.1. Halaman Utama ................................................................. 91
4.2.2. Halaman Administrator ..................................................... 93
4.2.3. Halaman Tes ...................................................................... 103
BAB V PENUTUP ........................................................................................... 106
DAFTAR PUSTAKA ...................................................................................... 107
LAMPIRAN ..................................................................................................... 109
xi
DAFTAR TABEL
Tabel 3.1. Proses Bisnis ................................................................................. 34
Tabel 3.2. Alur Optimistik Use Case Kelola Kategori Soal .......................... 36
Tabel 3.3. Alur Pesimistik Use Case Kelola Kategori Soal ........................... 38
Tabel 3.4. Alur Optimistik Use Case Kelola Soal ......................................... 39
Tabel 3.5. Alur Pesimistik Use Case Kelola Soal .......................................... 40
Tabel 3.6. Alur Optimistik Use Case Kelola Testimoni ................................ 41
Tabel 3.7. Alur Pesimistik Use Case Kelola Testimoni ................................. 42
Tabel 3.8. Alur Optimistik Use Case Kelola Akun ........................................ 43
Tabel 3.9. Alur Pesimistik Use Case Kelola Akun ........................................ 44
Tabel 3.10. Alur Optimistik Use Case Memilih Tes ........................................ 44
Tabel 3.11. Alur Pesimistik Use Case Memilih Tes ........................................ 45
Tabel 3.12. Alur Optimistik Use Case Mengerjakan Tes ................................ 45
Tabel 3.13. Alur Pesimistik Use Case Mengerjakan Tes ................................. 46
Tabel 3.14. Alur Optimistik Use Case Melihat Hasil Tes................................ 47
Tabel 3.15. Alur Pesimistik Use Case Melihat Hasil Tes ................................ 47
Tabel 3.16. Alur Optimistik Use Case Membuat Testimoni ............................ 48
Tabel 3.17. Alur Pesimistik Use Case Membuat Testimoni ............................ 48
Tabel 3.18. Struktur Tabel admin ..................................................................... 77
Tabel 3.19. Struktur Tabel kategori.................................................................. 78
Tabel 3.20. Struktur Tabel soal ........................................................................ 78
Tabel 3.21. Struktur Tabel testimoni ................................................................ 79
xii
DAFTAR GAMBAR
Gambar 2.1
Pengolahan Data menjadi Informasi ........................................ 9
Gambar 2.2. Kelas ......................................................................................... 14
Gambar 2.3. Antarmuka ................................................................................ 15
Gambar 2.4. Asosiasi..................................................................................... 15
Gambar 2.5. Asosiasi Berarah ....................................................................... 15
Gambar 2.6. Generalisasi .............................................................................. 15
Gambar 2.7. Kebergantungan ........................................................................ 16
Gambar 2.8. Agregasi .................................................................................... 16
Gambar 2.9. Use Case ................................................................................... 16
Gambar 2.10. Aktor ......................................................................................... 17
Gambar 2.11. Asosiasi..................................................................................... 17
Gambar 2.12. Ekstensi..................................................................................... 17
Gambar 2.13. Include ...................................................................................... 18
Gambar 2.14. Generalisasi .............................................................................. 18
Gambar 2.15. Aktor ......................................................................................... 19
Gambar 2.16. Garis Hidup .............................................................................. 19
Gambar 2.17. Objek ........................................................................................ 19
Gambar 2.18. Waktu Aktif .............................................................................. 19
Gambar 2.19. Pesan Tipe Create..................................................................... 20
Gambar 2.20. Pesan Tipe Call......................................................................... 20
Gambar 2.21. Pesan Tipe Send ........................................................................ 20
Gambar 2.22. Pesan Tipe Return..................................................................... 20
Gambar 2.23. Pesan Tipe Destroy ................................................................... 21
Gambar 2.24. Status Awal ............................................................................... 21
Gambar 2.25. Aktivitas ................................................................................... 21
Gambar 2.26. Percabangan .............................................................................. 22
Gambar 2.27. Penggabungan........................................................................... 22
Gambar 2.28. Status Akhir .............................................................................. 22
Gambar 2.29. Swimlane................................................................................... 22
xiii
Gambar 2.30. Start .......................................................................................... 23
Gambar 2.31. End ............................................................................................ 23
Gambar 2.32. Event ......................................................................................... 23
Gambar 2.33. State .......................................................................................... 24
Gambar 2.34. Entitas ....................................................................................... 26
Gambar 2.35. Atribut....................................................................................... 26
Gambar 2.36. Atribut Kunci Primer ................................................................ 26
Gambar 2.37. Atribut Banyak Nilai ................................................................ 26
Gambar 2.38. Relasi ........................................................................................ 27
Gambar 2.39. Asosiasi..................................................................................... 27
Gambar 2.40. Relasi Derajat Satu ................................................................... 27
Gambar 2.41. Relasi Derajat Dua .................................................................... 27
Gambar 2.42. Relasi Derajat Tiga ................................................................... 28
Gambar 2.43. Relasi one-to-many ................................................................... 28
Gambar 2.44. Relasi one-to-one ...................................................................... 28
Gambar 2.45. Relasi many-to-many ................................................................ 29
Gambar 2.46. Contoh Relasi Total Participation............................................ 29
Gambar 2.47. Contoh Relasi Partial Participation......................................... 29
Gambar 3.1. Use Case Diagram ................................................................... 35
Gambar 3.2. Kelas Admin ............................................................................. 49
Gambar 3.3. Kelas Kategori Soal .................................................................. 49
Gambar 3.4. Kelas Soal ................................................................................. 50
Gambar 3.5. Kelas Testimoni ........................................................................ 50
Gambar 3.6. Class Diagram .......................................................................... 51
Gambar 3.7. Sequence Diagram Kelola Kategori Soal ................................. 52
Gambar 3.8. Sequence Diagram Kelola Soal ................................................ 53
Gambar 3.9. Sequence Diagram Kelola Akun .............................................. 54
Gambar 3.10. Sequence Diagram Kelola Testimoni ....................................... 55
Gambar 3.11. Sequence Diagram Memilih Tes .............................................. 56
Gambar 3.12. Sequence Diagram Mengerjakan Tes ....................................... 56
Gambar 3.13. Sequence Diagram Melihat Hasil Tes ...................................... 57
xiv
Gambar 3.14. Sequence Diagram Membuat Testimoni .................................. 57
Gambar 3.15. Activity Diagram Tambah Kategori Soal ................................. 58
Gambar 3.16. Activity Diagram Lihat Kategori Soal ...................................... 58
Gambar 3.17. Activity Diagram Ubah Kategori Soal ...................................... 59
Gambar 3.18. Activity Diagram Hapus Kategori Soal .................................... 59
Gambar 3.19. Activity Diagram Pencarian Kategori Soal............................... 60
Gambar 3.20. Activity Diagram Tambah Soal ................................................ 60
Gambar 3.21. Activity Diagram Lihat Soal ..................................................... 61
Gambar 3.22. Activity Diagram Ubah Soal ..................................................... 61
Gambar 3.23. Activity Diagram Hapus Soal ................................................... 62
Gambar 3.24. Activity Diagram Detail Soal.................................................... 62
Gambar 3.25. Activity Diagram Pencarian Soal.............................................. 63
Gambar 3.26. Activity Diagram Kelola Akun ................................................. 63
Gambar 3.27. Activity Diagram Lihat Testimoni ............................................ 64
Gambar 3.28. Activity Diagram Ubah Testimoni............................................ 64
Gambar 3.29. Activity Diagram Hapus Testimoni .......................................... 65
Gambar 3.30. Activity Diagram Detail Testimoni .......................................... 65
Gambar 3.31. Activity Diagram Pencarian Testimoni .................................... 66
Gambar 3.32. Activity Diagram Memilih Tes ................................................. 66
Gambar 3.33. Activity Diagram Mengerjakan Tes.......................................... 67
Gambar 3.34. Activity Diagram Melihat Hasil Tes ......................................... 67
Gambar 3.35. Activity Diagram Membuat Testimoni ..................................... 68
Gambar 3.36. State Diagram Tambah Kategori Soal ..................................... 68
Gambar 3.37. State Diagram Lihat Kategori Soal .......................................... 69
Gambar 3.38. State Diagram Ubah Kategori Soal .......................................... 69
Gambar 3.39. State Diagram Hapus Kategori Soal ........................................ 69
Gambar 3.40. State Diagram Pencarian Kategori Soal ................................... 70
Gambar 3.41. State Diagram Tambah Soal .................................................... 70
Gambar 3.42. State Diagram Lihat Soal ......................................................... 70
Gambar 3.43. State Diagram Ubah Soal ......................................................... 71
Gambar 3.44. State Diagram Hapus Soal ....................................................... 71
xv
Gambar 3.45. State Diagram Detail Soal ........................................................ 71
Gambar 3.46. State Diagram Pencarian Soal .................................................. 72
Gambar 3.47. State Diagram Kelola Akun ..................................................... 72
Gambar 3.48. State Diagram Lihat Testimoni ................................................ 72
Gambar 3.49. State Diagram Ubah Testimoni ................................................ 73
Gambar 3.50. State Diagram Hapus Testimoni .............................................. 73
Gambar 3.51. State Diagram Detail Testimoni............................................... 73
Gambar 3.52. State Diagram Pencarian Testimoni ......................................... 74
Gambar 3.53. State Diagram Memilih Tes ..................................................... 74
Gambar 3.54. State Diagram Mengerjakan Tes .............................................. 74
Gambar 3.55. State Diagram Melihat Hasil Tes ............................................. 75
Gambar 3.56. State Diagram Membuat Testimoni ......................................... 75
Gambar 3.57. Perancangan ERD ..................................................................... 76
Gambar 3.58. Struktur Menu Publik ............................................................... 81
Gambar 3.59. Struktur Menu Administrator ................................................... 81
Gambar 3.60. Halaman Depan ........................................................................ 82
Gambar 3.61. Halaman Tes ............................................................................. 82
Gambar 3.62. Halaman Hasil Tes ................................................................... 83
Gambar 3.63. Halaman Buat Testimoni .......................................................... 83
Gambar 3.64. Halaman Login Administrator .................................................. 84
Gambar 3.65. Halaman Ubah Sandi Administrator ........................................ 84
Gambar 3.66. Halaman Lihat Kategori Soal ................................................... 85
Gambar 3.67. Halaman Tambah Kategori Soal .............................................. 85
Gambar 3.68. Halaman Lihat Soal .................................................................. 86
Gambar 3.69. Halaman Detail Soal ................................................................. 87
Gambar 3.70. Halaman Tambah Soal ............................................................. 88
Gambar 3.71. Halaman Lihat Testimoni ......................................................... 89
Gambar 3.72. Halaman Detail Testimoni ........................................................ 89
Gambar 4.1. Halaman Beranda ..................................................................... 91
Gambar 4.2. Halaman Informasi ................................................................... 92
Gambar 4.3. Halaman Tentang Kami ............................................................ 92
xvi
Gambar 4.4. Halaman Login ......................................................................... 93
Gambar 4.5. Halaman Beranda Administrator .............................................. 93
Gambar 4.6. Menu Konfigurasi Timer .......................................................... 94
Gambar 4.7. Halaman Atur Timer ................................................................. 94
Gambar 4.8. Menu Konfigurasi Jumlah Maks Soal ...................................... 95
Gambar 4.9. Halaman Setting Jumlah Maksimal Soal .................................. 95
Gambar 4.10. Halaman Ubah Sandi ................................................................ 95
Gambar 4.11. Halaman Kategori Soal............................................................. 96
Gambar 4.12. Halaman Tambah Kategori Soal .............................................. 96
Gambar 4.13. Halaman Ubah Kategori Soal ................................................... 97
Gambar 4.14. Halaman Hapus Kategori Soal ................................................. 97
Gambar 4.15. Halaman Pencarian Kategori Soal ............................................ 98
Gambar 4.16. Halaman Soal............................................................................ 98
Gambar 4.17. Halaman Tambah Soal ............................................................. 99
Gambar 4.18. Halaman Unggah Gambar ........................................................ 99
Gambar 4.19. Halaman Detail Soal................................................................. 100
Gambar 4.20. Halaman Ubah Soal .................................................................. 100
Gambar 4.21. Menu Hapus Soal ..................................................................... 101
Gambar 4.22. Halaman Pencarian Soal ........................................................... 101
Gambar 4.23. Halaman Testimoni .................................................................. 102
Gambar 4.24. Halaman Detail Testimoni ....................................................... 102
Gambar 4.25. Halaman Ubah Testimoni ......................................................... 103
Gambar 4.26. Menu Hapus Testimoni ............................................................ 103
Gambar 4.27. Halaman Pilih Tes .................................................................... 104
Gambar 4.28. Halaman Mengerjakan Tes ....................................................... 104
Gambar 4.29 Halaman Hasil Tes ................................................................... 105
Gambar 4.30. Halaman Buat Testimoni .......................................................... 105
xvii
DAFTAR LAMPIRAN
Lampiran 1 : Fotokopi Buku Bimbingan
Lampiran 2 : Biografi Penyusun
xviii
Sistem Tes Potensi Akademik (TPA) Berbasis Web
untuk Pelatihan dan Peningkatan Penguasaan Materi
Potensi Akademik
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
: Muhammad Abduh Ibnu Said
NIM
: 2007-53-055
Program Studi
: Sistem Informasi
Fakultas
: Teknik
UNIVERSITAS MURIA KUDUS
KUDUS
2013
i
HALAMAN PERSETUJUAN
Nama Pelaksana Skripsi
:
Muhammad Abduh Ibnu Said
Nomor Induk Mahasiswa (NIM)
:
2007-53-055
Bidang Studi
:
Sistem Informasi (S-1)
Judul Skripsi
:
Sistem Tes Potensi Akademik (TPA)
Berbasis
Web
untuk
Pelatihan
dan
Peningkatan Penguasaan Materi Potensi
Akademik
Pembimbing I
:
Andy Prasetyo Utomo, S.Kom, MT
Pembimbing II
:
Nanik Susanti, S.Kom
Telah disetujui oleh Tim Pembimbing
untuk diuji
Kudus,
Menyetujui :
Pembimbing I
Pembimbing II
Andy Prasetyo Utomo, S.Kom, MT
Nanik Susanti, S.Kom
ii
Juni 2013
HALAMAN PENGESAHAN
Nama Pelaksana Skripsi
:
Muhammad Abduh Ibnu Said
Nomor Induk Mahasiswa (NIM)
:
2007-53-055
Bidang Studi
:
Sistem Informasi (S-1)
Judul Skripsi
:
Sistem Tes Potensi Akademik (TPA)
Berbasis
Web
untuk
Pelatihan
dan
Peningkatan Penguasaan Materi Potensi
Akademik
Pembimbing I
:
Andy Prasetyo Utomo, S.Kom, MT
Pembimbing II
:
Nanik Susanti, S.Kom
Telah diujikan pada ujian sarjana, 4 Juli 2013
dan dinyatakan LULUS
Kudus,
Penguji Utama
Penguji I
Eko Darmanto, S.Kom, M.Cs
Diana Laily Fithri, M.Kom
Mengetahui :
Dekan Fakultas Teknik
Rochmad Winarso, ST, MT
iii
Juli 2013
Penguji II
Putri Kurnia Handayani, S.Kom
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH
UNTUK KEPENTINGAN AKADEMIS
Yang bertanda tangan di bawah ini, saya :
Nama
: Muhammad Abduh Ibnu Said
NIM
: 2007-53-055
Program Studi / Jenjang
: Sistem Informasi / Strata Satu (S1)
Jenis Karya
: Skripsi
Demi pengembangan ilmu pengetahuan dengan ini menyetujui untuk memberikan
izin kepada pihak Program Studi Sistem Informasi Fakultas Teknik Universitas
Muria Kudus Hak Bebas Royalti Non-Eksklusif (Non-exclusive Royalty Free
Rights) atas karya ilmiah saya yang berjudul “Sistem Tes Potensi Akademik
(TPA) Berbasis Web untuk Pelatihan dan Peningkatan Penguasaan Materi
Potensi Akademik” beserta perangkat yang diperlukan (apabila ada).
Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Universitas Muria Kudus
berhak menyimpan, mengalih-media atau bentuk-kan, pengelolaannya dalam
pangkalan
data
(database),
mendistribusikan
dan
menampilkan
atau
mempublikasikannya di internet atau media lain untuk kepentingan akademis
tanpa perlu meminta izin dari saya.
Saya bersedia untuk menanggung secara pribadi tanpa melibatkan pihak
Universitas Muria Kudus, segala bentuk tuntutan hukum yang timbul atas
pelanggaran Hak Cipta dalam karya ilmiah saya ini.
Demikian surat pernyataan ini saya buat dengan sebenarnya.
Kudus, 30 September 2013
Yang menyatakan,
Muhammad Abduh Ibnu Said
iv
MOTTO DAN PERSEMBAHAN
MOTTO
From Anas, The Prophet said: “Make things easy, and don’t make them difficult,
and give good tidings and do not make people run away. (Bukhari)
Pencapaianku di sepanjang masa ditunjang oleh 1% bakat dan 99% kerja keras.
(Thomas Alva Edison)
Semakin tinggi pohon, semakin kencang angin menerjang. (Anonim)
PERSEMBAHAN
Skripsi
ini
penyusun
persembahkan
kepada :
1.
Orangtuaku, Abdul Said (alm) dan
Anis Sri Mulyati.
2.
Adik-adikku
(Khalif,
Mona,
Amru).
3.
Keluarga besar Soekislan Effendie
dan Jastro Moeri.
4.
Civitas
Akademika
Muria Kudus.
v
Universitas
RINGKASAN
Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan
Peningkatan Penguasaan Materi Potensi Akademik membahas mengenai
pembangunan sistem yang membantu para calon peserta Tes Potensi Akademik
yang ingin menguji kemampuannya dalam memecahkan soal-soal Tes Potensi
Akademik (TPA). Selain itu dengan menggunakan sistem ini diharapkan para
calon peserta Tes Potensi Akademik dapat mengalami peningkatan penguasaan
materi sehingga mampu mempersiapkan diri sebelum menghadapi tes yang
sebenarnya.
Kata Kunci : Sistem, Tes Potensi Akademik, Web, Ujian Online
vi
KATA PENGANTAR
Puji syukur penyusun panjatkan kepada ALLAH Subhanahu wa Ta’ala
Tuhan seru sekalian alam atas limpahan rahmat, hidayah, serta inayahNya
sehingga dapat menyelesaikan segala sesuatu dengan baik dan lancar. Sholawat
dan salam penyusun haturkan kepada Nabi Besar Muhammad Shalallahu ‘Alaihi
Wassalam, panutan dan suri teladan yang terbaik.
Penyusunan skripsi ini merupakan salah satu syarat untuk menyelesaikan
pendidikan di Program Studi Sistem Informasi jenjang S-1 pada Fakultas Teknik
Universitas Muria Kudus.
Pada kesempatan ini, penyusun ingin mengucapkan terima kasih yang
sebesar-besarnya kepada :
1.
Bapak Prof. Dr. dr. Sarjadi, Sp. PA selaku Rektor Universitas Muria Kudus.
2.
Bapak Rochmad Winarso, ST, MT selaku Dekan Fakultas Teknik
3.
Bapak R. Rhoedy Setiawan, M.Kom selaku Kepala Program Studi Sistem
Informasi.
4.
Bapak Andy Prasetyo Utomo, S.Kom, MT selaku Pembimbing I yang telah
meluangkan waktu, fikiran dan wawasannya selama bimbingan.
5.
Ibu Nanik Susanti, S.Kom selaku Pembimbing II dan Koordinator Skripsi
yang telah meluangkan waktu, memberikan pencerahan dan wawasannya
selama bimbingan.
6.
Bapak Eko Darmanto, S.Kom, M.Cs selaku Penguji Utama.
7.
Ibu Diana Laily Fithri, M.Kom selaku Penguji I.
8.
Ibu Putri Kurnia Handayani, S.Kom selaku Penguji II.
9.
Bapak Yudie Irawan, M.Kom selaku Dosen Wali.
10.
Staf Pengajar dan Karyawan Progdi Sistem Informasi, terima kasih atas
ilmu dan pengalamannya semoga dapat saya amalkan.
11.
Orangtua dan adik-adikku terkasih atas dukungan dan kasih sayangnya.
12.
Rekan-rekan mahasiswa Sistem Informasi khususnya Angkatan 2007.
vii
13.
Dan seluruh pihak yang tidak dapat penyusun sebutkan satu demi satu yang
telah membantu pelaksanaan skripsi ini.
Penyusun menyadari skripsi ini sangatlah jauh dari sempurna. Oleh
karena itu, kritik dan saran yang membangun sangat penyusun harapkan demi
perbaikan dan kemajuan skripsi ini pada khususnya dan pendidikan pada
umumnya. Semoga bermanfaat.
Kudus,
Juli 2013
Penyusun
viii
DAFTAR ISI
HALAMAN JUDUL........................................................................................ i
HALAMAN PERSETUJUAN ......................................................................... ii
HALAMAN PENGESAHAN.......................................................................... iii
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI ILMIAH............... iv
MOTTO DAN PERSEMBAHAN ................................................................... v
RINGKASAN .................................................................................................. vi
KATA PENGANTAR ..................................................................................... vii
DAFTAR ISI .................................................................................................... viii
DAFTAR TABEL ............................................................................................ xii
DAFTAR GAMBAR ....................................................................................... xiii
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 ............................................................................. 3
1.6. Tinjauan Pustaka ........................................................................... 3
1.7. Metodologi Penelitian ................................................................... 4
1.7.1. Metode Pengumpulan Data ............................................... 4
1.7.2. Metode Pengembangan Sistem ......................................... 5
1.7.3. Metode Rekayasa Perangkat Lunak .................................. 6
1.8. Sistematika Penulisan.................................................................... 6
BAB II LANDASAN TEORI .......................................................................... 8
2.1. Konsep Dasar Sistem .................................................................... 8
2.1.1. Pengertian Sistem .............................................................. 8
2.2. Konsep Dasar Informasi ................................................................ 8
2.2.1. Pengertian Data ................................................................. 8
2.2.2. Kebutuhan Informasi ......................................................... 9
ix
2.2.3. Kualitas Informasi ............................................................. 9
2.2.4. Nilai Informasi .................................................................. 10
2.3. Konsep Dasar Sistem Komputer ................................................... 10
2.4. Konsep Dasar Sistem Informasi .................................................... 11
2.4.1. Pengertian Sistem Informasi ............................................. 11
2.4.2. Komponen Sistem Informasi ............................................. 11
2.5. Tes Potensi Akademik ................................................................... 12
2.6. Unified Modelling Language (UML) ............................................ 12
2.6.1. Diagram UML ................................................................... 13
2.6.2. Class Diagram................................................................... 14
2.6.3. Use Case Diagram ............................................................ 16
2.6.4. Sequence Diagram ............................................................ 18
2.6.5. Activity Diagram ............................................................... 21
2.6.6. State Machine Diagram..................................................... 23
2.7. Basis Data...................................................................................... 24
2.7.1. Structured Query Language (SQL) ................................... 24
2.7.2. Komponen SQL................................................................. 24
2.7.3. Database Management System (DBMS) ........................... 25
2.8. Entity Relationship Diagram (ERD) ............................................. 25
2.8.1. Komponen pada ERD ........................................................ 25
2.8.2. Derajat Relasi .................................................................... 27
2.8.3. Rasio Kardinalitas ............................................................. 28
2.8.4. Participation Constraint.................................................... 29
2.8.5. Weak Entity........................................................................ 30
2.8.6. Transformasi ERD ke Basis Data Relasional .................... 30
BAB III ANALISIS DAN PERANCANGAN ................................................ 32
3.1. Analisis Permasalahan................................................................... 32
3.2. Analisis Kebutuhan Data dan Informasi ....................................... 32
3.3. Analisis Kebutuhan Perangkat Lunak ........................................... 33
3.3.1. Kebutuhan Perangkat Keras .............................................. 33
3.3.2. Kebutuhan Perangkat Lunak ............................................. 33
x
3.4. Pemodelan Sistem ......................................................................... 33
3.4.1. Analisis Aktor.................................................................... 33
3.4.2. Proses Bisnis...................................................................... 34
3.4.3. Perancangan Use Case Diagram ....................................... 35
3.4.4. Skenario Use Case............................................................. 36
3.4.5. Analisis Kelas .................................................................... 48
3.4.6. Perancangan Class Diagram ............................................. 51
3.4.7. Perancangan Sequence Diagram ....................................... 51
3.4.8. Perancangan Activity Diagram .......................................... 58
3.4.9. Perancangan State Diagram .............................................. 68
3.5. Entity Relationship Diagram (ERD) ............................................. 75
3.6. Perancangan Basis Data ................................................................ 77
3.7. Perancangan Antarmuka (Interface) ............................................. 80
3.7.1. Desain Struktur Menu ....................................................... 81
3.7.2. Desain Halaman dan Form ................................................ 82
BAB IV PEMBAHASAN DAN IMPLEMENTASI ....................................... 90
4.1. Kebutuhan Implementasi............................................................... 90
4.1.1. Kebutuhan Perangkat Lunak (Software) ........................... 90
4.1.2. Kebutuhan Perangkat Keras (Hardware) .......................... 90
4.1.3. Kebutuhan Sumberdaya Manusia (Brainware) ................. 91
4.2. Tampilan Halaman ........................................................................ 91
4.2.1. Halaman Utama ................................................................. 91
4.2.2. Halaman Administrator ..................................................... 93
4.2.3. Halaman Tes ...................................................................... 103
BAB V PENUTUP ........................................................................................... 106
DAFTAR PUSTAKA ...................................................................................... 107
LAMPIRAN ..................................................................................................... 109
xi
DAFTAR TABEL
Tabel 3.1. Proses Bisnis ................................................................................. 34
Tabel 3.2. Alur Optimistik Use Case Kelola Kategori Soal .......................... 36
Tabel 3.3. Alur Pesimistik Use Case Kelola Kategori Soal ........................... 38
Tabel 3.4. Alur Optimistik Use Case Kelola Soal ......................................... 39
Tabel 3.5. Alur Pesimistik Use Case Kelola Soal .......................................... 40
Tabel 3.6. Alur Optimistik Use Case Kelola Testimoni ................................ 41
Tabel 3.7. Alur Pesimistik Use Case Kelola Testimoni ................................. 42
Tabel 3.8. Alur Optimistik Use Case Kelola Akun ........................................ 43
Tabel 3.9. Alur Pesimistik Use Case Kelola Akun ........................................ 44
Tabel 3.10. Alur Optimistik Use Case Memilih Tes ........................................ 44
Tabel 3.11. Alur Pesimistik Use Case Memilih Tes ........................................ 45
Tabel 3.12. Alur Optimistik Use Case Mengerjakan Tes ................................ 45
Tabel 3.13. Alur Pesimistik Use Case Mengerjakan Tes ................................. 46
Tabel 3.14. Alur Optimistik Use Case Melihat Hasil Tes................................ 47
Tabel 3.15. Alur Pesimistik Use Case Melihat Hasil Tes ................................ 47
Tabel 3.16. Alur Optimistik Use Case Membuat Testimoni ............................ 48
Tabel 3.17. Alur Pesimistik Use Case Membuat Testimoni ............................ 48
Tabel 3.18. Struktur Tabel admin ..................................................................... 77
Tabel 3.19. Struktur Tabel kategori.................................................................. 78
Tabel 3.20. Struktur Tabel soal ........................................................................ 78
Tabel 3.21. Struktur Tabel testimoni ................................................................ 79
xii
DAFTAR GAMBAR
Gambar 2.1
Pengolahan Data menjadi Informasi ........................................ 9
Gambar 2.2. Kelas ......................................................................................... 14
Gambar 2.3. Antarmuka ................................................................................ 15
Gambar 2.4. Asosiasi..................................................................................... 15
Gambar 2.5. Asosiasi Berarah ....................................................................... 15
Gambar 2.6. Generalisasi .............................................................................. 15
Gambar 2.7. Kebergantungan ........................................................................ 16
Gambar 2.8. Agregasi .................................................................................... 16
Gambar 2.9. Use Case ................................................................................... 16
Gambar 2.10. Aktor ......................................................................................... 17
Gambar 2.11. Asosiasi..................................................................................... 17
Gambar 2.12. Ekstensi..................................................................................... 17
Gambar 2.13. Include ...................................................................................... 18
Gambar 2.14. Generalisasi .............................................................................. 18
Gambar 2.15. Aktor ......................................................................................... 19
Gambar 2.16. Garis Hidup .............................................................................. 19
Gambar 2.17. Objek ........................................................................................ 19
Gambar 2.18. Waktu Aktif .............................................................................. 19
Gambar 2.19. Pesan Tipe Create..................................................................... 20
Gambar 2.20. Pesan Tipe Call......................................................................... 20
Gambar 2.21. Pesan Tipe Send ........................................................................ 20
Gambar 2.22. Pesan Tipe Return..................................................................... 20
Gambar 2.23. Pesan Tipe Destroy ................................................................... 21
Gambar 2.24. Status Awal ............................................................................... 21
Gambar 2.25. Aktivitas ................................................................................... 21
Gambar 2.26. Percabangan .............................................................................. 22
Gambar 2.27. Penggabungan........................................................................... 22
Gambar 2.28. Status Akhir .............................................................................. 22
Gambar 2.29. Swimlane................................................................................... 22
xiii
Gambar 2.30. Start .......................................................................................... 23
Gambar 2.31. End ............................................................................................ 23
Gambar 2.32. Event ......................................................................................... 23
Gambar 2.33. State .......................................................................................... 24
Gambar 2.34. Entitas ....................................................................................... 26
Gambar 2.35. Atribut....................................................................................... 26
Gambar 2.36. Atribut Kunci Primer ................................................................ 26
Gambar 2.37. Atribut Banyak Nilai ................................................................ 26
Gambar 2.38. Relasi ........................................................................................ 27
Gambar 2.39. Asosiasi..................................................................................... 27
Gambar 2.40. Relasi Derajat Satu ................................................................... 27
Gambar 2.41. Relasi Derajat Dua .................................................................... 27
Gambar 2.42. Relasi Derajat Tiga ................................................................... 28
Gambar 2.43. Relasi one-to-many ................................................................... 28
Gambar 2.44. Relasi one-to-one ...................................................................... 28
Gambar 2.45. Relasi many-to-many ................................................................ 29
Gambar 2.46. Contoh Relasi Total Participation............................................ 29
Gambar 2.47. Contoh Relasi Partial Participation......................................... 29
Gambar 3.1. Use Case Diagram ................................................................... 35
Gambar 3.2. Kelas Admin ............................................................................. 49
Gambar 3.3. Kelas Kategori Soal .................................................................. 49
Gambar 3.4. Kelas Soal ................................................................................. 50
Gambar 3.5. Kelas Testimoni ........................................................................ 50
Gambar 3.6. Class Diagram .......................................................................... 51
Gambar 3.7. Sequence Diagram Kelola Kategori Soal ................................. 52
Gambar 3.8. Sequence Diagram Kelola Soal ................................................ 53
Gambar 3.9. Sequence Diagram Kelola Akun .............................................. 54
Gambar 3.10. Sequence Diagram Kelola Testimoni ....................................... 55
Gambar 3.11. Sequence Diagram Memilih Tes .............................................. 56
Gambar 3.12. Sequence Diagram Mengerjakan Tes ....................................... 56
Gambar 3.13. Sequence Diagram Melihat Hasil Tes ...................................... 57
xiv
Gambar 3.14. Sequence Diagram Membuat Testimoni .................................. 57
Gambar 3.15. Activity Diagram Tambah Kategori Soal ................................. 58
Gambar 3.16. Activity Diagram Lihat Kategori Soal ...................................... 58
Gambar 3.17. Activity Diagram Ubah Kategori Soal ...................................... 59
Gambar 3.18. Activity Diagram Hapus Kategori Soal .................................... 59
Gambar 3.19. Activity Diagram Pencarian Kategori Soal............................... 60
Gambar 3.20. Activity Diagram Tambah Soal ................................................ 60
Gambar 3.21. Activity Diagram Lihat Soal ..................................................... 61
Gambar 3.22. Activity Diagram Ubah Soal ..................................................... 61
Gambar 3.23. Activity Diagram Hapus Soal ................................................... 62
Gambar 3.24. Activity Diagram Detail Soal.................................................... 62
Gambar 3.25. Activity Diagram Pencarian Soal.............................................. 63
Gambar 3.26. Activity Diagram Kelola Akun ................................................. 63
Gambar 3.27. Activity Diagram Lihat Testimoni ............................................ 64
Gambar 3.28. Activity Diagram Ubah Testimoni............................................ 64
Gambar 3.29. Activity Diagram Hapus Testimoni .......................................... 65
Gambar 3.30. Activity Diagram Detail Testimoni .......................................... 65
Gambar 3.31. Activity Diagram Pencarian Testimoni .................................... 66
Gambar 3.32. Activity Diagram Memilih Tes ................................................. 66
Gambar 3.33. Activity Diagram Mengerjakan Tes.......................................... 67
Gambar 3.34. Activity Diagram Melihat Hasil Tes ......................................... 67
Gambar 3.35. Activity Diagram Membuat Testimoni ..................................... 68
Gambar 3.36. State Diagram Tambah Kategori Soal ..................................... 68
Gambar 3.37. State Diagram Lihat Kategori Soal .......................................... 69
Gambar 3.38. State Diagram Ubah Kategori Soal .......................................... 69
Gambar 3.39. State Diagram Hapus Kategori Soal ........................................ 69
Gambar 3.40. State Diagram Pencarian Kategori Soal ................................... 70
Gambar 3.41. State Diagram Tambah Soal .................................................... 70
Gambar 3.42. State Diagram Lihat Soal ......................................................... 70
Gambar 3.43. State Diagram Ubah Soal ......................................................... 71
Gambar 3.44. State Diagram Hapus Soal ....................................................... 71
xv
Gambar 3.45. State Diagram Detail Soal ........................................................ 71
Gambar 3.46. State Diagram Pencarian Soal .................................................. 72
Gambar 3.47. State Diagram Kelola Akun ..................................................... 72
Gambar 3.48. State Diagram Lihat Testimoni ................................................ 72
Gambar 3.49. State Diagram Ubah Testimoni ................................................ 73
Gambar 3.50. State Diagram Hapus Testimoni .............................................. 73
Gambar 3.51. State Diagram Detail Testimoni............................................... 73
Gambar 3.52. State Diagram Pencarian Testimoni ......................................... 74
Gambar 3.53. State Diagram Memilih Tes ..................................................... 74
Gambar 3.54. State Diagram Mengerjakan Tes .............................................. 74
Gambar 3.55. State Diagram Melihat Hasil Tes ............................................. 75
Gambar 3.56. State Diagram Membuat Testimoni ......................................... 75
Gambar 3.57. Perancangan ERD ..................................................................... 76
Gambar 3.58. Struktur Menu Publik ............................................................... 81
Gambar 3.59. Struktur Menu Administrator ................................................... 81
Gambar 3.60. Halaman Depan ........................................................................ 82
Gambar 3.61. Halaman Tes ............................................................................. 82
Gambar 3.62. Halaman Hasil Tes ................................................................... 83
Gambar 3.63. Halaman Buat Testimoni .......................................................... 83
Gambar 3.64. Halaman Login Administrator .................................................. 84
Gambar 3.65. Halaman Ubah Sandi Administrator ........................................ 84
Gambar 3.66. Halaman Lihat Kategori Soal ................................................... 85
Gambar 3.67. Halaman Tambah Kategori Soal .............................................. 85
Gambar 3.68. Halaman Lihat Soal .................................................................. 86
Gambar 3.69. Halaman Detail Soal ................................................................. 87
Gambar 3.70. Halaman Tambah Soal ............................................................. 88
Gambar 3.71. Halaman Lihat Testimoni ......................................................... 89
Gambar 3.72. Halaman Detail Testimoni ........................................................ 89
Gambar 4.1. Halaman Beranda ..................................................................... 91
Gambar 4.2. Halaman Informasi ................................................................... 92
Gambar 4.3. Halaman Tentang Kami ............................................................ 92
xvi
Gambar 4.4. Halaman Login ......................................................................... 93
Gambar 4.5. Halaman Beranda Administrator .............................................. 93
Gambar 4.6. Menu Konfigurasi Timer .......................................................... 94
Gambar 4.7. Halaman Atur Timer ................................................................. 94
Gambar 4.8. Menu Konfigurasi Jumlah Maks Soal ...................................... 95
Gambar 4.9. Halaman Setting Jumlah Maksimal Soal .................................. 95
Gambar 4.10. Halaman Ubah Sandi ................................................................ 95
Gambar 4.11. Halaman Kategori Soal............................................................. 96
Gambar 4.12. Halaman Tambah Kategori Soal .............................................. 96
Gambar 4.13. Halaman Ubah Kategori Soal ................................................... 97
Gambar 4.14. Halaman Hapus Kategori Soal ................................................. 97
Gambar 4.15. Halaman Pencarian Kategori Soal ............................................ 98
Gambar 4.16. Halaman Soal............................................................................ 98
Gambar 4.17. Halaman Tambah Soal ............................................................. 99
Gambar 4.18. Halaman Unggah Gambar ........................................................ 99
Gambar 4.19. Halaman Detail Soal................................................................. 100
Gambar 4.20. Halaman Ubah Soal .................................................................. 100
Gambar 4.21. Menu Hapus Soal ..................................................................... 101
Gambar 4.22. Halaman Pencarian Soal ........................................................... 101
Gambar 4.23. Halaman Testimoni .................................................................. 102
Gambar 4.24. Halaman Detail Testimoni ....................................................... 102
Gambar 4.25. Halaman Ubah Testimoni ......................................................... 103
Gambar 4.26. Menu Hapus Testimoni ............................................................ 103
Gambar 4.27. Halaman Pilih Tes .................................................................... 104
Gambar 4.28. Halaman Mengerjakan Tes ....................................................... 104
Gambar 4.29 Halaman Hasil Tes ................................................................... 105
Gambar 4.30. Halaman Buat Testimoni .......................................................... 105
xvii
DAFTAR LAMPIRAN
Lampiran 1 : Fotokopi Buku Bimbingan
Lampiran 2 : Biografi Penyusun
xviii