ABSTRAK - Institutional Repository UIN Syarif...

ABSTRAK

Ali Yahya – 103091029595, Aplikasi Ujian Madrasah Berbasis Local Area

Network (LAN) Studi Kasus Mata Pelajaran TIK pada Madrasah Tsanawiyah Al

Muawanah Curug Tangerang, dibimbing oleh Victor Amrizal, M.Kom dan

Qurrotul Aini, MT.

Ujian adalah suatu tes yang digunakan untuk menilai pelajaran yang telah

diberikan oleh guru kepada murid-muridnya dalam jangka waktu tertentu.

Madrasah Tsanawiyah Al Muawanah merupakan suatu lembaga pendidikan yang

sudah melaksanakan ujian atau tes untuk mengukur tingkat keberhasilan belajar

siswanya setiap pertengahan dan satu semester. Ujian yang dilakukan masih

berbasis kertas, hal ini membutuhkan biaya dan waktu yang tidak sedikit serta

tingkat kecurangan yang tinggi antar siswa. Madrasah Tsanawiyah Al Muawanah

sudah mempunyai fasilitas komputer yang cukup baik, namun pemanfaatan

teknologi informasi belum dimanfaatkan seefektif mungkin. Dari permasalahan

tersebut, peneliti ingin membuat solusi alternatif yaitu membuat aplikasi guna

membantu sekolah dalam melaksanakan ujian semester sekolah yang lebih efektif

dan efisien baik dari segi waktu maupun biaya, juga melatih siswa supaya terbiasa

bekerja menggunakan komputer. Aplikasi ini dibuat menggunakan bahasa

pemrograman PHP (Personal Home Page), database MySQL, Server Apache dan

didukung oleh program lainnya seperti Notepad++, PhotoshopCS dan

Macromedia Dreamweaver 8. Peneliti menggunakan metode Rapid Application

Development (RAD) dalam pengembangan sistemnya, yang terdiri dari fase

perencanaan syarat-syarat, fase perancangan, fase konstruksi dan fase

pelaksanaan. Dalam pelaksanaanya, apikasi ujian ini menggunakan jaringan lokal

(LAN) yang sudah ada di Madrasah Tsanawiyah Al Muawanah, di mana user/

siswa melakukan akses pada setiap PC Client ke PC Server untuk memulai,

kemudian user/ siswa melakukan login untuk masuk ke halaman ujian. Adapun

urutan soal yang ditampilkan bersifat acak/ random. Dengan melakukan demo

program dan kuisioner terhadap 30 siswa dan seorang guru mata pelajaran TIK

(Teknologi Informasi dan Komunikasi) di MTs Al Muawanah bahwa 10%

menyatakan penggunaan aplikasi ini mudah dan 90% menyatakan sedang, dengan

ini dapat disimpulkan bahwa aplikasi ini dapat digunakan sebagai suatu media

dalam melakukan ujian atau tes, sekaligus sebagai media sosialisasi komputerisasi

terhadap siswa-siswi Madrasah Tsanawiyah Al Muawanah.

Kata Kunci : Ujian, LAN, RAD, Madrasah Tsanawiyah Al-Muawanah Curug.

i

DAFTAR ISI

Halaman Sampul ......................................................................................... i

Halaman Judul .............................................................................................. ii

Lembar Pengesahan Pembimbing ................................................................. iii

Lembar Pengesahan Ujian .......................................................................... iv

Lembar Pernyataan ..................................................................................... v

Abstrak ........................................................................................................ vi

Kata Pengantar ............................................................................................. vii

Lembar Persembahan ................................................................................... ix

Daftar Isi ..................................................................................................... x

Daftar Gambar ............................................................................................ xv

Daftar Tabel ................................................................................................ xviii

Daftar Lampiran .......................................................................................... xx

Daftar Istilah ............................................................................................... xxi

Daftar Simbol .............................................................................................. xxiv

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah ...................................................... 1

1.2 Rumusan Masalah ................................................................ 3

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

1.4 Tujuan Penelitian ................................................................. 3

1.5 Manfaat Penelitian ............................................................... 3

ii

1.6 Metode Penelitian ............................................................... 4

1.7 Sistematika Penulisan ......................................................... 6

BAB II LANDASAN TEORI

2.1 Aplikasi dan TIK ................................................................. 8

2.2 Local Area Network (LAN) ................................................. 8

2.2.1 Topologi Jaringan ...................................................... 9

2.2.2 Localhost ................................................................... 12

2.2.3 Protokol HyperText Transfer protocol (HTTP) .......... 12

2.2.4 Client Server .............................................................. 13

2.2.5 Keuntungan LAN ....................................................... 14

2.3 Database ............................................................................ 15

2.3.1 Konsep Database Management System (DBMS) ....... 15

2.3.2 Entity Relationship Diagram (ERD) .......................... 18

2.4 Perangkat Lunak Penunjang ................................................. 22

2.4.1 MySQL ...................................................................... 22

2.4.2 Personal Home Page (PHP) ....................................... 23

2.4.3 Konsep Kerja MySQL, Web Server, PHP dan

Browser Client ........................................................ 24

2.5 Unified Modelling Language (UML) .................................. 26

2.5.1 Sekilas tentang UML ................................................. 26

2.5.2 Diagram-Diagram dalam UML .................................. 27

2.5.2.1 Use Case Diagram........................................... 27

iii

2.5.2.2 Class Diagram ................................................ 29

2.5.2.3 Sequence Diagram .......................................... 30

2.5.3 Tujuan Penggunaan UML .......................................... 31

2.6 Rapid Application Development (RAD) .............................. 32

2.6.1 Keunggulan RAD ...................................................... 32

2.6.2 Kelemahan RAD ....................................................... 33

BAB III METODE PENELITIAN

3.1 Metode Pengumpulan Data ................................................. 34

3.1.1 Observasi (Pengamatan) ............................................ 34

3.1.2 Wawancara (Interview) .............................................. 34

3.1.3 Studi Pustaka ............................................................. 35

3.1.4 Studi Penelitian Sejenis .............................................. 35

3.2 Metode Pengembangan Sistem.............................................. 35

3.2.1 Fase Perencanaan Syarat-Syarat ................................. 36

3.2.2 Fase Perancangan ....................................................... 36

3.2.3 Fase Konstruksi ......................................................... 37

3.2.4 Fase Pelaksanaan ....................................................... 37

BAB IV PEMBAHASAN DAN IMPLEMENTASI

4.1 Gambaran Umum MTs Al Muawanah ................................. 39

4.1.1 Sejarah MTs Al Muawanah ........................................ 39

4.1.2 Visi dan Misi ............................................................. 39

iv

4.1.3 Struktur Organisasi .................................................... 40

4.2 Fase Perencanaan Syarat-Syarat ........................................... 41

4.2.1 Analisis Kebutuhan .................................................... 41

4.2.2 Tujuan ....................................................................... 42

4.2.3 Syarat-Syarat ............................................................. 42

4.3 Fase Perancangan ................................................................. 43

4.3.1 Perancangan Proses .................................................... 43

4.3.1.1 Use Case Diagram ......................................... 43

4.3.1.2 Class Diagram .............................................. 56

4.3.1.3 Sequence Diagram ........................................ 57

4.3.2 Perancangan Basis Data ............................................. 67

4.3.2.1 Entity Relationship Diagram (ERD) ............ 67

4.3.2.2 Perancangan Tabel ........................................ 68

4.3.3 Perancangan Antarmuka ............................................. 69

4.4 Fase Konstruksi ................................................................... 81

4.5 Fase Pelaksanaan .................................................................. 82

4.5.1 Konfigurasi Client Server ........................................... 82

4.5.2 Pengujian Aplikasi Ujian Madrasah Berbasis LAN .... 83

4.5.3 Tanggapan User pada Aplikasi Ujian Madrasah

Berbasis LAN ........................................................... 85

BAB V PENUTUP

5.1 Kesimpulan........................................................................... 87

5.2 Saran .................................................................................... 88

v

DAFTAR PUSTAKA ................................................................................ 89

LAMPIRAN

vi

DAFTAR GAMBAR

Gambar 2.1 Topologi Bus ........................................................................ 9

Gambar 2.2 Topologi Ring ....................................................................... 10

Gambar 2.3 Topologi Star ........................................................................ 11

Gambar 2.4 Hubungan Data dan Informasi .............................................. 15

Gambar 2.5 Tingkatan Data dalam Database ........................................... 17

Gambar 2.6 Relasi Biner (Binery Relation) .............................................. 20

Gambar 2.7 Relasi Tunggal (Unary Relation) .......................................... 20

Gambar 2.8 Relasi Multi Entity (N-ary Relation) ..................................... 20

Gambar 2.9 Logo MySQL ....................................................................... 22

Gambar 2.10 Logo PHP ............................................................................. 23

Gambar 2.11 Konsep Kerja MySQL, Web Server, PHP dan

Browser Client ...................................................................... 25

Gambar 2.12 Contoh Use Case Diagram ................................................... 28

Gambar 2.13 Notasi Class .......................................................................... 29

Gambar 2.14 Contoh Class Diagram ......................................................... 30

Gambar 2.15 Contoh Sequence Diagram ................................................... 31

Gambar 3.1 Fase-Fase RAD ..................................................................... 36

Gambar 3.2 Fase-Fase Perancangan Aplikasi Ujian Madrasah

Berbasis LAN ....................................................................... 38

Gambar 4.1 Struktur Organisasi MTs Al-Muawanah Curug ..................... 40

Gambar 4.2 Use Case Diagram Aplikasi Ujian Madrasah ........................ 44

vii

Gambar 4.3 Class Diagram Aplikasi Ujian Madrasah .............................. 56

Gambar 4.4 Sequence Diagram Login Siswa ............................................ 57

Gambar 4.5 Sequence Diagram Jawab Soal ............................................. 58

Gambar 4.6 Sequence Diagram Ganti Password Siswa ............................ 58

Gambar 4.7 Sequence Diagram Login Admin ........................................... 59

Gambar 4.8 Sequence Diagram Urut Data Siswa ..................................... 59

Gambar 4.9 Sequence Diagram Cari Data Siswa ...................................... 60

Gambar 4.10 Sequence Diagram Tambah Data Siswa ................................ 60

Gambar 4.11 Sequence Diagram Ubah Data Siswa ................................... 61

Gambar 4.12 Sequence Diagram Hapus Data Siswa ................................... 61

Gambar 4.13 Sequence Diagram Cetak Data Siswa ................................... 62

Gambar 4.14 Sequence Diagram Lihat Data Soal ....................................... 62

Gambar 4.15 Sequence Diagram Tambah Data Soal .................................. 63

Gambar 4.16 Sequence Diagram Ubah Data Soal ...................................... 63

Gambar 4.17 Sequence Diagram Hapus Data Soal ..................................... 64

Gambar 4.18 Sequence Diagram Cetak Data Soal ...................................... 64

Gambar 4.19 Sequence Diagram Lihat Nilai Siswa .................................... 65

Gambar 4.20 Sequence Diagram Cari Nilai Siswa ..................................... 65

Gambar 4.21 Sequence Diagram Hapus Nilai Siswa .................................. 66

Gambar 4.22 Sequence Diagram Cetak Nilai Siswa ................................... 66

Gambar 4.23 Sequence Diagram Ubah Password Admin ........................... 67

Gambar 4.24 Diagram Relasi Antar Entitas Aplikasi Ujian Madrasah ........ 68

Gambar 4.25 Rancangan Form Index/ Login Siswa .................................... 70

viii

Gambar 4.26 Rancangan Form Home Siswa .............................................. 70

Gambar 4.27 Rancangan Form Ganti Password Siswa ............................... 71

Gambar 4.28 Rancangan Form Jawab Soal ................................................ 71

Gambar 4.29 Rancangan Form Hasil Ujian ................................................ 72

Gambar 4.30 Rancangan Form Help .......................................................... 72

Gambar 4.31 Rancangan Form About ........................................................ 73

Gambar 4.32 Rancangan Form Login Admin .............................................. 73

Gambar 4.33 Rancangan Form Home Admin ............................................. 74

Gambar 4.34 Rancangan Form Data Siswa ................................................ 74

Gambar 4.35 Rancangan Form Ubah Siswa ............................................... 75

Gambar 4.36 Rancangan Form Tambah Siswa ........................................... 75

Gambar 4.37 Rancangan Form Cari Siswa ................................................ 76

Gambar 4.38 Rancangan Form Cetak Data Siswa ...................................... 76

Gambar 4.39 Rancangan Form Lihat Soal .................................................. 77

Gambar 4.40 Rancangan Form Ubah Soal ................................................. 77

Gambar 4.41 Rancangan Form Tambah Soal ............................................. 78

Gambar 4.42 Rancangan Form Cetak Soal ................................................. 78

Gambar 4.43 Rancangan Form Lihat Nilai ................................................. 79

Gambar 4.44 Rancangan Form Cari Nilai .................................................. 79

Gambar 4.45 Rancangan Form Cetak Nilai ................................................ 80

Gambar 4.46 Rancangan Form Ganti Password Admin .............................. 80

Gambar 4.47 Rancangan Form Konfirmasi Ganti Password Admin ........... 81

Gambar 4.48 Konfigurasi LAN pada MTs Al Muawanah............................ 82

ix

DAFTAR TABEL

Tabel 1.1 Perbandingan Perbandingan Ujian Berbasis Kertas

dengan Aplikasi Ujian yang Diusulkan .................................... 2

Tabel 4.1 Perbandingan Aplikasi Ujian yang Ada .................................... 41

Tabel 4.2 Spesifikasi Use Case Login Siswa ........................................... 45

Tabel 4.3 Spesifikasi Use Case Jawab Soal ............................................. 46

Tabel 4.4 Spesifikasi Use Case Ganti Password Siswa ............................ 46

Tabel 4.5 Spesifikasi Use Case Login Admin ........................................... 47

Tabel 4.6 Spesifikasi Use Case Urut Data Siswa ..................................... 47

Tabel 4.7 Spesifikasi Use Case Cari Data Siswa ...................................... 48

Tabel 4.8 Spesifikasi Use Case Tambah Data Siswa ............................... 48

Tabel 4.9 Spesifikasi Use Case Ubah Data Siswa .................................... 49

Tabel 4.10 Spesifikasi Use Case Hapus Data Siswa .................................. 50

Tabel 4.11 Spesifikasi Use Case Cetak Data Siswa ................................... 50

Tabel 4.12 Spesifikasi Use Case Lihat Soal ............................................... 51

Tabel 4.13 Spesifikasi Use Case Tambah Soal .......................................... 51

Tabel 4.14 Spesifikasi Use Case Ubah Soal .............................................. 52

Tabel 4.15 Spesifikasi Use Case Hapus Soal ............................................. 52

