I

DAFTAR ISI
HALAMAN
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah ............................................................................... 1
1.2 Identifikasi dan Perumusan Masalah ........................................................... 3
1.3 Tujuan dan Kegunaan .................................................................................. 4
1.4 Pembatasan Masalah .................................................................................... 5
1.5 Metodologi ................................................................................................... 6
1.5.1. Prosedur Perancangan ........................................................................... 7
1.5.2. Prosedur Pengujian ............................................................................... 8
1.6 Sistematika Penulisan .................................................................................. 8
BAB II LANDASAN TEORI
2.1. Pengertian Ujian ......................................................................................... 10
2.1.1. Ujian Try out ....................................................................................... 10
2.1.2. Ujian Konvensional dan Ujian Online ................................................ 11
2.1.3. Konsep Ujian Online dan Ujian Konvensional................................... 11
2.1.4. Perbandingan Ujian Online dengan Ujian Konvensional ................... 12
2.2. Konsep Dasar Sistem ................................................................................. 13
2.2.1. Elemen-elemen Sistem ....................................................................... 13
2.2.1.1. Tujuan Sistem .............................................................................. 13
2.2.1.2. Batasan Sistem ............................................................................ 14
2.2.1.3. Kontrol Sistem ............................................................................. 14
2.2.1.4. Input ............................................................................................. 14
2.2.1.5. Proses ........................................................................................... 14
2.2.1.6. Output .......................................................................................... 15


II

2.2.1.7. Umpan Balik ................................................................................ 15
2.2.2. Karakteristik Sistem ............................................................................ 15
2.2.3. Klasifikasi Sistem ............................................................................... 18
2.3. Konsep Dasar Informasi ............................................................................. 19
2.3.1. Siklus Informasi .................................................................................. 19
2.3.2. Kualitas Informasi............................................................................... 20
2.3.3. Nilai Informasi .................................................................................... 21
2.4. Sistem Informasi ........................................................................................ 22
2.4.1. Komponen dan Tipe Sistem Informasi .............................................. 22
2.4.2. Perencanaan Sistem Informasi ............................................................ 24
2.5. Perancangan/Design Sistem ....................................................................... 24
2.5.1. DFD (Data Flow Diagram) ............................................................... 25
2.5.1.1. Diagram Konteks ......................................................................... 25
2.5.1.2. DFD (Data Flow Diagram) .......................................................... 26
2.5.1.3. Spesifikasi Proses ........................................................................ 27
2.5.1.4. Elemen-elemen DFD ................................................................... 27
2.5.2. Flowmap ............................................................................................. 32
2.5.3. Basis Data ........................................................................................... 33
2.5.3.1. Tujuan Basis Data ....................................................................... 34
2.5.3.2. Manfaat Basis Data ..................................................................... 35
2.5.3.3. ERD (Entity Relation Diagram) .................................................. 38
2.5.3.4. Relasional .................................................................................... 39
2.5.3.5. MySQL ........................................................................................ 42
2.6. Konsep Dasar WEB ................................................................................... 46
2.6.1. HTTP (HyperText Transfer Protocol) ................................................ 46
2.6.2. Web Browser ...................................................................................... 47


III

2.6.3. Web Server ......................................................................................... 47
2.6.4. HTML (HyperText Markup Language) .............................................. 47
2.6.5. PHP (Hypertext Prepocessor) ............................................................. 48
2.6.6. CSS (Cascanding Style Sheet) ............................................................ 51
2.6.7. Javascript ............................................................................................ 51
2.7. Konsep Dasar WAP (wireless application protocol) ................................. 52
2.7.1. Cara Kerja WAP ................................................................................. 53
2.7.2. XHTML Mobile Profile ...................................................................... 54
2.7.3. Aturan Sintaks XHTML Mobile Profile ............................................. 55
2.7.4. Struktur Dokumen XHTML Mobile Profile ....................................... 56
2.8. Konsep Dasar Jaringan Komputer ............................................................. 56
2.8.1. Tipe-Tipe jaringan Komputer ............................................................. 57
2.8.2. Topologi Jaringan ............................................................................... 58
2.9. Konsep Dasar Internet dan Intranet............................................................ 60
BAB III PERANCANGAN SISTEM
3.1. Perancangan Sistem ................................................................................... 62
3.1.1. Gambaran Umum Sistem .................................................................... 62
3.1.1.1. Tujuan Sistem .............................................................................. 63
3.1.1.2. Pengguna Sistem ......................................................................... 64
3.1.1.3. Hak Akses Sistem ........................................................................ 65
3.1.1.4. Gambaran Sistem Ujian Try Out Online ..................................... 65
3.1.2. Kebutuhan Sistem ............................................................................... 66
3.1.2.1. Kebutuhan Data ........................................................................... 66
3.1.2.2. Daftar Kejadian (Events List) ...................................................... 67
3.1.2.3. Pemodelan Sistem ....................................................................... 70
3.2. Perancangan Perangkat .............................................................................. 91


IV

3.2.1. Perancangan Perangkat Keras ............................................................. 91
3.2.2. Perancangan Perangkat Lunak ............................................................ 93
3.3. Perancangan Basis Data ............................................................................. 93
3.4. Perancangan Tampilan Sistem ................................................................. 101
3.4.1. Perancangan Tampilan Web ............................................................. 101
3.4.1.1. Perancangan Halaman Utama ................................................... 101
3.4.1.2. Perancangan Halaman Admin ................................................... 101
3.4.1.3. Perancangan Halaman Penyelenggara ....................................... 115
3.4.1.4. Perancangan Halaman Peserta ................................................... 122
3.4.1.5. Perancangan Halaman Pengawas .............................................. 125
3.4.2. Perancangan Tampilan WAP ............................................................ 126




V

DAFTAR GAMBAR
HALAMAN
Gambar 2. 1 Bentuk Umum Sistem ...................................................................... 13
Gambar 2. 2 Keterkaitan Elemen-elemen Sistem ................................................. 15
Gambar 2. 3 Bentuk relasi One to One dari tabel A ke tabel B ............................ 40
Gambar 2. 4 Bentuk relasi One to One dari tabel B ke tabel A ............................ 40
Gambar 2. 5 Bentuk relasi One To Many dilihat dari tabel A............................... 41
Gambar 2. 6 Bentuk relasi One To Many dilihat dari tabel B ............................... 41
Gambar 2. 7 Bentuk hubungan relasi Many To Many .......................................... 42
Gambar 2. 8 Topologi Linear Bus (Garis Lurus) .................................................. 58
Gambar 2. 9 Topologi Star (Bintang) ................................................................... 59
Gambar 2. 10 Topologi Cincin (Ring) .................................................................. 59
Gambar 3. 1 Arsitektur SUTO (Sistem Ujian Try Out Online) ............................ 66
Gambar 3. 2 Context Diagram SUTO SMK Telkom Terpadu AKN Marzuqi ..... 72
Gambar 3. 3 DFD Level 0 Sistem Ujian Try Out Online ................................... 73
Gambar 3. 4 Hasil Pengujian Level Balance DFD Level 0. .................................. 74
Gambar 3. 5 Level 1 Login .................................................................................... 75
Gambar 3. 6 Hasil Pengujian Level Balance DFD Level 1 Login. ...................... 75
Gambar 3. 7 DFD Level 1 Proses Input Data Master ......................................... 76
Gambar 3. 8 Pengujian Level balance DFD level 1 Proses Input Data Master ... 76
Gambar 3. 9 DFD Level 1 Proses Input Bank Soal ............................................... 77
Gambar 3. 10 Pengujian Level Balance DFD Level 1 Proses Input Bank soal .... 78
Gambar 3. 11 DFD Level 1 Proses Ujian .............................................................. 78
Gambar 3. 12 Pengujian Level balance DFD level 1 Proses Ujian ....................... 79
Gambar 3. 13 DFD Level 1 Proses Pengumuman ................................................ 80
Gambar 3. 14 Pengujian Level balance DFD Level 1 Proses Pengumuman. ...... 80
Gambar 3. 15 DFD Level 2 Proses Login Account Setting ................................... 81
Gambar 3. 16 Pengujian Level Balance DFD Level 2 Login Account Setting. ..... 81
Gambar 3. 17 DFD Level 2 Proses Master Panpen ............................................... 82
Gambar 3. 18 Pengujian Level Balance DFD Level 2 Proses Master Panpen. ..... 82
Gambar 3. 19 DFD Level 2 Proses Master Jurusan .............................................. 83


VI

Gambar 3. 20 Pengujian Level Balance DFD Level 2 Proses Master Jurusan ...... 83
Gambar 3. 21 DFD Level 2 Proses Master Mapel ................................................ 84
Gambar 3. 22 Pengujian Level Balance DFD Level 2 Proses Master Mapel ........ 84
Gambar 3. 23 DFD Level 2 Master Peserta .......................................................... 85
Gambar 3. 24 Pengujian Level balance DFD Level 2 Master peserta. ................. 85
Gambar 3. 25 DFD Level 2 Master Pengawas ...................................................... 86
Gambar 3. 26 Pengujian Level Balance DFD Level 2 Master Pengawas ............. 87
Gambar 3. 27 ERD dari Sistem Ujian Try Out Online. ........................................ 87
Gambar 3. 28 Flowchart Sistem Ujian Try Out Online ........................................ 90
Gambar 3. 29 Modem CDMA Smartfren AC81B ................................................ 92
Gambar 3. 30 Perancangan Halaman Login ....................................................... 102
Gambar 3. 31 Perancangan Halaman Beranda Admin ........................................ 102
Gambar 3. 32 Perancangan Halaman Daftar Admin ........................................... 103
Gambar 3. 33 Perancangan Halaman Tambah Admin ........................................ 103
Gambar 3. 34 Perancangan Halaman Daftar Panpen ......................................... 104
Gambar 3. 35 Perancangan Halaman Tambah Panpen ....................................... 104
Gambar 3. 36 Halaman Daftar Pengawas ........................................................... 105
Gambar 3. 37 Perancangan Halaman Tambah Pengawas ................................... 105
Gambar 3. 38 Perancangan Halaman Daftar peserta .......................................... 106
Gambar 3. 39 Perancangan Halaman Tambah peserta........................................ 106
Gambar 3. 40 Perancangan Halaman Daftar jurusan .......................................... 107
Gambar 3. 41 Perancangan Tambah Jurusan ...................................................... 107
Gambar 3. 42 Perancangan Halaman Mata Pelajaran ........................................ 108
Gambar 3. 43 Perancangan Halaman Tambah Mata Pelajaran ........................... 108
Gambar 3. 44 Perancangan Halaman Daftar Bank Soal ..................................... 109
Gambar 3. 45 Perancangan Halaman Tambah Bank Soal .................................. 109
Gambar 3. 46 Perancangan Halaman Daftar Bobot Soal .................................... 110
Gambar 3. 47 Perancangan Halaman Tambah halaman Pelajaran ..................... 110
Gambar 3. 48 Perancangan Halaman Input Soal ................................................ 111
Gambar 3. 49 Perancangan Halaman Cari Soal .................................................. 111
Gambar 3. 50 Perancangan Halaman Daftar Ujian ............................................ 112
Gambar 3. 51 Perancangan Halaman Tambah Ujian .......................................... 112


VII

Gambar 3. 52 Tambah Detail Ujian .................................................................... 113
Gambar 3. 53 Perancangan Halaman Jadwal ...................................................... 113
Gambar 3. 54 Perancangan Halaman laporan Ujian ........................................... 114
Gambar 3. 55 Perancangan Halaman Laporan Nilai .......................................... 114
Gambar 3. 56 Perancangan Halaman Beranda Penyelenggara ........................... 115
Gambar 3. 57 Perancangan Halaman Ubah Profil Panitia penyelenggara .......... 116
Gambar 3. 58 Perancangan Halaman Daftar Pengawas ..................................... 116
Gambar 3. 59 Halaman Perancangan Tambah Pengawas ................................... 117
Gambar 3. 60 Perancangan Halaman Tambah Peserta ....................................... 117
Gambar 3. 61 Perancangan Halaman Daftar Ujian ............................................. 118
Gambar 3. 62 Perancangan Halaman Mata pelajaran ......................................... 118
Gambar 3. 63 Perancangan Halaman Daftar Ujian ............................................. 119
Gambar 3. 64 Perancangan Halaman Daftar Ujian ............................................. 119
Gambar 3. 65 Perancangan Halaman Input Soal ................................................ 120
Gambar 3. 66 Perancangan Halaman Daftar Soal .............................................. 120
Gambar 3. 67 Perancangan Halaman Laporan Ujian ......................................... 121
Gambar 3. 68 Perancangan Halaman Laporan Nilai ........................................... 121
Gambar 3. 69 Perancangan Halaman Beranda .................................................... 122
Gambar 3. 70 Perancangan Halaman Awal Ujian ............................................. 122
Gambar 3. 71 Perancangan Halaman Ujian ....................................................... 123
Gambar 3. 72 Perancangan Halaman Pembahasan Soal Ujian ........................... 123
Gambar 3. 73 Perancangan Halaman Lihat Pengumuman Jadwal .................... 124
Gambar 3. 74 Perancangan Halaman Lihat Nilai................................................ 124
Gambar 3. 75 Perancangan Halaman Lihat Peringkat ........................................ 125
Gambar 3. 76 Perancangan Halaman Pengawas ................................................ 125
Gambar 3. 77 Perancangan Halaman Login WAP .............................................. 126
Gambar 3. 78 perancangan Halaman Utama WAP ............................................. 126




VIII

DAFTAR TABEL
HALAMAN
Tabel 2. 1 Simbol dalam Diagram Konteks. ......................................................... 25
Tabel 2. 2 Komponen DFD menurut Yourdan dan De Marco .............................. 26
Tabel 2. 3 Simbol-simbol Flowmap. ..................................................................... 32
Tabel 2. 4 ERD (Entity Relationship Diagram) .................................................... 38
Tabel 2. 5 Fungsi fungsi MySQL. ...................................................................... 42
Tabel 2. 6 Tag Pembuka dan Penutup PHP .......................................................... 49
Tabel 2. 7 Cara Kerja WAP .................................................................................. 54
Tabel 3. 1 Atrribut ................................................................................................. 88
Tabel 3. 2 Spesifikasi Komputer Server ............................................................... 91
Tabel 3. 3 Struktur Tabel Admin ......................................................................... 94
Tabel 3. 4 Tabel Penyelenggara ............................................................................ 94
Tabel 3. 5 Struktur Tabel Peserta .......................................................................... 95
Tabel 3. 6 Struktur Tabel Pengawas .................................................................... 96
Tabel 3. 7 Struktur tabel Jurusan .......................................................................... 96
Tabel 3. 8 Tabel Mapel ......................................................................................... 97
Tabel 3. 9 Tabel Bobot Soal .................................................................................. 97
Tabel 3. 10 Tabel Jenis Bank Soal ........................................................................ 97
Tabel 3. 11 Tabel Bank Soal ................................................................................. 98
Tabel 3. 12 Tabel Ujian ......................................................................................... 98
Tabel 3. 13 Tabel Detail Ujian .............................................................................. 99
Tabel 3. 14 Struktur Tabel Jadwal ........................................................................ 99
Tabel 3. 15 Struktur Tabel jawaban Peserta........................................................ 100
Tabel 3. 16 Struktur Tabel Nilai ......................................................................... 100




1

BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Untuk mengetahui perkembangan pendidikan, khususnya perkembangan sistem
pembelajaran bagi peserta didik selama mengikuti pendidikan, baik tingkat dasar
maupun menengah umum kejuruan, setiap tahun pemerintah melaksanakan
evaluasi program pendidikan yaitu Ujian Nasional (UN). Ujian nasional
merupakan kegiatan pengukuran dan penilaian kompetensi peserta didik secara
nasional. Adapun tujuannya adalah menilai tercapainya kompetensi lulusan secara
nasional pada mata pelajaran tertentu. UN diselenggarakan sebagai upaya untuk
meningkatkan mutu pendidikan nasional yang diamanatkan oleh pemerintah
dalam Peraturan Pemerintah Nomor 19 Tahun 2005 tentang Standar Nasional
Pendidikan kepada Badan Standar Nasional Pendidikan (BNSP).
Untuk mempersiapkan siswa yang akan melaksanakan ujian nasional
memperoleh nilai ujian nasional yang maksimal, dilaksanakan kegiatan try out.
Kegiatan tes uji coba kemampuan peserta didik atau yang lebih dikenal dengan
istilah try out diselenggarakan oleh pihak sekolah. Tes uji coba ini dimaksudkan
untuk mempersiapkan siswa menghadapi ujian nasional yang akan datang. Hasil
try out tersebut diharapkan mampu memprediksi nilai ujian nasional (UN). Di
samping itu, dengan kegiatan try out diharapkan siswa dapat memperoleh
gambaran tentang bentuk, jenis, dan materi soal ujian nasional yang akan
ditempuh.


2

Pada umumnya ujian pada lembaga pendidikan dilakukan secara konvensional (manual)
yaitu pendaftaran peserta ujian, penomoran tempat duduk ruangan ujian, pembagian
nomor ujian ke peserta ujian, pencetakan lembar jawab dan soal ujian, absensi kehadiran
peserta ujian yang masih manual, pembagian lembar jawab dan pembagian soal ujian
dilakukan secara manual, dan pengerjaan ujian dilakukan secara tertulis sehingga
dibutuhkan pensil dan alat tulis pendukung. Dalam proses ujian yang dilakukan secara
konvensional sering terjadi kesalahan, kecurangan, dan tidak efisien waktu. Kesalahan
dalam ujian bisa terjadi baik dari segi human error maupun teknis yaitu hasil pencetakan
lembar jawab dan soal ujian kurang bagus, kesalahan dalam pembagian soal kepada
peserta ujian, kesalahan dalam mengisi identitas pribadi peserta ujian pada lembar jawab,
dan kesalahan dalam mengkoreksi jawaban peserta ujian. Kemudian kecurangan yang
sering terjadi dalam ujian adalah peserta ujian saling tukar jawaban dengan peserta lain,
nomor urut soal dan urutan jawaban yang sama menyebabkan peserta ujian bekerjasama
dengan peserta ujian yang memiliki paket soal sama. Dan dianggap kurang efisien waktu
karena jeda waktu antara pendaftaran, pembagian soal ke peserta ujian, waktu
mengerjakan soal, waktu koreksi soal, dan pengumuman hasil ujian terlalu lama.
Kelemahan lainnya adalah jarang dilakukan pembahasan soal setelah ujian selesai,
sehingga peserta ujian tidak mengetahui letak kesalahan dalam pengerjaan soal ujian.
Seiring dengan teknologi komunikasi dan elektronik sudah berkembang sedemikian
pesat, sehingga menyebabkan bidang pendidikan juga turut mengalami peningkatan
dalam segi kualitas, kecepatan, kepraktisan dan juga kemudahan, ujian konvensional pun
bergeser ke arah komputerisasi salah satunya dengan adanya ujian try out online.
Ujian try out online adalah suatu upaya yang dilakukan untuk menanggulangi
permasalahan-permasalahan d iatas, sehingga dengan diadakannya ujian online maka
diharapkan akan meminimalisir kecurangan pada saat mengerjakan ujian, kesalahan
mengoreksi soal, kesalahan dalam penggandaan soal maupun lembar jawab, dan kurang


3

