i
TRYOUT UJIAN NASIONAL BERBASIS WEB
(Studi Kasus di SMA BATIK 1 SURAKARTA)
TUGAS AKHIR
Diajukan Untuk Memenuhi Tugas dan Syarat-Syarat Guna Memperoleh Gelar Sarjana Teknik pada Fakultas Teknik Jurusan Teknik Elektro
Universitas Muhammadiyah Surakarta
Disusun Oleh :
NAMA : SIDIQ TRI RAHARJO
NIM : D 400 070 019
JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH SURAKARTA
ii
LEMBAR PERSETUJUAN
Tugas Akhir dengan judul “TRYOUT UJIAN NASIONAL BERBASIS WEB” ini diajukan oleh :
NAMA : SIDIQ TRI RAHARJO
NIM : D 400 070 019
Guna memenuhi salah satu syarat untuk menyelesaikan program Sarjana jenjang pendidikan Strata-Satu (S1) pada Fakultas Teknik Program Studi Teknik Elektro Universitas Muhammadiyah Surakarta, telah diperiksa dan disetujui pada :
Hari :
iii
HALAMAN PENGESAHAN
Tugas Akhir dengan judul “TRYOUT UJIAN NASIONAL
BERBASIS WEB” ini telah dipertahankan dan dipertanggung jawabkan di
hadapan Dewan Penguji Tugas Akhir Fakultas Teknik Jurusan Teknik Elektro Universitas Muhammadiyah Surakarta, pada :
iv
KATA PENGANTAR
Alhamdulillahirobbil’alamin, puji syukur penulis panjatkan kehadirat Allah SWT atas rahmat dan restuNya sehingga penulis dapat menyelesaikan Tugas Akhir ini.
Tugas akhir ini merupakan salah satu syarat untuk memperoleh gelar sarjana Strata I Pada jurusan Teknik Elektro Universitas Muhammadiyah Surakarta. Alhamdulillah, tugas akhir ini akhirnya selesai walaupun jauh dari sempurna, dan keberhasilan dalam menyusun dan penyelesaian Tugas Akhir ini adalah berkat bantuan dari semua pihak, dengan keikhlasan hati penulis mengucapkan terima kasih yang sebesar-besarnya kepada :
1. Ir. Agus Riyanto, M.T., selaku Dekan Fakultas Teknik Universitas Muhammadiyah Surakarta.
2. Ir. Jatmiko, M.T., selaku Ketua Jurusan Elektro Fakultas Teknik Universitas Muhammadiyah Surakarta.
3. Umi Fadlilah, S.T, M.Eng, selaku Pembimbing Akademik yang telah banyak membimbing selama menempuh studi di Teknik Elektro UMS.
v
5. Umi Fadlilah, ST, M.Eng, selaku Pembimbing II yang telah memberikan nasehat, bimbingan, dan pengarahan kepada penulis sehingga dapat menyelesaikan tugas akhir ini.
6. Ayah beserta Ibu tercinta, terima kasih atas semua doa, semangat dan perjuangan yang tiada hentinya, juga atas kasih sayang yang engkau berikan. 7. Ke dua kakak perempuan saya yang selalu mendoakan dan mendukungku. 8. Teman-teman di KMTE dan di Lab. Teknik Elektro.
9. Semua pihak yang telah membantu baik secara langsung maupun tidak langsung yang tidak bisa penulis sebutkan satu persatu.
vi
MOTTO
اًﺮْﺴُﯾ ِﺮْﺴُﻌْﻟا َﻊَﻣ ﱠنِ إ
S esungguhnya S esudah K esulitan itu A da K emudahan
( QS. Al -Insy Ir a h : 6)“A papun yang ter jadi itu baik”
(R onald F rank)
” Semakin banyak kesulit an didapat akan semakin banyak
kemampuan yang dimilik i ket ika kesulit an t ersebut
berhasil diat asi”
vii
PERSEMBAHAN
A lhamdulillah, P uji syukur kehadirat A llah S .W .T , atas rahmat
dan karunia-N ya sehingga L aporan T ugas A khir ini dapat penulis
selesaikan.
K u persembahkan laporan T ugas A khir ini untuk :
A yah dan I buku yang telah memberikan do’a dan dukungan untukku,
terimakasih untuk semuanya.
K akak ku tercinta terimakasih atas dukungan, saran, dan kritik kalian.
S emua teman-temanku T eknik E lektro’07 pada khususnya dan
semua teman-temanku T eknik E lektro pada umumnya yang
viii
DAFTAR KONTRIBUSI
Tugas Akhir penulis adalah merancang dan membangun tryout ujian. Komponen utama adalah bahasa pemrograman PHP dan server basis data menggunakan MySQL. Berikut ini adalah daftar kerja yang ada dalam tugas akhir ini :
1. Penulis berterus terang bahwa kemampuan dalam memahami bahasa pemrograman yang menggunakan PHP dan database MySQL masih sedikit, oleh karena itu penulis mencoba mengikuti kursus dan dukungan banyak hal serta berbekal semangat dari banyak pihak untuk mengerjakan tryout ujian nasional berbasis web.
2. Macromedia Dreamweaver 8.0 penulis gunakan untuk membuat dan mengedit tampilan web.
3. Penulis merancang sistem basis data dengan menggunakan bantuan XAMPP (Basispaket) version 1.7.4. yang didalamnya memuat server apache, dan
database MySQL.
ix
DAFTAR ISI
HALAMAN JUDUL ... LEMBAR PERSETUJUAN ... HALAMAN PENGESAHAN... KATA PENGANTAR ... HALAMAN MOTTO ... HALAMAN PERSEMBAHAN ... DAFTAR KONTRIBUSI ... DAFTAR ISI ... DAFTAR GAMBAR ... DAFTAR TABEL ... HALAMAN ABSTRAKSI ...
BAB I PENDAHULUAN 1.6. Sistematika Penulisan ………...
x
1. Definisi PHP (Personal Home Page) ……….. 2. Definisi Dreamweaver ……… 3. Definisi CSS (Cascade Style Sheet)……… 4. Definisi Mozilla Firefox ……….
5. Definisi HTML ………..
6. Definisi PHPMyAdmin………. 7. MySQL (My Stucture Query Language)………..
BAB III METODE PENELITIAN
3.1. Waktu dan Tempat ... 3.2. Peralatan Utama dan Pendukung ... 3.3. Alur Metode Penelitian... 3.4 Flowchart ……….. 3.5 Tabel-tabel Data program……….. 3.6 Hubungan Antar Tabel ……….. 3.7 User Interface ……… 3.8 Struktur Navigasi ...……….. 3.9 Perancangan Tabel dan Database ………..
BAB IV PENGUJIAN DAN PEMBAHASAN SISTEM
xi 4.11 Halaman Ganti Password Admin ... 4.12 Halaman input mata pelajaran ... 4.13 Halaman Daftar Pelajaran ... 4.14 Halaman Input Soal Admin ... 4.15 Halaman Nilai Admin ... 4.16 Halaman Daftar Siswa ………. 4.17 Halaman Profile Admin ……… 4.18 Hasil Uji Coba Web pada Browser……… 4.19 Perbandingan dengan Web sejenis ……… 4.20 Hasil Kuisioner pengujian web ………. 4.21 Grafik Hasil Kuisioner ………. b. Script Program
xii
DAFTAR GAMBAR
Gambar 3.1 Flowchart Penelitian ……….. 20
Gambar 3.2 Flowchart Sistem ………. 21
Gambar 3.12 ERD ……… 27
Gambar 3.13 Kerangka User Interface.……….... 28
Gambar 3.14 Struktur navigasi ... 29
Gambar 3.14 DFD Level 0 ... 29
Gambar 3.15 DFD Level 2 ... 30
Gambar 4.1 Halaman Home ..………. 32
Gambar 4.2 Halaman Murid ………….………. 33
Gambar 4.3 Halaman Mata Pelajaran ...……….. 33
Gambar 4.4 Halaman IPA ...……….. 34
Gambar 4.10 Halaman Ganti Password Admin………... 38
Gambar 4.11 Halaman input Mata Pelaajran ………. 39
Gambar 4.12 Halaman Daftar Pelajaran Admin……...……… 39
Gambar 4.13 Halaman Input Soal ...……….. 40
xiii
Gambar 4.15 Halaman Daftar Siswa ...……… 41
Gambar 4.16 Halaman Profil Admin ………..…... 42
Gambar 4.17 Uji coba Mozilla Firefox ...……….... 42
Gambar 4.18 Uji coba Safari ...……….. 43
Gambar 4.19 Uji Coba Google Chrome ....……….. 44
xiv
DAFTAR TABEL
Tabel 3.3 Tabel Admin ……… 23
Tabel 3.4 Tabel user ……….. 23
Tabel 3.5 Tabel siswa ………... 23
Tabel 3.6 Tabel Mapel………... 24
Tabel 3.7 Tabel Nilai ………... 24
Tabel 3.8 Tabel Pikihan Jawaban ……….. 24
Tabel 3.9 Tabel Soal ...……….. 25
Tabel 3.10 Tabel Ujian ...……… 25
Tabel 3.11 Tabel V_Ujian Mapel ...……… 25
Tabel 4.1 Tabel Hasil Kuisioner...………... 47
xv
ABSTRAKSI
Perkembangan internet dan teknologi komunikasi sangat luar biasa dan jauh berbeda dengan masa awal kehadirannya. Website merupakan salah satu sumber daya internet yang berkembang pesat. Website telah membentang ke seluruh penjuru dunia, tidak hanya terbatas pada lembaga-lembaga pendidikan yang ingin memberikan informasi.
Website tryout ujian nasional ini nantinya akan memudahkan siswa dan guru untuk melakukan ujian secara paperless. Pengembangan tryout ujian nasional ini diharapkan mendapatkan suatu sistem ujian berbasis Web dinamis.
Perancangan dilakukan menggunakan tool software XAMPP (Basispaket) version 1.7.4 (MySQL 5.0.51 (Community Server), PHP 5.2.6 dan phpMyAdmin 2.11.7), dengan web disainer Macromedia Dreamweaver 8. Pengujian dilakukan secara localhost. Hasil pengujian menunjukkan bahwa perancangan tryout ujian nasional berbasis web ini memudahkan siswa dalam mengerjakan soal-soal yang bersifat acak.