bab i v akrom revisi1

192
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 I

Upload: ahmad-akrom

Post on 27-Dec-2015

300 views

Category:

Documents


0 download

DESCRIPTION

Laporan TUGAS AKHIR

TRANSCRIPT

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

I

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

II

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

III

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

IV

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

V

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

VI

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

VII

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

VIII

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.

1

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

2

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.

3

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.

4

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

5

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.

6

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.1.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.

7

1.1.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.

8

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

9

BAB II

LANDASAN TEORI

1.2. 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.

1.2.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.

10

1.2.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.

1.2.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.

11

1.2.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

12

penggunaan media internet, berbeda dengan ujian konvensional yang kurang

mengasah serta peluang individu untuk bertukar pengalaman.

1.1. 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.

Gambar 2. 1 Bentuk Umum Sistem

1.1.1. Elemen-elemen Sistem

Elemen-elemen yang terdapat dalam sistem meliputi (Kristanto, 2007)7:

1.1.1.1. Tujuan Sistem

Tujuan sistem merupakan tujuan dari sistem yang membatasi sistem tersebut

dibuat. Tujuan sistem dapat berupa tujuan organisasi, kebutuhan organisasi,

13

permasalahan yang ada dalam suatu organisasi maupun urutan prosedur untuk

mencapai tujuan organisasi.

1.1.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.

1.1.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.

1.1.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.

1.1.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.

14

1.1.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.

1.1.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 elemen–elemen yang terdapat pada sistem (Kristanto, 2007)7 . Dapat

dilihat pada gambar 2.2.

Gambar 2. 2 Keterkaitan Elemen-elemen Sistem

(Sumber : Kristanto, 2007)7

1.1.2. Karakteristik Sistem

Menurut Jogiyanto (2005:3)4 suatu sistem mempunyai karakteristik atau sifat-sifat

tertentu, yaitu :

15

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

16

(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

17

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.

1.1.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.

18

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.

1.1. 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.

1.1.4. 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

19

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 )

1.1.5. 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

20

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.

1.1.1. 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

21

besar informasi tidak dapat persis ditaksir keuntungannya dengan suatu nilai uang,

tetapi dapat ditaksir nilai efektivitasnya (Sutabri, 2003)5.

1.2. 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.

1.1.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

22

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

23

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.

1.1.1. 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.

1.3. 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.

24

1.1.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.

1.1.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.

Kegiatan yang dilakukan orang atau

komputer dari hasil suatu arus data yang

masuk ke dalam proses untuk menghasilkan

25

informasi yang keluar dari proses.

Menunjukkan arus data yang berupa

masukkan untuk sistem atau dari sistem

(Sumber: Kristanto, 2007)7

1.1.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.

Aliran Data (Flow)

Aliran data menggambarkan aliran data dari

atau ke proses lainnya.

Proses atau fungsi yang mentransformasikan

26

Proses

data secara umum.

Simpanan Data

Simpanan data dapat berupa file, database,

arsip, tabel

(Sumber: Kristanto, 2007)7

1.1.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.

1.1.1.4. Elemen-elemen DFD

Terdapat empat elemen yang membentuk suatu Data Flow Diagram (Nugroho,

2009)8, yaitu:

a. Aliran Data (Data Flow)

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.

27

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).

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.

28

4) Jumlah entitas terminator yang terkait pada satu level akan muncul

dalam jumlah yang sama untuk level lain.

1.1.1.1. 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.

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.

29

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.

1.1.1.2. 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

4) Ditentukan yang diterima atau diberikan terminator dari atau ke

sistem.

5) Digambarkan context diagram.

d. Membuat Diagram Zero

30

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.

4) Digambarkan DFD level satu dengan cara menghindari perpotongan

arus data dan member pada masing-masing sub-proses.

1.1.2. Flowmap

Flowmap adalah campuran peta dan flowchart, yang menunjukkan pergerakan

benda dari satu lokasi ke lokasi lain, seperti jumlah orang dalam migrasi, jumlah

31

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

Input/output : mempresentasikan input data atau

output data yang diproses atau informasi

Online storage : input/output yang

menggunakan penyimpanan akses langsung