efiesiensi waktu menunggu pengumuman hasil ujian. Ujian try out online memanfaatkan
perkembangan dunia telekomunikasi dan teknologi yaitu media internet sebagai cara
pelaksanaannya.
Menurut Kementerian Komunikasi dan Informatika (Kemkominfo) pengguna internet di
indonesia hingga saat ini telah mencapai 82 juta orang. Dari jumlah pengguna internet
tersebut, 80 persen diantaranya adalah remaja berusia 15-19 tahun. Setelah melakukan
studi yang menelusuri aktivitas online dari sampel anak dan remaja usia 10-19 tahun
sebanyak 400 responden yang tersebar diseluruh negeri dan mewakili wilayah perkotaan
dan pedesaan. Studi ini mengungkapkan bahwa 69 persen responden menggunakan
laptop, dan sebagian kecil hanya 2 persen terhubung melalui video game. "Lebih dari
setengah responden (52 persen) menggunakan ponsel untuk mengakses internet, namun
kurang dari seperempat atau 21 persen untuk smartphone dan hanya 4 persen untuk tablet.
Selain itu juga dilakukan studi pada golongan anak dan remaja yang belum pernah
menggunakan internet. Kesenjangan yang paling jelas terlihat, di daerah perkotaan hanya
13 persen dari anak dan remaja yang tidak menggunakan internet, sementara daerah
perdesaan, menyumbang jumlah 87 persen.
Tingkat pemakaian internet yang cukup tinggi tersebut belum dimanfaatkan secara
optimal untuk kepentingan pendidikan. Hal inilah yang menjadi sumber inspirasi penulis
untuk membuat suatu sistem ujian online yang dapat diakses melalui komputer yang
berbasis Web maupun mobile device yang berbasis WAP. Selain itu perlu diadakan
peningkatan penggunaan internet di daerah rural (pedesaan).
1.2 Identifikasi dan Perumusan Masalah
Dari latar belakang tersebut, dapat diidentifikasi masalah yang ada pada SMK Telkom
Terpadu AKN Marzuqi Pati adalah pelaksanaan ujian try out yang masih bersifat
konvensional.


4

Pelaksanaan ujian try out pada SMK Telkom Terpadu AKN Marzuqi Pati masih terdapat
kecurangan saat ujian try out berlangsung. Selain itu masih terdapat human error dalam
pengisian identitas pribadi pada lembar jawab peserta, dan pengoreksian lembar jawab
oleh para guru pengampu. Dan setelah ujian try out selesai para peserta ujian harus
menunggu tiga sampai tujuh hari hasil ujian try out baru keluar dan ditempel pada papan
pengumuman sekolah, sehingga kurang efisiensi waktu. Tidak ada proses pembahasan
soal sehingga siswa dari SMK Telkom Terpadu AKN Marzuqi Pati tidak tahu letak
kesalahan dalam mengerjakan soal ujian.
Dari identifikasi masalah tersebut, dapat dirumuskan masalah yang ada yaitu bagaimana
pemanfaatan sistem ujian try out online sebagai solusi untuk masalah-masalah yang ada
pada saat ujian try out SMK Telkom Terpadu AKN Marzuqi Pati.
Pemanfaatan sistem ujian try out online dirumuskan masalah berikutnya adalah
bagaimana sistem ujian try out dapat menunjang pembelajaran Pada SMK Telkom
Terpadu AKN Marzuqi Pati.
1.3 Tujuan dan Kegunaan
Adapun tujuan dalam pembuatan tugas akhir ini adalah menghasilkan sistem ujian
try out online pada SMK Telkom Terpadu AKN Marzuqi Pati
Kegunaan dari pembuatan sistem ujian try out online adalah sebagai berikut
sebagai berikut:
1. Untuk mempersiapkan siswa SMK Telkom Terpadu AKN Marzuqi Pati
menghadapi ujian nasional. Di samping itu, dengan sistem ujian try out
online diharapkan siswa dapat memperoleh gambaran tentang bentuk, jenis,
dan materi soal ujian nasional.
2. Memberikan kemudahan bagi seorang guru untuk mengelola soal,
pengawasan proses ujian, dan pemeriksaan hasil ujian.


5

3. Meminimalisir kecurangan pada saat ujian dan human error pada saat ujian
dan koreksi hasil ujian, sehingga hasilnya lebih akurat.
4. Memberikan efisiensi waktu bagi para siswa SMK Telkom Terpadu AKN
Marzuqi Pati, karena tidak terlalu menunggu lama untuk mengetahui hasil
ujian.
5. Adanya sesi pembahasan soal ujian. Sehingga para peserta ujian mengetahui
letak kesalahannya.
6. Memberi ruang lingkup pembelajaran yang berbasis web dan wap, sehingga
tidak terpaku dengan ujian yang konvensional.
7. Meningkatkan penggunaan internet di wilayah pedesaan.
1.4 Pembatasan Masalah
Adapun pembatasan masalah yang diambil untuk judul di atas adalah sebagai
berikut;
1. Sistem ujian try out online dimulai dari proses input user, input soal pada
bank soal, penjadwalan ujian try out, pengerjaan soal, dan pelaporan hasil
ujian.
2. Penggunaan halaman yang berbasis WAP hanya pada halaman beranda,
pengumuman, dan daftar nilai peserta.
3. Pembuatan server menggunakan operating sistem open source (Ubuntu
12.04).
4. Sistem ujian try out online ini diterapkan pada ujicoba ujian try out yang
dilaksanakan SMK Telkom Terpadu AKN Marzuqi Pati jurusan teknik
jaringan komputer (tkj). Mata pelajaran yang digunakan dalam ujian try out


6

online bahasa indonesia untuk smk teknik, bahasa inggris untuk smk teknik,
matematika untuk smk teknik, dan teori kejuruan untuk smk jurusan teknik
jaringan komputer.
1.5 Metodologi
Pembuatan tugas akhir sistem ujian tryout online pada SMK Telkom Terpadu
AKN Marzuqi Pati ini menggunakan metodologi-metodologi berikut ini :
1. Observasi
Metode ini dilakukan untuk memperoleh data-data sistem ujian try out
online yang dilakukan secara langsung sebagai bahan penunjang jalannya
sistem.
2. Literatur
Metode ini dilakukan untuk memperoleh teori dasar dan pendukung studi
pustaka yang mendukung dalam pembuatan sistem informasi ujian tryout
online, yang terdiri dari beberapa sumber baik dari media cetak maupun
elektronik.
3. Wawancara atau Bimbingan
Metode ini dilakukan dengan konsultasi secara langsung kepada
pembimbing tugas akhir yang telah ditunjuk.
4. Pembuatan Sistem
Metode ini meliputi perancangan alat dan perancangan tampilan sistem,
serta implementasi rancangan sistem informasi ujian try out online yang
akan dilakukan Pada SMK Telkom Terpadu AKN Marzuqi Pati.


7

5. Metode Pengujian
Metode ini dilakukan untuk pengujian sistem yang diimplementasikan
sehingga dapat diterapkan sistem informasi ujian try out online yang
menunjang kesuksesan persiapan ujian nasional.
1.5.1. Prosedur Perancangan
Metode ini meliputi perancangan sistem aplikasi guna membantu mempermudah
dalam pembuatan sistem aplikasi, meliputi hal-hal berikut:
a. Penggunaan Database
Untuk membangun database dan menyimpan data-data menggunakan
database MySQL.
b. Penggunaan Browser dan Micro Browser
Browser dan Micro Browser yang digunakan untuk menjalankan aplikasi ini
adalah Google Chrome.
c. Perancangan Tampilan
Pembuatan tampilan sistem informasi menggunakan pemrograman PHP,
CSS dan sebagainya yang dirancang menggunakan aplikasi Adobe
Dreamweaver 8.
d. Perancangan Sistem
Untuk pembuatan sistem ujian online yang berbasis WEB dan WAP
menggunakan PHP, XHTML Mobile Profile serta bahasa programing
penunjang lainnya. Agar program aplikasi ujian online terlihat dinamis.



8

1.5.2. Prosedur Pengujian
Metode ini merupakan penerapan aplikasi dan pengujian aplikasi yang sudah
dibuat untuk memastikan bahwa sistem aplikasi yang dibuat sesuai yang
diharapkan dan bisa diakses melalui perangkat-perangkat elektronik seperti
komputer, notebook, smartphone dan mobile device lainnya.
1.6 Sistematika Penulisan
Dalam penulisan proyek akhir ini terbagi dalam bab-bab yang sistematik dan
memberikan uraian secara rinci agar lebih mudah untuk dipahami. Adapun
sistematika penulisan tugas akhir ini tersusun dalam lima bab dengan sistematika
penulisan sebagai berikut :
BAB I PENDAHULUAN
Pada bab ini dibahas tentang latar belakang, identifikasi dan rumusan masalah,
pembatasan masalah, tujuan dan kegunaan, serta sistematika penulisan tugas akhir
sistem ujian tryout online.
BAB II DASAR TEORI
Pada bab ini Mencakup landasan-landasan teori yang berhubungan dengan materi
tugas akhir yang dibuat.
BAB III PERANCANGAN SISTEM
Bab ini membahas mengenai pengidentifikasian kebutuhan sistem, detail analisis
informasi awal termasuk pemaparan hal-hal yang akan mendukung sistem dan
membahas mengenai pemodelan sistem yang meliputi pemodelan basis data, alur
data, dan tampilan antarmuka dari aplikasi yang dibuat.


9

BAB IV PENGUJIAN DAN ANALISA
Bab ini akan membahas bagaimana cara kerja dari sistem ujian online berbasis
web dan wap pada SMK Telkom Terpadu AKN Marzuqi Pati. Selain itu akan
diberikan analisa dari hasil pengujian yang telah dilakukan.
BAB V PENUTUP
Bab ini berisi kesimpulan yang dapat diperoleh penulis dari hasil penganalisaan
data-data pada bab-bab sebelumnya dan juga saran dari penulis.
DAFTAR PUSTAKA
LAMPIRAN


10

BAB II
LANDASAN TEORI

2.1. Pengertian Ujian
Dalam kamus besar bahasa Indonesia Ujian berasal dari suku kata uji dan akhiran
an yang berarti: sesuatu yang dipakai untuk menguji mutu sesuatu (kepandaian,
kemampuan, hasil belajar). Ujian adalah standar yang ditetapkan oleh sekolah
untuk mengetahui sejauh mana kemampuan siswa dalam mengerjakan soal-soal
yang diberikan dalam ujian.
Ujian merupakan salah satu cara untuk mengevaluasi proses belajar. Dalam dunia
pendidikan ujian dimaksudkan untuk mengukur taraf pencapaian suatu tujuan
pengajaran oleh siswa atau mahasiswa sebagai peserta didik, sehingga siswa atau
mahasiswa dapat mengetahui tingkat kemampuannya dalam memahami bidang
studi yang sedang ditempuh. Bila ternyata hasilnya belum maksimal, maka proses
belajar harus ditingkatkan baik kualitas maupun kuantitas (Walter, 2006)
1
.
2.1.1. Ujian Try out
Try out adalah suatu mekanisme yang digunakan sebagai sebuah latihan bagi
siswa sebelum melaksanakan ujian yang sesungguhnya. Sedangkan, try out pra
ujian nasional adalah sebuah uji coba (try out) yang diadakan untuk mengetahui
kemampuan siswa dalam menjawab soal UN periode sebelumnya (Usup, 2012)
2
.



11

2.1.2. Ujian Konvensional dan Ujian Online
Ujian konvensional atau ujian manual ini sudah diterapkan puluhan tahun yang
lalu, ujian jenis ini menggunakan alat tulis sebagai media ujian yaitu berupa
kertas, pensil, pena, dan alat tulis umum lainnya untuk pelaksanaan ujian. Soal
ujian dan jawaban yang harus dijawab semuanya dilakukan dengan tulisan tangan
(Usup, 2012)
2
.

Ujian online sudah tidak lagi menggunakan media kertas atau alat tulis sebagai
ujian. Sistem ujian ini dibangun secara komputerisasi, dimana peserta uji langsung
mendapat dan menjawab soal ujian melalui komputer. Pemeriksaan ujian
dilakukan langsung oleh sistem, dan peserta akan mendapatkan laporan hasil ujian
secara langsung. Ujian ini dipakai seperti pada Sertifikasi Microsoft, Try Out
Online dan lain-lain. (Usup, 2012)
2
.
2.1.3. Konsep Ujian Online dan Ujian Konvensional
Ujian online sudah tidak lagi menggunakan media kertas atau alat tulis sebagai
ujian. Sistem ujian ini dibangun secara komputerisasi, dimana peserta uji langsung
mendapat dan menjawab soal ujian melalui komputer dengan proses log in yang
diteruskan dengan adanya verifikasi user/peserta ujian.
Pemeriksaan ujian dilakukan langsung oleh sistem, dan peserta akan mendapatkan
laporan hasil ujian secara langsung. Ujian ini dipakai seperti pada Sertifikasi
Microsoft, try out Online dan lain-lain. Sedangkan untuk ujian konvensional
pemeriksaan dilakukan secara manual dimana korektor mengkoreksi semua
lembar jawab satu persatu, sehingga tingkat human error semakin tinggi.


12

2.1.4. Perbandingan Ujian Online dengan Ujian Konvensional
Ujian online dan ujian konvensional berbeda serta memiliki kelebihan juga
kekurangan masing-masing. Dalam kesempatan ini coba ditinjau dari teori
Konstruktivisme.
Pada teori ini selain pelajar dituntut aktif juga meliputi beberapa hal yang
mendapat perhatian pembelajaran, yaitu:
a. Mengutamakan pembelajaran yang bersifat nyata dalam konteks yang
relevan,
b. Mengutamakan proses,
c. Menanamkan pembelajaran dalam konteks pengalaman sosial,
d. Pembelajaran dilakukan dalam upaya mengkonstruksi pengalaman.
Dari hal-hal di atas dijabarkan perbandingan mengenai ujian online dan ujian
konvensional dengan mengadaptasi keempat prinsip tersebut yakni:
1. Dengan ujian online menuntut individu untuk lebih aktif dimulai dari
persiapan diri hingga proses ujian yakni mencari dari berbagai sumber,
berbeda dengan ujian konvensional/tertulis yang lebih membentengi sumber
yang digunakan.
2. Untuk poin yang kedua ujian online dan ujian konvensional sama-sama
nyata dan mengutamakan konteks yang relevan.
3. Penanaman pengalaman sosial pada si individu dianggap lebih terasah pada
ujian online dimana dikarenakan si individu yang aktif dan mengeksplor
ilmu maupun penggunaan internet misalnya melalui trial and error dan
masukan serta pengalaman teman yang disharing lebih dijumpai dalam


13

penggunaan media internet, berbeda dengan ujian konvensional yang kurang
mengasah serta peluang individu untuk bertukar pengalaman.
2.2. Konsep Dasar Sistem
Menurut Hanif Al Fatta (2007:3)
3
, secara sederhana system dapat diartikan
sebagai suatu kumpulan atau himpunan dari unsure atau variable variable yang
saling terorganisasi, saling berinteraksi dan saling bergantung sama lain.
Sedangkan menurut Jogiyanto (2005 : 1)
4
, terdapat dua kelompok pendekatan
dalam mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang
menekankan pada komponen atau elemennya.
Proses Input Output

Gambar 2. 1 Bentuk Umum Sistem
2.2.1. Elemen-elemen Sistem
Elemen-elemen yang terdapat dalam sistem meliputi (Kristanto, 2007)
7
:
2.2.1.1. Tujuan Sistem
Tujuan sistem merupakan tujuan dari sistem yang membatasi sistem tersebut
dibuat. Tujuan sistem dapat berupa tujuan organisasi, kebutuhan organisasi,


14

permasalahan yang ada dalam suatu organisasi maupun urutan prosedur untuk
mencapai tujuan organisasi.

2.2.1.2. Batasan Sistem
Batasan sistem merupakan sesuatu yang membatasi sistem dalam mencapai tujuan
sistem. Batasan sistem dapat berupa peraturan-peraturan yang ada dalam
organisasi, biaya-biaya yang dikeluarkan, orang-orang yang ada dalam organisasi,
fasilitas baik itu sarana dan prasarana maupun batasan yang lain.
2.2.1.3. Kontrol Sistem
Kontrol atau pengawasan sistem merupakan pengawasan terhadap pelaksanaan
pencapaian tujuan dari sistem tersebut. Kontrol sistem dapat berupa kontrol
terhadap pemasukan data (input), kontrol terhadap keluaran (output), kontrol
terhadap pengolahan data, kontrol terhadap umpan balik dan sebagainya.
2.2.1.4. Input
Input merupakan elemen dari sistem yang bertugas untuk menerima seluruh
masukkan data, dimana masukkan tersebut dapat berupa jenis data, frekuensi
pemasukan data dan sebagainya.
2.2.1.5. Proses
Proses merupakan elemen dari sistem yang bertugas menerima seluruh masukan
data menjadi suatu informasi yang lebih berguna. Misalkan sistem produksi akan
mengolah bahan baku yang berupa bahan mentah menjadi bahan jadi yang siap
untuk digunakan.


15

2.2.1.6. Output
Output merupakan hasil dari input yang telah diproses oleh bagian pengolah dan
merupakan tujuan akhir sistem. Output ini bisa berupa laporan grafik, diagram
batang dan sebagainya.
2.2.1.7. Umpan Balik
Umpan balik merupakan elemen dalam sistem yang bertugas mengevaluasi bagian
dari output yang dikeluarkan, dimana elemen ini sangat penting demi kemajuan
sistem. Umpan balik ini dapat merupakan perbaikan sistem, pemeliharaan sistem
dan sebagainya.
Keterkaitan elemenelemen yang terdapat pada sistem (Kristanto, 2007)
7
. Dapat
dilihat pada gambar 2.2.

Gambar 2. 2 Keterkaitan Elemen-elemen Sistem
(Sumber : Kristanto, 2007)
7

2.2.2. Karakteristik Sistem
Menurut Jogiyanto (2005:3)
4
suatu sistem mempunyai karakteristik atau sifat-sifat
tertentu, yaitu :


16

a. Komponen-komponen (Components)
Suatu sistem terdiri dari kumpulan komponen atau subsistem membentuk
satu kesatuan. Setiap komponen atau subsistem tersebut memiliki sifat-sifat
dan fungsi tertentu yang mempengaruhi proses sistem secara keseluruhan.
b. Batas Sistem (Boundary)
Batas sistem yaitu daerah yang membatasi antara suatu sistem dengan
lingkungan luarnya atau dengan sistem yang lainnya. Batas suatu sistem
merupakan ruang lingkup (scope) dari sistem tersebut. Dan batas sistem
(boundry) ini memungkinkan suatu sistem dipandang sebagai satu kesatuan
yang solid.
c. Lingkungan Luar Sistem (environments)
Environments dari suatu sistem adalah apapun yang berada di luar batas dari
sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat
menguntungkan dan dapat juga bersifat merugikan sistem tersebut.
Lingkungan luar yang menguntungkan merupakan energi dari sistem yang
harus dijaga dan dipelihara. Sedangkan lingkungan luar sistem yang bersifat
merugikan harus ditahan dan dikendalikan, kalau tidak maka akan
mengganggu kelangsungan hidup dari sistem.
d. Penghubung Sistem (Interface)
Penghubung sistem merupakan media penghubung antara satu subsistem
dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan
sumber-sumber daya mengalir dari satu subsistem ke subsistem yang
lainnya. Keluaran (output) dari satu subsistem akan menjadi masukan


17

(input) untuk subsistem yang lain dengan melalui penghubung. Dengan
penghubung satu subsistem dapat berintegrasi dengan subsistem yang
lainnya membentuk satu kesatuan.
e. Masukan (Input)
Masukan merupakan energi yang dimasukkan ke dalam sistem. Masukan
dapat berupa masukan perawatan (maintenance input) dan masukan sinyal
(signal input). Maintenance input adalah energi yang dimasukkan supaya
sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses
untuk didapatkan keluaran. Sebagai contoh di dalam sistem komputer,
program adalah maintenance input yang digunakan untuk mengoperasikan
komputer dan data adalah signal input untuk diolah menjadi informasi.
f. Keluaran (Output)
Keluaran merupakan hasil dari energi yang diolah. Keluaran ini Sebagai
contoh panas yang dikeluarkan dari sistem komputer merupakan keluaran
yang tidak berguna dan merupakan sisa pembuangan. sedangkan informasi
adalah keluaran yang berguna dan dibutuhkan.
g. Pengolah (process)
Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah
masukan menjadi keluaran. Sistem akuntansi akan mengolah data-data
transaksi menjadi laporan-laporan keuangan dan laporan-laporan yang
dibutuhkan oleh manajemen.
h. Sasaran Sistem (Objectives)
Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Kalau
suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada


18