Tabel 4.16 Spesifikasi Use Case Cetak Soal .............................................. 53

Tabel 4.17 Spesifikasi Use Case Lihat Nilai Siswa .................................... 53

Tabel 4.18 Spesifikasi Use Case Cari Nilai Siswa ..................................... 54

Tabel 4.19 Spesifikasi Use Case Hapus Nilai Siswa .................................. 54

Tabel 4.20 Spesifikasi Use Case Cetak Nilai Siswa ................................... 55

x

Tabel 4.21 Spesifikasi Use Case Ganti Password Admin .......................... 55

Tabel 4.22 Perancangan Tabel Admin ........................................................ 68

Tabel 4.23 Perancangan Tabel Siswa ......................................................... 68

Tabel 4.24 Perancangan Tabel Ujian ......................................................... 69

Tabel 4.25 Hasil Pengujian Aplikasi Ujian Madrasah Berbasis LAN ........ 83

Tabel 4.26 Hasil Persentase dari Tanggapan User ..................................... 85

xi

DAFTAR LAMPIRAN

Lampiran A Tampilan Aplikasi Ujian .................................................... A

Lampiran B Surat Keterangan ............................................................... B

Lampiran C Hasil Wawancara ............................................................... C

Lampiran D Contoh Angket dan Hasil Kuisioner ................................... D

Lampiran E Source Code ....................................................................... E

xii

DAFTAR ISTILAH

Istilah Arti

Class

Kelas (class) adalah prototipe obyek pada bahasa

pemrograman berarah obyek. Hal ini mirip dengan

tipe turunan pada bahasa pemrograman prosedural

seperti Pascal.

Sebuah kelas dapat dianggap sebagai sekumpulan

obyek yang mempunyai struktur dan perilaku yang

sama. Struktur kelas ditentukan oleh variabel kelas

yang merepresentasikan keadaan obyek pada kelas

tersebut dan perilaku yang diberikan oleh

sekumpulan metode yang terkait dengan kelas.

Database Management

System (DBMS)

Perangkat lunak (software) yang berfungsi untuk

mengelola database.

Efektif

Ada efeknya (pengaruhnya, akibatnya, kesannya),

dapat membawa hasil, berhasil guna (tentang usaha,

tindakan).

Efisien

Tepat atau sesuai untuk mengerjakan (menghasilkan)

sesuatu (dengan tidak membuang-buang waktu,

tenaga, biaya), mampu menjalankan tugas dengan

tepat dan cermat, berdaya guna, bertepat guna.

Hardware

Perangkat keras (hardware) mengacu kepada obyek

memungkinkan untuk disentuh, seperti disket, disk

drive, layar monitor, keybord, printer, scanner dan

chip.

Hypertext

Teks yang disimpan secara elektronik yang

memungkinkan akses langsung ke teks lain melalui

penghubung yang telah dikodekan. Dokumen

hypertext dapat dibuat untuk menggunakan HTML,

umumnya mengintegrasikan gambar, suara dan media

lain yang umum dapat ditampilkan menggunakan

sebuah browser.

Network

Jaringan dari @ystem komunikasi data yang

melibatkan sebuah atau lebih sistem komputer yang

dihubungkan dengan jalur transmisi alat komunikasi

membentuk satu sistem.

Link

Jalur transmisi atau carrier untuk arus informasi atau

data diantara node. Link dapat berupa kabel,

microwave system, laser system atau satellite system.

Login

Nama pengguna yang digunakan untuk memperoleh

akses ke suatu sistem komputer. Bukan suatu hal

yang perlu dirahasiakan (berlawanan artinya dengan

xiii

password). Disebut juga tindakan memasuki suatu

sistem komputer.

Node

Titik yang dapat menerima input data ke dalam

jaringan atau menghasilkan output informasi atau

kedua-duanya. Node dapat berupa sebuah printer atau

alat cetak lainnya, atau PC atau micro computer

sampai mainframe computer yang raksasa atau

modem atau multiplexer.

Password Perangkat keamanan yang terdiri atas string karakter

yang hanya diketahui pengguna dan sistem.

Port

Antarmuka pada perangkat internetworking

(misalnya suatu router), istilah dalam IP, proses pada

layer yang lebih tinggi untuk menerima informasi

dalam leyer yang lebih rendah. Port diberi nomor,

setiap yang dinomori terhubung dengan suatu proses

tertentu. Sebagai contoh: SMTP dihubungkan dengan

port 25, FTP dihubungkan dengan port 21 dan HTTP

pada port 80. Nomor port juga disebut sebagai

alamatnya.

Protocol

sebuah aturan yang mendefinisikan beberapa fungsi

yang ada dalam sebuah jaringan komputer, misalnya

mengirim pesan, data, informasi dan fungsi lain yang

harus dipenuhi oleh si pengirim (transmiter) dan si

penerima (receiver) agar komunikasi dapat

berlangsung dengan benar.

Repeater

Media transmisi yang berfungsi sebagai penguat

sinyal, biasanya digunakan untuk membangun

jaringan dengan jarak antar-node yang berjauhan,

misalnya antar gedung.

Software

Perangkat Lunak (software) adalah perintah-perintah

atau data komputer. Semua yang dapat disimpan

secara elektronik adalah software. Software sering

dibagi menjadi dua kaktegori: - Software sistem

(system software): yang meliputi sistem operasi dan

semua utilitas yang menjalankan komputer - Software

aplikasi (application software): yang meliputi

program yang digunakan oleh pengguna untuk

melakukan pekerjaan tertentu, seperti pengolah kata

(word processors), sehingga mudah untuk membuah

dan menguji program-program sederhana.

User

Pengguna. Biasanya ditujukan kepada pengguna

suatu sistem yang umumnya adalah manusia.

Misalnya pengguna komputer.

User Interface

Tampilan yang dilihat oleh user pada sistem operasi,

tampilan ini dibuat sesederhana mungkin gunanya

untuk memudahkan user dalam bekerja.

xiv

Web/ Website

Suatu koleksi dokumen HTML pribadi atau

perusahaan dalam server web. Sebuah server web

dapat berisi lebih dari satu situs.

Web Browser program aplikasi yang digunakan untuk mengakses

web.

Web Server

Perangkat keras dan perangkat lunak yang dipakai

untuk menyimpan dan mengirim dokumen HTML

untuk digunakan dalam world wide web.

Workstation

Sebuah device dari jaringan komputer personal

dengan daya yang lebih besar jika dibandingkan

dengan standar PC IBM atau Macintosh. Secara

tipikal, sebuah workstation memiliki sistem operasi

seperti UNIX yang bisa menjalankan beberapa task

pada saat yang bersamaan. Workstation umumnya

memiliki sejumlah memori megabyte dan display

dengan resolusi tinggi. Contoh workstation adalah

DEC VAXstation dan IBM RT-PC.

xv

DAFTAR SIMBOL

Simbol-simbol UML (Unified Modelling Language)

Simbol Nama Keterangan

Actor

Seseorang atau apa saja yang

berhubungan dengan sistem yang

sedang dibangun. Aktor bisa berupa:

human user, perangkat hardware,

bahkan sistem yang lain.

Use Case

Interaksi atau ‘dialog’ antara sistem dan

aktor, termasuk pertukaran pesan dan

aksi yang dilakukan oleh sistem. Use

case menggambarkan bagaimana

seseorang menggunakan sistem.

Relasi Hubungan antara aktor dan use case.

Objek Objek-objek dari sistem yang dibangun.

Aktivitas

Aktivitas berupa kegiatan yang

dilakukan pada setiap aktor atau objek.

Aktivitas ini digambarkan berupa

lifeline.

Interaksi

Interaksi antar objek selama operasi.

Panah interaksi dimulai pada batang

aktor atau objek yang memulai

interaksi, dan berakhir pada batang

aktor atau objek yang menerima

permintaan interaksi.

(Sumber: Kendall & Kendall, 2003)

xvi

Simbol-simbol ERD (Entity Relationship Diagram)

Simbol Nama

Entitas (Entity)

Atribut (Attribute)

Relasi (Relation)

(Sumber: Yakub, 2008)

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Komputerisasi sekarang ini telah menjadi salah satu hal yang sangat

penting dalam kehidupan manusia, dengan didukung oleh perkembangan

teknologi khususnya perkembangan di bidang jaringan atau network yang sangat

cepat dan memberi pengaruh yang sangat signifikan dalam segala aspek

kehidupan, bahkan penggunaannya mulai merambah ke berbagai bidang termasuk

bidang pendidikan.

Untuk mengukur dan mengevaluasi tingkat keberhasilan belajar siswa,

maka diadakan ujian atau tes kepada siswa pada suatu lembaga pendidikan.

Menurut Purwanto (2008) ujian adalah suatu tes yang digunakan untuk menilai

pelajaran yang telah diberikan oleh guru kepada murid-muridnya dalam jangka

waktu tertentu.

Madrasah Tsanawiyah Al Muawanah merupakan suatu lembaga

pendidikan yang sudah melaksanakan ujian atau tes untuk mengukur tingkat

keberhasilan belajar siswanya setiap pertengahan dan satu semester. Ujian yang

dilakukan masih berbasis kertas, hal ini membutuhkan biaya dan waktu yang tidak

sedikit serta tingkat kecurangan yang tinggi antar siswa.

Madrasah Tsanawiyah Al Muawanah sudah mempunyai fasilitas komputer

yang cukup baik, namun pemanfaatan teknologi informasi belum dimanfaatkan

seefektif mungkin.

2

Dari sinilah muncul keinginan untuk membuat suatu rancangan Aplikasi

Ujian Madrasah dengan memanfaatkan jaringan lokal (LAN) yang sudah ada di

MTs Al Muawanah. Aplikasi ini diharapkan bisa membantu pihak sekolah dalam

melaksanakan ujian semester sekolah yang lebih efektif dan efisien baik dari segi

waktu maupun biaya, juga melatih siswa supaya terbiasa bekerja menggunakan

komputer. Adapun perbandingan antara ujian berbasis kertas dengan aplikasi ujian

yang diusulkan dapat dilihat pada Tabel 1.1.

Tabel 1.1

Perbandingan Ujian Berbasis Kertas dengan Aplikasi Ujian yang Diusulkan

Ujian berbasis

kertas

Aplikasi ujian

yang diusulkan

Biaya fotocopy soal sebanyak jumlah

siswa dan biaya koreksi soal Ya Tidak

Waktu koreksi soal Lama Cepat

Tingkat kecurangan Tinggi Rendah

Keterangan:

- Biaya: MTs Al Muawanah mengenakan biaya kepada siswanya ketika

akan melakukan ujian/ tes pertengahan atau akhir semester. Biaya ini

digunakan untuk biaya memperbanyak soal sebanyak jumlah siswa dan

biaya koreksi soal.

- Waktu koreksi soal: waktu koreksi soal sering melebihi batas waktu yang

ditentukan yaitu 3 hari, sehingga mengakibatkan keterlambatan dalam

penyerahan nilai siswa.

- Tingkat kecurangan: ketika melakukan observasi di MTs Al Muawanah,

sekitar 70% siswa melakukan kecurangan dalam melakukan ujian berbasis

kertas.

3

1.2 Rumusan Masalah

Sesuai dengan masalah yang diangkat pada latar belakang masalah di atas,

maka masalah yang dibahas dapat dirumuskan sebagai berikut:

1. Bagaimana membuat suatu aplikasi ujian yang dinamis, sederhana dan

mudah digunakan (user friendly).

2. Bagaimana aplikasi ujian ini dapat mengatasi masalah-masalah seperti

kecurangan siswa dalam melaksanakan ujian madrasah dan waktu

pengoreksian soal yang lama.

1.3 Batasan Masalah

Aplikasi ini hanya digunakan untuk jaringan lokal (LAN), dimana satu PC

digunakan sebagai server dan beberapa PC lainnya sebagai client. Adapun soal

yang digunakan dalam ujian ini adalah soal mata pelajaran TIK (Teknologi

Informasi dan Komunikasi).

1.4 Tujuan Penelitian

Penelitian ini bertujuan untuk terciptanya sebuah aplikasi ujian madrasah

dengan menggunakan bantuan pemrograman PHP dan MySQL sebagai database

dengan memanfaatkan jaringan lokal (LAN) dalam melakukan sebuah ujian

semester sekolah sehingga lebih efektif dan efisien.

1.5 Manfaat Penelitian

Manfaat yang diharapkan dalam pembuatan aplikasi ini adalah:

4

1. Bagi Peneliti

a. Menambah wawasan peneliti tentang teknologi pemrograman PHP dan

basis data MySQL yang dapat diterapkan langsung dengan

mengembangkan aplikasi web.

b. Memahami cara kerja jaringan lokal berbasis client server

c. Untuk memenuhi salah satu syarat dalam menempuh gelar S1

(Strata 1).

2. Bagi Universitas

a. Mengetahui kemampuan mahasiswa dalam menguasai materi baik

teori maupun praktek yang telah diperoleh selama kuliah.

b. Mengetahui kemampuan mahasiswa dalam menerapkan ilmunya dan

sebagai bahan evaluasi.

c. Memberikan gambaran tentang kesiapan mahasiswa dalam

menghadapi dunia kerja yang sebenarnya.

3. Bagi Sekolah

a. Membantu sekolah untuk memanfaatkan teknologi informasi yang

harus dipakai pada era sekarang ini.

b. Ujian dilakukan lebih efisien dan efektif dari segi waktu dan biaya.

c. Siswa menjadi terbiasa bekerja dengan menggunakan komputer.

1.6 Metode Penelitian

Teknik pengumpulan data yang digunakan peneliti dalam penelitian ini

adalah:

5

1. Metode Pengumpulan Data

a. Observasi (Pengamatan)

Observasi adalah metode pengumpulan informasi dengan cara

pengamatan atau peninjauan langsung terhadap obyek penelitian, yaitu

melakukan pengamatan terhadap proses ujian semester pada sekolah

MTs Al Muawanah Curug.

b. Wawancara (Interview)

Merupakan proses tanya jawab secara langsung dengan dua atau

beberapa orang Pengumpulan data dan informasi dengan cara

melakukan wawancara ini dilakukan dengan pihak instansi terkait.

Dalam hal ini dilakukan wawancara dengan guru mata pelajaran TIK

(Teknologi Informasi dan Teknologi).

c. Studi Pustaka

Pengumpulan data yang bersumber dari berbagai buku yang menjadi

referensi dan pencarian dengan media internet untuk memperoleh data-

data tambahan dalam rangka melengkapi penulisan skripsi.

d. Studi Penelitian Sejenis

Merupakan pengembangan terhadap instrumen atau penelitian yang

sudah dibuat sebelumnya.

2. Metode Pengembangan Sistem