32

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

1.1.3. Basis Data

Basis data (database) adalah kumpulan dari berbagai data yang saling

berhubungan satu dengan yang lainnya. Basis data tersimpan di perangkat keras,

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

33

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.

1.1.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

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

34

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.

1.1.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.

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

35

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

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

36

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

data. Maka dengan basis data, perubahan ini hanya perlu dilakukan pada

level DBMS tanpa harus membongkar kembali program aplikasi.

11. User view

37

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.

1.1.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.

Belah

Ketupat/RelationshipMenunjukkan himpunan relasi.

38

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.

1.1.3.4. Relasional

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.

39

Relasional merupakan bentuk hubungan antara dua tabel atau lebih, yang salah

satu tabel anggotanya akan memiliki bentuk ketergantungan yang erat sehingga

tidak dapat dipisah–pisahkan 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

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

40

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.

Gambar 2. 7 Bentuk hubungan relasi Many To Many

41

1.1.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)

mysql_closeUntuk menutup koneksi

databasemysql_close(x)

mysql_connectUntuk mengaktifkan

koneksi ke server mysql

mysql_connect(host,

user, password)

mysql_create_dbBerfungsi untuk

membuat database

mysql_create_db

(nama_database)

42

mysql_data_seekUntuk 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_dbUntuk menghapus

database

mysql_drop_db

(nama_database)

mysql_errnoMenampilkan Nomor

pesan kesalahanmysql_errno (link_ID)

mysql_errorUntuk menampilkan

pesan kesalahanmysql_error

mysql_fetch_array

Untuk mengambil nilai

per-record dengan sistem

nama field table

mysql_fetch_array(x)

mysql_fetch_fieldMengambil informasi

field dari hasil querymysql_fetch_field(x)

mysql_fetch_lengthsMencari panjang setiap

field dari hasil querymysql_fetch_lengths(x)

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

mysql_fetch_row(x)

43

urutan index dari suatu

field

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)

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

mysql_get_server_info(x

44

server MySQL )

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)

mysql_query

Berfungsi untuk

memasukkan perintah sqlmysql_query(x)

mysql_result

Berfungsi untuk

mengambil data dari

perintah query

mysql_result (result_ID,

row)

mysql_select_dbBerfungsi untuk

mengaktifkan database

mysql_select_db

(nama_database)

mysql_tablenameBerfungsi untuk

mendapatkan nama table mysql_tablename (x)

45

dari suatu kolom

mysql_unbuffered_query

Untuk mengirim perintah

SQL ke server, tanpa

menampilkan hasil

mysql_unbuffered_query

(x)

1.1. 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.

1.1.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.

1.1.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.

1.1.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

46

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.

1.1.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

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.

1.1.5. PHP (Hypertext Prepocessor)

PHP ( merupakan singkatan rekursif dari PHP: Hypertext Prepocessor )

merupakan script untuk membuat suatu aplikasi yang dapat terintegrasikan ke

47

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

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

48

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

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>

49

<%

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>

</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.

1.1.6. CSS (Cascanding Style Sheet)

50

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.

1.1.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

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.

1.2. Konsep Dasar WAP (wireless application protocol)

51

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

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.

52

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.

1.3.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

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.

53

Tabel 2. 7 Cara Kerja WAP

(Sumber : http://farninuramalia.blogspot.com/)

1.3.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.

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

54

1.x. Jadi, WAP 2.0 perangkat nirkabel dapat digunakan untuk mengunjungi kedua

XHTML MP, WCSS dan WML, atau situs WMLScript.

1.3.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

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

1.3.4. Struktur Dokumen XHTML Mobile Profile

55

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>

1.4. 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

sebagai kumpulan sejumlah terminal komunikasi yang berada di berbagai lokasi

yang terdiri dari lebih satu komputer yang saling berhubungan.

1.2.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)

56

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)

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.

1.2.2. Topologi Jaringan

Menurut Budhi Irawan (2005)11 topologi fisik jaringan yang digunakan dalam

jaringan diantaranya:

57

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.

Gambar 2. 9 Topologi Star (Bintang)