gunanya. Sasaran dari sistem sangat menentukan sekali masukan yang
dibutuhkan sistem dan keluaran yang akan dihasilkan sistem. Suatu sistem
dikatakan berhasil bila mengenai sasaran atau tujuannya.
2.2.3. Klasifikasi Sistem
Sejauh ini kita telah memiliki sebuah definisi untuk sistem, berikut ini merupakan
klasifikasi sistem dalam bentuk yang lebih spesifik (Sutabri, 2003)
5
.
1. Sistem Terbuka dan Tertutup
Suatu sistem dikatakan terbuka bila sistem tersebut dapat dipengaruhi oleh
lingkungan, sedangkan suatu sistem dikatakan tertutup bila aktifitas-aktifitas
di dalam sistem tersebut tidak terpengaruh oleh perubahan yang sedang
terjadi di lingkungan.
2. Sistem Buatan Manusia dan Sistem Alamiah
Sistem buatan manusia adalah sistem yang dirancang oleh manusia
Sedangkan sistem alamiah adalah sistem yang terjadi melalui proses alam
dan tidak dibuat oleh manusia.
3. Sistem Sederhana dan Kompleks
Suatu sistem yang sederhana merupakan sebuah sistem yang terbentuk dari
sedikit komponen atau subsistem. Sebuah sistem yang kompleks adalah
sistem yang memiliki banyak tingkatan subsistem.
4. Sistem Berdasarkan Rentang Waktu
Penggunaan sistem mungkin bisa digunakan selamanya atau mungkin juga
digunakan untuk periode waktu tertentu.


19

5. Sistem Fisik dan Abstrak
Sistem fisik yaitu suatu sistem yang dapat disentuh dan dilihat sedangkan
sistem abstrak yaitu sistem yang tidak dapat disentuh dan dilihat.
2.3. Konsep Dasar Informasi
Informasi ibarat darah yang mengalir di dalam tubuh suatu organisasi sehingga
informasi ini sangat penting di dalam suatu organisasi. Suatu system yang kurang
mendapatkan informasi akan menjadi luruh, kerdil, dan akhirnya mati. Sehingga
informasi dapat diartikan data yang telah diklasifikasikan atau diolah atau
diinterpretasi untuk digunakan dalam proses pengambilan keputusan (Sutabri,
2003)
5
.
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih
berarti bagi yang menerimanya. Sumber dari informasi adalah data, dimana data
itu sendiri merupakan kenyataan yang menggambarkan suatu kejadian-kejadian
dan kesatuan nyata. Kejadian-kejadian (event) adalah sesuatu yang terjadi pada
saat yang tertentu.
2.3.1. Siklus Informasi
Data merupakan bentuk yang masih mentah yang belum dapat bercerita banyak,
sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk
dihasilkan informasi.
Data yang diolah melalui suatu model menjadi informasi, penerima kemudian
menerima informasi tersebut, membuat suatu keputusan dan melakukan tindakan,
yang berarti menghasilkan suatu tindakan yang lain yang akan membuat sejumlah


20

data kembali. Data tersebut akan ditangkap sebagai input, siklus ini oleh John
Burch disebut dengan siklus informasi. Siklus ini disebut juga dengan siklus
pengolahan data. Siklus informasi dapat dilihat pada gambar 2.3.

Gambar 2. 3Siklus Informasi
(Sumber: Analisa Sistem Informasi, Tata Sutabri, 2003, Penerbit Andi )
2.3.2. Kualitas Informasi
Kualitas dari suatu informasi tergantung dari tiga hal, yaitu informasi harus
relevan, akurat, dan tepat pada waktunya, yang penjelasannya adalah sebagai
berikut (Sutabri, 2003)
5
:
1. Relevan (relevancy)
Berarti informasi harus memberikan manfaat bagi pemakainya. Relevansi
informasi untuk tiap-tiap orang satu dengan yang lainnya berbeda. Misalnya
informasi mengenai sebab-musabab kerusakan mesin produksi kepada
akuntan perusahaan adalah kurang relevan dan akan lebih relevan bila
ditujukan kepada ahli teknik perusahaan


21

2. Akurat (accuracy)
Informasi harus bebas dari kesalahan-kesalahan dan tidak boleh
menyesatkan, dan harus jelas mencerminkan maksudnya. Ketidakakuratan
dapat terjadi karena sumber informasi (data) mengalami gangguan sehingga
merusak/merubah data-data asli tersebut.
3. Tepat waktu (timeliness)
Informasi yang dihasilkan/dibutuhkan tidak boleh terlambat (usang).
Informasi yang using tidak mempunyai nilai yang baik, sehingga kalau
digunakan sebagai dasar dalam pengambilan keputusan akan berakibat
fatal/kesalahan dalam keputusan dan tindakan. Kondisi demikian
menyebabkan mahalnya nilai suatu informasi, sehingga kecepatan untuk
mendapatkan, mengolah dan mengirimkannya memerlukan teknologi-
teknologi terbaru.
2.3.3. Nilai Informasi
Nilai dari informasi (value of information) ditentukan dari 2 hal, yaitu manfaat
dan biaya mendapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya
lebih efektif dibandingkan dengan mendapatkannya. Akan tetapi perlu
diperhatikan bahwa informasi yang digunakan dalam suatu sistem informasi
umumnya digunakan untuk beberapa kegunaan. Sehingga tidak memungkinkan
dan sulit untuk menghubungkan suatu bagian informasi pada suatu masalah
tertentu dengan biaya untuk memperolehnya, karena sebagian besar informasi
dinikmati tidak hanya oleh suatu pihak di dalam perusahaan. Dan juga sebagian


22

besar informasi tidak dapat persis ditaksir keuntungannya dengan suatu nilai uang,
tetapi dapat ditaksir nilai efektivitasnya (Sutabri, 2003)
5
.
2.4. Sistem Informasi
Sistem informasi adalah suatu sistem dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan
pihak luar tertentu dengan laporan-laporan yang diperlukan (Sutabri, 2003)
5
.
2.4.1. Komponen dan Tipe Sistem Informasi
Menurut Tata Sutabri (2003:36)
5
mengemukakan bahwa sistem informasi terdiri
dari komponen-komponen yang disebut dengan istilah blok bangunan (building
block), yaitu blok masukan (input block), blok model (model block), blok keluaran
(output block), blok teknologi (technology block), blok basis data (database
block), dan blok kendali (controls block). Sebagai suatu sistem, keenam blok
tersebut masing-masing saling berinteraksi satu dengan yang lainnya membentuk
satu kesatuan untuk mencapai sasarannya.
a. Blok Masukan
Input mewakili data yang masuk ke dalam sistem informasi. Input disini
termasuk metode-metode dan media untuk menangkap data yang akan
dimasukkan, yang dapat berupa dokumen-dokumen dasar.
b. Blok Model
Blok ini terdiri dari kombinasi prosedur, logika dan model matematik yang
akan memanipulasi data input dan data yang tersimpan di basis data yang


23

dengan cara yang sudah tertentu untuk menghasilkan keluaran yang
diinginkan.
c. Blok Keluaran
Produk dari sistem informasi adalah keluaran yang merupakan informasi
yang berkualitas dan berdokumentasi yang berguna untuk semua tingkatan
manajemen serta pemakai semua sistem.
d. Blok Teknologi
Teknologi merupakan kotak alat (tool-box) dalam sistem informasi.
Teknologi digunakan untuk menerima input, menjalankan model,
menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran
dan membantu pengendalian dari sistem secara keseluruhan. Teknologi
terdiri dari 3 bagian utama, yaitu teknisi (brainware), perangkat lunak
(software), dan perangkat keras (hardware).
e. Blok Basis Data
Basis data (database) merupakan kumpulan dari data yang saling
berhubungan satu dengan yang lainnya, tersimpan di perangkat keras
komputer dan perangkat lunak digunakan untuk memanipulasinya. Data
perlu disimpan dalam basis data untuk penyediaan informasi lebih lanjut.
Data di dalam basis data perlu diorganisasikan sedemikian rupa supaya
informasi informasi yang dihasilkan berkualitas.
f. Blok kendali
Banyak hal dapat merusak sistem informasi, seperti bencana alam, api,
temperatur, air, debu, kecurangan-kecurangan, kegagalan pada sistem itu


24

sendiri, tidak efisien, sabotase dan lain sebagainya. Beberapa pengendalian
perlu dirancang dan diterapkan untuk memastikan bahwa hal-hal yang dapat
merusak sistem dicegah dan bila terlanjur terjadi maka kesalahan-kesalahan
dapat dengan cepat diatasi.
2.4.2. Perencanaan Sistem Informasi
Perencanaan sistem informasi adalah menceritakan bagaimana menerapkan
pengetahuan tentang sistem informasi ke dalam organisasi (Sutabri, 2003)
5
. Perlu
diingat bahwa perubahan sistem baik besar maupun kecil, selalu melalui
tingkatan-tingkatan berikut:
a. Tingkat I : Ide, mengetahui perlu adanya perubahan.
b. Tingkat II : Design, merancang cara pemecahannya.
c. Tingkat III : Pelaksanaan, menerapkan design ke dalam sistem.
d. Tingkat IV: Kontrol, memeriksa apakah tingkat pelaksanaan dijalankan
sesuai dengan design.
e. Tingkat V: Evaluasi, memeriksa apakah perubahan yang terjadi sesuai
dengan tujuan semula.
f. Tingkat VI :Tindak lanjut, melaksanakan perubahan sesuai dengan tindak
lanjut.
2.5. Perancangan/Design Sistem
Desain sistem adalah suatu fase dimana diperlukan suatu keahlian perencanaan
untuk elemen-elemen komputer yang akan menggunakan sistem baru (Kristanto,
2007)
7
.


25

2.5.1. DFD (Data Flow Diagram)
DFD adalah suatu model logika data atau proses yang dibuat untuk
menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari
sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan
interaksi antara data yang tersimpan dan proses yang dikenakan pada data
tersebut. DFD menggambarkan penyimpanan data proses yang
mentransformasikan data. DFD menunjukkan hubungan antara data pada sistem
dan proses pada sistem (Kristanto, 2007)
7
.
2.5.1.1. Diagram Konteks
Diagram konteks adalah diagram sederhana yang menggambarkan hubungan
antara entity luar, masukkan, dan keluaran dari sistem (Kristanto, 2007)
7
. Diagram
konteks merupakan level tertinggi dari DFD yang menggambarkan seluruh input
ke sistem atau output dari sistem. Ia akan memberi gambaran tentang keseluruhan
sistem. Sistem dibatasi oleh boundary (dapat digambarkan dengan garis putus).
Dalam diagram konteks hanya ada satu proses. Tidak boleh ada store dalam
diagram konteks. Tabel 2.1 menjelaskan tentang simbol dalam diagram konteks.
Tabel 2. 1 Simbol dalam Diagram Konteks.
Simbol Keterangan

Kesatuan luar (external entity) yang
menggambarkan sumber atau tujuan.


26

Kegiatan yang dilakukan orang atau
komputer dari hasil suatu arus data yang
masuk ke dalam proses untuk menghasilkan
informasi yang keluar dari proses.

Menunjukkan arus data yang berupa
masukkan untuk sistem atau dari sistem
(Sumber: Kristanto, 2007)
7

2.5.1.2. DFD (Data Flow Diagram)
Data Flow Diagram adalah suatu diagram yang menggunakan notasi-notasi untuk
menggambarkan arus dari data sistem, yang penggunaannya sangat membantu
untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat
bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.
Komponen DFD dapat dilihat pada Tabel 2.2 (Kristanto, 2007)
7
.
Tabel 2. 2 Komponen DFD menurut Yourdan dan De Marco
Simbol Keterangan



Kesatuan Luar
kesatuan luar (external entity) merupakan
sumber atau tujuan dari aliran data dari atau
ke sistem. Entity luar merupakan lingkungan
luar sistem, jadi sistem tidak tahu menahu
mengenai apa yang terjadi di entity luar.



27


Aliran Data (Flow)
Aliran data menggambarkan aliran data dari
atau ke proses lainnya.


Proses
Proses atau fungsi yang mentransformasikan
data secara umum.

Simpanan Data
Simpanan data dapat berupa file, database,
arsip, tabel
(Sumber: Kristanto, 2007)
7

2.5.1.3. Spesifikasi Proses
Spesifikasi proses adalah suatu pendeskripsian proses yang terjadi pada level
paling dasar DFD (Kristanto, 2007)
7
. Tanpa ini kita tidak akan mengetahui apa
yang akan terjadi dalam proses tersebut. Banyak cara/metode yang dapat
digunakan untuk menggambarkan proses tersebut. Penjelasan tentang proses
haruslah jelas agar pembaca atau programer dapat membuat programnya dengan
baik sesuai dengan yang pendesain inginkan. Dengan spesifikasi proses
merupakan penjelasan proses yang jelas untuk programer agar membuat program
sesuai dengan yang diinginkan pendesain.
2.5.1.4. Elemen-elemen DFD
Terdapat empat elemen yang membentuk suatu Data Flow Diagram (Nugroho,
2009)
8
, yaitu:
a. Aliran Data (Data Flow)


28

1) Pipa saluran tempat paket informasi mengalir.
2) Penghubung antar proses yang mempresentasikan informasi yang
dibutuhkan proses sebagai masukan atau informasi yang dihasilkan
proses sebagai keluaran.
3) Aliran paket informasi dari satu bagian sistem ke bagian sistem lain.
b. Proses
1) Transformasi aliran data yang datang menjadi aliran data yang keluar.
2) Transformasi dari satu atau beberapa masukan diubah menjadi
keluaran.
3) Dijelaskan proses-proses transformasi data yang ada dalam sistem
atau yang harus dikerjakan oleh sistem.
4) Diberikan nama dan nomor yang akan dipergunakan untuk keperluan
identifikasi. Nama proses dituliskan dalam kata kerja.
c. Penyimpanan Data (Data Store)
1) Tempat penyimpanan data atau tempat data yang dituju oleh proses.
2) Kumpulan paket data yang harus diingat oleh sistem dalam periode
waktu tertentu.
3) Pada akhir pembangunan sistem, data store diimplementasikan sebagai
file atau basis data.
d. Entitas Eksternal atau Terminator
1) Digambarkan entitas yang berinteraksi dengan sistem yang berada di
luar ruang lingkup sistem (bukan yang menjalankan sistem tersebut)
atau entitas yang berfungsi sebagai producer atau consumer dari
sistem (sumber atau tujuan data).


29

2) Dapat berupa orang, unit organisasi komputer eksternal atau sistem
lain. Operator yang memasukkan data dalam sistem termasuk entitas
internal.
3) Antara terminator tidak boleh berkomunikasi langsung.
4) Jumlah entitas terminator yang terkait pada satu level akan muncul
dalam jumlah yang sama untuk level lain.
2.5.1.5. Penggambaran DFD
Terdapat dua pendekatan dalam pembuatan DFD, yaitu pendekatan fisis dan logis.
(Nugroho, 2009)
8
. Berikut adalah penjelasan dari pendekatan fisis dan logis dari
DFD :
a. Pendekatan Fisis
Pendekatan fisis digunakan untuk mengerjakan proses-proses dalam sistem
dan dinilai cukup efektif dalam mengomunikasikan sistem pada pihak
pemakai. Pendekatan fisis digunakan dengan alasan sebagai berikut:
1) Kemudahan tahap awal dalam menguraikan interaksi antar komputer
fisik suatu sistem.
2) Memberi kemudahan bagi pihak pemakai untuk memahami sistem
dilihat dari sudut pandang pengguna.
3) Merupakan salah satu cara yang mudah untuk mendapatkan
pengesahan dan verifikasi dari pemakai.
b. Pendekatan Logis
Pendekatan logis menggambarkan proses atau fungsi transformasi data yang
ada dalam sistem. Pendekatan logis dapat dibuat dari DFD fisis dengan cara
mengubah menjadi deskripsi logika yang difokuskan pada data dan proses.


30

Terdapat aturan-aturan dasar yang digunakan untuk menggambarkan
diagram logis aliran data yaitu :
1) Setiap aliran data yang meninggalkan proses harus berdasarkan pada
data yang masuk ke dalam proses tersebut.
2) Diberikan nama untuk aliran data yang merefleksikan data yang
mengalir antara proses, penyimpanan data, dan sumber lain.
3) Suatu proses tidak perlu mengetahui proses lain dalam sistem,
sehingga hanya tergantung pada masukan dan keluaran saja.
4) Hanya data yang dipergunakan dalam proses yang digambarkan
sebagai masukan pada satu proses.
2.5.1.6. Prosedur Penggambaran DFD
Dalam penggambaran DFD terdapat langkah-langkah yang harus dipenuhi secara
berurutan, hal ini dimaksudkan agar DFD yang dibuat menjadi tidak rumit dan
bersifat konsisten.
Berikut ini adalah langkah-langkah penggambaran DFD:
a. Diidentifikasi terlebih dahulu semua entitas yang terlibat dalam sistem.
b. Diidentifikasi semua input dan output yang terlibat dengan entitas luar.
c. Dibuat Diagram Konteks (Context Diagram).
Diagram ini adalah diagram level tertinggi dari DFD yang menggambarkan
hubungan sistem dengan lingkungan luar. Berikut adalah cara
menggambarkan context diagram:
1) Ditentukan nama sistem.
2) Ditentukan batasan sistem.
3) Ditentukan terminator dalam sistem


31

4) Ditentukan yang diterima atau diberikan terminator dari atau ke
sistem.
5) Digambarkan context diagram.
d. Membuat Diagram Zero
Diagram zero adalah dekomposisi dari context diagram. Berikut adalah tata
cara menggambarkan diagram zero:
1) Ditentukan proses utama yang ada pada sistem
2) Ditentukan data yang diterima atau diberikan masing-masing proses ke
atau dari sistem.
3) Dimunculkan data store master sebagai sumber maupun tujuan alur
data.
4) Digambarkan diagram level zero dengan cara menghindari perpotongan
arus data dan memberi nomor pada proses utama.
5) Dilakukan pengecekan apakah data sudah berimbang atau belum.
e. Membuat Diagram Level Satu
Diagram level satu merupakan dekomposisi dari diagram level zero. Berikut
ini merupakan langkah-langkah penggambaran diagram level satu:
1) Ditentukan proses yang lebih kecil (sub-proses) dari proses utama
yang ada di DFD level zero.
2) Ditentukan yang diberikan atau diterima di masing-masing sub-proses
ke atau dari sistem.
3) Dimunculkan data store sebagai sumber maupun tujuan alur data.


32

4) Digambarkan DFD level satu dengan cara menghindari perpotongan
arus data dan member pada masing-masing sub-proses.
2.5.2. Flowmap
Flowmap adalah campuran peta dan flowchart, yang menunjukkan pergerakan
benda dari satu lokasi ke lokasi lain, seperti jumlah orang dalam migrasi, jumlah
barang yang diperdagangkan, atau jumlah paket dalam jaringan. Flowmap
menolong analis dan programmer untuk memecahkan masalah ke dalam segmen-
segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif
lain dalam pengoperasian, yang akan dijelaskan dalam tabel 2.3.
Tabel 2. 3 Simbol-simbol Flowmap.
Simbol Keterangan




Proses : mempresentasikan operasi

Keputusan : keputusan dalam program

Dokumen : input/output dalam format yang
dicetak


33


Input/output : mempresentasikan input data atau
output data yang diproses atau informasi

Online storage : input/output yang
menggunakan penyimpanan akses langsung

Manual input : input yang dimasukkan secara
manual dari keyboard atau mouse

Display : output yang ditampilkan pada terminal

Manual operation : operasi manusia

Punched card : input/output yang menggunakan
kartu.

Anak panah : mempresentasikan alur kerja

2.5.3. Basis Data
Basis data (database) adalah kumpulan dari berbagai data yang saling
berhubungan satu dengan yang lainnya. Basis data tersimpan di perangkat keras,


34

