RANCANG BANGUN SIMULASI TES ONLINE CALON PEGAWAI NEGERI SIPIL (CPNS)

LAPORAN SKRIPSI

RANCANG BANGUN SIMULASI TES ONLINE CALON PEGAWAI
NEGERI SIPIL (CPNS)

Disusun Oleh :

Nama

: Imam Ahfas

NIM

: 2007 53 167

Program Studi

: Sistem Informasi

Fakultas


: Teknik

UNIVERSITAS MURIA KUDUS
KUDUS
2012

HALAMAN PERSETUJUAN

Nama

: Imam Ahfas

NIM

: 2007-53-167

Bidang Studi

: Sistem Informasi


Judul Skripsi

: Rancang Bangun Simulasi Tes Online Calon Pegawai
Negeri Sipil (CPNS)

Pembimbing I

: Pratomo Setiaji, M.Kom

Pembimbing II

: Nanik Susanti, S.Kom

Dilaksanakan

: Semester Genap Tahun 2011/2012

Telah Disetujui Oleh Pembimbing Untuk Penguji

Kudus,


Mei 2012

Yang Mengusulkan

Imam Ahfas

Menyetujui :

HALAMAN PENGESAHAN

Nama

: Imam Ahfas

NIM

: 2007 53 167

Bidang Studi


: Sistem Informasi

Judul Skripsi

: Rancang Bangun Simulasi Tes Online Calon Pegawai
Negeri Sipil (CPNS)

Pembimbing I

: Pratomo Setiaji, M.Kom

Pembimbing II

: Nanik Susanti, S.Kom

Dilaksanakan

: Semester Genap Tahun 2011/2012
Kudus, Juli 2011


Telah diujikan pada ujian sarjana, tanggal Juli 2011
Dan dinyatakan ____________

Kudus, Juli 2011

MOTTO DAN PERSEMBAHAN
“Selalu ada titik jalan keluar jika kita mau berusaha”
“Yakin dan optimis pada diri sendiri itulah kunci utama meraih kesuksesan”
“Jangan mengabaikan hal-hal yang kecil karena disitulah awal dari sebuah yang hal besar”

PERSEMBAHAN
Skripsi ini penulis persembahkan kepada:
1. Keluarga yang selalu memberikan support baik do’a maupun
dana.
2. Adik – adikku tersayang.
3. Keluarga kedua yang ada di kudus.
4. Almamater.

RINGKASAN

Laporan skripsi dengan judul ” Rancang Bangun Simulasi Tes Online Calon Pegawai
Negeri Sipil (CPNS)” telah dilaksanakan dengan tujuan untuk Sistem ini rencananya akan
dibangun untuk membantu persiapan Calon Pegawai Negeri Sipil dalam bidang materi ujian
pegawai negeri sipil. Sehingga memudahkan user untuk bisa melakukan tes, tanpa harus
membeli buku ujian atau bimbingan belajar lain yang mengeluarkan dana. Sistem Tes Online
yang gratis ini rencananya dilengkapi dengan semua kriteria soal ujian CPNS, yang meliputi
psikotes, pemerintahan, pendidikan, maupun ilmu pengetahuan umum.Sistem Informasi ini
dirancang dengan menggunakan pemodelan dengan UML Sedangkan bahasa pemrograman yang
digunakan adalah Dreamwaver 8.0 dan Xampp
Dengan adanya sistem ini, diharapkan dapat menjadi solusi untuk dijadikan media
pembelajaran yang mudah dan murah, karena user dihadapkan dengan latihan soal tentang ujian
untuk masuk CPNS berbasis web. User tinggal berhadapkan dengan komputer yang terhubung
dengan internet dan langsung menggunakan aplikasi ini dengan mudah dan gratis.

Kata Kunci : Simulasi Tes Online Calon Pegawai Negeri Sipil

KATA PENGANTAR

