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

Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

  • Upload
    others

  • View
    15

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

i

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

Page 2: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

ii

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, Juni 2013

Menyetujui :

Pembimbing I Pembimbing II

Andy Prasetyo Utomo, S.Kom, MT Nanik Susanti, S.Kom

Page 3: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

iii

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, Juli 2013

Penguji Utama Penguji I Penguji II

Eko Darmanto, S.Kom, M.Cs Diana Laily Fithri, M.Kom Putri Kurnia Handayani, S.Kom

Mengetahui :

Dekan Fakultas Teknik

Rochmad Winarso, ST, MT

Page 4: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

iv

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

Page 5: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

v

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 Universitas

Muria Kudus.

Page 6: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

vi

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

Page 7: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

vii

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.

Page 8: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

viii

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

Page 9: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

ix

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

Page 10: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

x

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

Page 11: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

xi

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

Page 12: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

xii

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

Page 13: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

xiii

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

Page 14: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

xiv

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

Page 15: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

xv

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

Page 16: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

xvi

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

Page 17: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

xvii

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

Page 18: Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan dan Peningkatan ... · 2014-02-19 · i LAPORAN SKRIPSI Sistem Tes Potensi Akademik (TPA) Berbasis Web untuk Pelatihan

xviii

DAFTAR LAMPIRAN

Lampiran 1 : Fotokopi Buku Bimbingan

Lampiran 2 : Biografi Penyusun