Pengembangan sistem dalam penelitian ini peneliti lakukan

menggunakan empat tahap siklus pengembangan model RAD (Rapid

6

Application Development) yang dibuat oleh James Martin (Kendall &

Kendall, 2003), yaitu:

a) Fase Perencanaan Syarat-Syarat

Fase di mana menentukan tujuan dan syarat-syarat informasi.

b) Fase Perancangan

Fase di mana perancangan proses-proses yang akan terjadi dalam

sistem, perancangan basis data dan perancangan antarmuka.

c) Fase Konstruksi

Pada tahapan ini dilakukan tahap pengkodean terhadap rancangan-

rancangan yang telah didefinisikan.

d) Fase Pelaksanaan

Pada tahap ini dilakukan pengujian terhadap sistem dan pengenalan

terhadap sistem.

1.7 Sistematika Penulisan

Dalam skripsi ini, pembahasan yang peneliti sajikan terbagi dalam lima

bab, yang secara singkat akan diuraikan sebagai berikut:

BAB I PENDAHULUAN

Bab ini membahas tentang latar belakang, perumusan masalah,

pembatasan masalah, tujuan dan manfaat penelitian, metode

penelitian dan sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini membahas teori tentang aplikasi dan TIK, perangkat

7

penunjang dan metode pengembangan sistem yang digunakan

dalam penulisan skripsi.

BAB III METODE PENELITIAN

Bab ini menjelaskan metode yang dipakai dalam penulisan

skripsi.

BAB IV PEMBAHASAN DAN IMPLEMENTASI

Bab ini menguraikan hasil penelitian dan pembuatan aplikasi.

BAB V PENUTUP

Bab ini adalah bab terakhir yang menyajikan kesimpulan dan

saran dari apa yang telah diterangkan dan diuraikan dari bab-bab

sebelumnya.

8

BAB II

LANDASAN TEORI

2.1 Aplikasi dan TIK

Menurut Misky (2005) aplikasi adalah software yang dibuat oleh suatu

perusahaan komputer untuk mengerjakan tugas-tugas tertentu. Dan program

aplikasi adalah program komputer yang dibuat untuk mengerjakan atau

menyelesaikan masalah-masalah khusus.

Menurut Pandia (2007) aplikasi atau perangkat lunak aplikasi adalah suatu

subkelas perangkat lunak komputer yang memanfaatkan kemampuan komputer

langsung untuk melakukan suatu tugas yang diinginkan pengguna. aplikasi atau

program aplikasi ini dibuat oleh programmer secara individu atau massal. Contoh

perangkat lunak aplikasi adalah pengolah kata, lembar kerja, pemutar media, dan

lain-lain.

TIK (Teknologi Informasi dan Komunikasi) merupakan salah satu mata

pelajaran pada MTs Al Muawanah. Menurut Kuswanto (2005) TIK merupakan

ilmu yang mempelajari tentang penggunaan teknologi sebagai media komunikasi

dan mengelola informasi.

2.2 Local Area Network (LAN)

Jaringan komputer merupakan gabungan antara teknologi komputer dan

teknologi komunikasi. Gabungan ini melahirkan pengolahan data yang dapat

9

didistribusikan, mencakup pemakaian database, software aplikasi dan peralatan

hardware secara bersamaan (Sopandi, 2008).

Jaringan komputer ini merupakan cara yang sangat berguna untuk

mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area

ke area lainnya.

LAN (Local Area Network) merupakan salah satu jenis jaringan komputer.

LAN merupakan jaringan milik pribadi. Umumnya menghubungkan PC ke

workstation di dalam sebuah gedung dengan tujuan pemakaian resource sharing.

(Sugeng, 2006).

2.2.1 Topologi Jaringan

Menurut Prakoso (2005) topologi adalah suatu cara untuk menghubungkan

komputer yang satu dengan komputer lainnya sehingga membentuk sebuah

jaringan. Ada beberapa macam topologi yang sering digunakan saat ini

diantaranya: bus, ring dan star.

1) Topologi Bus

Bentuk bus ini menghubungkan beberapa node dalam jalur data (bus).

Masing-masing node dapat melakukan tugas-tugas operasi yang berbeda-beda.

Tidak ada central node dan semua node mempunyai status yang sama.

Gambar 2.1 Topologi Bus

10

Kelebihan:

+ Hemat kabel

+ Layout kabel sederhana

+ Mudah dikembangkan

Kekurangan:

− Deteksi dan isolasi kesalahan sangat kecil

− Kepadatan lalu lintas

− Bila salah satu client rusak, maka jaringan tidak bisa berfungsi

− Diperlukan repeater untuk jarak jauh

2) Topologi Ring

Metode ring adalah cara menghubungkan komputer sehingga berbentuk

lingkaran. Setiap simpul mempunyai tingkatan yang sama. Jaringan akan disebut

sebagai loop, data dikirimkan ke setiap simpul dan setiap informasi yang diterima

simpul diperiksa alamatnya apakah data itu untuknya atau bukan.

Gambar 2.2 Topologi Ring

Kelebihan:

+ Hemat Kabel

Kekurangan:

− Peka kesalahan

11

− Pengembangan jaringan lebih kaku

3) Topologi Star

Kontrol terpusat, semua link harus melewati pusat yang menyalurkan data

tersebut ke semua simpul atau client yang dipilihnya. Simpul pusat dinamakan

stasiun primer atau server dan lainnya dinamakan stasiun sekunder atau client

server. Setelah hubungan jaringan dimulai oleh server maka setiap client server

sewaktu-waktu dapat menggunakan hubungan jaringan tersebut tanpa menunggu

perintah dari server.

Gambar 2.3 Topologi Star

Kelebihan:

+ Paling fleksibel

+ Pemasangan/ perubahan stasiun sangat mudah dan tidak mengganggu

bagian jaringan lain

+ Kontrol terpusat

+ Kemudahan deteksi dan isolasi kesalahan/ kerusakan

+ Kemudahaan pengelolaan jaringan

Kekurangan:

− Boros kabel

− Perlu penanganan khusus

12

− Kontrol terpusat (HUB) jadi elemen kritis

2.2.2 Localhost

Localhost adalah server jaringan lokal yang dapat diakses oleh komputer

pada jaringan lokal tertentu dengan kelas IP yang sama. Localhost merupakan

isltilah dalam komputer jaringan yang berarti “komputer ini”. Localhost adalah

nama standar yang diberikan sebagai alamat loopbcak network interface.

Localhost selalu menerjemahkan loopback ip address 127.0.0.1 dalam IPv4, atau

::1 dalam IPv6. Untuk mengakses localhost dilakukan dengan menggunakan

bahasa protokol yang sama, yaitu HyperText Transfer protocol (HTTP). Localhost

digunakan untuk mengantarkan web browser pada HTTP server yang ter-install di

komputer lokal. Alamat http://localhost akan menampilkan website lokal pada

komputer yang bersangkutan.

Jadi, kita membuat komputer kita sebagai localserver, kemudian

menghostingkan web kita di dalamnya (localhost) untuk dijadikan tempat

membangun website sementara dan kemudian dihostingkan secara online ke

internet. Dengan menjadikan komputer kita sebagai localserver, kita dapat

bekerja secara offline tanpa harus takut menghadapi masalah biaya, waktu, dan

kenyamanan.

2.2.3 Protokol HyperText Transfer Protocol (HTTP)

Menurut Francis (2009), HTTP (Hypertext Transfer Protocol) adalah suatu

protokol yang dirancang untuk memungkinkan publikasi bahan-bahan di World

Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan

dikirimkan dari server ke client. HTTP juga mengatur aksi-aksi apa saja yang

13

harus dilakukan oleh web server dan juga web browser sebagai respon atas

perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda

mengetikkan suatu alamat atau URL pada internet browser Anda, maka

sebenarnya web browser akan mengirimkan perintah HTTP ke web server. Web

server kemudian akan menerima perintah ini dan melakukan aktivitas sesuai