( Sumber : Budi Irawan, 2005. Jaringan Komputer. GRAHA ILMU, Yogyakarta )

58

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

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.

1.3. Konsep Dasar Internet dan Intranet

59

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.

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

60

lainnya), klien dan juga server. Protokol HTTP dan beberapa protokol internet

lainnya (FTP, POP3, atau SMTP) umumnya merupakan komponen protokol yang

sering digunakan.

61

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.

1.4. Perancangan Sistem

1.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.

62

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.

1.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

63

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.

1.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.

64

1.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.

1.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.

65

Gambar 3. 1 Arsitektur SUTO (Sistem Ujian Try Out Online)

1.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).

1.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

66

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.

1.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:

67

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.

68

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.

69

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.

1.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:

70

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.

71

0

SUTOSMK AKN

Admin Peserta

PanPen

Pengawas

Output

Input

Input

Output

Input

OutputInput

Output

data_admindata_jurusandata_mapeldata_pesertadata_pengawasdata_panpendata_banksoaldata_ujiandata_jadwaldata_ubah_pass

info data_admininfo data_jurusaninfo data_mapelinfo data_pesertainfo data_pengawasinfo data_panpeninfo data_banksoalinfo data_ujianinfo data_jadwalinfo nilaiinfo pengumuman

info data_penyelenggarainfo data_jurusaninfo data_mapelinfo data_pesertainfo data_pengawasinfo data_panpeninfo data_banksoalinfo data_ujianinfo data_jadwalinfo nilaiinfo pengumuman

data_penyelenggaradata_pengawasdata_pesertadata_banksoaldata_ubah_profil

info data_pesertainfo data_pengumumaninfo soal_ujianinfo hasil_ujianinfo pembahasan_soal

data_pesertajawaban_soaldata_ubah_Profil

info pengawasinfo daftar_peserta

data_pengawasdata_berita_acara

Gambar 3. 2 Context Diagram SUTO SMK Telkom Terpadu AKN Marzuqi

72

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_penyelenggarainfo 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_masterinfo 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_tryoutinfo_data_ujian_tryout

info data_pesertainfo data_pengawas

info data_soal

data_soalinfo data_soal

data_detail_ujian

info data_detail_ujiandata_ujian

info data_ujian

info data_jadwalinfo data_peserta

jawaban_soalinfo soal

info data_jadwaldata_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 AKNe:\dfd\dfd00002.dfdDFD Level 0Jun-18-2014Ahmad AkromJun-18-2014Ahmad Akrom

Gambar 3. 3 DFD Level 0 Sistem Ujian Try Out Online

73

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

74

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.

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_pengawasinfo data_peserta

info data_penyelenggarainfo data_admin

data_admin data_penyelenggaradata_peserta data_pengawas info data_pengawas

info data_pesertainfo data_penyelenggara

info data_admin

data_pengawasdata_pengawas

data_penyelengara

data_peserta

data_admin

data_peserta

data_admin

data_penyelenggara

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

75

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.

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_pesertainfo data_peserta

data_pengawasinfo 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

Gambar 3. 7 DFD Level 1 Proses Input Data Master

Gambar 3. 8 Pengujian Level balance DFD level 1 Proses Input Data Master

76

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.

admin

3.1

tambahpeserta

3.2

deletesoal

3.3

carisoal

3.4

tampildaftar soal

panpen

mapel

banksoaljenis_banksoal bobotsoal mapel

bobotsoal banksoaljenis_banksoal

data_bank_soal

info data_bank_soal

data_bank_soal

info data_soal

data_bank_soal

data_bank_soal

data_bank_soaldata_bank_soal

info jenis_banksoal

info bobot_soal info data_mapel

data_soal

data_soalinfo jenis_banksoal

info bobot_soal info data_mapel

info jenis_banksoal

info bobot_soal

info bobot_soalinfo jenis_banksoal

info data_mapel

info data-mapel

data_soal

info data_bank_soal

Gambar 3. 9 DFD Level 1 Proses Input Bank Soal

77

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.

peserta

jurusan

mapel

banksoal

pengawas

jadwal

detail_ujian

ujian

4.1

BuatUjian