Puji syukur penulis panjatkan ke hadirat Allah SWT karena berkat rahmat dan petunjukNya skripsi ni dapat diselesaikan dengan berbekal keterbatasan-keterbatasan pada diri penulis
Penyusunan Skripsi ini merupakan salah satu syarat untuk menyelesaikan Program Studi

Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus.
Atas tersusunnya laporan skripsi ini, penulis mengucapkan terima kasih yang sebesarbesarnya kepada:
1. Bapak Prof. Dr. dr. Sarjadi, Sp.Pa, selaku Rektor Universitas Muria Kudus.
2. Bapak Rochmad Winarso, ST, MT, selaku Dekan Fakultas Teknik Universitas Muria
Kudus.
3.

Bapak Pratomo Setiaji, M.Kom selaku pembimbing I. Terima kasih atas waktu, ilmu,
saran, semangat dan nasehat yang bapak berikan selama bimbingan.

4. Ibu Nanik Susanti, S.Kom, selaku Pembimbing II atas bimbingan dan bantuannya selama
penyusunan proposal, pembuatan tugas akhir hingga akhir penulisan laporan.
5. Kedua orang tua dan keluarga yang selalu mendukung dalam bentuk do’a maupun dana.
6. Teman – teman angkatan 2007 yang senasip, seperjuangan. Jangan takut kita pasti bisa
wisuda walau agak telat.
7. Semua pihak yang telah ikut membantu terselesaikannya tugas akhir ini.
Semoga laporan ini dapat menjadi sumbangsih bagi penulis khususnya dan rekan-rekan
akademis. Apabila di dalam penulisannya ada yang kurang ataupun salah, mohon koreksinya dan
harap maklum adanya.
Kudus,


Juni 2012
Penulis

Imam Ahfas

DAFTAR ISI

HALAMAN JUDUL .........................................................................................

i

HALAMAN PERSETUJUAN............................................................................

ii

HALAMAN PENGESAHAN ............................................................................ iii
HALAMAN MOTTO DAN PERSEMBAHAN ................................................ iv
RINGKASAN ....................................................................................................


v

KATA PENGANTAR ........................................................................................ vi
DAFTAR ISI ...................................................................................................... vii
DAFTAR GAMBAR .......................................................................................... xi
DAFTAR LAMPIRAN ....................................................................................... xiii
BAB I

BAB II

PENDAHULUAN
1.1. Latar Belakang Masalah ..............................................................

1

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

2

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


2

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

2

1.5. Tinjauan Pustaka ........................................................................

2

1.6. Metodologi Penelitian ................................................................

3

1.7.1. Sumber Data ...................................................................

3

1.7.1.1. Sumber Data Primer .........................................


3

1.7.1.2. Data Sekunder ..................................................

3

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

4

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

5

1.7.3. Metode Perancangan Sistem ...........................................

5

1.7.4. Sistematika Penulisan .....................................................

6

LANDASAN TEORI
2.1. Konsep Dasar Sistem ................................................................

7

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

7

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

7

2.2. Pengertian Informasi ..................................................................

8

2.2.1. Informasi ..........................................................................

8

2.2.2. Siklus Informasi ...............................................................

8

2.2.3. Kualitas Informasi .............................................................

9

2.2.4. Nilai Informasi .................................................................

9