dengan perintah yang diminta oleh web browser (misalnya akses ke database, file,

e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke web

browser untuk ditampilkan kepada pengguna. HTTP berjalan pada port 80.

Protokol HTTP pertama kali dipergunakan dalam World Wide Web

(WWW) pada tahun 1990. Pada saat tersebut yang dipakai adalah protokol HTTP

versi 0.9. Versi 0.9 ini adalah protokol transfer dokumen secara mentah,

maksudnya adalah data dokumen dikirim sesuai dengan isi dari dokumen tersebut

tanpa memandang tipe dari dokumen.

Kemudian pada tahun 1996 protokol HTTP diperbaiki menjadi HTTP

versi 1.0. Perubahan ini untuk mengakomodasi tipe-tipe dokumen yang hendak

dikirim beserta enkoding yang dipergunakan dalam pengiriman data dokumen.

Sesuai dengan perkembangan infrastruktur internet maka pada tahun

1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan

koneksi yang persisten.

2.2.4 Client Server

Menurut Wijaya (2007) Server merupakan komputer yang berfungsi untuk

mengatur atau menjadi koordinator pada sistem jaringan komputer. Intinya, server

merupakan induk dari semua komputer yang terhubung dalam sebuah jaringan.

14

Server bertugas menangani penyimpanan, pengolahan, pendistribusian data secara

terpusat, juga sebagai pusat aplikasi bersama (shared), serta pintu gerbang menuju

internet. Sedangkan client adalah perangkat komputer yang terhubung dengan

server, client mengakses server untuk berbagai keperluan.

Analoginya, server itu adalah seorang ibu, sedangkan client merupakan

anak-anaknya. Client dapat berjumlah minimal satu komputer dan maksimal tidak

terhingga. Infrastruktur jaringan lokal (local area network) pada dasarnya adalah

sistem yang terjadi antara server dan client dalam skala tertentu.

2.2.5 Keuntungan LAN

Menurut Sopandi (2008) Keuntungan LAN meliputi:

1. Resource sharing; bertujuan agar seluruh program dan peralatan, terutama

data di server dapat digunakan oleh setiap orang yang ada pada jaringan

tanpa terpengaruh oleh lokasi resource dan pemakai. Jadi resource sharing

adalah suatu usaha untuk menghilangkan kendala jarak.

2. High reliability, dengan memiliki sumber-sumber alternatif yang tersedia.

Sehingga ada mesin satu sibuk maka mesin lain dapat melayani

permintaan.

3. Media komunikasi; sebuah jaringan komputer mampu bertindak sebagai

media komunikasi yang baik bagi para user yang terpisah jauh, dengan

menggunakan jaringan, dua orang atau lebih yang tinggal berjauhan akan

lebih mudah bekerja sama dalam menyusun laporan di mana user dalam

hal ini dapat mengakses jaringan yang lebih luas lagi.

15

2.3 Database

Menurut Yuhefizard (2008) database terdiri dari dua penggalan kata yaitu

data dan base, yang artinya berbasiskan pada data. Tetapi secara konseptual,

database diartikan sebuah koleksi atau kumpulan data yang saling berhubungan

(relation), disusun menurut aturan tertentu secara logis, sehingga menghasilkan

informasi.

Secara prinsip, dalam suatu database tercakup dua komponen penting,

yaitu data dan informasi. Jadi tujuan akhirnya adalah bagaimana mengelola data

sehingga mampu menjadi informasi yang diinginkan dan dapat dilakukan proses

pengambilan, penghapusan, pengeditan terhadap data secara mudah dan cepat

(efektif, efisien dan akurat).

Data adalah fakta, baik berupa sebuah objek, orang dan lain-lain yang

dapat dinyatakan dengan suatu nilai tertentu (angka, simbol, karakter tertentu, dan

lain-lain). Sedangkan informasi adalah data yang telah diolah sehingga bernilai

guna dan dapat dijadikan bahan dalam pengambilan keputusan. Adapun hubungan

data dan informasi dapat digambarkan pada Gambar 2.4.

Gambar 2.4 Hubungan Data dan Informasi

(Sumber: Yuhefizard, 2008)

2.3.1 Konsep Database Management System (DBMS)

Menurut Yuhefizard (2008) Database Management System atau disingkat

DBMS adalah perangkat lunak (software) yang berfungsi untuk mengelola

database. Mulai dari membuat database itu sendiri, sampai dengan proses yang

16

berlaku dalam database tersebut, baik berupa entry, edit, hapus, query terhadap

data, membuat laporan dan lain sebagainya secara efektif dan efisien. Salah satu

jenis DBMS yang sangat terkenal saat ini adalah Relational DBMS (RDBMS).

RDBMS merepresentasikan data dalam bentuk tabel-tabel yang saling

berhubungan. Sebuah data disusun dalam bentuk baris (record) dan kolom (field).

Menurut Yuhefizard (2008) dalam suatu sistem database relasi, data yang

tersimpan dalam DBMS mempunyai tingkatan-tingkatan sebagai berikut:

1. Karakter (Characters)

Merupakan bagian terkecil dalam database, dapat berupa karakter numerik

(angka 0 – 9), huruf (A – Z, a – z) ataupun karakter-karakter khusus,

seperti *, %, # dan lain-lain.

2. Field atau Attribute

Merupakan bagian dari record yang menunjukkan suatu item data yang

sejenis, misalnya: field nama, field NIM dan lain sebagainya. Setiap field

harus mempunyai nama dan tipe data tertentu. Isi dari field disebut Data

Value. Dalam tabel database, field ini disebut juga kolom.

3. Record atau Tupple

Record/ tupple adalah kumpulan data value dari attribute yang berkaitan

sehingga dapat menjelaskan sebuah entity secara lengkap. Misal: record

entity mahasiswa adalah kumpulan data value dari field nobp, nama,

jurusan dan alamat per-barisnya. Dalam tabel database, record disebut

juga baris.

17

4. Table/ Entity

Entity merupakan sesuatu yang dapat diidentifikasi dari suatu sistem

database, bisa berupa objek, orang, tempat, kejadian atau konsep yang

informasinya akan disimpan dalam database. Misal: pada sistem database

akademik, yang menjadi entity adalah mahasiswa, dosen, mata kuliah dan

lain-lain. Dalam aplikasi, penggunaan istilah entity sering disamakan

dengan istilah table (Entity = Table). Disebut table, karena dalam

merepresentasikan datanya diatur dalam bentuk baris dan kolom. Baris

mewakili 1 record dan kolom mewakili 1 field. Dalam sistem database

tradisional, entity/ table ini disebut juga dengan file.

5. Database

Merupakan kumpulan dari tabel-tabel yang saling berelasi, disusun secara

logis, sehingga menghasilkan informasi yang bernilai guna dalam proses

pengambilan keputusan.

Database

Table/ Entity

Record/ Tupple

Field/ Attribute

Character

Gambar 2.5 Tingkatan Data dalam Database

(Sumber: Yuhefizard, 2008)

18

2.3.2 Entity Relationship Diagram (ERD)

Pada Model Entity-Relationship, semesta data yang ada di ‘dunia nyata’

diterjemahkan dengan memanfaatkan sejumlah perangkat konseptual menjadi

sebuah diagram data, yang umum disebut sebagai Diagram Entity-Relationship

(Diagram E-R). Model Entity-Relationship dibentuk dari dua komponen yaitu

entitas (entity) dan relasi (relation). Kedua komponen ini dideskripsikan lebih

jauh melalui sejumlah atribut (Fathansyah, 2002).

Langkah-langkah pembuatan ERD (Fathansyah, 2002), yaitu:

1. Menentukan entitas yang diperlukan.

2. Menentukan hubungan antar entitas.

3. Menentukan Cardinality Ratio.

4. Menentukan atribut yang diperlukan dari tiap entitas.

5. Menentukan kunci diantara atribut.

Menurut Yakub (2008), Entity Relationship Diagram (ERD) adalah suatu

model jaringan yang menggunakan susunan data yang disimpan pada sistem

secara abstrak. Tujuan ERD adalah menggambarkan hubungan antara satu entitas

yang memiliki sejumlah atribut dengan entitas yang lain dalam suatu sistem yang

terintegrasi.

Terdapat beberapa elemen utama yang membentuk Entity Relationship

Diagram (ERD) (Yakub, 2008), yaitu:

a. Entitas (Entity)

Entitas adalah kumpulan dari suatu objek yang dapat diidentifikasi secara

unik.

19

Aturan-aturan dalam membuat entitas yaitu:

1. Entitas dinyatakan dengan simbol persegi panjang.

2. Nama entitas berupa kata benda tunggal.

3. Nama entitas sedapat mungkin menggunakan nama yang mudah

dipahami dan menyatakan maknanya dengan jelas.

b. Atribut (Attribute)

Secara umum atribut adalah karakteristik dari entity atau relasi yang

merupakan penjelasan detail tentang entitas.

Aturan-aturan dalam menggambarkan atribut yaitu:

1. Atribut dinyatakan dengan simbol elips.

2. Nama atribut dituliskan dalam simbol elips.

3. Nama atribut berupa kata benda tunggal.

4. Nama atribut sedapat mungkin menggunakan nama yang mudah


5. Atribut dihubungkan dengan entitas yang bersesuaian dengan

menggunakan garis.

c. Relasi (Relation)

Relasi atau hubungan adalah kejadian atau transaksi yang terjadi diantara

dua entitas yang keterangannya perlu disimpan dalam basis data.

Aturan penggambaran relasi antar entity adalah:

1. Relasi dinyatakan dengan simbol belah ketupat.

2. Nama relasi dituliskan didalam simbol belah ketupat.

3. Relasi menghubungkan dua entitas.

20

4. Nama relasi menggunakan kata kerja aktif (diawali awalan me-)

tunggal.

5. Nama relasi sedapat mungkin menggunakan nama yang mudah


d. Varian Relasi

Varian relasi adalah jumlah entitas yang berpartisipasi dalam satu

relationship. Relationship yang sering dipakai di dalam ERD yaitu:

1. Relasi Biner (Binery Relation)

Binery Relation adalah merupakan relasi yang terjadi di antara 2 (dua)

himpunan entitas yang berbeda.

Gambar 2.6 Relasi Biner (Binery Relation)

2. Relasi Tunggal (Unary Relation)

Unary Relation adalah variasi relasi yang terjadi dari sebuah himpunan

entitas ke himpunan entitas yang sama.

Gambar 2.7 Relasi Tunggal (Unary Relation)

3. Relasi Multi Entity (N-ary Relation)

N-ary Relation merupakan relasi dari 3 (tiga) himpunan entitas atau lebih.

Gambar 2.8 Relasi Multi Entity (N-ary Relation)

21

e. Derajat Relasi (Cardinality Ratio)

Derajat relasi/ kardinalitas relasi menunjukan maksimum entitas yang

dapat berelasi dengan entitas pada himpunan entitas lain. Terdapat tiga macam

kardinalitas relasi, yaitu:

1. Satu ke Satu (One to One)

Tingkat hubungan satu ke satu dinyatakan dengan setiap entitas pada

himpunan entitas A berhubungan dengan paling banyak dengan satu

entitas pada himpunan entitas B, dan begitu juga sebaliknya.

2. Satu ke Banyak (One to Many)

Tingkat hubungan satu ke banyak adalah setiap entitas pada himpunan

entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas

B, tetapi tidak sebaliknya, di mana setiap entitas pada himpunan entitas B

berhubungan dengan paling banyak satu entitas pada himpunan entitas A.

3. Banyak ke Satu (Many to One)

Tingkat hubungan satu ke banyak berarti setiap entitas pada himpunan

entitas A berhubungan paling banyak dengan satu entitas pada himpunan

entitas B, tetapi tidak sebaliknya, di mana setiap entitas pada himpunan

entitas B dapat berhubungan dengan banyak entitas pada himpunan entitas

A.

4. Banyak ke Banyak (Many to Many)

Tingkat hubungan banyak ke banyak dapat terjadi jika tiap entitas pada

himpunan entitas A dapat berhubungan dengan banyak entitas pada

himpunan entitas B, demikian juga sebaliknya.

22

2.4 Perangkat Lunak Penunjang

Perancangan aplikasi ujian online di MTs Al Muawanah dibangun dengan

perangkat lunak penunjang yaitu dengan menggunakan bahasa pemrograman PHP

versi 5.3.0, database MySQL versi 5.0.20 dan Server Apache versi 2.2.12.

2.4.1 MySQL

Gambar 2.9 Logo MySQL

MySQL dikembangkan oleh sebuah perusahaan Swedia yang pada saat itu

bernama TeX Data Konsult AB, dan pada akhirnya berubah nama menjadi

MySQL AB. Sekitar tahun 1994-1995, TeX membuat database MySQL untuk

mengembangkan aplikasi web bagi kliennya. TeX merupakan perusahaan

pengembang software dan konsultan database. Michael Widenius atau disebut

“Monty” adalah pengembang satu-satunya di TeX (Sukarno, 2006).

Operasi dasar SQL:

� Membuat basis data

CREATE DATABASE nama_database;

� Mengoneksikan ke suatu basis data

CONNECT TO basis_data USER nama/password;

� Membentuk tabel

CREATE TABLE nama_table( Nama_kolom_1 tipe_data([ukuran]),

Nama_kolom_2 tipe_data([ukuran]),…);

23

� Memasukkan data

INSERT INTO nama_Tabel VALUES (‘…’,’…’,…);

� Melihat isi tabel

SELECT * FROM nama_Tabel;

� Mengganti struktur tabel

ALTER TABLE nama_Tabel

RENAME kolom_lama TO kolom_baru;

� Mengetahui daftar basis data dan tabel

SHOW DATABASES;

� Menghapus tabel

DROP TABLE nama_Tabel;

� Fungsi agregate:

SUM() : menghitung jumlah total nilai.

AVG() : menghitung nilai rata-rata.

MAX() : mencari nilai maksimal.

MIN() : mencari nilai minimal.

COUNT() : menghitung jumlah baris.

2.4.2 Personal Home Page (PHP)

Gambar 2.10 Logo PHP

Berawal dari kebutuhan masyarakat akan sebuah aplikasi web yang

dinamis dan tidak hanya tergantung sepenuhnya pada Hyper Text Markup

24

Language (HTML) yang bersifat statis, Rasmus Lerdorf pada tahun 1995

menciptakan sebuah tool menggunakan bahasa C agar bisa memonitor

pengunjung yang datang ke situsnya. Tool ini dinamakan Personal Home Page

(PHP).

PHP digunakan sebagai bahasa script server-side dalam pengembangan

web yang disisipkan pada dokumen HTML. Penggunaan PHP memungkinkan web

dapat dibuat dinamis sehingga maintenance situs web tersebut menjadi lebih

mudah dan efisien.

Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia,

sebuah kelompok pengembang perangkat lunak yang terdiri dari Rasmus, Zeew

Suraski, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim Winstead bekerja

sama untuk menyempurnakan PHP 2.0. Akhirnya pada tahun 1998, PHP 3.0

diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000

dikeluarkan PHP 4.0. Tidak berhenti sampai di situ, kemampuan PHP terus

ditambah dan saat ini disusun versi terbaru yang telah dikeluarkan adalah PHP

5.0.x.

PHP dapat digunakan pada semua sistem operasi dan mendukung banyak

web server. Salah satu fitur yang dapat diandalkan adalah dukungannya terhadap

banyak database (Peranginangin, 2006).

2.4.3 Konsep Kerja MySQL, Web Server, PHP dan Browser Client

Konsep kerja MySQL, Web Server, PHP, dan Browser Client digambarkan

seperti pada Gambar 2.11.

25

MySQL Web Browser

Web Server

Run Script

PHP

PHP File

Obtain Data

Page Request

Dynamic Page

Gambar 2.11 Konsep Kerja MySQL, Web Server, PHP, dan Browser Client

(Sumber: Suprianto, 2008)

Penjelasan:

1. Pengunjung web browser melakukan permintaan pengiriman halaman

web (web request) dengan menggunakan URL standar.

2. Web Server, dalam hal ini adalah Apache, mengenali permintaan

halaman web tersebut kemudian menerjemahkan file yang mengandung

script PHP.

3. Halaman web yang terkirim harus mengandung script PHP berisi

perintah untuk menciptakan koneksi ke database MySQL berupa SQL

query.

4. Database MySQL memberikan tanggapan atas permintaan sambungan

ke MySQL dan SQL query sesuai dengan isi script PHP yang dikirim.

5. Script PHP menyimpan hasil query database MySQL menjadi satu atau

lebih variable PHP, dengan pernyataan echo, maka hasil request

dikeluarkan.

6. Selanjutnya, PHP mengkopi hasilnya dalam bentuk HTML yang telah

diciptakan oleh web server.

7. Web server mengirim HTML yang sudah jadi ke web browser client.

26

2.5 Unified Modelling Language (UML)

2.5.1 Sekilas tentang UML

UML (Unified Modelling Language) pertama kali diperkenalkan pada

tahun 1990-an ketika Grady Booch, Ivar Jacobson dan James Rumbaugh mulai

mengadopsi ide-ide serta kemampuan-kemampuan tambahan dari masing-masing

metodenya dan berusaha membuat metodologi terpadu yang kemudian dinamakan

UML (Unified Modelling Language) (Nugroho, 2005).

Menurut Hermawan (2004) Unified Modelling Language (UML) adalah

bahasa standar yang digunakan untuk menjelaskan dan memvisualisasikan artifak

dari proses analisis dan desain sistem berorientasi objek.

Secara umum UML merupakan ’bahasa’ untuk visualisasi, spesifikasi,

konstruksi dan dokumentasi. Secara khusus, UML menspesifikasikan langkah-

langkah penting dalam pengambilan keputusan analisis, perancangan, serta

implementasi dalam sistem yang sangat bernuansa perangkat lunak (Nugroho,

2005).

Pendekatan UML memiliki nilai yang sangat baik dalam penyelidikan dan

penelitian. Perangkat UML distandarkan sebagai peralatan untuk dokumen analisa

dan perancangan dari sistem perangkat lunak. Peralatan UML termasuk diagram

yang memberikan seseorang untuk menampilkan konstruksi dari sebuah sistem

object oriented.

UML sendiri juga memberikan standar penulisan sebuah sistem blue print,

yang meliputi konsep bisnis proses, penulisan kelas-kelas dalam bahasa program

27

yang spesifik, skema database dan komponen-komponen yang diperlukan dalam

sistem software.

2.5.2 Diagram-Diagram dalam UML

Setiap sistem yang kompleks seharusnya bisa dipandang dari sudut yang

berbeda-beda sehingga kita bisa mendapatkan pemahaman yang menyeluruh

(Nugroho, 2005). Untuk upaya tersebut UML menyediakan beberapa jenis

diagram, di antaranya yang digunakan dalam penelitian ini adalah Use Case

Diagram, Sequence Diagram, dan Class Diagram yang akan dijelaskan sebagai

berikut.

2.5.2.1 Use Case Diagram

Use Case adalah teknik untuk merekam persyaratan fungsional sebuah

sistem. Use Case mendeskripsikan interaksi tipikal antara para pengguna sistem

dengan sistem itu sendiri, dengan memberi sebuah narasi tentang bagaimana

sistem tersebut digunakan (Fowler, 2005).

Use Case Diagram menggambarkan suatu kumpulan dari beberapa use

case dan actors dan hubungan mereka. Diagram ini sangat penting dalam

mengatur dan mencontohkan perilaku dari sebuah sistem (Booch, Rumbaugh dan

Jacobson, 1998). Gambar 2.12 adalah contoh use case diagram.

28

Gambar 2.12 Contoh Use Case Diagram

Di dalam use case terdapat teks untuk menjelaskan urutan kegiatan yang

disebut use case specification. Use case specification terdiri dari (Hermawan,

2004):

1. Nama use case

Mencantumkan nama dari use case yang bersangkutan. Sebaiknya diawali

dengan kata kerja untuk menujukan suatu aktivitas.

2. Deskripsi singkat (brief description)

Menjelaskan secara singkat dalam satu atau dua kalimat tentang tujuan

dari use case ini.

3. Aliran normal (basic flow)

Ini adalah jantung dari use case. Menjelaskan interaksi antara actor dan

sistem dalam kondisi normal, yaitu segala sesuatu berjalan dengan baik,

tiada halangan atau hambatan dalam mencapai tujuan dari use case.

4. Aliran alternatif (alternate flow)

Merupakan perlengkapan dari basic flow karena tidak ada yang sempurna

dalam setip kali use case berlangsung. Di dalam alternate flow ini

29

dijelaskan apa yang akan terjadi bila suatu halangan terjadi sewaktu use

case berlangsung.

5. Pre-condition

Menjelaskan persyaratan yang harus dipenuhi sebelum use case bisa

dimulai.

6. Post-condition

Menjelaskan kondisi yang berubah atau terjadi saat use case selesai

dieksekusi.

2.5.2.2 Class Diagram

Class Diagram mendeskripsikan jenis-jenis objek dalam sistem dan

berbagai macam hubungan statis yang terdapat di antara mereka. Class Diagram

juga menunjukkan properti dan operasi sebuah class (Fowler, 2005). Notasi class

dapat dilihat pada Gambar 2.13.

Gambar 2.13 Notasi Class

(Sumber: Nugroho, 2005)

Bagian paling atas memuat nama kelas. Bagian tengah mendaftarkan

atribut-atribut yang dimiliki sebuah kelas sedangkan paling bawah mendaftarkan

operasi-operasi yang dimiliki kelas yang bersangkutan (Nugroho, 2005).

Class diagram umumnya tersusun dari elemen class, interface,

dependency, Generalization dan Association. Relasi dependency menunjukan

bagaimana terjadi ketergantungan antar class yang ada. Relasi Generalization

menunjukan bagaimana suatu class menjadi superclass dari class lainnya dan

30

class tersebut menjadi subclasss dari class tersebut. Relasi Association

menggambarkan navigasi antar class, berapa banyak obyek lain bisa berhubungan

dengan satu obyek (multiplicity antar class), dan apakah satu class menjadi bagian

dari class lainnya (agregation) (Hermawan, 2004). Contoh Class Diagram dapat

dilihat pada Gambar 2.14.

Gambar 2.14 Contoh Class Diagram

2.5.2.3 Sequence Diagram

Sebuah sequence diagram, secara khusus menjabarkan behaviour sebuah

skenario tunggal. Diagram tersebut menunjukkan sejumlah objek contoh dan

pesan-pesan yang melewati objek-objek ini di dalam use case (Fowler, 2005).

Kita dapat membaca diagram ini dengan melihat pada objek-objek dan

pesan-pesan (message). Objek-objek yang berperan dalam aliran diperlihatkan

pada kotak bersegi empat panjang yang melintas pada bagian atas diagram. Setiap

objek memiliki garis hidup (lifeline), yang digambarkan sebagai garis vertikal di

bawah nama suatu objek (Nugroho, 2005). Contoh Sequence Diagram dapat


31

Gambar 2.15 Contoh Sequence Diagram

(Sumber: Fowler, 2005)

2.5.3 Tujuan Penggunaan UML

Adapun tujuan dari penggunaan UML yaitu:

1. Memberikan bahasa pemodelan yang bebas dari berbagai bahasa

pemrograman dan proses rekayasa.

2. Menyatukan praktek-praktek terbaik yang terdapat dalam pemodelan.

3. Memberikan model yang siap pakai, bahasa pemodelan visual yang

ekspresif untuk mengembangkan dan saling menukar model dengan

mudah dan dimengerti secara umum.

4. UML bisa juga berfungsi sebagai sebuah (blue print) cetak biru karena

sangat lengkap dan detail. Dengan cetak biru ini maka akan bisa diketahui

informasi secara detail tentang coding program atau bahkan membaca

program dan menginterpretasikan kembali ke dalam bentuk diagram

(reserve enginering).

5. Memudahkan meta model, sehingga pembacaan alur sebuah aplikasi dapat

dipermudah.

32

2.6 Rapid Application Development (RAD)

Menurut Kendal & Kendal (2003) RAD adalah suatu pendekatan

berorientasi objek terhadap pengembangan sistem yang mencakup suatu metode

pengembangan serta perangkat-perangkat lunak.

Menurut Pressman (2002), RAD adalah sebuah model proses

perkembangan perangkat lunak sekuensial linier yang menekankan siklus

perkembangan yang sangat pendek. Model RAD ini merupakan sebuah adaptasi

“kecepatan tinggi” dari model sekuensial linier di mana perkembangan cepat

dapat dengan menggunakan pendekatan konstruksi berbasis komponen. Jika

kebutuhan dipahami dengan baik, proses RAD memungkinkan tim pengembangan

menciptakan “sistem fungsional yang utuh” dalam periode waktu yang sangat

pendek (kira-kira 60 sampai 90 hari).

Metode pengembangan RAD memiliki beberapa keunggulan dan

kelemahan. Berikut ini merupakan beberapa keunggulan dan kelemahan dari

metode pengembangan RAD:

2.6.1 Keunggulan RAD

1. Meningkatkan kecepatan pengembangan aplikasi dengan menggunakan

metode-metode seperti rapid prototyping, penggunaan case tools dan

teknik-teknik lainnya.

2. Mengurangi fungsionalitas end user (Fokus desain menjadi lebih sempit),

mengurangi kompleksitas.

33

2.6.2 Kelemahan RAD

1. Mengurangi skalabilitas pengembangan sistem.

2. Mengurangi jumlah fitur-fitur yang disertakan karena mengejar waktu

proses pengerjaan.

34

BAB III

METODE PENELITIAN

Seperti yang telah dibahas pada Bab I, dalam pengembangan sistem

aplikasi ujian berbasis LAN ini ada beberapa metode yang dilakukan, di

antaranya:

3.1 Metode Pengumpulan Data

3.1.1 Observasi (Pengamatan)

Observasi dilakukan dengan melakukan pengamatan atau peninjauan

langsung di Sekolah MTs Al Muawanah Curug dan menelaah informasi mengenai

proses terjadinya ujian semester yang dilakukan oleh sekolah tersebut. Observasi

dilakukan pada bulan Oktober 2009.

3.1.2 Wawancara (Interview)

Wawancara (interview) merupakan proses tanya jawab secara langsung

dengan guru mata pelajaran TIK. Teknik wawancara ini peneliti gunakan untuk

mendapatkan data dan informasi yang berkaitan dengan sistem ujian yang

dilakukan sekolah.

Hasil serangkaian tanya jawab dan wawancara pada bagian-bagian yang

berhubungan dengan masalah yang terkait, peneliti melakukan wawancara

kepada:

Nama dan jabatan : Usman Efendi, A.Ma (Guru TIK)

Waktu : 05 Oktober 2009

35

Berdasarkan hasil observasi dan wawancara yang peneliti lakukan, peneliti

mendapatkan informasi mengenai keadaan laboratorium komputer dan sistem

ujian yang berjalan pada sekolah MTs Al Muawanah Curug serta permasalahan-

permasalahan yang berhubungan dengan proses ujian tersebut. Hasil wawancara

terdapat pada Lampiran.

3.1.3 Studi Pustaka

Pengumpulan data yang bersumber dari berbagai buku yang menjadi

referensi dan pencarian dengan media internet untuk memperoleh data-data

tambahan dalam rangka melengkapi penulisan skripsi. Adapun buku yang

digunakan yaitu tentang PHP sebanyak 6 buku, jaringan komputer sebanyak 8

buku, database sebanyak 3 buku dan metode pengembangan sistem sebanyak 5

buku.

3.1.4 Studi Penelitian Sejenis

Merupakan pengembangan instrumen atau penelitian yang sudah dibuat

sebelumnya. Hal ini dilakukan dengan melihat hasil riset yang sudah ada

kemudian mengembangkannya dengan melihat kekurangan yang ada pada riset

tersebut.

3.2 Metode Pengembangan Sistem

Pengembangan sistem yang peneliti lakukan menggunakan empat tahap

siklus pengembangan model RAD (Rapid Application Development), yaitu fase

perencanaan syarat dan tujuan informasi, fase perancangan, fase konstruksi, dan

fase pelaksanaan. Model RAD peneliti gunakan karena melihat dari aplikasi yang

36

dikembangkan oleh peneliti merupakan aplikasi yang sederhana dan tidak

membutuhkan waktu yang lama, metode RAD adalah metode yang diperuntukkan

untuk jangka pendek sesuai dengan aplikasi yang akan dikembangkan.

Model pengembangan RAD yang dibuat oleh James Martin melingkupi

fase-fase sebagai berikut (Kendall & Kendall, 2003):

Gambar 3.1 Fase-Fase RAD

(Sumber: Kendall & Kendall, 2003)

3.2.1 Fase Perencanaan Syarat-Syarat

Pada tahap ini dilakukan pengidentifikasian tujuan aplikasi serta

mengidentifikasi syarat-syarat informasi yang ditimbulkan dari tujuan tersebut.

3.2.2 Fase Perancangan

Pada tahap ini dilakukan beberapa tahapan yaitu:

a) Perancangan Proses

