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.
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
i
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
ii
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
iii
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
iv
DAFTAR PUSTAKA ................................................................................ 89 LAMPIRAN
v
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
vi
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
vii
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
viii
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
ix
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
x
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
xi
DAFTAR ISTILAH
Istilah
Class
Database Management System (DBMS) Efektif
Efisien
Hardware
Hypertext
Network
Link
Login
Arti 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. Perangkat lunak (software) yang berfungsi untuk mengelola database. Ada efeknya (pengaruhnya, akibatnya, kesannya), dapat membawa hasil, berhasil guna (tentang usaha, tindakan). 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. Perangkat keras (hardware) mengacu kepada obyek memungkinkan untuk disentuh, seperti disket, disk drive, layar monitor, keybord, printer, scanner dan chip. 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. Jaringan dari ystem komunikasi data yang melibatkan sebuah atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk satu sistem. Jalur transmisi atau carrier untuk arus informasi atau data diantara node. Link dapat berupa kabel, microwave system, laser system atau satellite system. Nama pengguna yang digunakan untuk memperoleh akses ke suatu sistem komputer. Bukan suatu hal yang perlu dirahasiakan (berlawanan artinya dengan
xii
Node
Password
Port
Protocol
Repeater
Software
User
User Interface
password). Disebut juga tindakan memasuki suatu sistem komputer. 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. Perangkat keamanan yang terdiri atas string karakter yang hanya diketahui pengguna dan sistem. 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. 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. Media transmisi yang berfungsi sebagai penguat sinyal, biasanya digunakan untuk membangun jaringan dengan jarak antar-node yang berjauhan, misalnya antar gedung. 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. Pengguna. Biasanya ditujukan kepada pengguna suatu sistem yang umumnya adalah manusia. Misalnya pengguna komputer. Tampilan yang dilihat oleh user pada sistem operasi, tampilan ini dibuat sesederhana mungkin gunanya untuk memudahkan user dalam bekerja.
xiii
Web/ Website Web Browser Web Server
Workstation
Suatu koleksi dokumen HTML pribadi atau perusahaan dalam server web. Sebuah server web dapat berisi lebih dari satu situs. program aplikasi yang digunakan untuk mengakses web. Perangkat keras dan perangkat lunak yang dipakai untuk menyimpan dan mengirim dokumen HTML untuk digunakan dalam world wide web. 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.
xiv
DAFTAR SIMBOL
Simbol-simbol UML (Unified Modelling Language) Simbol
Nama
Actor
Use Case
Keterangan Seseorang atau apa saja yang berhubungan dengan sistem yang sedang dibangun. Aktor bisa berupa: human user, perangkat hardware, bahkan sistem yang lain. 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
Interaksi
Aktivitas berupa kegiatan yang dilakukan pada setiap aktor atau objek. Aktivitas ini digambarkan berupa lifeline. 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)
xv
Simbol-simbol ERD (Entity Relationship Diagram) Simbol
Nama Entitas (Entity) Atribut (Attribute) Relasi (Relation)
(Sumber: Yakub, 2008)
xvi
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.
1
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 Waktu koreksi soal
Ya
Tidak
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 datadata 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 rancanganrancangan 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.
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
8
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 dipahami dan menyatakan maknanya dengan jelas. 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 dipahami dan menyatakan maknanya dengan jelas. 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
Web Server Obtain Data
Dynamic Page
PHP
MySQL
Web Browser Run Script
PHP File Page Request
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 langkahlangkah 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 dilihat pada Gambar 2.15.
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.
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
34
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 permasalahanpermasalahan 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 rancanganrancangan 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
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.
39
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
Bendahara Wakil Kepala Sekolah
Sie.Kurikulum
Wali kelas & Dewan Guru
Tata Usaha
BP / BK
Sie.Lab
Pembina OSIS
Sie. Keamanan
Sie. Kebersihan
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 Waktu
Tidak Tidak
Tidak Ya
Tidak 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
3.
Basic Flow
Siswa menekan tombol mulai pada halaman siswa.
Alternate Flow
-
Pre Condition
-
Post Condition
Menampilkan soal-soal ujian secara acak.
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 5.
Admin masuk ke halaman home admin
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 6.
Menampilkan data siswa berdasarkan urutan kelas.
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.
Basic Flow
1. Admin memilih menu data siswa pada menu list. 2. Admin memilih menu cari data siswa. 3. Admin menentukan NIS atau menentukan nama siswa.
Alternate Flow
-
Pre Condition
Admin harus memilih menu data siswa terlebih dahulu.
Post Condition 7.
Menampilkan data siswa yang dicari.
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
Basic Flow
1. Admin memilih menu data siswa pada menu list. 2. Admin memilih menu tambah data siswa. 3. Mengisikan data siswa
Alternate Flow
Jika data siswa belum lengkap, akan muncul pesan error
Pre Condition
Admin harus memilih menu data siswa terlebih dahulu.
Post Condition 8.
Data siswa bertambah
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.
Basic Flow
1. Admin memilih menu data siswa pada menu list. 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.
Basic Flow
1. Admin memilih menu data siswa pada menu list. 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 10.
Data siswa telah dihapus.
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.
Basic Flow
1. Admin memilih menu data siswa pada menu list. 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.
12.
Alternate Flow
-
Pre Condition
Admin memilih menu data ujian terlebih dahulu.
Post Condition
Menampilkan data soal berdasarkan kelas.
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.
Basic Flow
1. Admin memilih menu data ujian pada menu list. 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.
Basic Flow
1. Admin memilih menu data ujian pada menu list. 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 14.
Data soal berubah.
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.
Basic Flow
1. Admin memilih menu data ujian pada menu list. 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.
Basic Flow
1. Admin memilih menu data ujian pada menu list. 2. Admin memilih menu cetak soal. 3. Admin memilih data soal yang akan dicetak sesuai kelas.
16.
Alternate Flow
-
Pre Condition
1. Data soal tidak kosong
Post Condition
Data soal telah tercetak.
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.
Basic Flow
1. Admin memilih menu data nilai pada menu list. 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.
Basic Flow
1. Admin memilih menu data nilai pada menu list. 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.
Basic Flow
1. Admin memilih menu data nilai pada menu list. 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 20.
Nilai siswa tercetak.
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
menambahkan data siswa.
Gambar 4.10 Sequence Diagram Tambah Data Siswa
admin
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.
:Administrator
Form Data Siswa
Form Hapus Data Siswa
1:Memilih menu lihat/cari data siswa 2:Menampilkan hasil lihat/cari data siswa 3:Pilih menu hapus data siswa
4:Data siswa berhasil dihapus
Gambar 4.12 Sequence Diagram Hapus Data Siswa
62
j.
Sequence Diagram Cetak Data Siswa
:Administrator
Form Data Siswa
Form Cetak Data Siswa
1:Memilih menu cetak data siswa 2:Menampilkan formcetak data siswa 3:masukkan kategori data siswa yang dicari 4:menampilkan data siswa yang dicari 5:pilih cetak data siswa 6:Data siswa berhasil dicetak
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.
:Administrator
Form Data Ujian
Form Ubah Data Soal
Form Hasil Ubah Data Soal
1:Memilih menu lihat data soal 2:Menampilkan hasil lihat data soal 3:Pilih menu ubah data soal 5:Ubah soal 4:Menampilkan form ubahi data siswa
6:Menampilkan hasil ubah data siswa
Gambar 4.16 Sequence Diagram Ubah Data Soal
64
n.
Sequence Diagram Hapus Data Soal Pada sequence diagram ini dijelaskan bagaimana proses admin menghapus
data soal ujian.
Gambar 4.17 Sequence Diagram Hapus Data Soal o.
Sequence Diagram Cetak Data Soal
:Administrator
Form Data Soal
Form Cetak Data Soal
1:Memilih menu cetak data soal 2:Menampilkan form cetak data soal 3:masukkan kategori data soal yang dicari 4:menampilkan data soal yang dicari 5:pilih cetak data soal 6:Data soal berhasil dicetak
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 Pada sequence diagram ini dijelaskan bagaimana proses admin menghapus
nilai siswa.
:Administrator
Form Data Nilai
Form Hapus Data Nilail
1:Memilih menu lihat/cari data nilai 2:Menampilkan hasil lihat/cari data nilai 3:Pilih menu hapus data nilai
4:Data nilai berhasil dihapus
Gambar 4.21 Sequence Diagram Hapus Nilai Siswa s.
Sequence Diagram Cetak Nilai Siswa
:Administrator
Form Data Nilai
Form Cetak Nilai Siswa
1:Memilih menu cetak nilai 2:Menampilkan form cetak nilai siswa 3:masukkan kategori siswa yang dicari 4:menampilkan data nilai dari siswa yang dicari yang dicari 5:pilih cetak nilai 6:Nilai berhasil dicetak
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
1. 2.
Keterangan
Username*
Varchar
15
Primary key
Password
Varchar
20
Password admin
b. Tabel Siswa Tabel siswa digunakan untuk menyimpan data siswa. Tabel 4.23 Perancangan Tabel Siswa No
Nama Field
Type
Size
1. 2.
Keterangan
Nis*
Varchar
8
Primary key
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 No
Nama Field
Type
Size
Keterangan
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
YAPIHANA MTs AL-MUAWANAH Administrator | Help | About
HOME Login Siswa NIS Kelas
Welcome To Ujian TIK Online !!!
Password
Masuk Ujian_online MTs/SMP © 2009
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 YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Keluar
UJIAN GANTI PASSWORD Password Lama Password Baru Password Baru (ulangi) Ubah>>
Ujian_online MTs/SMP © 2009
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 YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Keluar NIS Nama Kelas
UJIAN : : :
Mata pelajaran Hari/Tanggal
: :
Waktu :15 menit
Hasil Ujian No Jawaban Skor .. … ... Total Nilai Anda Keterangan … ...
KJCAIHA رب اE DCBAا Ujian_online MTs/SMP © 2009
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 YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Help | About
ADMINISTRATOR Login Admin Username
Welcome To Ujian Online !!! Ini adalah halaman khusus administrator !!!
Password
Masuk Ujian_online MTs/SMP © 2009
Gambar 4.32 Rancangan Form Login Admin Gambar 4.32 merupakan halaman yang dibuat khusus untuk login administrator.
74
6. Rancangan Form Home Admin YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar
ADMINISTRATOR
HOME
SELAMAT ! Kamu telah berhasil masuk ke halaman administrator.. Silahkan memilih menu-menu berikutnya…!
Ujian_online MTs/SMP © 2009
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 YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar
ADMINISTRATOR
DATA SISWA Edit Data Siswa
Lihat>> | Tambah>>|Cari>>|Cetak>> NIS NAMA KELAS PASSWORD KELAMIN
Ubah >> Ujian_online MTs/SMP © 2009
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 YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar
ADMINISTRATOR
DATA SISWA Tambah Data Siswa
Lihat>> | Ubah>>|Cari>>|Cetak>> NIS NAMA KELAS PASSWORD KELAMIN
Tambah>> Ujian_online MTs/SMP © 2009
Gambar 4.36 Rancangan Form Tambah Siswa Gambar 4.36 merupakan halaman yang digunakan untuk menambah data siswa.
76
d. Rancangan Form Cari Siswa YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar
ADMINISTRATOR
DATA SISWA DATA SISWA
Cari Data Siswa kategori kelas NIS
PASSWORD
Lihat>> | Tambah>> | Cari>>|Cetak
atau Nama NAMA
KELAS
KELAMIN
OPERASI
Ujian_online MTs/SMP © 2009
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 Gambar 4.38 merupakan halaman yang digunakan untuk melakukan pencetakan data siswa berdasarkan kelas.
77
8. Rancangan Form Data Ujian a. Rancangan Form Lihat Soal YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar
ADMINISTRATOR
DATA UJIAN Lihat Soal
Lihat>> | Tambah>> | Cetak>>
kategori kelas :
|
V
KELAS : KODE : SOAL : PILIHAN : JAWABAN : Ubah | Hapus Ujian_online MTs/SMP © 2009
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 YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar
ADMINISTRATOR
DATA UJIAN Tambah Soal
Lihat>> | Tambah>> | Cetak>>
KELAS : KODE : SOAL : PILIHAN : JAWABAN : Simpan>> Ujian_online MTs/SMP © 2009
Gambar 4.41 Rancangan Form Tambah Soal Gambar 4.41 merupakan halaman yang digunakan untuk menambah data soal ujian d. Rancangan Form Cetak Soal YAYASAN PENDIDIKAN ISLAM HAJI NASIM
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 YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar
ADMINISTRATOR
DATA NILAI DATA SISWA
Cari Nilai Siswa kategori kelas NIS
NAMA
Lihat>> | Tambah>> | Cari>> | Cetak>>
atau Nama KELAS
KELAMIN
NILAI
KET
OPERASI
Ujian_online MTs/SMP © 2009
Gambar 4.44 Rancangan Form Cari Nilai Gambar 4.44 merupakan halaman yang digunakan untuk melakukan 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 YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar
ADMINISTRATOR
GANTI PASSWORD Password Lama Password Baru Password Baru (ulangi) Ubah>>
Ujian_online MTs/SMP © 2009
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 YAYASAN PENDIDIKAN ISLAM HAJI NASIM
YAPIHANA MTs AL-MUAWANAH Home | Data Siswa | Data Ujian | Data Nilai | Ganti Password | Keluar
ADMINISTRATOR
KONFIRMASI GANTI PASSWORD Anda telah berhasil mengganti password menjadi : “____” Silahkan memilih menu berikutnya…! Terima kasih !!
Ujian_online MTs/SMP © 2009
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 dilihat pada Gambar 4.48.
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 fungsifungsi 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
Login Siswa
User memasukkan NIS, password dan kelas
Jawab Soal
Mengisi soal
Ganti Password
Pilih menu ganti password, masukkan password lama,
Hasil yang diharapkan User masuk sesuai dengan NIS, kelas dan password-nya Dapat melakukan pengisian soal acak dan waktu “stopwatch” berjalan Password berubah
Hasil Berhasil
Berhasil
Berhasil
84
masukkan password baru Kirim Jawaban
Menekan tombol “kirim Jawaban”
Login Admin
User memasukkan username dan password
Urut Data Siswa
Pilih menu data siswa, lihat, pilih kelas
Tambah Data Siswa Cari Data Siswa Ubah Data Siswa Hapus Data Siswa Cetak Data Siswa Lihat Data Ujian Tambah Data Ujian Ubah Data Ujian Hapus Data Ujian Cetak Data Ujian Lihat Data Nilai Cari Data Nilai Hapus Data Nilai Cetak Data Nilai Ganti Password
Pilih menu data siswa, tambah, kemudian masukkan data siswa Pilih menu data siswa, cari, masukkan NIS atau Nama Pilih menu data siswa, lihat/cari, edit Pilih menu data siswa, lihat/cari, edit Pilih menu data siswa, cetak, masukkan kelas siswa dan print Pilih menu data ujian, lihat, pilih kelas Pilih menu data ujian, tambah, kemudian masukkan data ujian baru Pilih menu data ujian, lihat, pilih kelas, edit Pilih menu data ujian, lihat, pilih kelas, hapus Pilih menu data ujian, cetak, masukkan kelas siswa dan print Pilih menu data nilai, lihat, pilih kelas Pilih menu data nilai, cari, masukkan NIS atau Nama Pilih menu data nilai, lihat, pilih kelas, hapus Pilih menu data nilai, cetak, masukkan kelas siswa dan print Pilih menu ganti password, masukkan password lama, masukkan password baru
Mengirimkan hasil jawaban untuk memperoleh nilai User masuk key halaman admin Data siswa tampil berdasarkan kelas yang dipilih
Berhasil
Data siswa bertambah
Berhasil
Menampilkan data siswa yang dicari
Berhasil
Data siswa berubah
Berhasil
Data siswa terhapus
Berhasil
Data siswa tercetak
Berhasil
Menampilkan data ujian berdasarkan kelas
Berhasil
Data ujian bertambah
Berhasil
Data ujian berubah
Berhasil
Data ujian terhapus
Berhasil
Data ujian/ soal tercetak
Berhasil
Menampilkan data nilai berdasarkan kelas Menampilkan data nilai yang dicari
Berhasil
Berhasil
Berhasil Berhasil
Nilai terhapus
Berhasil
Data niai tercetak
Berhasil
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
1.
Apakah aplikasi ujian ini mudah digunakan
Jumlah Persentase (%)
atau dioperasikan?
2.
a. mudah
•
10 %
b. sedang
•
90 %
c. sulit
•
0%
a. mudah
•
0%
b. sedang
•
70 %
c. sulit
•
30 %
a. terlalu lama
•
0%
b. cukup/sedang
•
90 %
c. kurang
•
10 %
Bagaimanakah tingkat kesulitan soal yang ada?
3.
Bagaimana tanggapan Anda mengenai waktu yang diberikan dalam mengerjakan soal?
86
4.
Bagaimana tanggapan Anda tentang tampilan aplikasi Ujian ini?
5.
a. bagus
•
100 %
b. cukup
•
0%
c. kurang
•
0%
a. bagus
•
100 %
b. cukup
•
0%
c. kurang
•
0%
Bagaimana
tanggapan
Anda
terhadap
keseluruhan aplikasi Ujian ini?
Hasil kuesioner pada Tabel 4.22 menunjukkan bahwa aplikasi ujian ini telah sesuai dengan kebutuhan user.
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.
87
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.
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.
89
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 PHPMySQL (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.