serta dimanipulasi dengan menggunakan perangkat lunak. Pendefinisian basis data
meliputi spesifikasi dari tipe data, struktur dan batasan dari data atau informasi
yang akan disimpan.
Database merupakan salah satu komponen yang penting dalam sistem informasi,
karena merupakan basis dalam menyediakan informasi pada para pengguna atau
user. Data diartikan sebagai representasi fakta dunia nyata yang mewakili suatu
objek seperti manusia, barang, hewan, konsep, dan lain-lain (Kadir, 1999)
6
.
Terdapat sejumlah sudut pandang pengertian basis data (Fathansyah, 2002)
9
,
yaitu:
1. Himpunan kelompok data (arsip) yang saling berhubungan yang
diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali
dengan cepat dan mudah.
2. Kumpulan data yang saling berhubungan yang disimpan secara bersama
sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu, untuk
memenuhi berbagai kebutuhan.
3. Kumpulan file/tabel/arsip yang saling berhubungan yang disimpan dalam
media penyimpanan elektronik.
2.5.3.1. Tujuan Basis Data
Basis data bertujuan untuk mengatur data sehingga diperoleh kemudahan,
ketepatan, dan kecepatan dalam pengambilan kembali (Kadir, 1999)
6
. Untuk
mencapai tujuan, syarat sebuah basis data yang baik adalah sebagai berikut:
1. Tujuan adanya redundansi dan inkonsistensi data
Redudansi terjadi jika suatu informasi disimpan di beberapa tempat. Contoh


35

ada data siswa yang memuat NIS, nama, alamat, dan atribut lainnya, sementara
punya data lain tentang data rapor siswa yang isinya yang terdapat NIS, nama,
mata pelajaran, dan nilai.
2. Kesulitan Pengaksesan Data
Basis data memiliki fasilitas untuk melakukan pencarian informasi dengan
menggunakan Query ataupun dari tool untuk melihat tabelnya. Dengan fasilitas
ini. Bisa secara langsung melihat data dari software DBMS. Selain itu, basis data
bisa dihubungkan dengan program aplikasi sehingga memudahkan pengguna
dalam mengakses informasi. Misalnya program aplikasi untuk kasir yang
terhubung dengan basis data. Pengguna cukup menggunakan fasilitas pencarian
ataupun laporan. Yang tersedia pada program aplikasi untuk mendapatkan
informasi stok, laporan penjualan, dan lain-lain. Dalam basis data, informasi yang
diperoleh dari kumpulan data bisa berupa keseluruhan data, sebagai data, data
dengan filter tertentu, data yang terurut, ataupun data summary.
2.5.3.2. Manfaat Basis Data
Banyak manfaat yang dapat kira peroleh dengan menggunakan basis data
(Fathansyah, 2002)
9
. Manfaat/kelebihan basis data diantaranya sebagai berikut :
1. Kecepatan dan kemudahan (speed)
Dengan menggunakan basis data pengambilan informasi dapat dilakukan
dengan cepat dan mudah. Basis data memiliki kemampuan dalam
mengelompokkan, mengurutkan bahkan perhitungan dengan metematika.
Dengan perancangan yang benar, maka penyajian informasi akan dapat
dilakukan dengan cepat dan mudah.


36

2. Kebersamaan pemakai
Sebuah basis data dapat digunakan oleh banyak user dan banyak aplikasi.
Untuk data-data yang diperlukan oleh banyak orang/bagian. Tidak perlu
dilakukan pencatatan masing-masing bagian, tetapi cukup dengan satu basis
data untuk dipakai bersama. Misalnya data mahasiswa dalam suatu
perguruan tinggi, dibutuhkan oleh banyak bagian, diantaranya: bagian
akademik, bagian keuangan, bagian kemahasiswaan, dan perpustakaan.
Tidak harus semua bagian ini memiliki catatan dan semua bagian bisa
mengakses data tersebut sesuai dengan keperluannya.
3. Pemusatan kontrol data
Karena cukup dengan satu basis data untuk banyak keperluan, pengontrolan
terhadap data juga cukup dilakukan di satu tempat saja. Jika ada perubahan
data alamat mahasiswa misalnya, maka tidak perlu meng-update semua data
masing-masing bagian tetapi cukup hanya di satu basis data.
4. Efesiensi ruang penyimpanan (space)
Dengan pemakaian bersama, tidak perlu menyediakan tempat penyimpanan
diberbagai tempat, tetapi cukup satu saja sehingga ini akan menghemat
ruang penyimpanan data yang dimiliki oleh sebuah organisasi. Dengan
teknik perancangan basis data yang benar, kita akan menyederhanakan
penyimpanan sehingga tidak semua data harus disimpan.
5. Keakuratan (Accuracy)
Penerapan secara ketat aturan tipe data, domain data, keunikan data,
hubungan antara data, dan lain-lain, dapat menekan keakuratan dalam


37

pemasukan/penyimpanan data.
6. Ketersediaan (availability)
Dengan basis data, dapat mem-backup data, memilah-milah data mana yang
masih diperlukan dan data mana yang perlu disimpan ke tempat lain. Hal ini
mengingat pertumbuhan transaksi suatu organisasi dari waktu ke waktu
membutuhkan media penyimpanan yang semakin besar.
7. Keamanan (Security)
Kebanyakan DBMS dilengkapi dengan fasilitas manajemen pengguna
diberikan hak akses yang berbeda-beda sesuai dengan pengguna dan
posisinya. Basis data bisa diberikan passwordnya untuk membatasi orang
yang mengaksesnya.
8. Kemudahan dalam pembuatan program aplikasi baru
Pengguna basis data merupakan bagian dari perkembangan teknologi.
Dengan adanya basis data pembuatan aplikasi bisa memanfaatkan
kemampuan dari DBMS, sehingga pembuatan aplikasi tidak perlu
mengurusi penyimpanan data, tetapi cukup mengatur interface pengguna.
9. Pemakaian secara langsung
Basis data memiliki fasilitas untuk melihat datanya secara langsung dengan
tool yang disediakan oleh DBMS. Untuk melihat data, langsung ke table
ataupun menggunakan query. Biasanya yang menggunakan fasilitas ini
adalah user yang sudah ahli, atau database administrator.
10. Kebebasan data (Data Independence)
Jika sebuah program telah selesai dibuat, dan ternyata ada perubahan isi


38

data. Maka dengan basis data, perubahan ini hanya perlu dilakukan pada
level DBMS tanpa harus membongkar kembali program aplikasi.
11. User view
Basis data penyediaan pandangan yang berbeda-beda untuk tiap-tiap
pengguna. Misalnya memiliki data-data dari perusahaan yang bergerak
dibidang retail. Data yang ada berupa data barang, penjualan, dan
pembelian.
2.5.3.3. ERD (Entity Relation Diagram)
ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis
data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi.
ERD untuk memodelkan struktur data dan hubungan antar data, untuk
menggambarkannya digunakan beberapa notasi dan simbol (Kadir, 1999)
6
. Pada
dasarnya ada empat simbol yang digunakan, dapat dilihat pada tabel 2.4.
Tabel 2. 4 ERD (Entity Relationship Diagram)
Simbol Nama Keterangan

Entity Menunjukkan himpunan entitas.

Garis Penghubung
Menunjukkan penghubung antara
himpunan relasi dengan himpunan
entitas dan himpunan entitas dengan
atributnya.


39


Belah
Ketupat/Relationship
Menunjukkan himpunan relasi.

Atribut
Atribut, merupakan deskripsi dari
karakteristik dari sebuah entitas,
dimana atribut yang berfungsi sebagai
key diberi garis bawah.
(Sumber: Kadir, 1999)
6
1. Entity
Entity merupakan objek yang mewakili sesuatu yang nyata dan dapat
dibedakan dari sesuatu yang lain. Simbol dari entity ini biasanya
digambarkan dengan persegi panjang.
2. Atribut
Setiap entitas pasti mempunyai elemen yang disebut atribut yang berfungsi
untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari atribut
mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu dengan
yang lain. Gambar atribut diwakili oleh simbol elips.
3. Hubungan/Relasi
Hubungan antara sejumlah entitas yang berasal dari himpunan entitas yang
berbeda.
2.5.3.4. Relasional


40

Menurut Jogianto (2005)
4
, relasi adalah menunjukkan adanya hubungan diantara
sejumlah entitas yang berasal dari himpunan entitas yang berbeda. Relasi adalah
hubungan antar table yang satu dengan yang lainnya melalui field yang sama.
Relasional merupakan bentuk hubungan antara dua tabel atau lebih, yang salah
satu tabel anggotanya akan memiliki bentuk ketergantungan yang erat sehingga
tidak dapat dipisahpisahkan secara menyendiri. Dengan adanya hubungan ini
sebuah data dapat disimpan dengan struktur yang terorganisir sehingga
memudahkan dalam mendapatkan informasi dan mengelola database.
1. Bentuk Relasi One to One
Bentuk relasi yang dikatakan One to One adalah apabila pada tabel A
memiliki satu anggota yang ada di dalam tabel B, atau pada tabel B hanya
memiliki satu anggota yang ada pada tabel A. Sebagai gambaran dapat
dilihat hubungan kedua tabel seperti pada gambar 2.3 dan gambar 2.4.

Gambar 2. 3 Bentuk relasi One to One dari tabel A ke tabel B

Gambar 2. 4 Bentuk relasi One to One dari tabel B ke tabel A


41

2. Bentuk relasi One to Many
Bentuk relasi yang dikatakan One to Many yaitu apabila salah satu anggota
tabel A dapat memiliki anggota lebih dari satu pada tabel B, atau salah satu
dari anggota tabel B dapat memiliki satu atau beberapa anggota pada tabel
A. Bentuk penggambarannya seperti pada gambar 2.5 dan gambar 2.6.

Gambar 2. 5 Bentuk relasi One To Many dilihat dari tabel A

Gambar 2. 6 Bentuk relasi One To Many dilihat dari tabel B
3. Bentuk relasi Many to Many
Tabel dikatakan memiiki hubungan Many To Many apabila semua baris data
pada tabel A memiliki banyak anggota yang berada pada tabel A memiliki
banyak anggota yang berada pada tabel B, dan semua anggota pada tabel B
dapat dimiliki oleh banyak anggota dari tabel A. Hubungan tersebut dapat
digambarkan seperti gambar 2.7.


42