Perancangan proses-proses yang akan terjadi di dalam sistem

menggunakan diagram UML yakni dengan membuat beberapa diagram

yaitu: Use Case Diagram, Class Diagram dan Sequence Diagram.

b) Perancangan Basis Data

Pada tahap perancangan database ini dibuat relasi antar entitas (ERD) dan

perancangan tabel sebagai penunjang aplikasi ujian madrasah ini. Adapun

tabel-tabel yang digunakan yaitu tabel untuk menyimpan data berupa

daftar administrator, user (siswa), soal, jawaban dan nilai, kemudian

mengimplementasikannya ke dalam program.

37

c) Perancangan Antar Muka Pemakai (User Interface)

Antar muka pemakai memberikan fasilitas komunikasi antar pemakai dan

aplikasi atau sistem, memberikan berbagai fasilitas informasi dan berbagai

keterangan yang bertujuan untuk membantu mengarahkan alur

penelusuran masalah sampai ditemukan solusi.

3.2.3 Fase Konstruksi

Pada tahapan ini dilakukan pembuatan program terhadap rancangan-

rancangan yang telah didefinisikan. Pembuatan program yang dilakukan

menggunakan bahasa pemrograman PHP versi 5.3.0, database MySQL versi

5.0.20 dan Server Apache versi 2.2.12.

3.2.4 Fase Pelaksanaan

a) Konfigurasi Client-Server

Mengidentifikasi jenis jaringan dan topologi yang digunakan pada MTs Al

Muawanah, kemudian menentukan PC server dan PC client. Di mana PC

server digunakan oleh admin sebagai tempat penyimpanan aplikasi ujian

berbasis LAN dan PC client digunakan oleh user/ siswa untuk mengakses

aplikasi ujian.

b) Pengujian

Pada tahapan ini dilakukan pengujian terhadap aplikasi yang telah dibuat,

pada pengujian aplikasi ini peneliti menggunakan pengujian black-box

yaitu suatu pengujian yang berfokus pada persyaratan fungsional

perangkat lunak (Pressman, 2002).

38

c) Tanggapan User

Meminta tanggapan user terhadap aplikasi ini kemudian mengevaluasinya.

Ilustrasi metode penelitian yang dilakukan dalam perancangan aplikasi

ujian madrasah berbasis LAN dapat dilihat pada Gambar 3.2.

Gambar 3.2 Fase-Fase Perancangan Aplikasi Ujian Madrasah Berbasis LAN

39

BAB IV

PEMBAHASAN DAN IMPLEMENTASI

4.1 Gambaran Umum MTs Al Muawanah

4.1.1 Sejarah MTs Al Muawanah

Madrasah Tsanawiyah Al Muawanah merupakan lembaga pendidikan di

bawah naungan Yayasan Pendidikan Islam Haji Nasim (YAPIHANA), didirikan

pada tanggal 10 Juli 1992 dan diakta notariskan pada tanggal 20 Agustus 1992

dengan akta no.383 tanggal 20 Agustus 1992 Ny. Nanni Wahyudi.

Yayasan ini berlokasi di Kampung Sempur Rt.12 Rw.03, Desa Kadu,

Kecamatan Curug, Kabupaten Tangerang, Banten dan dibangun di atas tanah

seluas 600 m2. Tanah tersebut diperoleh pada mulanya berasal dari wakaf yang

diberikan oleh seorang tokoh masyarakat setempat yang bernama Haji Nasim,

dengan luas tanah 900 m2. Kemudian di atas tanah tersebut dibangun sebuah

masjid dan sebuah madrasah untuk kepentingan peribadatan dan pendidikan

masyarakat setempat.

4.1.2 Visi dan Misi

A. Visi

Unggul dalam prestasi, terdepan dalam teknologi dan berakhlakul

karimah.

B. Misi

1. Mewujudkan kepribadian anak yang berbudi luhur, mandiri dan dapat

menyesuaikan diri dengan lingkungan.

40

2. Menciptakan generasi yang bertaqwa dan berakhlakul karimah.

3. Ikut serta mensukseskan program pemerintah dalam meningkatkan SDM

dan Wajar Dikdas 9 tahun.

4. Menyiapkan siswa agar mampu bersaing dan mengembangkan diri sejalan

dengan kemajuan ilmu pengetahuan dan teknologi.

4.1.3 Struktur Organisasi

Adapun struktur organisasi sekolah MTs Al-Muawanah adalah sebagai

berikut:

Kepala Sekolah MTs : H. Muhammad Bais

Wakil KepSek : Drs. H. Syakhroni

Bendahara : Dra. Siti Maryam

Tata Usaha : Usman Efendi, A.Ma

Anggota : Dewan Guru

Untuk lebih lanjut lihat Gambar 4.1.

Kepala Sekolah

Wali kelas & Dewan Guru

BP / BK Sie.Kurikulum

Pembina OSIS Sie.Lab

Wakil Kepala Sekolah

Tata Usaha

Sie. Keamanan Sie. Kebersihan

Bendahara

Gambar 4.1 Struktur Organisasi MTs Al-Muawanah Curug

41

4.2 Fase Perencanaan Syarat-Syarat

4.2.1 Analisis Kebutuhan

Dari hasil observasi dan wawancara (terdapat pada Lampiran) yang

dilakukan pada tahap sebelumnya, maka peneliti dapat menganalisis bahwa belum

efektifnya pemanfaatan teknologi informasi pada MTs Al Muawanah, salah satu

contoh yaitu kurangnya pemanfaatan komputerisasi dan jaringan lokal yang telah

tersedia.

Dalam pembuatan aplikasi ini, peneliti melakukan suatu perbandingan dari

aplikasi ujian yang sudah ada yakni klikbelajar.com, invir.com dan

testinggris.com. Tampilan dari masing-masing aplikasi ini dapat dilihat pada

Lampiran. Adapun perbandingan dari masing-masing aplikasi dapat dilihat pada

Tabel 4.1.

Tabel 4.1

Perbandingan Aplikasi Ujian yang Ada

klikbelajar.com invir.com testinggris.com

Login Tidak Tidak Tidak

Soal random Tidak Tidak Tidak

Waktu Tidak Ya Ya

Keterangan:

1. Login : Ketiga aplikasi pada Tabel 4.1 tidak memiliki halaman

login peserta, sehingga aplikasi ini digunakan untuk

umum.

2. Soal random : Urutan soal-soal pada ketiga aplikasi pada Tabel 4.1

bersifat berurutan atau tetap.

3. Waktu : Pada klikbelajar.com tidak ada batasan waktu pengerjaan

soal.

42

4.2.2 Tujuan

Berdasarkan pada analisis kebutuhan di atas, maka peneliti membuat suatu

aplikasi ujian madrasah dengan memanfaatkan jaringan lokal sehingga lebih

efektif dan efisien, dan untuk melatih siswa dalam pemanfaatan teknologi

informasi khususnya di bidang komputerisasi dan menghilangkan kesempatan

siswa untuk berbuat curang dalam melakukan ujian.

Pada aplikasi ini akan ditambahkan beberapa halaman seperti halaman

login_siswa, halaman login_admin, dan halaman khusus admin untuk memproses

data-data seperti data admin, data siswa, data soal dan data nilai serta

menampilkan ketentuan waktu pengerjaan soal dan menampilkan soal secara