2.3. Pengertian Sistem Informasi ....................................................... 10
2.4. Komponen Sistem Informasi ....................................................... 10
2.5. Web Portal .................................................................................. 16
2.6. Aplikasi ...................................................................................... 19
2.7. Pengertian Aplikasi Web ............................................................ 20
2.8. Pengertian Data .......................................................................... 20
2.9. Internet ....................................................................................... 20
2.10. Web Server ............................................................................... 21
2.11. World Wide Web (www) .......................................................... 21
2.12. Search Engine ............................................................................ 21
2.13. Hypertext Transfer Protocol (HTTP) ........................................ 22
2.14. Pengenalan Personal Home Page(PHP) .................................... 22
2.14.1. Sejarah PHP ................................................................. 22
2.14.2. Konsep Dasar PHP ...................................................... 23
2.15. MySQL ...................................................................................... 23
2.16. Fungsi PHP dan My SQL .......................................................... 23
2.17. HTML........................................................................................ 24
2.17.1. Pengenalan HTML ....................................................... 24
2.17.2. Struktur Data HTML ................................................... 24
2.18. CSS (Cascading Style Sheet) .................................................. 24
2.19. Javascript ................................................................................... 25
2.20. Pengenalan Makromedia Dreamweaver MX 2004 ................... 25
2.21. XAMPP ..................................................................................... 25
2.22. UML (Unified Modelling Language) ........................................ 26
2.23. Konsep Dasar Dalam Object Oriented Analisys and Design .... 26
2.23.1. Object ........................................................................... 26
2.23.2. Kelas ............................................................................. 26
2.24. Notasi Dalam UML ................................................................... 27

2.24.1. Actor ............................................................................. 27
2.24.2. Use Case ....................................................................... 27
2.24.3. Class ............................................................................. 28
2.24.4. Interface ........................................................................ 28
2.24.5. Interaction..................................................................... 28
2.23.6. Note .............................................................................. 29
2.23.7. Depedensy .................................................................... 29
2.23.8. Association ................................................................... 30
2.23.9. Generalization .............................................................. 30
2.23.10. Realization .................................................................. 30
2.25. Artifact UML ............................................................................. 31
2.24.1. Use Case Diagram ........................................................ 31
2.24.2. Class Diagram .............................................................. 31
2.24.3. Squence Diagram ......................................................... 32
2.24.3. Activity Diagram .......................................................... 32
2.24.3. Statechart Diagram ....................................................... 32
2.26. Visual Modelling ....................................................................... 33

BAB III ANALISA DAN PERANCANGAN ................................................. 34
3.1. Deskripsi Sistem ......................................................................... 34
3.2. Identifikasi Masalah .................................................................... 34
3.3. Analisa Sistem ............................................................................ 34
3.4. Paparan Prosedur ......................................................................... 35
3.5. Analisa Kebutuhan Data dan Informasi ...................................... 35
3.6. Analisa Kebutuhan Hardware dan Software ............................... 35
3.7. Analisa dan Perancangan Sistem ................................................. 37
3.8. Analisa Kelas ............................................................................... 41
3.9. Class Diagram ............................................................................. 43
3.10. SequenceDiagram ..................................................................... 43
3.11. ActivityDiagram ........................................................................ 47
3.12. Statechart Diagram .................................................................... 52

3.13. Perancangan Database ............................................................... 55
3.14. Desain Input dan Output............................................................ 57

BAB IV PEMBAHASAN DAN IMPLEMENTASI
4.1. Kebutuhan Implementasi ........................................................... 62
4.1.1. Analisa kebutuhan hardware ............................................ 62
4.1.2. Analisa kebutuhan software ............................................. 63
4.1.3. Kebutuhan Sumber Daya Manusia ( Brainware) ............. 63
4.2. Antarmuka Sistem (Interface) ................................................... 63

BAB V

PENUTUP
5.1. Kesimpulan ................................................................................. 69
5.2. Saran ........................................................................................... 69
4.1.1. Akademik ......................................................................... 69
4.1.2. Calon Pegawai Negeri Sipil (CPNS) ................................ 63

DAFTAR PUSTAKA
LAMPIRAN

DAFTAR GAMBAR

Gambar 2.1

: Siklus Sistem Informasi ........................................................... 10

Gambar 2.2

: Lima Komponen Sistem Informasi .......................................... 12

Gambar 2.3

: Cara Penulisan Script PHP ..................................................... 18

Gambar 2.4

: Embedded Script PHP ............................................................ 18

Gambar 2.5

: Non-Embedded Script PHP ..................................................... 19

Gambar 2.6

: Fungsi mysql_connect ............................................................. 20

Gambar 2.7

: mysql_select_db ...................................................................... 20

Gambar 2.8