Gambar 2. 7 Bentuk hubungan relasi Many To Many
2.5.3.5. MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL
(bahasa Inggris: database management system) atau DBMS yang multithread,
multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat
MySQL tersedia sebagai perangkat lunak gratis di bawah lisensi GNU General
Public License (GPL), tetapi juga menjual di bawah lisensi komersial untuk
kasus-kasus dimana penggunaan GPL tidak cocok dengan penggunaan GPL
(http://id.wikipedia.org/wiki/MySQL).
Untuk dapat menggunakan semua perintah SQL pada PHP, diperlukan suatu
fungsi MySQL. Fungsi ini berguna untuk mengantarkan perintah SQL pada PHP
menuju ke server sehingga perintah tersebut dapat dieksekusi oleh server MySQL.
Fungsi fungsi MySQL akan dijelaskan pada Tabel 2.5 ( Kadir, 2009 )
11
.
Tabel 2. 5 Fungsi fungsi MySQL.
Fungsi Kegunaan Penulisan Umum
mysql_affected_rows
Menghitung jumlah
record dalam suatu
koneksi
mysql_affected_rows(x)


43

mysql_close
Untuk menutup koneksi
database
mysql_close(x)
mysql_connect
Untuk mengaktifkan
koneksi ke server mysql
mysql_connect(host,
user, password)
mysql_create_db
Berfungsi untuk
membuat database
mysql_create_db
(nama_database)
mysql_data_seek
Untuk meletakkan posisi
pointer
mysql_data_seek
(result_ID, nmr_row)
mysql_db_query
Berfungsi untuk
menuliskan perintah sql
berikut dengan database
mysql_db_query
(nama_database,
perintah sql)
mysql_drop_db
Untuk menghapus
database
mysql_drop_db
(nama_database)
mysql_errno
Menampilkan Nomor
pesan kesalahan
mysql_errno (link_ID)
mysql_error
Untuk menampilkan
pesan kesalahan
mysql_error
mysql_fetch_array
Untuk mengambil nilai
per-record dengan sistem
nama field table
mysql_fetch_array(x)
mysql_fetch_field
Mengambil informasi
field dari hasil query
mysql_fetch_field(x)
mysql_fetch_lengths
Mencari panjang setiap
field dari hasil query
mysql_fetch_lengths(x)


44

mysql_fetch_object
Berfungsi untuk
mengambil nilai per-
record dengan sistem
object
mysql_fetch_object(x)
mysql_fetch_row
Berfungsi untuk
mengambil nilai per-
record dengan sistem
urutan index dari suatu
field
mysql_fetch_row(x)
mysql_fetch_name
Berfungsi untuk
menentukan nama field
dari hasil query
mysql_fetch_name
(result_ID, field_index)
mysql_fetch_seek
Untuk meletakkan
pointer field offset yang
ditunjuk
mysql_fetch_seek
(result_ID, field_offset)
mysql_fetch_table
Berfungsi untuk
menentukan nama table
dari field yang ditunjuk
mysql_fetch_table
(result_ID, field_offset)
mysql_fetch_type
Berfungsi untuk
menentukan nama field
yang ditunjuk
mysql_fetch_type
(result_ID, field_offset)
mysql_free_result
Berfungsi untuk
menghapus hasil query
dari memori
mysql_free_result
(result_ID)


45

mysql_get_client_info
Berfungsi untuk
mendapatkan informasi
client MySQL
mysql_get_client_info(x)
mysql_get_host_info
Berfungsi untuk
mendapatkan informasi
host MySQL
mysql_get_host_info(x)
mysql_get_server_info
Berfungsi untuk
mendapatkan informasi
server MySQL
mysql_get_server_info(x
)
mysql_insert_id
Untuk mendapatkan ID
dari operasi insert
sebelum
mysql_insert_id(x)
mysql_num_fields
Berfungsi untuk
menentukan jumlah field
dari hasil query
mysql_num_fields(x)
mysql_num_rows
Berfungsi untuk
menentukan jumlah
record atau baris dari
hasil query
mysql_num_rows(x)
mysql_pconnect
Berfungsi untuk
melakukan koneksi ke
server mysql secara
persistem
mysql_pconnect (host,
user, password)


46

mysql_query
Berfungsi untuk
memasukkan perintah sql
mysql_query(x)
mysql_result
Berfungsi untuk
mengambil data dari
perintah query
mysql_result (result_ID,
row)
mysql_select_db
Berfungsi untuk
mengaktifkan database
mysql_select_db
(nama_database)
mysql_tablename
Berfungsi untuk
mendapatkan nama table
dari suatu kolom
mysql_tablename (x)
mysql_unbuffered_query
Untuk mengirim perintah
SQL ke server, tanpa
menampilkan hasil
mysql_unbuffered_query
(x)

2.6. Konsep Dasar WEB
Konsep dasar web terdiri dari elemen-elemen yang menjadi dasar sebuah web
seperti HTTP, web browser, HTML, dan PHP (Pradipta, 2013)
10
.
2.6.1. HTTP (HyperText Transfer Protocol)
HTTP (HyperText Transfer Protocol) adalah sebuah protokol jaringan lapisan
aplikasi yang dibangun di atas TCP. Klien HTTP (web browser) dan server
berkomunikasi melalui HTTP Request dan message response. Secara default
HTTP menggunakan TCP port 80, meskipun port lain seperti 8080 dapat
digunakan sebagai alternatif.


47

2.6.2. Web Browser
Web browser adalah perangkat lunak tambahan yang dipasang di sistem operasi
dan digunakan untuk menampilkan halaman website. Halaman website yang
ditampilkan dapat berasal dari web server pada jaringan lokal atau jaringan
internet. Beberapa contoh perangkat lunak web browser adalah Mozilla Firefox,
Google Chrome, Safari, dan Internet Explorer.
2.6.3. Web Server
Web server merupakan suatu server internet yang menggunakan protocol HTTP
untuk melayani semua proses transfer data. Web server hingga saat ini merupakan
server yang dapat dikatakan sebagai tulang punggung bagi semua pengguna
internet. Hal ini dikarenakan, web server bukan hanya bisa melayani jenis data
dalam bentuk teks, akan tetapi juga dapat menampilkan format-format data dalam
bentuk gambar atau suara.
2.6.4. HTML (HyperText Markup Language)
HTML (HyperText Markup Language) merupakan bahasa pemrograman yang
termasuk dalam bahasa pemrograman interpreter. Semua bahasa pemrograman
yang berjalan di bawah web seperti PHP dan JavaScript dapat diintegrasikan
dengan bahasa pemrograman HTML. Sama seperti bahasa pemrograman PHP dan
JavaScript dalam penulisan HTML terdapat tag pembuka dan tag penutup.
Dalam website w3schools.com dijelaskan, terdapat dua elemen utama dari HTML
yaitu tag html dan tag body.
a. Tag HTML


48

Tag HTML dibuka dengan <HTML> dan ditutup dengan </HTML>. Tag
ini menandai bahwa kode yang tertulis di dalam tag HTML merupakan kode
program HTML.
b. Tag Body
Tag body mendefinisikan body dari dokumen HTML. Elemen body dimulai
dengan tag pembuka <body> dan diakhiri dengan tag </body>. Semua yang
ditampilkan dalam halaman web, harus dituliskan dalam tag body.
2.6.5. PHP (Hypertext Prepocessor)
PHP ( merupakan singkatan rekursif dari PHP: Hypertext Prepocessor )
merupakan script untuk membuat suatu aplikasi yang dapat terintegrasikan ke
halaman HTML, sehingga suatu halaman web tidak lagi bersifat statis, namun
menjadi bersifat dinamis
Pengertian lain PHP adalah sebuah bahasa pemrograman yang berbentuk
scripting, sistem kerja dari program ini adalah sebagai interpreter bukan sebagai
compiler (Pradipta, 2013)
11
. Perbedaan antara bahasa compiler dengan bahasa
interpreter adalah sebagai berikut:
a. Bahasa Compiler
Bahasa compiler adalah bahasa yang mengubah kode-kode program ke
dalam source code. Bentuk source code akan diubah menjadi bentuk object
code, bentuk object code akan menghasilkan file yang lebih kecil dari
source code file. Bentuk object code akan berubah menjadi program yang
siap dijalankan tanpa program bantu. Hasil dari bahasa pemrograman yang


49

berbentuk compiler akan menghasilkan program yang berstatus sebagai
program EXE yang dapat dieksekusi tanpa bantuan dari program lain.
b. Bahasa Interpreter
Berbeda dengan bahasa compiler, pada bahasa interpreter, script mentah
tidak harus dirubah ke dalam source code. Sehingga ketika menjalankan
program, kode dasar secara langsung akan dijalankan tanpa harus melalui
proses pengubahan ke dalam source code. Kekurangan dari bentuk
interpreter adalah program pembuat harus selalu tersedia dan berjalan saat
program diaktifkan.
Seperti pada bahasa pemrograman lain, PHP memiliki beberapa aturan dalam
penulisan kode program. Dalam penulisan kode program PHP dibutuhkan tag
pembuka dan tag penutup PHP. Terdapat beberapa tag pembuka dan penutup
dalam PHP, seperti pada Tabel 2.6.
Tabel 2. 6 Tag Pembuka dan Penutup PHP
Awal Akhir
<? ?>
<?php ?>
<script language = php> </script >
<% %>

Terdapat dua cara yang digunakan untuk menuliskan kode pemrograman PHP,
yaitu Embedded Script dan Non-Embeded Script.
a. Embedded Script


50

Embedded script adalah kode PHP yang disisipkan dalam tag kode HTML.
Berikut adalah contoh dari penulisan embedded script.
<html>
<head>
<title>Sistem Ujian Online SMK Telkom Terpadu AKN Marzuqi </title>
</head>
<body>
<?
echo Selamat Datang pada Sistem Ujian Online;
?>
<?php
echo Selamat Datang pada Sistem Ujian Online II;
?>
<script language = php>
echo Selamat Datang pada Sistem Ujian Online III;
</scripts>
<%
echo Selamat Datang pada Sistem Ujian Online IV;
%>
</body>
</html>
b. Non-Embeded Script
Non-embeded script adalah penulisan kode PHP murni, kode-kode yang
digunakan untuk membuat dokumen merupakan murni dari kode PHP
sedangkan kode HTML menjadi bagian dari kode PHP.
<?php
echo
<html>
<head>
<title>Sistem Ujian Online SMK Telkom Terpadu AKN Marzuqi </title>


51

</head>
<body>
Selamat datang Pada Sistem Ujian Online SMK Telkom Terpadu AKN Marzuqi
</body>
</html>
;
?>
Semua kode program PHP akan disimpan dengan file yang mempunyai ekstensi
*.php, contoh : index.php. Untuk dapat membuka file PHP, maka file PHP
disimpan dalam folder htdoc pada folder web server.
2.6.6. CSS (Cascanding Style Sheet)
CSS merupakan sebuah bahasa yang digunakan untuk mengatur tampilan sebuah
dokumen web yang ditulis dalam markup language. Dengan kata lain, CSS
merupakan sebuah bahasa yang digunakan untuk mengatur tampilan atau desain
suatu halaman HTML (Kadir, 2009)
11
.
2.6.7. Javascript
Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client.
JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh
Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita
membutuhkan JavaScript-enabled browser yaitu browser yang mampu
menjalankan JavaScript (Kadir, 2009)
11
. Javascript merupakan salah satu bahasa
pemrograman berbasis prototipe yang berjalan di sisi client, javascript merupakan
bahasa pemrograman yang berjalan khusus di browser agar halaman web menjadi
tampak lebih hidup dan interaktif. Secara fungsional, javascript digunakan untuk


52

menyediakan akses script pada objek yang embedded. Penggunaan sederhana dari
javascript adalah pergerakan atau animasi tampilan pada halaman web, atau
perubahan-perubahan image pada halaman web. Javascript tidak memerlukan
compiler untuk menjalankannya (pada kenyataanya compiler javascript sendiri
sudah termasuk dalam web browser). Javascript berbeda dengan Java. Java
merupakan bahasa yang didesain untuk mengeksekusi cepat dan keamanan
penulisan sedangkan Javascript memiliki kemampuan yang tinggi meskipun
hanya dituliskan dalam beberapa baris perintah.
2.7. Konsep Dasar WAP (wireless application protocol)
Wireless Application Protocol merupakan protokol bagi perangkat-perangkat
nirkabel yang menyediakan layanan komunikasi data bagi pengguna, baik dalam
bentuk yang berhubungan dengan telekomunikasi maupun Aplikasi-aplikasi
berorientasi internet (Anoname, 2007)
12
.
Struktur WAP mengadopsi topologi layer-layer yang ada pada internet
protokol(model TCP/IP). Ini terkait dengan tujuan dibuat-nya WAP, yaitu
memberikan akses internet bagi alat komunikasi mobile nirkabel.
Protocol mengatur bagaimana format paket data dan layanan-layanan terhadap
paket data pada setiap layer, bagaimana suatu layer memberikan layanan kepada
layer lain yang berada di atasnya.
Dengan WAP, seseorang yang mempunyai mobile device dapat melakukan
transaksi, seperti berbelanja, memesan lewat internet, dan lain-lain. WAP adalah
standar industri yang dikembangkan oleh sekelompok pabrik telekomunikasi
(seperti Nokia, Ericson, Motorola), operator telekomunikasi (seperti Deutche


53

Telecom, France Telecom, AT&T), perusahaan-perusahaan software dan
penyedia layanan (Microsoft, IBM, RSA, Unwired Planet, Symbian) (Rytkonen,
2005). WAP merupakan suatu standar protokol yang dibuat untuk mengatasi
keterbatasan wireless device seperti telepon seluler dan PDA (Tan dan Teo, 2001).
Berikut adalah beberapa keterbatasan (ThinkQuest, 2005):
Keterbatasan Perangkat WAP (Amelia, 2013)
12
:
1. Kemampuan Central Processing Unit (CPU) yang lebih rendah
dibandingkan CPU yang digunakan pada perangkat wired seperti komputer.
2. Keterbatasan ukuran memori.
3. Penghematan penggunaan daya (power) yang biasanya menggunakan
baterai.
4. Ukuran display yang lebih kecil dan terbatas.
5. Input device yang berbeda dengan device biasa.
2.7.1. Cara Kerja WAP
Saat sebuah handheld mobile device tersambung ke jaringan wireless dan
meminta akses sebuah site web yang mendukung WAP, handheld mobile device
anda akan mengirimkan permintaan tersebut via gelombang radio ke sel terdekat,
dimana langsung dirutekan ke internet melalui sebuah server gateway. Server
gateway tersebut akan menerjemahkan permintaan ke format standar HTTP dan
meneruskannya ke site web. Bila site tersebut meresponsnya, ia akan
mengirimkan dokumen HTML ke server gateway, kemudian dikonversi menjadi
WML dan merutekannya ke antena terdekat. Antena tersebut akan mengirimkan
data via gelombang ke piranti WAP anda dan akhirnya microbrowser aplikasi


54

kecil yang dibuat di dalam wireless device sebagai navigator yang menyediakan
interface antara user dan wireless internet- menampilkan halaman tersebut.
Gambar 2. 7 Menunjukkan cara kerja WAP.

Tabel 2. 7 Cara Kerja WAP
(Sumber : http://farninuramalia.blogspot.com/)
2.7.2. XHTML Mobile Profile
XHTML MP (Extensible Hypertext Markup Language Mobile Profile) adalah
bahasa markup yang didefinisikan dalam WAP 2.0. WAP 2.0 adalah spesifikasi
layanan bergerak terbaru yang dikeluarkan oleh WAP Forum (sekarang Open
Mobile Alliance [OMA]). Spesifikasi WAP CSS (WAP Cascading Style Sheet
atau WCSS) juga didefinsikan dalam WAP 2.0. WAP CSS adalah pasangan
XHTML MP dan keduanya digunakan bersama. Dengan WAP CSS, secara
mudah dapat mengubah dan memformat tampilan halaman XHTML MP
(Zulkipli: 2011)
15
.
XHTML Mobile Profile adalah subset XHTML. Tujuan XHTML MP adalah
menggabungkan teknologi untuk mobile internet browsing dan WWW.


55

Sebelumnya, WML/WMLScript digunakan untuk membuat WAP site, sedangkan
untuk website menggunakan HTML/XHTML dan CSS.
Dengan adanya XHTML Mobile Profile, bahasa markup dunia nirkabel dan dunia
kabel akhirnya menyatu. XHTML Mobile Profile dan WAP CSS memberikan
pengembang internet nirkabel aplikasi dan kontrol presentasi yang lebih baik.
Keuntungannya adalah teknologi yang sekarang dapat digunakan untuk
mengembangkan baik web dan versi nirkabel dari situs internet.
Versi sebelumnya WAP 1.2.1. WAP 1.2.1 situs yang dikembangkan dengan
menggunakan WML dan WMLScript. WAP 2.0 adalah kompatibel untuk WAP
1.x. Jadi, WAP 2.0 perangkat nirkabel dapat digunakan untuk mengunjungi kedua
XHTML MP, WCSS dan WML, atau situs WMLScript.
2.7.3. Aturan Sintaks XHTML Mobile Profile
Beberapa fitur yang tersedia di WML 1.x tidak ada dalam XHTML MP lagi.
Untuk beberapa fitur WML hilang, ada cara untuk mencapai efek yang sama
dalam XHTML MP. Perlu dicatat bahwa WAP 2.0 adalah kompatibel untuk
WML 1.x, yang berarti perangkat mobile dapat menampilkan dokumen WML 1.x.
Jika ada fitur WML yang harus menggunakan XHTML MP tetapi tidak tersedia,
hal ini sebagai pertimbangan untuk mengembangkan aplikasi WAP dengan WML
1.x.
Berikut adalah fitur utama WML yang hilang dalam XHTML MP:
1. XHTML MP tidak mendukung deck dan card
2. XHTML MP tidak mendukung timer
3. XHTML MP tidak mendukung event


56

4. XHTML MP tidak mendukung variabel
5. XHTML MP tidak mendukung client-side scripting
6. XHTML MP tidak mendukung softkey yang dapat diprogram
7. XHTML MP tidak mendukung tag <u>
8. XHTML MP tidak mendukung format atribut untuk field input
9. XHTML MP tidak mendukung posting data dengan anchor link
2.7.4. Struktur Dokumen XHTML Mobile Profile
XHTML MP adalah bagian dari XHTML. Aturan Sintaks XHTML MP mengikuti
XHTML. Kode markup XHTML MP ditulis dengan mengikuti aturan XHTML
MP sintaks di bawah ini.
1. Tag harus ditutup secara benar
2. Tag dan atribut harus lowercase
3. Nilai atribut harus ditutup dengan atau
4. Tidak ada minimalisasi atribut
- Contoh : checked=checked, selected=selected
5. Tag harus disarangkan dengan benar
- <p> <i> test </i> </p>
2.8. Konsep Dasar Jaringan Komputer
Jaringan Komputer adalah sekelompok komputer otonom yang saling
berhubungan antara satu dengan lainnya menggunakan protokol komunikasi
melalui media komunikasi sehingga dapat saling berbagi informasi, program
program, penggunaan bersama perangkat keras seperti printer, harddisk, dan
sebagainya (Kristanto, 2003)
13
. Selain itu jaringan komputer bisa diartikan


57

sebagai kumpulan sejumlah terminal komunikasi yang berada di berbagai lokasi
yang terdiri dari lebih satu komputer yang saling berhubungan.
2.8.1. Tipe-Tipe jaringan Komputer
Menurut Budi Irawan (2005)
14
, jaringan komputer dapat dibedakan berdasarkan
cakupan geografisnya. Ada empat kategori utama jaringan komputer, yaitu :
1. LAN (Local Area Network)
LAN digunakan untuk menghubungkan komputer yang berada dalam suatu
area yang kecil, jarak antara komputer yang dihubungkannya hanya bisa
mencapai 5 sampai 10 km. Suatu LAN biasanya bekerja pada kecepatan 10
sampai 100 Mbps. LAN menjadi populer karena memungkinkan banyak
pengguna untuk memakai sumber daya secara bersama-sama.
2. MAN (Metropolitan Area Network)
MAN merupakan suatu jaringan yang cakupannya meliputi suatu kota.
MAN menghubungkan LAN-LAN yang lokasinya berjauhan. Jangkauan
MAN bisa mencapai 10 sampai beberapa ratus km. Suatu MAN biasanya
bekerja pada kecepatan 1,5 sampai 150 Mbps.
3. WAN (Wide Area Network)
WAN dirancang untuk menghubungkan komputer-komputer yang terletak
pada suatu cakupan geografis yang luas, seperti hubungan dari satu kota ke
kota lain dalam suatu negara. Cakupan WAN dapat meliputi 100 sampai
1.000 km, dan kecepatan antar kota bisa bervariasi antara 1,5 Mbps sampai
2,4 Gbps.
4. GAN (Global Area Network)


58

GAN merupakan jaringan yang menghubungkan negara-negara di seluruh
dunia. Kecepatan GAN bervariasi mulai dari 1,5 Mbps sampai 100 Gbps
dan cakupannya mencapai ribuan kilometer. Contoh yang sangat baik dari
GAN ini adalah internet.
2.8.2. Topologi Jaringan
Menurut Budhi Irawan (2005)
11
topologi fisik jaringan yang digunakan dalam
jaringan diantaranya:
1. Topologi Garis Lurus
Topologi garis lurus atau yang sering disebut topologi bus terdiri dari satu
jalur kabel utama dimana masing-masing ujungnya diberikan sebuah
terminator. Semua nodes pada jaringan (file server, workstation, dan
perangkat lainnya) terkoneksi sebuah kabel utama (backbone). Jaringan-
jaringan Ethernet dan local talk menggunakan topologi linear ini.

Gambar 2. 8 Topologi Linear Bus (Garis Lurus)
( Sumber : Budi Irawan, 2005. Jaringan Komputer. GRAHA ILMU, Yogyakarta )
2. Topologi Bintang
Topologi bintang atau yang lebih sering disebut dengan topologi star. Pada
topologi star, setiap nodes (file server, workstation, dan perangkat lainnya)
terkoneksi ke jaringan melalui sebuah concentrator/hub.


59


Gambar 2. 9 Topologi Star (Bintang)
( Sumber : Budi Irawan, 2005. Jaringan Komputer. GRAHA ILMU, Yogyakarta )
3. Topologi Cincin
Topologi cincin menggunakan teknik konfigurasi yang sama dengan
topologi star tetapi pada topologi ini terlihat bahwa jalur media transmisi
menyerupai suatu lingkaran tertutup . kelemahan topologi cincin terletak
pada kegagalan salah satu simpul. Jika ada satu simpul yang mengalami
kegagalan, maka semua hubungan terputus.

Gambar 2. 10 Topologi Cincin (Ring)
( Sumber : Budi Irawan, 2005. Jaringan Komputer. GRAHA ILMU, Yogyakarta )
4. Topologi Pohon
Topologi model ini merupakan perpaduan antara topologi linear bus dan
star, yang terdiri dari kelompok-kelompok dari workstation dengan


60

konfigurasi star yang terkoneksi ke kabel utama yang menggunakan
topologi linear bus. Topologi ini memungkinkan untuk perkembangan
jaringan yang telah ada dan memungkinkan untuk mengkonfigurasi jaringan
sesuai dengan kebutuhan.
2.9. Konsep Dasar Internet dan Intranet
Internet adalah singkatan dari kata Interconnection Networking, yang berarti
seluruh jaringan komputer yang saling terhubung menggunakan standar sistem
global Transmission Control Protocol/Internet Protocol Suite (TCP/IP) sebagai
protokol pertukaran paket (packet switching communication protocol) untuk
melayani miliaran pengguna di seluruh dunia.
Dalam mengatur integrasi dan komunikasi jaringan komputer internet
menggunakan protokol yaitu TCP (Transmission Control Protocol) bertugas
untuk memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP
(Internet Protocol) yang mentransmisikan data dari satu komputer ke komputer
lain. TPC/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih
rute alternatif jika suatu rute tidak dapat di gunakan, mengatur dan mengirimkan
paket-paket pengiriman data.
Sedangkan pengertian intranet adalah jaringan komputer pribadi yang
menggunakan protokol internet untuk dapat berbagi data dan informasi secara
aman dalam lingkup satu organisasi atau badan atau sistem operasi jaringan
organisasi tersebut.


61

Sebuah intranet adalah sebuah jaringan privat (private network) yang
menggunakan protokol-protokol internet (TCP/IP), untuk membagi informasi
rahasia perusahaan atau operasi dalam perusahaan tersebut kepada karyawannya.
Kadang-kadang, istilah intranet hanya merujuk kepada layanan yang terlihat,
yakni situs web internal perusahaan. Untuk membangun sebuah intranet, maka
sebuah jaringan haruslah memiliki beberapa komponen yang membangun
Internet, yakni protokol internet (Protokol TCP/IP, alamat IP, dan protokol
lainnya), klien dan juga server. Protokol HTTP dan beberapa protokol internet
lainnya (FTP, POP3, atau SMTP) umumnya merupakan komponen protokol yang
sering digunakan.



62

BAB III
PERANCANGAN SISTEM
Bab ini menjelaskan mengenai perancangan Sistem Ujian Try Out Online SMK
Telkom Terpadu AKN Marzuqi. Pada tahap perancangan dikelompokkan menjadi
perancangan Sistem, perancangan perangkat yang digunakan, dan perancangan
tampilan atau desain tampilan dari aplikasi.
3.1. Perancangan Sistem
3.1.1. Gambaran Umum Sistem
Sistem Ujian Try Out Online (SUTO) SMK Telkom Terpadu AKN Marzuqi
adalah sebuah sistem informasi yang digunakan oleh SMK Telkom Terpadu
AKN Marzuqi sebagai alat atau media untuk membantu bagi Guru dan Siswa
kelas 3 dalam persiapan menghadapi ujian nasional. Suto dapat diakses oleh
semua orang dari dalam atau luar lingkungan sekolah. Suto dibuat dengan
menggunakan bahasa pemprograman yang berbasis WEB dan WAP, sehingga
sistem dapat diakses menggunakan perangkat komputer atau handphone. Setiap
orang yang akan menggunakan sistem informasi ini harus melakukan proses login
terlebih dahulu untuk login sebagai admin, panitia penyelenggara, siswa, atau
pengawas. Setiap user memiliki kewenangan yang berbeda dalam sistem,
misalkan kewenangan user panitia penyelenggara (panpen) tidak sama dengan
user siswa.


63

Kategori soal dalam ujian dibedakan menjadi 3 kategori yaitu; mudah, sedang,
dan sulit. Nomor urut pertanyaan soal ujian diacak secara random, sehingga soal
yang diterima setiap peserta akan berbeda. Ujian akan dilaksanakan dan berakhir
sesuai waktu yang telah ditentukan oleh admin atau Admin ujian. Sehingga para
peserta ujian tidak bisa mengerjakan soal sebelum waktu yang sudah ditetapkan.
Bagi peserta ujian yang terlambat tidak akan mendapatkan tambahan waktu dalam
mengerjakan soal ujian, maka soal ujian yang belum dikerjakan akan dianggap
sebagai jawaban yang salah oleh sistem.
Nilai ujian secara otomatis muncul setelah ujian selesai, kemudian ada sesi
pembahasan soal. Dalam sesi pembahasan soal, akan ditampilkan kembali soal-
soal yang telah dikerjakan beserta jawaban dan pembahasan soal.
Semua nilai akan dijumlahkan dan dirata-rata, setelah peserta mengerjakan ujian
bahasa Indonesia, bahasa inggris, matematika, dan teori kejuruan. Status peserta
lulus ujian atau tidak, diukur dengan standar minimal kelulusan ujian nasional
tingkat SMK tahun 2014.
Peserta terbaik dalam ujian ditentukan dengan sistem ranking. Tolak ukur dari
sistem ranking diambil dari jumlah nilai tertinggi ujian dan waktu yang diperlukan
dan mengerjakan soal, semakin sedikit waktu yang diperlukan maka semakin
baik.
3.1.1.1. Tujuan Sistem
Tujuan pembuatan Sistem Ujian Try Out Online pada SMK Telkom Terpadu
AKN Marzuqi adalah untuk membantu bagi para Guru dalam mempersiapkan
anak didik dalam persiapan Ujian Nasional (UN). Selama ini sistem ujian


64

dilakukan secara manual yaitu dimulai dari mempersiapkan alat tulis untuk ujian,
pendistribusian lembar soal dan lembar jawaban, harus absen terlebih dahulu
untuk mengetahui peserta yang hadir dalam ujian, mencantumkan identitas peserta
dalam lembar soal, dan nilai hasil ujian tidak diketahui oleh siswa/peserta secara
langsung. Dengan adanya sistem informasi ini maka siswa/peserta tidak harus
membawa alat tulis, tidak menunggu saat pendistribusian lembar soal dan lembar
jawab, dan hasil ujian otomatis keluar setelah ujian selesai. Sehingga
siswa/peserta dapat menghemat waktu, dan mengurangi human error pada saat
mengisi lembar jawab ujian.
3.1.1.2. Pengguna Sistem
Dalam Sistem Ujian Try Out Online ini terdapat empat jenis user atau pengguna
yang dapat mengakses sistem, yaitu admin, panitia penyelenggara, peserta, dan
pengawas.
a. Admin atau Panitia pelaksana ujian adalah kepala sekolah dan bagian IT
SMK Telkom Terpadu AKN Marzuqi.
b. Panitia Penyelenggara Ujian adalah guru yang mengajar pelajaran bahasa
indonesia, bahasa inggris, matematika, dan teori kejuruan dari Jurusan
Teknik Jaringan Komputer (TKJ).
c. Peserta Ujian adalah siswa kelas XII SMK Telkom Terpadu AKN Marzuqi
dari jurusan Teknik Jaringan Komputer (TKJ).
d. Pengawas adalah guru yang bertugas mengawasi proses ujian berlangsung
dan membuat berita acara pada saat ujian. pengawas berasal dari guru SMK
Telkom Terpadu AKN Marzuqi.



65

3.1.1.3. Hak Akses Sistem
Hak akses setiap pengguna Sistem Ujian Try Out Online dibedakan berdasarkan
level dan jenis user sebagai berikut :
a. Admin atau panitia ujian mempunyai hak akses yang lebih luas jika
dibandingkan dengan user lain. Admin dapat melakukan proses penambahan
jurusan, input user baru, input soal, dan mengatur ujian dan jadwal ujian
berlangsung.
b. Panitia penyelenggara ujian atau guru dapat melakukan input soal ke bank
soal, lihat daftar peserta, lihat daftar pengawas dan melihat hasil laporan
ujian semua peserta.
c. Peserta ujian atau siswa adalah pengguna dari Sistem Ujian Try Out Online
ini yang mempunyai hak akses untuk melihat jadwal ujian, mengerjakan
soal ujian, dan melihat hasil nilai.
d. Pengawas adalah user yang mengawasi saat ujian berlangsung. User ini
mempunyai hak akses untuk melihat siswa yang sudah hadir pada saat ujian
berlangsung.
3.1.1.4. Gambaran Sistem Ujian Try Out Online
Gambaran umum Sistem Ujian Try Out Online di SMK Telkom Terpadu AKN
Marzuqi Pati yang berbasis WEB dan WAP. Sistem Ujian Try Out Online ini
dapat diakses oleh pengguna yang terhubung dengan jaringan internet atau
intranet SMK Telkom Terpadu AKN Marzuqi melalui web browser. Setiap
pengguna yang ini mengakses sistem informasi ini cukup menuliskan alamat
domain atau alamat ip address dari komputer server pada web browser. Gambaran
umum sistem dapat dilihat pada dapat dilihat pada gambar 3.1.


66

Jaringan Internet
Modem
Smartfren AC81B
User
User
User User
User User
Laboratorium Komputer Ruang Kelas
User
User
Database
Switch
Jaringan Intranet SMK
Lingkungan Sekolah SMK
Lingkungan Luar Sekola SMK
User
modem
User
Web Server

Gambar 3. 1 Arsitektur SUTO (Sistem Ujian Try Out Online)
3.1.2. Kebutuhan Sistem
Kebutuhan sistem adalah tahapan untuk mengidentifikasi dan mengevaluasi yang
terjadi, sehingga diperoleh beberapa hal yang dibutuhkan untuk membuat sistem
ujian try out online. Pemodelan yang digunakan adalah pemodelan terstruktur
Data Flow Diagram (DFD).
3.1.2.1. Kebutuhan Data
Kebutuhan data yang digunakan dalam membuat Sistem Ujian Try Out Online
sebagai Penunjang Pembelajaran di SMK Telkom Terpadu AKN Marzuqi antara
lain:
a. Data Peserta
Data Peserta yang dijadikan sampel adalah data siswa kelas Tiga SMK
Telkom Terpadu AKN Marzuqi. Data siswa berisi tentang NIS (Nomor
Induk Siswa), nama siswa, kelas, dan jurusan dari siswa tersebut. Data siswa


67

ini dijadikan sebagai username dan password untuk login maupun
mengakses Sistem Ujian Try Out Online SMK Terpadu AKN Marzuqi.
b. Data Panitia Penyelenggara dan Pengawas
Data panitia penyelenggara dan pengawas yang dijadikan sampel adalah
data guru kelas tiga yang mengajar mata pelajar matematika, bahasa
indonesia, bahasa inggris, dan teknik kejuruan baik dari jurusan Teknik
Jaringan Komputer (TKJ) dan mata pelajaran lainnya. Data guru berisi nama
guru, dan mata pelajaran yang diampu oleh guru tersebut. Data ini dijadikan
sebagai username dan password untuk login maupun mengakses Sistem
Ujian Try Out Online SMK Terpadu AKN Marzuqi.
c. Soal Ujian
Soal ujian yang digunakan adalah soal bahasa indonesia, bahasa inggris,
matematika dan teknik kejuruan teknik jaringan komputer dan rekayasa
perangkat lunak.
3.1.2.2. Daftar Kejadian (Events List)
Daftar kejadian dalam tugas akhir dengan judul Implementasi WEB dan WAP
untuk Sistem Ujian Try Out Online (SUTO) sebagai Penunjang Pembelajaran di
SMK Telkom Terpadu AKN Marzuqi Pati ini adalah sebagai berikut:
a. Admin
Admin memiliki hak akses secara penuh terhadap sistem ujian Try Out Online ini.
Aktivitas yang dilakukan oleh admin adalah sebagai berikut:


68

1) Admin login ke dalam sistem dan dapat mengontrol secara penuh sistem
ujian Try Out Online SMK Telkom Terpadu AKN Marzuqi.
2) Admin dapat melihat, menambah, mengubah, dan menghapus daftar users
lain.
3) Admin dapat mengubah, dan menghapus password users lain.
4) Admin dapat melihat, menambah, mengubah, dan menghapus daftar jurusan.
5) Admin dapat melihat, menambah, mengubah, dan menghapus daftar mata
pelajaran yang akan diujikan.
6) Admin dapat melihat, menambah, mengubah, dan menghapus data soal dari
bank soal.
7) Admin dapat melihat absensi/daftar siswa yang mengikuti Ujian Try Out
Online.
8) Admin dapat melihat dan mencetak pelaporan hasil ujian.
9) Admin dapat log out dari sistem.
b. Panitia Penyelenggara
Panitia Penyelenggara adalah user yang memiliki hak akses yang terbatas
terhadap Sistem Ujian Try Out Online SMK Telkom Terpadu AKN Marzuqi.
Aktivitas yang dilakukan oleh panitia penyelenggara adalah sebagai berikut :
1) Panitia Penyelenggara dapat login dengan username dan password.
2) Panitia Penyelenggara dapat menambah data soal pada bank soal.
3) Panitia Penyelenggara dapat melihat, menambah, menghapus data users
Peserta dan Pengawas.