acak/ random.

4.2.3 Syarat-Syarat

Adapun untuk mewujudkan tujuan tersebut maka dibutuhkan beberapa

syarat dalam pengembangan aplikasi ujian ini yaitu meliputi bahasa pemograman,

database dan web server.

Spesifikasi perangkat lunak dan perangkat keras yang digunakan peneliti

dalam pengembangan aplikasi ini adalah sebagai berikut:

a. Perangkat Lunak

1) Web Server Apache versi 2.2.12

2) PHP versi 5.3.0

3) MySQL versi 5.0.20

4) Notepad ++ 4.0.1

5) Macromedia Dreamweaver 8

43

6) Adobe Photoshop CS

7) Mozilla Firefox 3.5.3

8) Windows XP SP 2

b. Perangkat Keras

1) Processor Intel ® Pentium ® Dual CPU E2180 @ 2.00 GHz (2CPUs)

2) Harddisk 80 GB

3) Memory 1 GB

4) Mouse

5) Keyboard

6) Monitor dengan resolusi 1024 x 768 pixel

4.3 Fase Perancangan

4.3.1 Perancangan Proses

Dalam merancang proses pada aplikasi Ujian Madrasah ini peneliti

menggunakan notasi UML sebagai case tool dalam merancang proses yang akan

terjadi di dalam aplikasi, yakni dengan membuat use case diagram, class diagram

dan sequence diagram.

4.3.1.1 Use Case Diagram

Pada aplikasi ini, terdapat dua aktor yaitu administrator dan siswa.

Adapun untuk use case diagram terdiri dari beberapa use case di antaranya use

case login siswa, use case ganti password siswa, use case jawab soal, use case

login admin, use case urut data siswa, use case cari data siswa, use case tambah

data siswa, use case ubah data siswa, use case hapus data siswa, use case cetak

44

data siswa, use case lihat soal, use case tambah soal, use case ubah soal, use case

hapus soal, use case cetak data soal, use case lihat nilai siswa, use case cari nilai

siswa, use case hapus nilai siswa, use case cetak nikai siswa dan use case ganti

password admin.

Gambar 4.2 Use Case Diagram Aplikasi Ujian Madrasah

45

Berikut ini adalah spesifikasi dari beberapa use case Gambar 4.2 yang

menjelaskan urutan kegiatan yang dilakukan sistem dan user, yaitu:

1. Use Case Login Siswa

Tabel 4.2

Spesifikasi Use Case Login Siswa

Use Case Name Login Siswa

Actor Siswa

Brief Description Use case ini digunakan untuk login, sebagai pintu

utama siswa untuk memulai proses selanjutnya.

Basic Flow 1. Siswa mengetikkan alamat url

“http://192.168.1.2/ujianonline/” di address bar

pada web browser.

2. Siswa mengisi NIS, kelas dan password pada

halaman login siswa.

3. Kemudian klik tombol masuk.

Alternate Flow 1. Jika NIS atau Kelas atau password atau

ketiganya tidak diisi maka akan muncul pesan

error.

2. Jika NIS, Kelas dan password siswa tidak sesuai,

maka akan muncul pesan error.

3. Jika siswa belum terdaftar, maka akan muncul

pesan error.

Pre Condition 1. Siswa membuka sebuah aplikasi web browser

dan membuka situs ini.

2. Data siswa sudah terdaftar.

Post Condition Siswa masuk ke halaman jawab soal

46

2. Use Case Jawab Soal

Tabel 4.3

Spesifikasi Use Case Jawab Soal

Use Case Name Jawab Soal

Actor Siswa

Brief Description Use case ini digunakan untuk melakukan pengisian

soal-soal

Basic Flow Siswa menekan tombol mulai pada halaman siswa.

Alternate Flow -

Pre Condition -

Post Condition Menampilkan soal-soal ujian secara acak.

3. Use Case Ganti Password Siswa

Tabel 4.4

Spesifikasi Use Case Ganti Password Siswa

Use Case Name Ganti Password Siswa

Actor Siswa

Brief Description Use case ini digunakan mengganti password siswa.

Basic Flow Siswa menekan tombol ganti password pada

halaman siswa.

Alternate Flow - Jika password lama salah akan muncul pesan

error

- Jika password baru tidak sesuai dengan password

konfirmasi akan muncul pesan error

Pre Condition -

Post Condition Password siswa berubah.

47

4. Use Case Login Admin

Tabel 4.5

Spesifikasi Use Case Login Admin

Use Case Name Login Admin

Actor Admin

Brief Description Use case ini digunakan untuk login, sebagai pintu

utama admin untuk memulai proses selanjutnya.

Basic Flow 1. Admin mengetikan alamat url

“http://localhost/ujianonline/” di address bar

pada web browser.

2. Admin memilih menu administrator pada menu

list.

3. Admin memasukkan username dan Password.

Alternate Flow 1. Jika username atau password atau keduanya

tidak diisi maka akan muncul pesan error.

2. Jika username atau password salah maka akan

muncul pesan error.

Pre Condition User membuka sebuah aplikasi web browser dan

membuka situs ini

Post Condition Admin masuk ke halaman home admin

5. Use Case Urut Data Siswa

Tabel 4.6

Spesifikasi Use Case Urut Data Siswa

Use Case Name Urut Data Siswa

Actor Admin

Brief Description Use case ini digunakan untuk mengurutkan data

siswa.

Basic Flow 1. Admin memilih menu data siswa pada menu list.

2. Admin memilih menu urut data siswa.

48

3. Admin menentukan kelas siswa antara lain 7A,

7B, 8A, 8B, 9A atau 9B.

Alternate Flow -

Pre Condition Admin harus memilih menu data siswa terlebih

dahulu.

Post Condition Menampilkan data siswa berdasarkan urutan kelas.

6. Use Case Cari Data Siswa

Tabel 4.7

Spesifikasi Use Case Cari Data Siswa

Use Case Name Cari Data Siswa

Actor Admin

Brief Description Use case ini digunakan untuk mencari data siswa

berdasarkan NIS atau nama.


2. Admin memilih menu cari data siswa.

3. Admin menentukan NIS atau menentukan nama

siswa.

Alternate Flow -


dahulu.

Post Condition Menampilkan data siswa yang dicari.

7. Use Case Tambah Data Siswa

Tabel 4.8

Spesifikasi Use Case Tambah Data Siswa

Use Case Name Tambah Data Siswa

Actor Admin

Brief Description Use case ini digunakan untuk memasukkan data

siswa.

49


2. Admin memilih menu tambah data siswa.

3. Mengisikan data siswa

Alternate Flow Jika data siswa belum lengkap, akan muncul pesan

error


dahulu.

Post Condition Data siswa bertambah

8. Use Case Ubah Data Siswa

Tabel 4.9

Spesifikasi Use Case Ubah Data Siswa

Use Case Name Ubah Data Siswa

Actor Admin

Brief Description Use case ini digunakan untuk mengubah data siswa

yang sudah ada.


2. Admin memilih menu urut atau cari data siswa.

3. Admin memilih menu ubah

4. Admin mengubah data siswa

Alternate Flow -

Pre Condition 1. Admin harus memilih menu data siswa lalu pilih

menu lihat atau cari data sisa terlebih dahulu.

2. Data siswa tidak kosong

Post Condition Data siswa berubah.

50

9. Use Case Hapus Data Siswa

Tabel 4.10

Spesifikasi Use Case Hapus Data Siswa

Use Case Name Hapus Data Siswa

Actor Admin

Brief Description Use case ini digunakan untuk menghapus data

siswa yang sudah ada.


2. Admin memilih menu urut atau cari data siswa.

3. Admin memilih menu hapus

Alternate Flow -

Pre Condition 1. Admin harus memilih menu data siswa lalu pilih

menu lihat atau cari data siswa terlebih dahulu.

2. Data siswa tidak kosong

Post Condition Data siswa telah dihapus.

10. Use Case Cetak Data Siswa

Tabel 4.11

Spesifikasi Use Case Cetak Data Siswa

Use Case Name Cetak Data Siswa

Actor Admin

Brief Description Use case ini digunakan untuk mencetak data siswa

yang sudah ada.


2. Admin memilih menu cetak data siswa.

3. Admin memilih data siswa sesuai kelas.

4. Admin menekan tombol cetak.

Alternate Flow -

Pre Condition Data siswa tidak kosong

Post Condition Data siswa tercetak.

51

11. Use Case Lihat Soal

Tabel 4.12

Spesifikasi Use Case Lihat Soal

Use Case Name Lihat Soal

Actor Admin

Brief Description Use case ini digunakan melihat data soal.

Basic Flow 1. Admin memilih menu data ujian pada menu list.

2. Admin memilih menu lihat soal.

3. Admin menentukan kelas.

Alternate Flow -

Pre Condition Admin memilih menu data ujian terlebih dahulu.

Post Condition Menampilkan data soal berdasarkan kelas.

12. Use Case Tambah Soal

Tabel 4.13

Spesifikasi Use Case Tambah Soal

Use Case Name Tambah Soal

Actor Admin

Brief Description Use case ini digunakan memasukkan data soal.


2. Admin memilih menu tambah soal.

3. Admin mengisikan data soal.

Alternate Flow Jika data soal belum lengkap, akan muncul pesan

error.

Pre Condition Admin memilih menu data ujian terlebih dahulu.

Post Condition Data soal bertambah.

52

13. Use Case Ubah Soal

Tabel 4.14

Spesifikasi Use Case Ubah Soal

Use Case Name Ubah Soal

Actor Admin

Brief Description Use case ini digunakan mengubah data soal yang

ada.


2. Admin memilih menu ubah soal.

3. Admin mengubah soal

Alternate Flow -

Pre Condition 1. Admin harus memilih menu data ujian lalu pilih

menu lihat soal terlebih dahulu.

2. Data soal tidak kosong

Post Condition Data soal berubah.

14. Use Case Hapus Soal

Tabel 4.15

Spesifikasi Use Case Hapus Soal

Use Case Name Hapus Soal

Actor Admin

Brief Description Use case ini digunakan menghapus data soal.


2. Admin memilih menu hapus soal.

Alternate Flow -

Pre Condition 1. Admin harus memilih menu data ujian lalu pilih

menu lihat soal terlebih dahulu.

2. Data soal tidak kosong

Post Condition Data soal telah dihapus.

53

15. Use Case Cetak Soal

Tabel 4.16

Spesifikasi Use Case Cetak Soal

Use Case Name Cetak Soal

Actor Admin

Brief Description Use case ini digunakan mencetak data soal.


2. Admin memilih menu cetak soal.

3. Admin memilih data soal yang akan dicetak

sesuai kelas.

Alternate Flow -

Pre Condition 1. Data soal tidak kosong

Post Condition Data soal telah tercetak.

16. Use Case Lihat Nilai Siswa

Tabel 4.17

Spesifikasi Use Case Lihat Nilai Siswa

Use Case Name Lihat Nilai Siswa

Actor Admin

Brief Description Use case ini digunakan menampilkan data nilai

siswa.

Basic Flow 1. Admin memilih menu data nilai pada menu list.

2. Admin memilih menu lihat nilai siswa.

3. Admin menentukan kelas.

Alternate Flow -

Pre Condition Admin harus memilih menu data nilai terlebih

dahulu.

Post Condition Menampilkan data nilai siswa berdasarkan kelas

54

17. Use Case Cari Nilai Siswa

Tabel 4.18

Spesifikasi Use Case Cari Nilai Siswa

Use Case Name Cari Nilai Siswa

Actor Admin

Brief Description Use case ini digunakan mencari data nilai siswa

berdasarkan NIS atau nama siswa.


2. Admin memilih menu cari nilai siswa.

3. Admin menentukan NIS atau nama siswa.

Alternate Flow -

Pre Condition Admin harus memilih menu data nilai terlebih

dahulu.

Post Condition Menampilkan data nilai siswa berdasarkan data

yang dicari.

18. Use Case Hapus Nilai Siswa

Tabel 4.19

Spesifikasi Use Case Hapus Nilai Siswa

Use Case Name Hapus Nilai Siswa

Actor Admin

Brief Description Use case ini digunakan menghapus data nilai

siswa.


2. Admin memilih menu lihat atau cari nilai siswa.

3. Admin memilih menu hapus.

Alternate Flow -

Pre Condition Admin harus memilih menu data nilai lalu memilih

menu lihat atau cari nilai siswa terlebih dahulu.

Post Condition Nilai 0 (nol)

55

19. Use Case Cetak Nilai Siswa

Tabel 4.20

Spesifikasi Use Case Cetak Nilai Siswa

Use Case Name Cetak Nilai Siswa

Actor Admin

Brief Description Use case ini digunakan mencetak data nilai siswa.


2. Admin memilih menu lihat atau cari nilai siswa.

3. Admin memilih menu cetak.

Alternate Flow -

Pre Condition Admin harus memilih menu data nilai lalu memilih

menu lihat atau cari nilai siswa terlebih dahulu.

Post Condition Nilai siswa tercetak.

20. Use Case Ganti Password Admin

Tabel 4.21

Spesifikasi Use Case Ganti Password Admin

Use Case Name Ganti Password Admin

Actor Admin

Brief Description Use case ini digunakan untuk mengganti password.

Basic Flow Admin memilih menu ganti password pada menu

list.

Alternate Flow - Jika password lama salah akan muncul pesan

error

- Jika password baru tidak sesuai dengan

password konfirmasi akan muncul pesan error

Pre Condition -

Post Condition Password admin berubah.

56

4.3.1.2 Class Diagram

Pada aplikasi ujian madrasah ini terdapat 3 kelas yaitu kelas administrator,

kelas siswa, dan kelas ujian. Notasi class berbentuk persegi panjang 3 bagian

yaitu, persegi panjang paling atas untuk nama class, persegi panjang paling bawah

untuk operasi atau method dan persegi panjang di tengah untuk atribute. Berikut

adalah class diagram aplikasi ujian madrasah yang dibangun oleh peneliti.

Adapun hubungan antar ketiga kelas yaitu hubungan asosiasi (Association).

Gambar 4.3 Class Diagram Aplikasi Ujian Madrasah

57

4.3.1.3 Sequence Diagram

Adapun skenario yang dijalankan atau dibuat berdasarkan use case yang

telah dirancang sebelumnya pada use case diagram. Sequence diagram yang

dibuat antara lain sequence diagram login siswa, sequence diagram jawab soal,

sequence diagram ganti password siswa, sequence diagram login admin,

sequence diagram urut data siswa, sequence diagram cari data siswa, sequence

diagram tambah data siswa, sequence diagram ubah data siswa, sequence

diagram hapus data siswa, sequence diagram cetak data siswa, sequence diagram

lihat soal, sequence diagram tambah soal, sequence diagram ubah soal, sequence

