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

2012

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 :

Tanggal :

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 :

Mengetahui,

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.

4. Fajar Suryawan, S.T, M.Eng.Sc, Ph.D, selaku Pembimbing I yang telah

memberikan nasihat, bimbingan, dorongan dan pengarahan kepada penulis

sehingga dapat menyelesaikan tugas akhir ini.

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.

Akhir kata, penulis menyadari bahwa Tugas Akhir ini masih jauh dari

kesempurnaan. Saran dan kritik yang membangun sangat penulis harapkan.

Semoga karya ini dapat bermanfaat untuk rekan-rekan mahasiswa dan pihak-pihak

yang berkepentingan.

vi

MOTTO

سر یسرا ن مع الع إ Sesungguhnya Sesudah Kesulitan itu Ada Kemudahan

(QS. Al-InsyIrah : 6)

“Apapun yang terjadi itu baik”

(Ronald Frank)

”Semakin banyak kesulitan didapat akan semakin banyak

kemampuan yang dimiliki ketika kesulitan tersebut

berhasil diatasi”

(Isaac Newton)

vii

PERSEMBAHAN

Alhamdulillah, Puji syukur kehadirat Allah S.W.T, atas rahmat

dan karunia-Nya sehingga Laporan Tugas Akhir ini dapat penulis

selesaikan.

Ku persembahkan laporan Tugas Akhir ini untuk :

Ayah dan Ibuku yang telah memberikan do’a dan dukungan untukku,

terimakasih untuk semuanya.

Kakak ku tercinta terimakasih atas dukungan, saran, dan kritik kalian.

Semua teman-temanku Teknik Elektro’07 pada khususnya dan

semua teman-temanku Teknik Elektro pada umumnya yang

memberikan semangat dan dukungannya.

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.

Demikian daftar kontribusi ini saya buat dengan sejujurnya. Saya

bertanggung jawab atas isi dan kebenaran daftar di atas.

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

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

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

1.4. Tujuan penelitian …….........................................................

1.5. Manfaat Penelitian …………………..................................

1.6. Sistematika Penulisan ………………….............................

BAB II TINJAUAN PUSTAKA

2.1. Telaah Penelitian ……………………………………….....

2.2. Landasan Teori.....................................................................

i

ii

iii

iv

vi

vii

viii

ix

xii

xiv

xv

1

2

3

3

4

4

6

7

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

4.1. Spesifikasi Peralatan Uji coba ......... ................................

4.2. Pengujian Halaman Home ……………………………….

4.3. Halaman Murid ...............................................................

4.4 Halaman Mata pelajaran .................................................

4.5 Halaman IPA ..................................................................

7

8

8

9

10

13

14

18

18

19

20

23

26

27

29

29

31

32

32

33

34

xi

4.6 Halaman IPS...................................................................

4.7 Halaman Profile Murid ....................................................

4.8 Halaman Ganti Password Murid .....................................

4.9 Halaman Soal ..................................................................

4.10 Halaman Beranda Admin ................................................

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

BAB V PENUTUP

5.1. Kesimpulan .........................................................................

5.2. Saran ....................................................................................

DAFTAR PUSTAKA

LAMPIRAN

a. Kuisioner

b. Script Program

35

35

36

37

37

38

38

39

40

40

41

41

42

45

45

47

50

51

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.5 Halaman IPS............................................................................ 35

Gambar 4.6 Halaman Profil Murid ....................…………………………. 35

Gambar 4.7 Halaman Ganti Password Murid …………………………… 36

Gambar 4.8 Halaman Soal …………………....………………………….. 37

Gambar 4.9 Halaman Beranda Admin ……..……………………………. 37

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

Gambar 4.14 Halaman Nilai Admin ……………………………………… 41

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

Gambar 4.25 Grafik Kuisioner …………………………………………… 47

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.

Kata kunci : MySQL, PHP, Ujian, Website.