: mysql_query ............................................................................. 21

Gambar 2.9

: mysql_num_rows ..................................................................... 21

Gambar 2.10

: mysql_fetch-array .................................................................... 21

Gambar 2.11

: Contoh mark up HTML............................................................ 22

Gambar 2.12

: Struktur Dasar HTML ............................................................. 22

Gambar 2.13

: Tampilan Macromedia Dreamweaver MX 2004 ..................... 24

Gambar 2.14

: Contoh Object .......................................................................... 27

Gambar 2.15

: Contoh Kelas ........................................................................... 27

Gambar 2.16

: Notasi Actor ............................................................................. 27

Gambar 2.17

: Notasi Use case ....................................................................... 28

Gambar 2.18

: Notasi Class ............................................................................. 28

Gambar 2.19

: Notasi Interface ....................................................................... 28

Gambar 2.20

: Notasi Interaction .................................................................... 29

Gambar 2.21

: Notasi Note .............................................................................. 29

Gambar 2.22

: Notasi Dependency .................................................................. 29

Gambar 2.23

: Notasi Association ................................................................... 30

Gambar 2.24

: Notasi Generalization .............................................................. 30

Gambar 2.25

: Notasi Realization.................................................................... 30

Gambar 2.26

: Contoh Use Case Diagram ...................................................... 31

Gambar 2.27

: Contoh Class Diagram ............................................................ 32

Gambar 2.29

: Contoh Sequence Diagram ...................................................... 32

Gambar 2.29

: Contoh Activity Diagram ......................................................... 33

Gambar 2.25

: Contoh Statechart Diagram..................................................... 33

Gambar 3.1

: Usecase diagram aplikasi tes ujian online .............................. 38

Gambar 3.2

: Class Diagram Ujian Online .................................................... 43

Gambar 3.3

: Sequence Diagram Pendaftaran User ...................................... 44

Gambar 3.4

: Sequence Diagram Jawab Pertanyaan ..................................... 44

Gambar 3.5

: Sequence Diagram KelolaJawaban ......................................... 46

Gambar 3.6

: Activity Diagram Registrasi User............................................ 48

Gambar 3.7

: Activity Diagram Kelola Pertanyaan ....................................... 50

Gambar 3.8

: Statechart diagram method validasi user................................. 53

Gambar 3.9

: Statechart diagram method tambah data ................................. 53

Gambar 3.10

: Statechart diagram method edit data ....................................... 54

Gambar 3.11

: Statechart diagram method hapus ........................................... 54

Gambar 3.12

: Statechart diagram method cetak ............................................ 54

Gambar 3.13

: Halaman utama ujian online .................................................... 58

Gambar 3.14

: HalamanTanya jawab ujian online .......................................... 59

Gambar 3.15

: Halaman Hasil Nilai ujian online ............................................ 59

Gambar 3.16

: Halaman login admin ujian online ........................................... 60

Gambar 3.17

: Halaman input pertanyaan ujian online ................................... 60

Gambar 3.18

: Halaman list pertanyaan ujian online ...................................... 61

Gambar 4.1

: Halaman Depan........................................................................ 64

Gambar 4.2

: Halaman Pendaftaran User ...................................................... 64

Gambar 4.3

: Halaman Pendaftaran Tes ........................................................ 65

Gambar 4.4

: Halaman Konfirmasi Jawaban ................................................. 65

Gambar 4.5

: Halaman Hasil Nilai ............................................................... 66

Gambar 4.6

: Halaman Login Admin ............................................................ 66

Gambar 4.7

: Halaman Utama Administrator ................................................ 67

Gambar 4.8

: Halaman Input Data Pertanyaan .............................................. 67

Gambar 4.9

: Halaman Edit Menu ................................................................. 68

Gambar 4.10

: Statistik Pengunjung ................................................................ 68

DAFTAR LAMPIRAN

Lampiran 1 : Lembar bimbingan skripsi
Lampiran 2 : Daftar Riwayat pembuat skripsi