diagram hapus soal, sequence diagram cetak data soal, sequence diagram lihat

nilai siswa, sequence diagram cari nilai siswa, sequence diagram hapus nilai

siswa, sequence diagram cetak nilai siswa dan sequence diagram ganti password

admin.

Berikut ini adalah sequence diagram yang telah peneliti buat:

a. Sequence Diagram Login Siswa

Pada sequence diagram ini dijelaskan bagaimana langkah-langkah siswa

untuk masuk atau login menuju halaman jawab soal.

Gambar 4.4 Sequence Diagram Login Siswa

58

b. Sequence Diagram Jawab Soal

Pada sequence diagram ini dijelaskan bagaimana proses siswa masuk ke

halaman jawab soal, dan proses siswa melakukan pengisisan soal hingga selesai.

Gambar 4.5 Sequence Diagram Jawab Soal

c. Sequence Diagram Ganti Password Siswa

Gambar 4.6 Sequence Diagram Ganti Password Siswa

59

d. Sequence Diagram Login Admin

Pada sequence diagram ini dijelaskan bagaimana proses admin melakukan

login.

Gambar 4.7 Sequence Diagram Login Admin

e. Sequence Diagram Urut Data Siswa

Pada sequence diagram ini dijelaskan bagaimana proses admin melihat data

siswa berurutan berdasarkan kelas.

Gambar 4.8 Sequence Diagram Urut Data Siswa

60

f. Sequence Diagram Cari Data Siswa

Pada sequence diagram ini dijelaskan bagaimana proses admin mencari data

siswa.

Gambar 4.9 Sequence Diagram Cari Data Siswa

g. Sequence Diagram Tambah Data Siswa

Pada sequence diagram ini dijelaskan bagaimana proses admin

menambahkan data siswa.

Gambar 4.10 Sequence Diagram Tambah Data Siswa

61

h. Sequence Diagram Ubah Data Siswa

Pada sequence diagram ini dijelaskan bagaimana proses admin mengubah

data siswa.

Gambar 4.11 Sequence Diagram Ubah Data Siswa

i. Sequence Diagram Hapus Data Siswa

Pada sequence diagram ini dijelaskan bagaimana proses admin menghapus

data siswa.

:AdministratorForm Data Siswa

1:Memilih menu lihat/cari data siswa

Form Hapus Data Siswa

3:Pilih menu hapus data siswa

4:Data siswa berhasil dihapus

2:Menampilkan hasil lihat/cari data siswa

Gambar 4.12 Sequence Diagram Hapus Data Siswa

62

j. Sequence Diagram Cetak Data Siswa

:AdministratorForm Data Siswa

1:Memilih menu cetak data siswa

Form Cetak Data Siswa

3:masukkan kategori data siswa yang dicari

6:Data siswa berhasil dicetak

2:Menampilkan formcetak data siswa

5:pilih cetak data siswa

4:menampilkan data siswa yang dicari

Gambar 4.13 Sequence Diagram Cetak Data Siswa

k. Sequence Diagram Lihat Data Soal

Pada sequence diagram ini dijelaskan bagaimana proses admin melihat data

soal ujian.

Gambar 4.14 Sequence Diagram Lihat Data Soal

63

l. Sequence Diagram Tambah Data Soal

Pada sequence diagram ini dijelaskan bagaimana proses admin menambah

data soal ujian.

Gambar 4.15 Sequence Diagram Tambah Data Soal

m. Sequence Diagram Ubah Data Soal

Pada sequence diagram ini dijelaskan bagaimana proses admin mengubah

data soal ujian.

:AdministratorForm Data Ujian

1:Memilih menu lihat data soal

Form Ubah Data Soal

3:Pilih menu ubah data soal

6:Menampilkan hasil ubah data siswa

2:Menampilkan hasil lihat data soal

Form Hasil Ubah Data Soal

4:Menampilkan form ubahi data siswa

5:Ubah soal

Gambar 4.16 Sequence Diagram Ubah Data Soal

64

n. Sequence Diagram Hapus Data Soal


data soal ujian.

Gambar 4.17 Sequence Diagram Hapus Data Soal

o. Sequence Diagram Cetak Data Soal

:AdministratorForm Data Soal

1:Memilih menu cetak data soal

Form Cetak Data Soal

3:masukkan kategori data soal yang dicari

6:Data soal berhasil dicetak

2:Menampilkan form cetak data soal

5:pilih cetak data soal

4:menampilkan data soal yang dicari

Gambar 4.18 Sequence Diagram Cetak Data Soal

65

p. Sequence Diagram Lihat Nilai Siswa

Pada sequence diagram ini dijelaskan bagaimana proses admin melihat nilai

siswa.

Gambar 4.19 Sequence Diagram Lihat Nilai Siswa

q. Sequence Diagram Cari Nilai Siswa

Pada sequence diagram ini dijelaskan bagaimana proses admin mencari nilai

siswa.

Gambar 4.20 Sequence Diagram Cari Nilai Siswa

66

r. Sequence Diagram Hapus Nilai Siswa


nilai siswa.

:AdministratorForm Data Nilai

1:Memilih menu lihat/cari data nilai

Form Hapus Data Nilail

3:Pilih menu hapus data nilai

4:Data nilai berhasil dihapus

2:Menampilkan hasil lihat/cari data nilai

Gambar 4.21 Sequence Diagram Hapus Nilai Siswa

s. Sequence Diagram Cetak Nilai Siswa

:AdministratorForm Data Nilai

1:Memilih menu cetak nilai

Form Cetak Nilai Siswa

3:masukkan kategori siswa yang dicari

6:Nilai berhasil dicetak

2:Menampilkan form cetak nilai siswa

5:pilih cetak nilai

4:menampilkan data nilai dari siswa yang dicari yang dicari

Gambar 4.22 Sequence Diagram Cetak Nilai Siswa

67

t. Sequence Diagram Ganti Password Admin

Pada sequence diagram ini dijelaskan bagaimana proses admin mengganti

password.

Gambar 4.23 Sequence Diagram Ubah Password Admin

4.3.2 Perancangan Basis Data

Pada tahap perancangan database ini dibuat relasi antar entitas dan

perancangan tabel sebagai penunjang aplikasi ujian madrasah ini.

4.3.2.1 Entity Relationship Diagram (ERD)

Pada aplikasi ujian madrasah terdapat 3 (tiga) entitas, yaitu admin, siswa

dan ujian. Adapun hubungan antar ketiga entitas tersebut dapat dilihat pada

Gambar 4.24.

68

Gambar 4.24 Diagram Relasi Antar Entitas Aplikasi Ujian Madrasah

4.3.2.2 Perancangan Tabel

a. Tabel Admin

Tabel admin digunakan untuk menyimpan data administrator.

Tabel 4.22

Perancangan Tabel Admin

No Nama Field Type Size Keterangan

1. Username* Varchar 15 Primary key

2. Password Varchar 20 Password admin

b. Tabel Siswa

Tabel siswa digunakan untuk menyimpan data siswa.

Tabel 4.23

Perancangan Tabel Siswa


1. Nis* Varchar 8 Primary key

2. Nama Varchar 20 Nama siswa

69

3. Kelas Varchar 2 Kelas

4. Password Varrchar 10 Password

5. J_kelamin Varchar 6 Jenis kelamin

6. Nilai Int 2 Nilai siswa

7. Keterangan Varchar 2 Keterangan nilai

c. Tabel Ujian

Tabel ujian digunakan untuk menyimpan data ujian.

Tabel 4.24

Perancangan Tabel Ujian


1. Kode_soal* Varchar 8 Primary key

2. Kelas Varchar 1 Kelas

3. Soal Blob 500 Soal

4. Gambar Blob 100 Gambar

5. Pil_a Varchar 100 Pilihan a

6. Pil_b Varchar 100 Pilihan b

7. Pil_c Varchar 100 Pilihan c

8. Pil_d Varchar 100 Pilihan d

9. Jawaban Varchar 1 Jawaban

4.3.3 Perancangan Antarmuka

Dalam perancangan antarmuka, dibuat beberapa form atau halaman yang

akan diuraikan sebagai berikut.

70

1. Rancangan Form Index/ Login Siswa

YAYASAN PENDIDIKAN ISLAM HAJI NASIM

YAPIHANAMTs AL-MUAWANAH

Administrator | Help | About

Ujian_online MTs/SMP © 2009

Masuk

NIS

Kelas

Welcome To Ujian TIK Online !!!

Login Siswa

H O M E

Password

Gambar 4.25 Rancangan Form Index/ Login Siswa

Gambar 4.25 merupakan halaman index atau halaman utama dari aplikasi

ujian madrasah sekaligus sebagai halaman untuk login siswa.

2. Rancangan Form Ujian

a. Rancangan Form Home Siswa

Gambar 4.26 Rancangan Form Home Siswa

Gambar 4.26 merupakan halaman home ujian setelah siswa melakukan

login pada halaman index/ login siswa.

71

b. Rancangan Form Ganti Password Siswa



Keluar


UJIAN

GANTI PASSWORD

Password Lama

Password Baru

Password Baru (ulangi)

Ubah>>

Gambar 4.27 Rancangan Form Ganti Password Siswa

Gambar 4.27 merupakan halaman untuk mengganti password siswa.

c. Rancangan Form Jawab Soal

Gambar 4.28 Rancangan Form Jawab Soal

Gambar 4.28 merupakan halaman untuk melakukan pengisian soal-soal

ujian.

72

d. Rancangan Form Hasil Ujian



Keluar


UJIAN

Hasil UjianNo Jawaban Skor.. … ...

Total Nilai Anda Keterangan… ...

AHIACJKا بر ABCD Eا

Waktu :15 menit

NIS : Mata pelajaran :Nama : Hari/Tanggal :Kelas :

Gambar 4.29 Rancangan Form Hasil Ujian

Gambar 4.29 merupakan halaman hasil ujian atau halaman berakhirnya

pengisian soal ujian, pada halaman ini ditampilkan hasil/ nilai siswa dalam

mengisi soal-soal ujian.

3. Rancangan Form Help

Gambar 4.30 Rancangan Form Help

Gambar 4.30 merupakan halaman petunjuk dan keterangan penggunaan

aplikasi ujian.

73

4. Rancangan Form About

Gambar 4.31 Rancangan Form About

Gambar 4.31 merupakan halaman tentang profil lembaga institusi/ sekolah

dan profil pembuat aplikasi ujian.

5. Rancangan Form Login Admin



Home | Help | About


Masuk

Username

PasswordWelcome To Ujian Online !!!Ini adalah halaman khusus administrator !!!

Login Admin

ADMINISTRATOR

Gambar 4.32 Rancangan Form Login Admin

Gambar 4.32 merupakan halaman yang dibuat khusus untuk login

administrator.

74

6. Rancangan Form Home Admin



Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar


ADMINISTRATOR

SELAMAT ! Kamu telah berhasil masuk ke halaman administrator..

Silahkan memilih menu-menu berikutnya…!

H O M E

Gambar 4.33 Rancangan Form Home Admin

Gambar 4.33 merupakan halaman utama/ home admin setelah

administrator login dengan username dan password yang tepat pada halaman

login admin.

7. Rancangan Form Data Siswa

a. Rancangan Form Lihat Siswa

Gambar 4.34 Rancangan Form Data Siswa

Gambar 4.34 merupakan halaman yang digunakan untuk melihat data

siswa dengan urutan berdasarkan kategori kelas.

75

b. Rancangan Form Ubah Siswa





ADMINISTRATOR

Edit Data Siswa

DATA SISWA

Lihat>> | Tambah>>|Cari>>|Cetak>>

NIS

NAMA

KELAS

KELAMIN

Ubah >>

PASSWORD

Gambar 4.35 Rancangan Form Ubah Siswa

Gambar 4.35 merupakan halaman yang digunakan untuk mengedit

atau mengubah data siswa.

c. Rancangan Form Tambah Siswa





ADMINISTRATOR

Tambah Data Siswa

DATA SISWA

Lihat>> | Ubah>>|Cari>>|Cetak>>

NIS

NAMA

KELAS

KELAMIN

Tambah>>

PASSWORD

Gambar 4.36 Rancangan Form Tambah Siswa

Gambar 4.36 merupakan halaman yang digunakan untuk menambah data

siswa.

76

d. Rancangan Form Cari Siswa

DATA SISWA





ADMINISTRATOR

Cari Data Siswa

DATA SISWA

Lihat>> | Tambah>> | Cari>>|Cetak

kategori kelas atau Nama

NIS PASSWORD NAMA KELAS KELAMIN OPERASI

Gambar 4.37 Rancangan Form Cari Siswa

Gambar 4.37 merupakan halaman yang digunakan untuk melakukan

pencarian data siswa berdasarkan kelas dan nama siswa.

e. Rancangan Form Cetak Data Siswa

Gambar 4.38 Rancangan Form Cetak Data Siswa


pencetakan data siswa berdasarkan kelas.

77

8. Rancangan Form Data Ujian

a. Rancangan Form Lihat Soal





ADMINISTRATOR

Lihat Soal

DATA UJIAN

Lihat>> | Tambah>> | Cetak>>

kategori kelas : | V

KODE :SOAL :

PILIHAN :JAWABAN :

KELAS :

Ubah | Hapus

Gambar 4.39 Rancangan Form Lihat Soal

Gambar 4.39 merupakan halaman yang digunakan untuk melihat soal ujian

berdasarkan kategori kelas.

b. Rancangan Form Ubah Soal

Gambar 4.40 Rancangan Form Ubah Soal

Gambar 4.40 merupakan halaman yang digunakan untuk mengubah data

soal ujian.

78

c. Rancangan Form Tambah Soal





ADMINISTRATOR

Tambah Soal

DATA UJIAN

Lihat>> | Tambah>> | Cetak>>

KODE :SOAL :

PILIHAN :JAWABAN :

KELAS :

Simpan>>

Gambar 4.41 Rancangan Form Tambah Soal

Gambar 4.41 merupakan halaman yang digunakan untuk menambah data

soal ujian

d. Rancangan Form Cetak Soal


YAPIHANA

MTs AL-MUAWANAH

Kp.Sempur Rt.12/03 Ds.Kadu Kec.Curug Kab.Tangerang Banten, Tlp. 5989536

DAFTAR SOAL UJIAN

Kelas :Mata pelajaran :Hari/Tgl : Jumlah soal = ...

Soal ………………………………………………………………………..

A.B.C.D.

Soal gambar

Gambar 4.42 Rancangan Form Cetak Soal

Gambar 4.42 merupakan halaman yang digunakan untuk mencetak data

soal ujian.

79

9. Rancangan Form Data Nilai

a. Rancangan Form Lihat Nilai

Gambar 4.43 Rancangan Form Lihat Nilai