69

4) Panitia penyelenggara dapat melihat daftar jurusan, mata pelajaran, detail
ujian dan jadwal ujian.
5) Panitia Penyelenggara dapat melihat dan mengubah data identitas pribadi.
6) Panitia Penyelenggara dapat melihat dan mencetak pelaporan hasil ujian.
7) Panitia penyelenggara dapat log out dari sistem.
c. Pengawas
Pengawas adalah user yang memiliki hak akses yang terbatas terhadap sistem
ujian Try Out Online SMK Telkom Terpadu AKN Marzuqi. Aktivitas yang
dilakukan oleh pengawas adalah sebagai berikut :
1) Pengawas dapat login ke sistem ujian try out online.
2) Pengawas dapat melihat absensi siswa pada saat ujian try out online
berlangsung.
3) Pengawas dapat membuat berita acara pada saat ujian berlangsung.
4) Pengawas dapat log out dari sistem.
d. Peserta
Peserta adalah user yang memiliki hak akses yang terbatas terhadap sistem ujian
Try Out Online SMK Telkom Terpadu AKN Marzuqi. Aktivitas yang di lakukan
oleh siswa adalah sebagai berikut :
1) Peserta dapat login ke sistem ujian try out online.
2) Peserta dapat melihat dan mengubah data identitas pribadi.
3) Peserta dapat melihat jadwal ujian yang akan berlangsung.
4) Peserta dapat mengerjakan soal ujian pada saat waktu yang telah ditentukan
oleh admin.


70

5) Peserta dapat melihat pembahasan dari setiap soal yang dikerjakan setelah
ujian selesai.
6) Peserta dapat melihat hasil ujian.
7) Peserta dapat log out dari sistem.

3.1.2.3. Pemodelan Sistem
Pemodelan sistem ini digunakan untuk menggambarkan sistem secara umum
maupun spesifik sehingga pembaca dapat memahami alur sistem dengan baik.
Pemodelan terdiri dari CD (Context Diagram), DFD (Data Flow Diagram), ERD
(Entity Relationship Diagram).
a. DFD (Data Flow Diagram)
DFD (Data Flow Diagram) adalah representasi grafik dari sebuah sistem yang
menggambarkan komponen-komponen sebuah sistem, aliran-aliran data diantara
komponen-komponen tersebut, asal, tujuan, dan penyimpanan dari data tersebut.
1) Context Diagram (Diagram Konteks)
context diagram adalah gambaran secara garis besar dari aliran-aliran data yang
mengalir keluar dan masuk dari entitas ke sistem. Gambar 3.2 menggambarkan
Context Diagram dari Sistem Ujian Try Out Online SMK Telkom Terpadu AKN
Marzuqi.
Pada Diagram Konteks yang dapat dilihat pada Gambar 3.2 terdiri dari:


71

a) Empat entitas yang mempengaruhi Sistem Ujian Try Out Online SMK
Telkom Terpadu AKN Marzuqi yaitu, admin (panitia pelaksana), panitia
penyelenggara (guru), peserta (siswa kelas XII), dan pengawas.
b) Proses data input (masuk) dalam sistem adalah data yang diterima dari user
dan diproses oleh sistem yang telah dibuat. Proses data input dalam Sistem
Ujian Try Out Online SMK Telkom Terpadu AKN Marzuqi antara lain:
Admin ujian menginputkan data master user, master data jurusan dan
mata pelajaran, bank soal, ujian, jadwal ujian dan ubah password login.
Panitia penyelenggara ujian menginputkan peserta ujian, pengawas
ujian, bank soal, dan identitas pribadi.
Peserta menginputkan identitas diri masing-masing dan input pilihan
jawaban dari soal ujian.
pengawas ujian menginputkan identitas diri masing-masing.
Proses data output (keluar) dalam sistem adalah data yang dihasilkan oleh sistem
dan diberikan kepada pengguna sistem. Data output dari Sistem Ujian Try Out
Online SMK Telkom Terpadu AKN Marzuqi yaitu; data identitas Admin ujian,
data identitas panitia penyelenggara, data identitas peserta ujian, data identitas
pengawas ujian, bank soal (soal, pilihan jawaban, dan pembahasan), nilai, dan
info pengumuman. Data tersebut digunakan untuk keperluan ujian try out online.



72


Gambar 3. 2 Context Diagram SUTO SMK Telkom Terpadu AKN Marzuqi
0
SUTO
SMK
AKN
Admin Peserta
PanPen
Pengawas
Output
Input
Input
Output
Input
Output Input
Output
data_admin
data_jurusan
data_mapel
data_peserta
data_pengawas
data_panpen
data_banksoal
data_ujian
data_jadwal
data_ubah_pass
info data_admin
info data_jurusan
info data_mapel
info data_peserta
info data_pengawas
info data_panpen
info data_banksoal
info data_ujian
info data_jadwal
info nilai
info pengumuman
info data_penyelenggara
info data_jurusan
info data_mapel
info data_peserta
info data_pengawas
info data_panpen
info data_banksoal
info data_ujian
info data_jadwal
info nilai
info pengumuman
data_penyelenggara
data_pengawas
data_peserta
data_banksoal
data_ubah_profil
info data_peserta
info data_pengumuman
info soal_ujian
info hasil_ujian
info pembahasan_soal
data_peserta
jawaban_soal
data_ubah_Profil
info pengawas
info daftar_peserta
data_pengawas
data_berita_acara


73


Gambar 3. 3 DFD Level 0 Sistem Ujian Try Out Online
1
login
panpen
admin
pengawas
peserta
penyelenggara
admin
peserta
pengawas
2
input_data_master
3
input_bank_soal
penyelenggara
peserta
pengawas
jurusan
mapel
4
ujian
bobotsoal
jenis_banksoal
banksoal
ujian
detail_ujian
jadwal
nilai
jawabanpeserta
mapel
panpen
5
pengumuman
data_penyelenggara
info data_penyelenggara
info data_peserta
data_peserta
data_admin
info data_admin
info data_pengawas
data_pengawas
info data_admin
info data_penyelenggara
info data_peserta
info data_pengawas
data_master info data_master
data_bank_soal
data_bank_soal
info data_bank_soal
info data_bank_soal
data_penyelenggara
info data_penyelenggara
data_peserta
info data_peserta
data_pengawas
info data_pengawas
data_jurusan
info data_jurusan
data_mapel
info data_mapel
info data_jurusan
info bobot_soal
info jenis_banksoal
info data_mapel
data_ujian_tryout
info_data_ujian_tryout
info data_peserta
info data_pengawas
info data_soal
data_soal
info data_soal
data_detail_ujian
info data_detail_ujian
data_ujian
info data_ujian
info data_jadwal
info data_peserta
jawaban_soal
info soal
info data_jadwal
data_jadwal
data_jawaban_peserta
info data_mapel
data_master
info data_master
info data_jadwal
info data_nilai
info pengumuman
info pengumuman
data_pengawas
data_peserta
data_penyelenggara
data_admin
data_nilai
Project Name:
Project Path:
Chart File:
Chart Name:
Created On:
Created By:
Modified On:
Modified By:
SUTO SMK AKN
e:\dfd\
dfd00002.dfd
DFD Level 0
Jun-18-2014
Ahmad Akrom
Jun-18-2014
Ahmad Akrom


74

2) DFD level 0
DFD level 0 merupakan langkah lanjutan dari proses Context Diagram. DFD
level 0 terdiri dari 5 proses, dimana masing-masing proses tersebut mempunyai
sub proses. Kelima proses tersebut adalah proses login, proses master data, proses
input bank soal, proses ujian, dan proses pengumuman. Entity yang termasuk
dalam DFD level 0 yaitu Admin (panitia pelaksana), panpen (panitia
penyelenggara), siswa, dan pengawas. DFD level 0 dibuat menggunakan
EasyCase Profesional 4.2 Workgroup Edition. Gambar 3.3 mengambarkan DFD
level 0 dari Sistem Ujian Try Out Online SMK Telkom Terpadu AKN Marzuqi.
Pengujian level balance dari DFD level 0 tersebut dapat dilihat pada Gambar 3.4.

Gambar 3. 4 Hasil Pengujian Level Balance DFD Level 0.
3) DFD level 1 Proses Login
DFD level 1 merupakan penjabaran dari DFD level 0. Di dalam DFD level 1 akan
dijabarkan proses selanjutnya, dimana proses selanjutnya berhubungan dengan
proses sebelumnya. DFD level 1 proses login terdiri dari tiga sub proses, yaitu sub
proses cek login, sub proses login berhasil dan sub proses accounts settings. Entity
yang termasuk DFD level 1 proses login yaitu admin (panitia pelaksana), panpen
(panitia penyelenggara), pengawas, dan peserta. Sub proses cek login akan
mencocokkan username dan password yang diinputkan oleh user dengan


75

username dan password yang telah tersimpan pada data store. DFD level 1 login
dibuat menggunakan EasyCase Profesional 4.2 Workgroup Edition. DFD level 1
login ditunjukkan pada Gambar 3.5. Pengujian level balance dari DFD level 1
login dapat dilihat pada Gambar 3.6.

Gambar 3. 5 Level 1 Login

Gambar 3. 6 Hasil Pengujian Level Balance DFD Level 1 Login.
4) DFD level 1 Proses Master data.
DFD level 1 master data terdapat lima sub proses, yaitu sub proses master siswa,
sub proses master jurusan, sub proses master mapel, sub proses master panpen
(panitia penyelenggara), dan sub proses master pengawas. kelima sub proses
1.1
cek_login
1.2
login_sukses
1.3
account_setting
admin penyelenggara peserta pengawas
admin panpen peserta pengawas
pengawas
penyelenggara
peserta
panpen
pengawas
peserta
data_admin
data_penyelenggara
data_peserta
data_pengawas
info data_pengawas
info data_peserta
info data_penyelenggara
info data_admin
data_admin data_penyelenggara data_peserta data_pengawas info data_pengawas
info data_peserta
info data_penyelenggara
info data_admin
data_pengawas
data_pengawas
data_penyelengara
data_peserta
data_admin
data_peserta
data_admin
data_penyelenggara


76

digunakan untuk menyimpan data master ke sistem dan mempunyai data store
tersendiri. Sub proses master panpen mempunyai data store panpen, sub proses
master peserta mempunyai data store peserta, sub proses master pengawas
mempunyai data store pengawas, sub proses jurusan mempunyai data store
jurusan, sub proses mapel mempunyai data store mapel. Entity yang termasuk
DFD level 1 proses master data yaitu admin dan panpen (panitia penyelenggara).
DFD level 1 proses input data master sistem dapat dilihat pada Gambar 3.7.
Pengujian level balance dari DFD level 1 proses input master data dapat dilihat
pada Gambar 3.8.

Gambar 3. 7 DFD Level 1 Proses Input Data Master


Gambar 3. 8 Pengujian Level balance DFD level 1 Proses Input Data Master
panpen admin
2.1
master_panpen
2.2
master_jurusan
2.3
master_mapel
2.4
master_peserta
2.5
master_pengawas
pengawas
peserta mapel
penyelenggara
jurusan
data_master
data_master data_master
data_master
info data_master
info data_master
info data_master
info data_master
data_peserta
info data_peserta
data_pengawas info data_pengawas
info data_master
info data_master
data_master
data_master
info data_jurusan
info data_master
data_penyelenggara
data_mapel info data_mapel
info data_penyelenggara
data_jurusan
data_master


77

5) DFD level 1 Proses Bank Soal.
DFD level 1 proses bank soal. DFD level 1 proses bank soal terdiri dari empat sub
proses, yaitu sub proses tambah soal, sub proses delete soal, sub proses tampil
daftar soal dan sub proses cari soal. Entity yang termasuk dalam proses bank soal
adalah admin dan panpen (panitia penyelenggara). Keempat subproses
mempunyai satu data store yaitu data store bank soal, serta mengambil data dari
data store mapel, data store bobotsoal dan data store jenis_banksoal. DFD level 1
proses bank soal sistem dapat dilihat pada Gambar 3.9. Pengujian level balance
dari DFD level 1 proses bank soal dapat dilihat pada Gambar 3.10.

Gambar 3. 9 DFD Level 1 Proses Input Bank Soal
admin
3.1
tambah
peserta
3.2
delete
soal
3.3
cari
soal
3.4
tampil
daftar
soal
panpen
mapel
banksoal jenis_banksoal bobotsoal mapel
bobotsoal banksoal jenis_banksoal
data_bank_soal
info data_bank_soal
data_bank_soal
info data_soal
data_bank_soal
data_bank_soal
data_bank_soal data_bank_soal
info jenis_banksoal
info bobot_soal info data_mapel
data_soal
data_soal
info jenis_banksoal
info bobot_soal info data_mapel
info jenis_banksoal
info bobot_soal
info bobot_soal
info jenis_banksoal
info data_mapel
info data-mapel
data_soal
info data_bank_soal


78



Gambar 3. 10 Pengujian Level Balance DFD Level 1 Proses Input Bank soal
6) DFD Level 1 Proses Ujian
DFD level 1 proses ujian Try Out dapat dilihat pada gambar 3.11.

Gambar 3. 11 DFD Level 1 Proses Ujian
peserta
jurusan
mapel
banksoal
pengawas
jadwal
detail_ujian
ujian
4.1
Buat
Ujian
4.2
ubah
ujian
4.3
hapus
ujian
admin
4.4
acak
soal
4.5
proses
ujian
peserta
pengawas
4.6
koreksi
nilai
4.7
pembahasan
jawabanpeserta
info data_peserta
info data_mapel
info data_soal
info data_jurusan
info data_pengawas
data_ujian
info data_ujian
info data_jadwal
data_jadwal
info_data_ujian_tryout data_ujian_tryout
info_data_ujian_tryout data_ujian_tryout
data_ujian_tryout
info_data_ujian_tryout
data_detail_ujian info data_detail_ujian
data_detail_ujian
info data_detail_ujian
info data_detail_ujian
data_detail_ujian
info data_detail_ujian
hasil_random_soal
info data_peserta
info soal
jawaban_soal
koreksi_jawaban
data_nilai
data_detail_ujian
info data_detail_ujian
info soal
info data_jadwal
data_jawaban_peserta


79