4.2

ubahujian

4.3

hapusujian

admin

4.4

acaksoal

4.5

prosesujian

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 soaljawaban_soal

koreksi_jawaban

data_nilai

data_detail_ujian

info data_detail_ujian

info soalinfo data_jadwal

data_jawaban_peserta

Gambar 3. 11 DFD Level 1 Proses Ujian

78

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

79

proses pengumuman dapat dilihat pada Gambar 3.13. Pengujian Level Balance

DFD level 1 proses pengumuman ditunnjukkan pada Gambar 3.14.

nilai

jadwal

5.1

nilai_ujian

5.2

jadwal_ujian

peserta panpen

info pengumuman

info data_jadwal

info data_nilai

info pengumumaninfo pengumuman

info pengumuman

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

80

gambar 3.15. Pengujian level balance DFD level 2 proses login account setting

dapat dilihat pada gambar 3.16.

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

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,

81

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.

admin

2.1.1tambahpanpen

2.1.2ubahpanpen

2.1.3hapuspanpen

2.1.4caripanpen

2.1.5tampilpanpen

penyelenggara

data_master

data_master

data_master

data_master

data_penyelenggara

data_penyelenggara

data_penyelenggara

data_penyelenggara

info data_penyelenggarainfo data_master

Gambar 3. 17 DFD Level 2 Proses Master Panpen

Gambar 3. 18 Pengujian Level Balance DFD Level 2 Proses Master Panpen.

82

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.

admin

2.2.1tambahjur

2.2.2ubahjur

2.2.3hapusjur

2.2.4carijur

2.2.5tampiljur

jurusan

data_jurusan

data_jurusan

data_jurusan

info data_jurusan

data_jurusan

info data_master

data_master

data_master

data_master

data_master

Gambar 3. 19 DFD Level 2 Proses Master Jurusan

Gambar 3. 20 Pengujian Level Balance DFD Level 2 Proses Master Jurusan

83

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.

admin

2.3.1tambahmapel

2.3.2ubahmapel

2.3.3hapusmapel

2.3.4carimapel

2.3.5tampilmapel

mapel

data_mapel

data_mapel

data_mapel

info data_mapel

data_mapel

info data_master

data_master

data_master

data_master

data_master

Gambar 3. 21 DFD Level 2 Proses Master Mapel

Gambar 3. 22 Pengujian Level Balance DFD Level 2 Proses Master Mapel

84

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.

admin

2.4.1tambahpeserta

2.4.2ubahpeserta

2.4.3hapuspeserta

2.4.4caripeserta

2.4.5tampilpeserta

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

Gambar 3. 23 DFD Level 2 Master Peserta

Gambar 3. 24 Pengujian Level balance DFD Level 2 Master peserta.

85

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.

admin

2.5.1tambahpengawas

2.5.2ubahpengawas

2.5.3hapuspengawas

2.5.4caripengawas

2.5.5tampilpengawas

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

Gambar 3. 25 DFD Level 2 Master Pengawas

86

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.

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

87

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

Adminidadmin, nmadmin, userlogin, passlogin, level, kelamin,email,

nohp

Panpenidpanpen, 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,

banksoalidbs, 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_ujianiddu, 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

88

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.

89

90

Gambar 3. 28 Flowchart Sistem Ujian Try Out Online

91

1.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.

1.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.

93

d. Switch

Switch digunakan untuk mengkoneksikan komputer server dengan komputer klien

yang berada dalam lingkungan sekolah melalui jaringan kabel.

1.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

1.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

94

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.

Tabel 3. 3 Struktur Tabel Admin

Field Type Null Extraidadmin int(9) No auto_incrementnmadmin varchar(50) Nouserlogin varchar(30) Nopasslogin varchar(60) Nolevel Varchar(10) Nokelamin enum(“L”,”P”) Yesno_hp varchar(15) Yesemail 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

95

Field Type Null Extra