Gambar 4.43 merupakan halaman yang digunakan untuk melihat data nilai

siswa berdasarkan kategori kelas.

b. Rancangan Form Cari Nilai

DATA SISWA





ADMINISTRATOR

Cari Nilai Siswa

DATA NILAI

Lihat>> | Tambah>> | Cari>> | Cetak>>

kategori kelas atau Nama

NIS NAMA KELAS KELAMIN NILAI KET OPERASI

Gambar 4.44 Rancangan Form Cari Nilai


pencarian nilai siswa berdasarkan kelas dan nama siswa.

80

c. Rancangan Form Cetak Nilai

Gambar 4.45 Rancangan Form Cetak Nilai

Gambar 4.45 merupakan halaman yang digunakan untuk mencetak nilai

siswa berdasarkan kelas.

10. Rancangan Form Ganti Password Admin





ADMINISTRATOR

GANTI PASSWORD

Password Lama

Password Baru

Password Baru (ulangi)

Ubah>>

Gambar 4.46 Rancangan Form Ganti Password Admin

Gambar 4.46 merupakan halaman yang digunakan untuk mengganti

password administrator.

81

11. Rancangan Form Konfirmasi Ganti Password Admin





ADMINISTRATOR

KONFIRMASI GANTI PASSWORD

Anda telah berhasil mengganti password menjadi :

“____”

Silahkan memilih menu berikutnya…!Terima kasih !!

Gambar 4.47 Rancangan Form Konfirmasi Ganti Password

Gambar 4.47 merupakan halaman pemberitahuan atau konfirmasi setelah

melakukan penggantian password.

4.4 Fase Konstruksi

Pada tahap ini, peneliti melakukan tahap pengkodean terhadap hasil

rancangan yang sudah didefinisikan sebelumnya untuk dijadikan sebuah program

aplikasi. Hasil rancangan sistem dan program tersebut diterjemahkan ke dalam

kode-kode dengan menggunakan bahasa pemrograman yang sudah ditentukan.

Dalam aplikasi ini, bahasa pemrograman yang digunakan adalah PHP. Kode

program dapat dilihat pada Lampiran.

82

4.5 Fase Pelaksanaan

4.5.1 Konfigurasi Client Server

Pada implementasi ini, peneliti melakukan konfigurasi server dan client di

MTs Al Muawanah Curug dengan menggunakan jaringan LAN dan topologi yang

digunakan adalah star. Adapun konfigrasi LAN pada MTs Al Muawanah dapat


Gambar 4.48 Konfigurasi LAN pada MTs Al Muawanah

Aplikasi ujian madrasah disimpan pada PC server, server menggunakan

aplikasi web server Apache untuk koneksi jaringan lokal. Sedangkan client

langsung jalani di web browser masing-masing komputer untuk akses ke server.

83

Client ini sebagai user yang menggunakan aplikasi ujian yaitu siswa yang telah

terdaftar.

Untuk memulai program pada PC client, dimulai dengan menjalankan

program web browser seperti Internet Explorer, Mozilla atau browser lainnya.

Kemudian ketik alamat url “http://alamat_server/path_folder/”. Untuk program

aplikasi ujian madrasah ini dengan mengetik alamat url :

(http://192.168.2.2/ujianonline/)

alamat_server adalah alamat server tempat program ditempatkan, dan path_folder

merupakan path dibawah root tempat program disimpan.

4.5.2 Pengujian Aplikasi Ujian Madrasah Berbasis LAN

Pengujian yang dilakukan terhadap aplikasi ujian ini adalah pengujian

dengan metode Blackbox. Pengujian dilakukan dengan menjalankan semua fungsi

dan fitur yang ada dari aplikasi ini dan kemudian dilihat apakah hasil dari fungsi-

fungsi tersebut sesuai dengan yang diharapkan. Aplikasi dijalankan melalui suatu

web browser dan mencoba mengakses aplikasi ujian Berikut hasil dari pengujian

terhadap aplikasi ujian dapat dilihat pada Tabel 4.25.

Tabel 4.25

Hasil Pengujian Aplikasi Ujian Madrasah Berbasis LAN

Test Case Prosedur yang dijalankan Hasil yang diharapkan Hasil

Login

Siswa

User memasukkan NIS,

password dan kelas

User masuk sesuai

dengan NIS, kelas dan

password-nya

Berhasil

Jawab Soal Mengisi soal

Dapat melakukan

pengisian soal acak dan

waktu “stopwatch”

berjalan

Berhasil

Ganti

Password

Pilih menu ganti password,

masukkan password lama, Password berubah Berhasil

84

masukkan password baru

Kirim

Jawaban

Menekan tombol “kirim

Jawaban”

Mengirimkan hasil

jawaban untuk

memperoleh nilai

Berhasil

Login

Admin

User memasukkan

username dan password

User masuk key halaman

admin Berhasil

Urut Data

Siswa

Pilih menu data siswa,

lihat, pilih kelas

Data siswa tampil

berdasarkan kelas yang

dipilih

Berhasil

Tambah

Data Siswa


tambah, kemudian

masukkan data siswa

Data siswa bertambah Berhasil

Cari Data

Siswa

Pilih menu data siswa, cari,

masukkan NIS atau Nama

Menampilkan data siswa

yang dicari Berhasil

Ubah Data

Siswa


lihat/cari, edit Data siswa berubah Berhasil

Hapus

Data Siswa


lihat/cari, edit Data siswa terhapus Berhasil

Cetak Data

Siswa


cetak, masukkan kelas

siswa dan print

Data siswa tercetak Berhasil

Lihat Data

Ujian

Pilih menu data ujian, lihat,

pilih kelas

Menampilkan data ujian

berdasarkan kelas Berhasil

Tambah

Data Ujian

Pilih menu data ujian,

tambah, kemudian

masukkan data ujian baru

Data ujian bertambah Berhasil

Ubah Data

Ujian


pilih kelas, edit Data ujian berubah Berhasil

Hapus

Data Ujian


pilih kelas, hapus Data ujian terhapus Berhasil

Cetak Data

Ujian

Pilih menu data ujian,

cetak, masukkan kelas

siswa dan print

Data ujian/ soal tercetak Berhasil

Lihat Data

Nilai

Pilih menu data nilai, lihat,

pilih kelas

Menampilkan data nilai

berdasarkan kelas Berhasil

Cari Data

Nilai

Pilih menu data nilai, cari,

masukkan NIS atau Nama

Menampilkan data nilai

yang dicari Berhasil

Hapus

Data Nilai

Pilih menu data nilai, lihat,

pilih kelas, hapus Nilai terhapus Berhasil

Cetak Data

Nilai

Pilih menu data nilai, cetak,

masukkan kelas siswa dan

print

Data niai tercetak Berhasil

Ganti

Password

Pilih menu ganti password,

masukkan password lama,

masukkan password baru

Password berubah Berhasil

85

4.5.3 Tanggapan User pada Aplikasi Ujian Madrasah Berbasis LAN

Pada tahap ini peneliti meminta tanggapan kepada user tentang aplikasi

ujian ini sebagai bahan evaluasi.

Berikut ini adalah hasil persentase dari kuesioner tertutup yang telah

dibagikan pada 31 orang yang terdiri dari 10 siswa kelas VII, 10 siswa kelas VIII ,

10 siswa kelas IX dan 1 orang guru mata pelajaran TIK MTs Al-Muawanah

Curug. Tabel 4.22 adalah tabel hasil persentase dari tanggapan user.

Tabel 4.26

Hasil Persentase dari Tanggapan User

No Pertanyaan Jumlah Persentase

(%)

1. Apakah aplikasi ujian ini mudah digunakan

atau dioperasikan?

a. mudah

b. sedang

c. sulit

• 10 %

• 90 %

• 0 %

2. Bagaimanakah tingkat kesulitan soal yang

ada?

a. mudah

b. sedang

c. sulit

• 0 %

• 70 %

• 30 %

3. Bagaimana tanggapan Anda mengenai waktu

yang diberikan dalam mengerjakan soal?

a. terlalu lama

b. cukup/sedang

c. kurang

• 0 %

• 90 %

• 10 %

86

4. Bagaimana tanggapan Anda tentang tampilan

aplikasi Ujian ini?

a. bagus

b. cukup

c. kurang

• 100 %

• 0 %

• 0 %

5. Bagaimana tanggapan Anda terhadap

keseluruhan aplikasi Ujian ini?

a. bagus

b. cukup

c. kurang

• 100 %

• 0 %

• 0 %

Hasil kuesioner pada Tabel 4.22 menunjukkan bahwa aplikasi ujian ini

telah sesuai dengan kebutuhan user.

87

BAB V

PENUTUP

Bab ini berisi kesimpulan skripsi beserta saran untuk penelitian lebih

lanjut.

5.1 Kesimpulan

Berdasarkan hasil Bab IV, maka dapat diambil kesimpulan sebagai

berikut:

1. Dengan aplikasi ujian madrasah berbasis LAN, user tidak perlu melakukan

proses instalasi aplikasi terlebih dahulu, dan juga dapat dijalankan dari

sistem operasi apapun.

2. Aplikasi ujian madrasah ini menampilkan soal secara acak, dan

menggunakan ketentuan waktu dalam menjawab soal, hal ini mencegah

siswa untuk berbuat curang. Aplikasi ujian ini juga dapat menampilkan

hasil ujian siswa secara langsung sehingga tidak diperlukan waktu yang

lama untuk melakukan pengoreksian soal.

3. Aplikasi ujian madrasah ini memiliki fitur-fitur yang dinamis dan mudah

digunakan sehingga dapat dijadikan sebagai media untuk melakukan ujian

yang lebih efektif dan efisien di MTs Al Muawanah khususnya.

88

5.2 Saran

Adapun saran untuk pengembangan sistem lebih lanjut, yaitu:

Aplikasi ini hanya bersifat pilihan ganda, untuk ke depan perlu

dikembangkan lagi dengan pertanyaan yang bersifat MCMA (Multiple

Choice Multiple Answer) dan uraian, soal-soal yang bersifat multimedia

seperti soal susun gambar/ puzzle dan soal-soal interaktif lainnya.

89

DAFTAR PUSTAKA

Booch, Grady, James Rumbaugh, Ivar Jacobson. The Unified Modelling

Language Reference Manual, Addison Wesley, 1998.

Fathansyah, Ir. Basis Data, Bandung: Informatika, 2002.

Fowler, Martin. UML Distilled Edisi 3: Panduan Singkat Bahasa Pemodelan

Objek Standar. Yogyakarta: Andi, 2005.

Hakim, Lukmanul dan Musalini, Uus. Buku Sakti Menjadi Programmer Sejati

PHP. cet.I. Pengantar Dr.Onno W. Purbo, Ph.D. Yogyakarta: Solusi

Media, 2006.

Hermawan, Julius. Analisa Desain & Pemrograman berorientasi obyek dengan

UML dan Visual basic.Net, Edisi 1, Andi, Yogyakarta, 2004.

Jovan, FN. Panduan Praktis Membuat Web dengan PHP untuk Pemula. cet I.

Penyunting,, Sudarma, S. Jakarta: Mediakita, 2007.

Kenneth E.Kendall., Jullie E. Kendall. Systems Analysis and Design, fifth Edition.

Dialihbahasakan oleh Thamir Abdul Hafed Al-Hamdany, B.Sc,M.Sc

dalam buku analisis dan perancangan sistem. Jakarta: PT Prenhallindo,

2003.

Kuswayanto, Lia. Mahir Berkomputer TIK untuk SMP. Jakarta: Grafindo Media

Pratama, 2005.

Francis, Taylor. Elearning. Dialihbahasakan oleh Teguh Wahyu Utomo, Robin

Mason dan Frank Rennie dalam buku Elearning Panduan Lengkap

Memahami Dunia Digital dan Internet. Yogyakarta: Baca, 2010.

Misky, Dudi. Kamus Informasi dan Teknologi. Jakarta: Edsa Mahkota, 2005.

Nasuhi, Hamid, Ropi Ismatu, dkk. Pedoman Penulisan Karya Ilmiah Skripsi,

Tesis dan Disertasi. Jakarta: CeQDA, 2007.

Nugroho, Adi. Rational Rose untuk Pemodelan Berorientasi Objek, Informatika,

Bandung, 2005.

Pandia, Henry. Teknologi Informasi dan Komunikasi. Jilid I, II dan III. Jakarta:

Erlangga, 2007.

90

Peranginangin, Kasiman. Aplikasi dengan PHP dan MySQL. Yogyakarta: Andi,

2006.

Prakorso, Samuel. Jaringan Komputer LINUX, Ed I. Yogyakarta: ANDI, 2005.

Pressman, Roger.S. Rekayasa Perangkat Lunak. McGrawHill Book Co, Buku I

Yogyakarta: Andi, 2002.

Purwanto, Ngalim. Prinsip-prinsip dan Teknik Evaluasi Pendidikan. Bandung:

Remaja Rosda Karya, 2008.

Sopandi, Dede. Instalasi dan Konfigurasi Jaringan Komputer. Bandung:

Informatika, 2008.

Sugeng, Winarno. Jaringan Komputer dengan TCP/IP, Bandung: Informatika,

2006.

Sukarno, Mohamad. Membangun Website Dinamis Interaktif dengan PHP-

MySQL (Windows & Linux). cet I. Jakarta: ESKA Media, 2006.

Suprianto, Dodit. Buku Pintar Pemograman PHP. cet I. Bandung: OASE Media,

2008.

Tim Penyusun. Teknik Mudah Membangun Website dengan HTML, PHP dan

MySQL. Yogyakarta: Andi, Madiun: Madcoms, t.t.

Wijaya, Gita Surya. Bedah Total Server. Jakarta: Info Komputer, 2007.

Yakub. Sistem Basis Data Tutorial Konseptual. Yogyakarta: Graha Ilmu, 2008.

Yani, Ahmad. Panduan Menjadi Teknisi Jaringan Komputer. Jakarta: Kawan

Pustaka, 2008.

Yuhefizard. Database Management menggunakan Microsoft Access 2003,

Jakarta: PT Elex Media Komputindo, 2008.

http://www.total.or.id/info.php?kk=Hyper%20Text%20Transfer%20Protocol,

Minggu, 05 September 2010, Pkl. 13.12 WIB.

http://tkj-khoirul.blogspot.com/2009/07/hypertext-transfer-protocol-http.html,

Minggu, 05 September 2010, Pkl. 13.15 WIB.

http://mazdeby.wordpress.com/2009/07/14/apa-itu-localhost-127-0-01/, Minggu,

05 September 2010, Pkl. 13.20 WIB.

ABSTRAK - Institutional Repository UIN Syarif...

Documents

Transcript of ABSTRAK - Institutional Repository UIN Syarif...