DFD level 1 proses ujian terdiri dari tujuh sub proses, yaitu sub proses buat ujian,
sub proses ubah ujian, sub proses hapus ujian, sub proses acak soal, sub proses
proses ujian, sub proses koreksi, dan subproses pembahasan. Entity yang termasuk
dalam proses ujian adalah admin, pengawas dan peserta. Pada subproses ujian
mempunyai data store jadwal, data store ujian, data store jawaban, data store
detail_ujian, dan data store nilai. Subproses ujian akan mengambil data dari data
store jurusan, data store mapel, data store peserta dan data store pengawas, dan
data store banksoal. Pengujian level balance DFD level 1 proses ujian dapat
dilihat pada Gambar 3.12.

Gambar 3. 12 Pengujian Level balance DFD level 1 Proses Ujian
7) DFD level 1 Proses pengumuman
DFD level 1 Proses Pengumuman terdiri dari tiga subproses, yaitu subproses nilai
ujian, subproses jadwal ujian, dan subproses tanda kelulusan. Entity yang
termasuk dalam proses DFD level 1 pengumuman adalah panitia penyelenggara
dan peserta. Subproses pengumuman tidak mempunyai subproses lagi. Subproses
Pengumuman hanya mengambil data dari nilai dan jadwal ujian. DFD level 1


80

proses pengumuman dapat dilihat pada Gambar 3.13. Pengujian Level Balance
DFD level 1 proses pengumuman ditunnjukkan pada Gambar 3.14.

Gambar 3. 13 DFD Level 1 Proses Pengumuman

Gambar 3. 14 Pengujian Level balance DFD Level 1 Proses Pengumuman.
8) DFD Level 2 Proses Login Account Setting
DFD level 2 merupakan penjabaran dari DFD level 1 yang telah dibuat.
Penjabaran ini akan lebih detail untuk masing-masing proses. Dalam DFD level 2
dijabarkan beberapa proses untuk menjelaskan proses DFD level 1. DFD level 2
terdiri dari sub-sub proses Logout , dan sub-sub proses edit Profile. Entity yang
termasuk dalam proses DFD level 2 proses login account setting admin, panpen,
pengawas dan peserta. DFD level 2 proses login account setting dapat dilihat pada
nilai
jadwal
5.1
nilai_ujian
5.2
jadwal_ujian
peserta panpen
info pengumuman
info data_jadwal
info data_nilai
info pengumuman info pengumuman
info pengumuman


81

gambar 3.15. Pengujian level balance DFD level 2 proses login account setting
dapat dilihat pada gambar 3.16.

Gambar 3. 15 DFD Level 2 Proses Login Account Setting

Gambar 3. 16 Pengujian Level Balance DFD Level 2 Login Account Setting.
9) DFD level 2 Proses Master Panpen
DFD level 2 proses master panpen mempunyai empat sub proses, yaitu sub-sub
proses tambah panpen, sub-sub proses ubah panpen, sub-sub proses hapus panpen,
1.3.1
logout
1.3.2
edit_profil
panpen
admin
pengawas
peserta
admin penyelenggara
peserta pengawas
data_penyelenggara
data_pengawas
data_admin
data_peserta
data_penyelengara
data_admin
data_pengawas
data_peserta
data_admin
data_peserta
data_penyelenggara
data_pengawas
data_peserta


82

sub-sub proses cari panpen, dan sub-sub proses tampil daftar guru. Entity yang
termasuk dalam proses master panpen adalah admin. Semua sub-subproses akan
disimpan ke data store guru. DFD level 2 proses master panpen dapat dilihat pada
Gambar 3.17. Pengujian level balance dari DFD level 2 proses master panpen
dapat dilihat pada Gambar 3.18.

Gambar 3. 17 DFD Level 2 Proses Master Panpen


Gambar 3. 18 Pengujian Level Balance DFD Level 2 Proses Master Panpen.
admin
2.1.1
tambah
panpen
2.1.2
ubah
panpen
2.1.3
hapus
panpen
2.1.4
cari
panpen
2.1.5
tampil
panpen
penyelenggara
data_master
data_master
data_master
data_master
data_penyelenggara
data_penyelenggara
data_penyelenggara
data_penyelenggara
info data_penyel enggara
info data_master


83

10) DFD level 2 Data Master Jurusan
DFD level 2 proses master jurusan mempunyai empat sub proses, yaitu sub-sub
proses tambah jurusan, sub-sub proses ubah jurusan, sub-sub proses hapus
jurusan, sub-sub proses cari jurusan, dan sub-sub proses tampil daftar jurusan.
Entity yang termasuk dalam proses master jurusan adalahadmin. Semua sub-sub
proses akan disimpan ke data store jurusan. DFD level 2 proses master jurusan
dapat dilihat pada Gambar 3.19. Pengujian level balance dari DFD level 2 proses
master jurusan dapat dilihat pada Gambar 3.20.

Gambar 3. 19 DFD Level 2 Proses Master Jurusan


Gambar 3. 20 Pengujian Level Balance DFD Level 2 Proses Master Jurusan
admin
2.2.1
tambah
jur
2.2.2
ubah
jur
2.2.3
hapus
jur
2.2.4
cari
jur
2.2.5
tampil
jur
jurusan
data_jurusan
data_jurusan
data_jurusan
info data_jurusan
data_jurusan
info data_master
data_master
data_master
data_master
data_master


84

11) DFD Level 2 Proses Master Mapel
DFD level 2 proses master mapel mempunyai empat subproses, yaitu sub-sub
proses tambah mapel, sub-sub proses ubah mapel, sub-sub proses hapus mapel,
sub-sub proses cari mapel, dan sub-sub proses tampil daftar mapel. Entity yang
termasuk dalam proses master mapel adalah admin. Semua sub-subproses akan
disimpan ke data store mapel. DFD level 2 proses master mapel dapat dilihat pada
Gambar 3.21. Pengujian level balance dari DFD level 2 proses master mapel dapat
dilihat pada Gambar 3.22.

Gambar 3. 21 DFD Level 2 Proses Master Mapel

Gambar 3. 22 Pengujian Level Balance DFD Level 2 Proses Master Mapel
admin
2.3.1
tambah
mapel
2.3.2
ubah
mapel
2.3.3
hapus
mapel
2.3.4
cari
mapel
2.3.5
tampil
mapel
mapel
data_mapel
data_mapel
data_mapel
info data_mapel
data_mapel
info data_master
data_master
data_master
data_master
data_master


85

12) DFD Level 2 Proses Master Peserta
DFD level 2 proses master peserta mempunyai empat subproses, yaitu sub-sub
proses tambah peserta, sub-sub proses Ubah peserta, sub-sub proses hapus
peserta, sub-sub proses cari peserta, dan sub-sub proses tampil daftar peserta.
Entitas yang termasuk dalam proses master peserta adalah admin dan panitia
penyelenggara (panpen). Semua sub-sub proses akan disimpan ke data store
pserta. DFD level 2 proses master peserta dapat dilihat pada Gambar 3.23.
Pengujian level balance dari DFD level 2 proses master peserta dapat dilihat pada
Gambar 3.24.

Gambar 3. 23 DFD Level 2 Master Peserta

Gambar 3. 24 Pengujian Level balance DFD Level 2 Master peserta.
admin
2.4.1
tambah
peserta
2.4.2
ubah
peserta
2.4.3
hapus
peserta
2.4.4
cari
peserta
2.4.5
tampil
peserta
peserta
panpen
peserta
peserta
data_master
data_master
info data_master
data_master
data_master
data_master
data_master
data_master
data_master
info data_master
data_peserta
data_peserta
data_peserta
data_peserta
info data_peserta


86

13) DFD level 2 Proses Master Pengawas
DFD level 2 proses master pengawas mempunyai empat sub proses, yaitu sub-sub
proses tambah pengawas, sub-sub proses ubah pengawas, sub-sub proses hapus
pengawas, sub-sub proses cari pengawas, dan sub-sub proses tampil daftar
pengawas. Entity yang termasuk dalam proses master pengawas adalah admin dan
panpen (panitia penyelenggara). Semua sub-sub proses akan disimpan ke data
store pengawas. DFD level 2 proses master pengawas dapat dilihat pada Gambar
3.25. Pengujian dari DFD level 2 proses master pengawas dapat dilihat pada
Gambar 3.26.

Gambar 3. 25 DFD Level 2 Master Pengawas
admin
2.5.1
tambah
pengawas
2.5.2
ubah
pengawas
2.5.3
hapus
pengawas
2.5.4
cari
pengawas
2.5.5
tampil
pengawas
pengawas
panpen
pengawas
pengawas
data_master
data_master
info data_master
data_master
data_master
data_master
data_master
data_master
data_master
info data_master
data_pengawas
data_pengawas
data_pengawas
data_pengawas
info data_pengawas


87


Gambar 3. 26 Pengujian Level Balance DFD Level 2 Master Pengawas
b. ERD ( Entity Relationship Diagram)
ERD menjelaskan bagaimana hubungan antar tabel dalam sistem database yang
dibuat. Pada gambar 3.27 merupakan ERD (Entity Relationship Diagram) dari
Sistem Ujian Try Out Online.
panpen mapel memiliki
panpen_map
el
memiliki
jurusan
memiliki
peserta memiliki
Bank
soal
memiliki
memberikan
soal
admin
Input
soal
ujian
memakai
mengatur
mengerjakan
soal
menghasilkan
nilai
bobotsoal
idadmin
idadmin
Idujian
idbs
idbs Idujian
memiliki
idbobot idbs
idbobot
idmapel idbs idpanpen
idpanpen idmapel idmapel idmapel
idjur idpeserta
idpeserta
idujian
idujian
Idnilai
memiliki
idpeserta
Idnilai
memiliki
idjur
idujian
memiliki Detail_ujian
memiliki
memiliki
jadwal
idmapel
iddu
iddu
idjadwal

Gambar 3. 27 ERD dari Sistem Ujian Try Out Online.


88

Setiap entitas dari ERD memiliki elemen yang berfungsi untuk mendeskripsikan
karakter dari entitas yang biasa disebut atribut. Dari gambar 3.7 diperoleh atribut
atribut dari entitas yang ditunjukkan tabel 3.1.
Tabel 3. 1 Atrribut
Entitas Attribut
Admin
idadmin, nmadmin, userlogin, passlogin, level, kelamin,email,
nohp
Panpen
idpanpen, nip, nmmapen, userlogin, passlogin, level, phto,
idmapel, alamat, tempatlhr, tanggallhr,jeniskel,nohp, email
peserta
idpeserta, nis, nmpeserta,userlogin, passlogin,level, photo,
idjur, alamat, tempatlhr, taggallhr, jeniskel, thmasuk,
nohp,email
jurusan idjur, kodejur,nmjurusan
mapel idmapel,nmmapel,idjur
bobotsoal idbobot,
banksoal
idbs, idjbs, idbobot, idmapel, pertanyaan, soal_cerita,
gambar_soal, jenis_pilihan, a, b, c, d, e , kunci, pembahasan
ujian idujian, nmujian, idjbs, idjur, tgl_buat, pesan
detail_ujian
iddu, idujian, idmapel, waktu, jsoal,bobot1, js_bobot1, bobot2,
js_bobot2, bobot3, js_bobot3
jawabanpeserta idjp, idpeserta, iddu, idbs, kunci, pilihjawaban, ket
jadwal dijadwal, iddu, tgl_ujian, waktu_mulai, waktu_selesai

c. Flowchart


89

Berikut adalah pembuatan flowchart yang digunakan untuk menjelaskan
bagaimana urutan proses dari sistem ujian try out online. Pada gambar 3.28
merupakan flowchart dari sistem ujian try out online.



90

role
peserta?
role
pengawas?
halaman
peserta
halaman
pengawas
pilih menu
pengawas
tidak
pilih menu ujian
pilih menu
pengumuman
pilih menu
beranda
Data pribadi
peserta
Soal ujian, pilihan
jawaban,
pembahasan soal,
waktu
input jawaban
Pilih menu
Ubah pass Pass baru
Lihat pengumuman, lihat
nilai,lihat peringkat
logout
ya
ya
ya
ya
ya
tidak
tidak
tidak
tidak
ya
tidak
Daftar Hadir
peserta ujian
logout
ya
ya
tidak tidak
ya












Gambar 3. 28 Flowchart Sistem Ujian Try Out Online


91

3.2. Perancangan Perangkat
Perancangan perangkat merupakan merencanakan perangkat yang akan digunakan
dalam pembuatan arsitektur jaringan Sistem Ujian Try Out Online SMK Telkom
Terpadu AKN Marzuqi. Perancangan perangkat terdiri dari dua bagian, yaitu
perancangan perangkat keras dan perancangan perangkat lunak.
3.2.1. Perancangan Perangkat Keras
Perangkat keras yang dibutuhkan untuk mendukung kinerja sistem ujian Online
Try Out adalah sebagai berikut:
a. Komputer Server
Spesifikasi Komputer server yang digunakan sebagai server adalah seperti tabel
3.2.
Tabel 3. 2 Spesifikasi Komputer Server
Hardware Spesifikasi
Processor Intel Dual Core G2010 LGA 1155, 2,8 GHz
Casing SPC
Ram 4 GB DDR3 PC-10600
VGA Intel Graphic Media Accelerator HD
Harddisk Drive Drive 500GB SATA 7200 rpm
Audio Terintegrasi
Networking Gigabit LAN Network Speed 10/100/1000 Mbps
Monitor LCD 18.5
Keyboard USB Keyboard



92

b. Modem CDMA
Modem CDMA digunakan untuk mengkoneksikan komputer ke jaringan internet.
modem yang digunakan dalam tugas akhir ini adalah modem CDMA Smartfren
AC81B. Modem CDMA Smartfren AC81B dapat dilihat pada Gambar 3.29.

Gambar 3. 29 Modem CDMA Smartfren AC81B
Spesifikasi dari modem CDMA Smartfren AC81B adalah sebagai berikut :
1) CDMA 2000 1x EVDO Rev. B 800/1900 Mhz
2) Download up to 14.7 Mbps & Upload to 5.4 Mbps
3) RUIM Enable And Slot for microSD Card
4) Plug and Play Support Windows7, Windows XP, Windows Vista, MAc OS
X.10.5 Leopard, 10.6 (Snow Leopard, 10.7 Lion
5) SMS Function
6) Chipset Qualcomm MDM 6600 EV-Do Rev. B
c. Access Point
Akses Point digunakan untuk menghubungkan komputer server dengan komputer
Klien yang berada dalam lingkungan sekolah melalui jaringan tanpa kabel.
d. Switch
Switch digunakan untuk mengkoneksikan komputer server dengan komputer klien
yang berada dalam lingkungan sekolah melalui jaringan kabel.


93

3.2.2. Perancangan Perangkat Lunak
Perangkat lunak (software) merupakan perangkat yang digunakan untuk
membantu dan mempermudah dalam pembuatan sistem ujian try out online.
Perangkat lunak (software) yang digunakan dalam sistem ujian try out online
adalah sebagai berikut:
a. Sistem Operasi Ubuntu server 12.04 64 bit
b. Web Server Apache2
c. Phpmyadmin
d. Bind9
e. Macromedia Dreamweaver CS6
f. Browser (Mozilla Firefox dan Google Chrome)
g. Putty
h. Micrososft Office
3.3. Perancangan Basis Data
Perancangan basis data (database) merupakan membuat database yang digunakan
sebagai tempat penyimpanan data dari sistem ujian try out online. Tabel yang
dibutuhkan dalam membangun sistem ujian try out online SMK Terpadu AKN
Marzuqi adalah sebagai berikut:
a. Tabel Admin
Tabel admin berisi data identitas pribadi yang digunakan login ke dalam sistem
ujian try out online sebagai administrator sistem. Struktur tabel admin dapat
dilihat pada tabel 3.3.



94

Tabel 3. 3 Struktur Tabel Admin
Field Type Null Extra
idadmin int(9) No auto_increment
nmadmin varchar(50) No
userlogin varchar(30) No
passlogin varchar(60) No
level Varchar(10) No
kelamin enum(L,P) Yes
no_hp varchar(15) Yes
email varchar(15) Yes

b. Tabel Penyelenggara
Tabel Penyelenggara berisi tentang data identitas dari panitia penyelenggara
seperti id dari panitia penyelenggara seperti ; nomor induk pengajar (nip),
username dan password untuk login sebagai user panitia penyelenggara, id mata
pelajaran untuk input soal pada bank soal, alamat tempat tinggal panitia
penyelenggara, jenis kelamin panitia penyelenggara, agama panitia
penyelenggara, contact person panitia penyelenggara, dan foto panitia
penyelenggara. Tabel ini mempunyai relasi dengan tabel mapel. Relasi ini
berfungsi untuk menyimpan informasi pelajaran untuk input soal yang
dimasukkan oleh panitia penyelenggara. Struktur tabel penyelenggara dapat
dilihat pada Tabel 3.4.
Tabel 3. 4 Tabel Penyelenggara
Field Type Null Extra
idpanpen int(9) No auto_increment
nip bigint(20) Yes
nmpanpen varchar(50) No
userlogin varchar(30) No
passlogin varchar(50) No


95

level Varchar(10) No
photo varchar(30) Yes
idmapel* int(9) No
alamat text Yes
tempat_lhr varchar(30) Yes
tanggal_lhr date No
jeniskel enum(L,P) No
nohp varchar(15) No
email varchar(50) No

c. Tabel Peserta
Tabel peserta berisi tentang data identitas dari peserta seperti id dari peserta,
nomor induk siswa (nis), username dan password untuk login sebagai user
peserta, jurusan peserta, alamat tempat tinggal peserta, jenis kelamin peserta,
tahun angkatan peserta, contact person peserta, dan foto peserta. Tabel ini
mempunyai relasi dengan tabel jurusan. Struktur tabel peserta dapat dilihat pada
Tabel 3.5.
Tabel 3. 5 Struktur Tabel Peserta
Field Type Null Extra
idpeserta int(9) No auto_increment
nis varchar(15) No
nmpeserta varchar(50) No
userlogin varchar(30) No
passlogin varchar(50) No
level varchar(10) No
photo varchar(30) Yes
idjurusan* varchar(9) No
alamat text Yes
tempat_lhr varchar(25) Yes
tanggal_lhr date Yes
jeniskel enum(L,P) No
thmasuk year(4) No


96

nohp varchar(15) Yes
email varchar(40) Yes

d. Tabel Pengawas
Tabel pengawas berisi tentang data identitas dari pengawas yang mengawasi pada
saat ujian sedang berlangsung. Tabel pengawas dapat dilihat pada Tabel 3.6.
Tabel 3. 6 Struktur Tabel Pengawas
Field Type Null Extra
idpengawas int(9) No auto_increment
nmpengawas varchar(30) No
userlogin varchar(30) No
passlogin varchar(50) No
level varchar(10) No
jenis_kel enum(L,P) No
nohp varchar(15) Yes

e. Tabel Jurusan
Tabel jurusan berisi tentang id jurusan, kodejur dan nama jurusan yang ada dalam
sistem. Struktur tabel jurusan dapat dilihat pada Tabel 3.7.
Tabel 3. 7 Struktur tabel Jurusan
Field Type Null Extra
idjur int(9) No auto_increment
kodejur varchar(10) No
nmjurusan varchar(50) No

f. Tabel Mapel
Tabel mapel berisi tentang daftar mata pelajaran yang akan diujikan. Tabel ini
terdiri dari dua field 3, yaitu id mapel dan nama mapel. Tabel mapel mempunyai
relasi dengan tabel jurusan. Struktur tabel mapel dapat dilihat pada tabel 3.8.


97

Tabel 3. 8 Tabel Mapel
Field Type Null Extra
idmapel int(9) No auto_increment
idjur int(9) No
nmmapel varchar(30) No

g. Tabel Bobot Soal
Tabel bobot soal merupakan tabel yang berisi tentang tingkat kesulitan soal pada
bank soal. Tabel ini terdiri dari 3 field, yaitu idbobot, nmbobot, dan keterangan
dari bobot soal tersebut. Tabel bobot soal dapat dilihat pada tabel 3.9.
Tabel 3. 9 Tabel Bobot Soal
Field Type Null Extra
idbobot int(9) No auto_increment
nmbobot varchar(30) No
ket text No