idpanpen int(9) No auto_incrementnip bigint(20) Yesnmpanpen varchar(50) Nouserlogin varchar(30) Nopasslogin varchar(50) Nolevel Varchar(10) Nophoto varchar(30) Yesidmapel* int(9) Noalamat text Yestempat_lhr varchar(30) Yestanggal_lhr date Nojeniskel enum(‘L’,’P’) Nonohp varchar(15) Noemail 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_incrementnis varchar(15) Nonmpeserta varchar(50) Nouserlogin varchar(30) Nopasslogin varchar(50) Nolevel varchar(10) Nophoto varchar(30) Yes

96

idjurusan* varchar(9) Noalamat text Yestempat_lhr varchar(25) Yestanggal_lhr date Yesjeniskel enum(‘L’,’P’) Nothmasuk year(4) Nonohp varchar(15) Yesemail 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_incrementnmpengawas varchar(30) Nouserlogin varchar(30) Nopasslogin varchar(50) Nolevel varchar(10) Nojenis_kel enum(“L”,”P”) Nonohp 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_incrementkodejur varchar(10) Nonmjurusan varchar(50) No

97

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.

Tabel 3. 8 Tabel Mapel

Field Type Null Extra

idmapel int(9) No auto_incrementidjur int(9) Nonmmapel 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_incrementnmbobot varchar(30) Noket 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

98

Field Type Null Extra

idjbs int(5) No auto_incrementnmjbs varchar(30) Nothjbs year(4) No

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_incrementidjbs* int(5) Noidbobot* int(9) Yesidmapel* int(9) Yespertanyaan text Nosoal_cerita text Yesgambar_soal varchar(30) Yesjenis_pilihan enum(“gambar”, “text”) Yesa text Yesb text Yesc text Yesd text Yese text Yeskunci varchar(1) Nopembahasan 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

99

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_incrementnmujian varchar(30) Noidjbs* int(9) Noidjur* int(9) Notgl_buat date Nopesan 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_incrementidujiaan* int(9) Noidmapel* int(9) Nowaktu varchar(6) Nojsoal int(3) Nobobot1 int(9) Nojsbobot1 int(3) Nobobot2 int(9) Nojsbobot2 int(3) Nobobot3 int(9) Nojsbobot3 int(3) Noberita_acara text Yes

l. Tabel Jadwal

100

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_incrementiddu* int(9) Noidpengawas* int(9) Notgl_ujian date Nowaktu_ujian time Nowaktu_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_incrementidpeserta* int(9) Noiddu* int(9) Noidbs* int(9) Nonosoal int(3) Nopilih_jwbn Varchar(1) Noket enum(‘b’,’s’) Nosisa_waktu time No

n. Tabel Nilai

101

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_incrementidujian* int(9) Noidpeserta* int(9) Nojml_nilai* int(9) Nostatus enum(“Y”, “T”) No

1.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 fungsi–fungsi di dalam

program, sehingga dapat mempermudah dalam penggunaannya.

Perancangan tampilan sistem dibagi menjadi dua kategori, yaitu Perancangan

tampilan Web dan perancangan tampilan Wap.

1.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.

1.4.1.1. Perancangan Halaman Utama

102

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.

1.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:

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

103

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.

Gambar 3. 32 Perancangan Halaman Daftar Admin

104

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

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

105

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

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

106

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

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

107

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

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.

108

Gambar 3. 40 Perancangan Halaman Daftar jurusan

Gambar 3. 41 Perancangan Tambah Jurusan

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.

109

Gambar 3. 42 Perancangan Halaman Mata Pelajaran

Gambar 3. 43 Perancangan Halaman Tambah Mata Pelajaran

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.

110

Gambar 3. 44 Perancangan Halaman Daftar Bank Soal

Gambar 3. 45 Perancangan Halaman Tambah Bank Soal

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.

111

Gambar 3. 46 Perancangan Halaman Daftar Bobot Soal

Gambar 3. 47 Perancangan Halaman Tambah halaman Pelajaran

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.

112

Gambar 3. 48 Perancangan Halaman Input Soal

Gambar 3. 49 Perancangan Halaman Cari Soal

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

113

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

114

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

115

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

116

1.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

117

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

118

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

119

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

120

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

121

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

122

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

123

1.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

124

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

125

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

126

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

1.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

127

1.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

128

1.5. Vdsfs

1.6.

129