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