h. Tabel Jenis Bank Soal
Tabel jenis bank soal merupakan tabel yang berisi tentang nama dari bank soal.
misalkan bank soal a, dan bank soal b. Tabel jenis bank soal dapat dilihat pada
tabel 3.10.
Tabel 3. 10 Tabel Jenis Bank Soal
Field Type Null Extra
idjbs int(5) No auto_increment
nmjbs varchar(30) No
thjbs year(4) No




98

i. Tabel Bank Soal
Bank soal untuk ujian try out online terdiri dari mata pelajaran yang akan
diujikan. Tabel bank soal mempunyai relasi dengan tabel bobot soal, tabel jenis
bank soal dan tabel mapel. Struktur tabel bank soal dapat dilihat pada tabel 3.11.
Tabel 3. 11 Tabel Bank Soal
Field Type Null Extra
idbs int(9) No auto_increment
idjbs* int(5) No
idbobot* int(9) Yes
idmapel* int(9) Yes
pertanyaan text No
soal_cerita text Yes
gambar_soal varchar(30) Yes
jenis_pilihan enum(gambar, text) Yes
a text Yes
b text Yes
c text Yes
d text Yes
e text Yes
kunci varchar(1) No
pembahasan text No

j. Tabel Ujian
Tabel ujian berisi tentang nama ujian, jenis bank soal yang digunakan dan jurusan
yang akan melaksanakan ujian online, sehingga tabel ujian mempunyai relasi
dengan tabel jenis bank soal dan tabel jurusan. Struktur tabel ujian dapat dilihat
pada tabel 3.12.
Tabel 3. 12 Tabel Ujian
Field Type Null Keterangan
idujian int(9) No auto_increment
nmujian varchar(30) No


99

idjbs* int(9) No
idjur* int(9) No
tgl_buat date No
pesan text Yes

k. Tabel detail Ujian
Tabel detail ujian merupakan detail dari tabel ujian. tabel detail ujian berisi nama
pelajaran, jumlah soal, lama waktu pengerjaan soal ujian, dan berita acara saat
ujian berlangsung. Tabel detail ujian mempunyai relasi dengan tabel ujian, tabel
mapel, dan tabel bobot soal. Struktur tabel ujian dapat dilihat pada tabel 3.13.
Tabel 3. 13 Tabel Detail Ujian
Field Type Null Keterangan
iddu int(9) No auto_increment
idujiaan* int(9) No
idmapel* int(9) No
waktu varchar(6) No
jsoal int(3) No
bobot1 int(9) No
jsbobot1 int(3) No
bobot2 int(9) No
jsbobot2 int(3) No
bobot3 int(9) No
jsbobot3 int(3) No
berita_acara text Yes

l. Tabel Jadwal
Tabel jadwal berisi tentang tanggal dan waktu mulai ujian. Tabel ujian memiliki
relasi dengan tabel detail ujian. Struktur tabel jadwal dapat dilihat pada tabel 3.14.
Tabel 3. 14 Struktur Tabel Jadwal
Field Type Null Keterangan
idjadwal int(9) No auto_increment
iddu* int(9) No


100

idpengawas* int(9) No
tgl_ujian date No
waktu_ujian time No
waktu_selesai time No

m. Tabel Jawaban Peserta
Pada tabel jawaban peserta berisi tentang data soal yang diberikan kepada peserta.
Tabel jawaban peserta mempunyai relasi dengan tabel peserta, tabel bank soal,
tabel detail ujian dan tabel jadwal. Struktur tabel jawaban peserta dapat dilihat
pada tabel 3.15.
Tabel 3. 15 Struktur Tabel jawaban Peserta
Field Type Null Keterangan
idjp int(9) No auto_increment
idpeserta* int(9) No
iddu* int(9) No
idbs* int(9) No
nosoal int(3) No
pilih_jwbn Varchar(1) No
ket enum(b,s) No
sisa_waktu time No

n. Tabel Nilai
Pada tabel nilai peserta berisi tentang data nilai ujian dari beberapa mapel peserta
ujian. tabel nila mempunyai relasi dengan tabel jawaban peserta dan tabel detail
ujian. Struktur Tabel nilai dapat dilihat pada tabel 3.16.
Tabel 3. 16 Struktur Tabel Nilai
Field Type Null Keterangan
dinilai int(9) No auto_increment
idujian* int(9) No
idpeserta* int(9) No


101

jml_nilai* int(9) No
status enum(Y, T) No

3.4. Perancangan Tampilan Sistem
Perencanaan antarmuka atau perancangan tampilan (interface) merupakan bagian
terpenting dari pembuatan sistem ujian try out. Pembuatan tampilan dalam sistem
bertujuan untuk memudahkan pengguna (user) dalam mengoperasikan sistem
ujian try out online. Tata letak design disesuaikan dengan fungsifungsi di dalam
program, sehingga dapat mempermudah dalam penggunaannya.
Perancangan tampilan sistem dibagi menjadi dua kategori, yaitu Perancangan
tampilan Web dan perancangan tampilan Wap.
3.4.1. Perancangan Tampilan Web
Perancangan Tampilan Halaman Website dibagi menjadi lima, yaitu perancangan
halaman utama, perancangan halaman admin, perancangan halaman panitia
penyelenggara, perancangan halaman peserta, dan perancangan halaman
pengawas.
3.4.1.1. Perancangan Halaman Utama
Halaman utama dari sistem ujian try out online adalah form login untuk masuk ke
dalam sistem ujian try out online. Perancangan halaman utama sistem dapat
dilihat pada gambar 3.30.
3.4.1.2. Perancangan Halaman Admin
Halaman admin adalah halaman yang dapat diakses oleh administrator yang
sudah terdaftar dalam sistem. Halaman yang dapat diakses oleh admin antara lain:


102

a. Halaman Beranda Admin
Halaman ini berisi tentang quick menu. Perancangan halaman beranda admin
dapat dilihat pada gambar 3.31.

Gambar 3. 30 Perancangan Halaman Login

Gambar 3. 31 Perancangan Halaman Beranda Admin
b. Halaman Manajemen User Admin
Halaman manajemen user admin mempunyai dua sub menu, yaitu halaman daftar
admin dan halaman tambah admin. Halaman daftar admin berisi tentang daftar
admin dari sistem ujian try out online. Halaman tambah admin berisi form
tambah admin. Perancangan halaman daftar admin dapat dilihat pada gambar 3.32
dan perancangan halaman tambah admin dapat dilihat pada gambar 3.33.


103


Gambar 3. 32 Perancangan Halaman Daftar Admin

Gambar 3. 33 Perancangan Halaman Tambah Admin
c. Halaman Manajemen User Penyelenggara
Halaman manajemen user penyelenggara mempunyai dua sub Halaman, yaitu
halaman daftar panpen dan halaman tambah panpen. Halaman daftar panpen
berisi tentang daftar panitia penyelenggara dan form pencarian daftar panitia
penyelenggara. Halaman tambah penyelenggara berisi form tambah panitia


104

penyelenggara ujian. Perancangan halaman daftar panpen dapat dilihat pada
gambar 3.34 dan perancangan halaman tambah panpen dapat dilihat pada gambar
3.35.

Gambar 3. 34 Perancangan Halaman Daftar Panpen

Gambar 3. 35 Perancangan Halaman Tambah Panpen
d. Halaman Manajemen User Pengawas
Halaman manajemen user peserta mempunyai dua sub Halaman, yaitu halaman
daftar pengawas dan halaman tambah pengawas. Halaman daftar pengawas berisi


105

tentang daftar pengawas ujian dan form pencarian daftar pengawas ujian. Halaman
tambah pengawas berisi form pendaftaran pengawas ujian baru. Perancangan
halaman daftar pengawas dapat dilihat pada gambar 3.36 dan perancangan
halaman tambah pengawas dapat dilihat pada gambar 3.37.

Gambar 3. 36 Halaman Daftar Pengawas

Gambar 3. 37 Perancangan Halaman Tambah Pengawas
e. Halaman Manajemen User Peserta
Halaman manajemen user peserta mempunyai dua sub Halaman, yaitu halaman
daftar peserta dan halaman tambah peserta. Halaman daftar peserta berisi tentang


106

daftar peserta ujian dan form pencarian daftar peserta ujian. Halaman tambah
peserta berisi form pendaftaran peserta ujian baru. Perancangan halaman daftar
peserta dapat dilihat pada gambar 3.38 dan perancangan halaman tambah peserta
dapat dilihat pada gambar 3.39.

Gambar 3. 38 Perancangan Halaman Daftar peserta

Gambar 3. 39 Perancangan Halaman Tambah peserta
f. Halaman Manajemen Data Jurusan
Halaman manajemen Data jurusan mempunyai dua sub Halaman, yaitu halaman
daftar jurusan dan halaman tambah jurusan. Halaman daftar jurusan berisi tentang


107

daftar jurusan dan form pencarian daftar jurusan. Halaman tambah jurusan berisi
form tambah jurusan. Perancangan halaman daftar jurusan dapat dilihat pada
gambar 3.40 dan perancangan halaman tambah jurusan dapat dilihat pada gambar
3.41.

Gambar 3. 40 Perancangan Halaman Daftar jurusan

Gambar 3. 41 Perancangan Tambah Jurusan



108

g. Halaman Manajemen Data Mata Pelajaran
Halaman manajemen data mata pelajaran mempunyai dua sub halaman, yaitu
halaman daftar mata pelajaran dan halaman tambah Mata Pelajaran. Halaman
daftar mata pelajaran berisi tentang daftar mata pelajaran dan form pencarian
daftar mata pelajaran. Halaman tambah jurusan berisi form tambah mata
pelajaran. Perancangan halaman daftar mata pelajaran dapat dilihat pada gambar
3.42 dan perancangan halaman tambah mata pelajaran dapat dilihat pada gambar
3.43.

Gambar 3. 42 Perancangan Halaman Mata Pelajaran

Gambar 3. 43 Perancangan Halaman Tambah Mata Pelajaran


109

h. Halaman Manajemen Soal Bank Soal
Halaman manajemen data soal bank soal mempunyai dua sub halaman, yaitu
halaman daftar bank soal dan halaman tambah bank soal. Halaman daftar bank
soal berisi tentang daftar bank soal dan form pencarian daftar bank soal. Halaman
tambah bank soal berisi form tambah bank soal. Perancangan halaman daftar bank
soal dapat dilihat pada gambar 3.44 dan perancangan halaman tambah bank soal
dapat dilihat pada gambar 3.45.

Gambar 3. 44 Perancangan Halaman Daftar Bank Soal

Gambar 3. 45 Perancangan Halaman Tambah Bank Soal


110

i. Halaman Manajemen Soal Bobot Soal
Halaman manajemen data soal bobot soal mempunyai dua sub halaman, yaitu
halaman daftar bobot soal dan halaman tambah bobot soal. Halaman daftar bobot
soal berisi tentang daftar bobot soal dan form pencarian daftar bobot soal.
Halaman tambah bobot soal berisi form tambah bobot soal. Perancangan halaman
daftar bobot soal dapat dilihat pada gambar 3.46 dan perancangan halaman
tambah bobot soal dapat dilihat pada gambar 3.47.

Gambar 3. 46 Perancangan Halaman Daftar Bobot Soal

Gambar 3. 47 Perancangan Halaman Tambah halaman Pelajaran


111

j. Halaman Manajemen Soal Input Soal
Halaman manajemen data soal bobot soal mempunyai dua sub halaman, yaitu
halaman daftar input soal dan halaman cari soal. Perancangan halaman input soal
dapat dilihat pada gambar 3.48 dan perancangan halaman cari soal dapat dilihat
pada gambar 3.49.

Gambar 3. 48 Perancangan Halaman Input Soal

Gambar 3. 49 Perancangan Halaman Cari Soal


112

k. Halaman Manajemen Ujian
Halaman manajemen ujian mempunyai tiga sub halaman, yaitu halaman daftar
ujian, halaman tambah ujian dan halaman tambah detail ujian. Perancangan
halaman daftar ujian dapat dilihat pada gambar 3.50 , perancangan halaman
tambah ujian dapat dilihat pada gambar 3.51 dan perancangan halaman tambah
detail ujian dapat dilihat pada gambar 3.52.

Gambar 3. 50 Perancangan Halaman Daftar Ujian

Gambar 3. 51 Perancangan Halaman Tambah Ujian



113


Gambar 3. 52 Tambah Detail Ujian
l. Halaman Manajemen Jadwal Ujian
Halaman manajemen jadwal ujian mempunyai dua sub halaman, yaitu halaman
daftar jadwal ujian, halaman tambah jadwal ujian. perancangan halaman tambah
jadwal ujian dapat dilihat pada gambar 3.53.

Gambar 3. 53 Perancangan Halaman Jadwal



114

m. Halaman Pelaporan
Halaman manajemen pelaporan mempunyai dua sub halaman, yaitu halaman
laporan ujian, halaman laporan nilai ujian. Perancangan halaman laporan ujian
dapat dilihat pada gambar 3.54 , perancangan halaman laporan nilai ujian dapat
dilihat pada gambar 3.55.

Gambar 3. 54 Perancangan Halaman laporan Ujian

Gambar 3. 55 Perancangan Halaman Laporan Nilai



115


3.4.1.3. Perancangan Halaman Penyelenggara
Halaman penyelenggara adalah halaman yang dapat diakses oleh panitia
penyelenggara ujian yang sudah terdaftar dalam sistem. Halaman yang dapat
diakses oleh panitia penyelenggara antara lain:
a. Halaman Beranda Penyelenggara
Halaman beranda penyelenggara mempunyai 2 sub menu halaman yaitu halaman
profil panitia penyelenggara dan halaman edit profil panitia penyelenggara.
Halaman profil panitia penyelenggara berisi photo profil dan data identitas
pribadi panitia penyelenggara. Halaman edit profil panitia penyelenggara berisi
form ubah profil dari panitia penyelenggara. Perancangan halaman beranda
panitia penyelenggara dapat dilihat pada gambar 3.56 dan perancangan halaman
edit profil panitia penyelenggara dapat dilihat pada gambar 3.57.

Gambar 3. 56 Perancangan Halaman Beranda Penyelenggara


116


Gambar 3. 57 Perancangan Halaman Ubah Profil Panitia penyelenggara
b. Halaman Manajemen User Pengawas
Halaman manajemen user pengawas mempunyai dua sub Halaman, yaitu halaman
daftar pengawas dan halaman tambah pengawas. Perancangan halaman daftar
pengawas dapat dilihat pada gambar 3.58 dan perancangan halaman tambah
pengawas dapat dilihat pada gambar 3.59.

Gambar 3. 58 Perancangan Halaman Daftar Pengawas


117


Gambar 3. 59 Halaman Perancangan Tambah Pengawas
c. Halaman Manajemen User Peserta
Halaman manajemen user peserta mempunyai dua sub Halaman, yaitu halaman
daftar peserta dan halaman tambah peserta. Perancangan halaman tambah peserta
dapat dilihat pada gambar 3.60.

Gambar 3. 60 Perancangan Halaman Tambah Peserta



118

d. Halaman Lihat Data Jurusan
Halaman lihat data jurusan berisi tentang daftar jurusan dan form pencarian daftar
jurusan. Perancangan halaman daftar jurusan dapat dilihat pada gambar 3.61.

Gambar 3. 61 Perancangan Halaman Daftar Ujian
e. Halaman Lihat Data Mata Pelajaran
Halaman lihat data mata pelajaran berisi tentang daftar mata pelajaran dan form
pencarian daftar mata pelajaran. Perancangan halaman daftar mata pelajaran dapat
dilihat pada gambar 3.62.

Gambar 3. 62 Perancangan Halaman Mata pelajaran


119


f. Halaman Lihat Data Ujian
Halaman lihat data ujian berisi tentang daftar ujian dan form pencarian ujian.
Perancangan halaman daftar ujian dapat dilihat pada gambar 3.63.

Gambar 3. 63 Perancangan Halaman Daftar Ujian
g. Halaman Lihat Data Jadwal
Halaman lihat data mata pelajaran berisi tentang daftar jadwal ujian dan form
pencarian daftar jadwal ujian. Perancangan halaman daftar jadwal dapat dilihat
pada gambar 3.64.

Gambar 3. 64 Perancangan Halaman Daftar Ujian


120

h. Halaman Buat Soal
Halaman buat soal mempunyai 2 Sub halaman yaitu halaman input soal dan
halaman cari soal. perancangan halaman input soal dapat dilihat pada gambar
3.65 dan perancangan halaman cari soal dapat dilihat pada gambar 3.66.

Gambar 3. 65 Perancangan Halaman Input Soal

Gambar 3. 66 Perancangan Halaman Daftar Soal


121

i. Halaman Pelaporan
Halaman manajemen pelaporan mempunyai dua sub halaman, yaitu halaman
laporan ujian, halaman laporan nilai ujian. Perancangan halaman laporan ujian
dapat dilihat pada gambar 3.67 , perancangan halaman laporan nilai ujian dapat
dilihat pada gambar 3.68.

Gambar 3. 67 Perancangan Halaman Laporan Ujian

Gambar 3. 68 Perancangan Halaman Laporan Nilai


122

3.4.1.4. Perancangan Halaman Peserta
Halaman peserta adalah halaman yang dapat diakses oleh peserta ujian yang sudah
terdaftar dalam sistem. Halaman yang dapat diakses oleh peserta ujian antara lain:
a. Halaman Beranda Peserta
Halaman beranda berisi tentang profil identitas pribadi Peserta. Perancangan
halaman beranda peserta dapat dilihat pada gambar 3.69.

Gambar 3. 69 Perancangan Halaman Beranda

b. Halaman Awal Ujian
Halaman beranda berisi tata tertib ujian dan opsi pilihan mata pelajaran yang
akan dikerjakan. Perancangan halaman awal ujian dapat dilihat pada gambar 3.70.

Gambar 3. 70 Perancangan Halaman Awal Ujian


123

c. Halaman Ujian
Halaman ujian berisi soal yang dikerjakan oleh peserta ujian. Perancangan
halaman ujian dapat dilihat pada gambar 3.71.

Gambar 3. 71 Perancangan Halaman Ujian
d. Halaman Pembahasan Soal
Halaman pembahasan soal berisi data soal yang sudah dikerjakan peserta beserta
jawaban peserta dan pembahasan pilihan jawaban. Perancangan halaman
pembahasan soal dapat dilihat pada gambar 3.72.

Gambar 3. 72 Perancangan Halaman Pembahasan Soal Ujian


124

e. Lihat Pengumuman Jadwal
Halaman lihat pengumuman berisi daftar jadwal ujian. Perancangan halaman
pengumuman dapat dilihat pada gambar 3.73.

Gambar 3. 73 Perancangan Halaman Lihat Pengumuman Jadwal
f. Lihat Nilai
Halaman lihat pengumuman berisi daftar jadwal ujian. Perancangan halaman
pengumuman dapat dilihat pada gambar 3.74.

Gambar 3. 74 Perancangan Halaman Lihat Nilai


125

g. Lihat Peringkat
Halaman lihat pengumuman berisi daftar jadwal ujian. Perancangan halaman
pengumuman dapat dilihat pada gambar 3.75.

Gambar 3. 75 Perancangan Halaman Lihat Peringkat
3.4.1.5. Perancangan Halaman Pengawas
Halaman pengawas adalah halaman yang dapat oleh user pengawas yang terdaftar
dalam sistem. Perancangan Halaman pengawas dapat dilihat pada gambar 3.76.

Gambar 3. 76 Perancangan Halaman Pengawas


126


3.4.2. Perancangan Tampilan WAP
Perancangan tampilan wap hanya untuk user peserta saja. Dan halaman yang
dirancang dengan tampilan wap adalah halaman login peserta dan halaman berisi
tentang jadwal ujian, nilai terbaru dan peringkat terbaru peserta ujian.
Perancangan halaman login tampilan wap dapat dilihat pada gambar 3.77 dan
perancangan halaman utama tampilan wap dapat dilihat pada gambar 3.78.

Gambar 3. 77 Perancangan Halaman Login WAP

Gambar 3. 78 perancangan Halaman Utama WAP


127



3.5. Vdsfs
3.6.