30 BAB III
ANALISIS DAN PERANCANGAN
3.1 Identifikasi Masalah
Ujian tryout untuk para siswa kelas enam sekolah dasar merupakan salah satu hal terpenting dalam menghadapi ujian sekolah dan ujian Nasional. Biasanya
tryoutakan dilaksanakan pada saat akan menghadapi ujian akhir sekolah dan ujian nasional. Akan tetapi proses pelaksanaan yang biasa dilakukan masih berjalan secara manual yaitu dengan menggunakan kertas soal yang diberikan. Aplikasi sistem berbasis web ini mempunyai manfaat sebagai berikut:
1. Memberikan kemudahan bagi siswa yang akan mengikuti ujian tryout di sekolah tersebut.
2. Mempermudah guru untuk melihat hasil nilai ujian lebih cepat dan akurat. Pada ujian tryout yang masih secara manual pada saat ini masih terdapat banyak kekurangan seperti:
1. Banyak waktu yang terbuang karena mempersiapkan kertas soal dari mulai membuatnya sampai mencetak soal ujian tersebut.
2. Membutuhkan banyak waktu untuk memeriksa hasil ujian. 3. Dapat terjadi kesalahan penilaian pada ujian.
3.2 Spesifikasi Sistem
Dalam membuat aplikasi tryout berbasis web ini penulis juga menganalisa apa saja yang dibutuhkan dalam pembuatan aplikasi tersebut, dan analisa yang dibutuhkan diantaranya sebagai berikut:
31
1. Di dalam sistem ini terdapat soal-soal ujian yang dapat dikerjakan langsung dan siswa juga dapat menjawabnya serta mengetahui nilai atau hasil yang didapatnya.
2. Dalam aplikasi ini dibutuhkan pengelompokkan soal-soal kedalam suatu materi yang bertujuan agar soal dapat dimasukkan berdasarkan materi sehingga siswa akan lebih mudah untuk memilih materi soal yang akan dikerjakan lebih dulu.
3. Dalam aplikasi ini siswa dapat mendownload materi-materi yang dibutuhkan agar mempermudah dalam mempelajari materi yang langsung berhubungan dengan soal-soal ujian.
4. Dalam aplikasi ini bagi siswa yang ingin mengikuti ujian tryout mendaftar terlebih dahulu untuk dapat masuk kehalaman ujian.
3.3Rancangan Umum Aplikasi
Berdasarkan hasil analisa tersebut, penulis membuat sebuah aplikasi perancangan ujian tryout web yang menggunakan php dan mysql untuk membuat aplikasi tersebut. Agar aplikasi ini mudah dipahami, penulis membuat diagram
use case untuk menunjukkan fungsionalitas suatu sistem. Diagram aktifitas untuk menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Diagram sequence untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk melakukan output tertentu. Serta perancangan database dan perancangan antar muka pemakai (user interface)
3.3.1 Pemodelan Use Case Diagram
Use case diagram mengambarkan fungsionaliatas yang diharapkan dari suatu sistem, yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan “bagaimana” sebuah use case mempresentasikan sebuah interaksi antara aktor dengan sistem. Use case mengambarkan kata kerja seperti login ke sistem,
32
maintenance user dan sebagainya. Seorang (aktor) adalah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk melakukan pekerjaan– pekerjaan tertentu. Sebuah use case dapat meng-include fungsionalitas use case
lain sebagai bagian dari proses dalam dirinya. Secara umum diasumsikan bahwa
use case yang di-include akan dipanggil setiap kali use case yang meng-include di eksekusi secara normal.
Pada aplikasi perancangan ujian tryoutini dapat di identifikasi bahwa aktor tersebut adalah user, guru dan admin. Maka akan di dapat suatu diagram use case dan beberapa skenario yang memperlihatkan interaksi-interaksi dari diagramuse case dengan actor. Diagram use case ini dapat dilihat dalam gambar 3.
Siswa (user)
Guru (admin)
<<include>> <<include>>
Gambar 3.1 diagram use case aplikasi Tryout Online Melihat Materi
Mengerjakan Soal
MelihatDaftar Nilai
Menambahkan Materi Membuat Soal
Mengelola Data Siswa
Login Melihat Materi
33
Gambar diagram use case diatas mempresentasikan aplikasi tryout online. Karikatur manusia mangambarkan aktor, gambar lingkaran oval merepresentasikan use case dan garis-garis merepresentasikan kardinaliatas.
3.3.2 Melihat Materi
3.3.2.1 Activity Diagram Siswa Melihat Materi
Siswa Sistem
Gambar 3.2 activity diagram siswa melihat materi
Pada gambar diagram aktifitas siswa melihat materi menggambarkan setelah siswa mengakses halaman siswa akan menemukan menu lihat materi dan saat siswa mengakses menu lihat materi, maka system akan menampilkan daftar materidan masing-masing materi tersebut dapat dipilih siswa untuk dipelajari selain itu materi tersebut dapat diunduh jika memang diperlukan. Dengan cara
Menampilkan data materi yang dipilih Memilih data materi Menampilkan data kategorimateri Memilih menu lihat materi
Memanggil data materi dari basis data
34
memilih salah satu topik materi yang ada, maka sistem akan menanyakan apakah materi tersebut mau disimpan atau dibaca.
3.3.2.2 Skenario use case melihat materi
Tabel 3.1 Spesifikasi skenario use case melihat materi Nama Use Case Melihat Materi
Aktor Siswa
Deskripsi Singkat
Siswa melihat materi yang tersedia
Skenario 1. Siswa memilih link materi
2. Kemudian sistem akan menampilkan materi yang telah tersedia
3. Siswa mengunduh materi
4. Sistem akan memanggil data materi dari database Kondisi Awal Data materi telah tersedia di dalam database
Kondisi Akhir Materi yang dipilih mengalami download
3.3.2.3 Sequence diagram siswa melihat materi
35
Dalam diagram diatas untuk melihat materi siswa harus mengakses menu siswa, kemudian sistem akan menampilkan halaman siswa. Selanjutnya siswa memilih menu lihat materi dan sistem akan mengambil data materi dari database materi untuk ditampilkan ke dalam sistem.
3.3.3 Mengerjakan Soal
3.3.3.1 Activity Diagram Mengerjakan Soal
Siswa Sistem
Gambar 3.4 activity diagram siswa mengerjakan soal Memilih soal pelajaran IPA Memproses jawaban soal Menampilkan hasilnya Mengerjakan soal Menampilkan soal yang dipilih Memilih soal pelajaran MTK Memilih pelajaran Bhs iiIndonesia BHS INDONESIA IPA MTK
Memilih jenis soal
Menampilkan pilihan jenis soal Memilih menu
36
Pada gambar diagram aktifitas siswa mengerjakan soal, system akan menampilkan pilihan soal dan dan siswa harus memilih salah satu dari tiga pilihan soal-soal tersebut. Setelah memilih salah satu pilihan soal maka system akan memanggil data soal yang akan dipilih dari basisdata dan menampilkannya kemudian siswa menjawab soal. Setelah siswa selesai menjawab soal, maka sistem akan memproses jawaban siswa kemudian system akan menampilkan hasilnya.
3.3.3.2 Skenario use case mengerjakan soal
Tabel 3.2 Spesifikasi skenario use case mengerjakan soal Nama Use Case Mengerjakan Soal
Aktor Siswa
Deskripsi Singkat
Siswa Mengerjakan soal latihan sesuai dengan peminatan yang dipilih
Skenario 1. Siswa memilih link soal ujian
2. Kemudian system akan menampilkan menu soal 3. Siswa memilih soal sesuai dengan peminatan 4. Siswa mengerjakan soal
5. Sistem menampilkan hasilnya
6. Siswa mengetahui hasilnya serta jawaban salah dan benar
Kondisi Awal Data soal telah tersedia dalam database
Kondisi Akhir Siswa dapat mengetahui seberapa besar kemampuannya mengerjakan soal
37
3.3.3.3 Sequence diagram siswa mengerjakan soal
Gambar 3.5 Sequence diagram siswa mengerjakan soal
Dalam diagram ini dijelaskan siswa memilih menu soal kemudian sistem menampilkan halaman soal. Selanjutnya siswa mengisi jawaban setelah mengerjakan soal yang telah ditampilkan kemudian sistem akan memproses jawaban dan hasilnya akan disimpan dalam basisdata nilai
38 3.3.4 Melihat Daftar Nilai
3.3.4.1 Activity diagram siswa melihat daftar nilai
Siswa Sistem
Gambar 3.6 activity diagram siswa melihat daftar nilai
Pada gambar diagram aktifitas tryoutOnline menunjukan diagram aktifitas pada halaman siswa. Pada menu tryout online di halaman ini, siswa melakukan beberapa aktifitas yaitu mengerjakan soal-soal ujian sesingkat mungkin hal ini karena pada menu tryout online di lengkapi dengan timer untuk mengetahui seberapa lama siswa menyelesaikan soal ujian tersebut.
Menampilkan daftar nilai Mengambil data hasil ujian
dari database Memilih menu
39 3.3.4.2 Skenario use case melihat daftar nilai
Tabel 3.3 Spesifikasi skenario use case melihat daftar nilai Nama Use Case Melihat daftar nilai
Aktor Siswa
Deskripsi Singkat
Siswa dapat melihat daftar yang ada
Skenario 1. Siswa memilih menu lihat nilai
2. Sistem akan menampilkan informasi mengenai nilai yang ada
Kondisi Awal Data nilai siswa telah ada dalam database
Kondisi Akhir Siswa dapat mengetahui nilai yang didapat setelah mengerjakan soal latihan
3.3.4.3 Sequence diagram siswa melihat daftar nilai
40
Pada diagram ini dijelaskan siswa mengakses menu siswa kemudian system menampilkan halaman siswa. Setelah berada di halaman siswa kemudian siswa memilih menu lihat nilai, maka system mengambil data nilai dari basisdata nilai untuk ditampilkan pada halaman daftar niai.
3.3.5 Membuat Soal
3.3.5.1 Avtivity Diagram Membuat Soal
Guru Sistem
Gambar 3.8 activity diagram guru membuat soal
Menyimpan soal ke dalam basisdata Membuat soal
Memilih soal per mata pelajaran
BhsIndonesia Memilih soal per
mata pelajaran IPA Memilih soal per
mata pelajaran MTK BHS INDONESIA IPA MTK
Memilih jenis soal yang dibuat
Menampilkan pilihan jenis soal yang akan dibuat Memilih menu
41
Pada diagram aktivitas ini digambarkan proses guru dalam membuat soal latihan. Pertama guru mengakses menu halaman guru kemudian system akan menampilkan menu pilihan guru dan ketika guru memilih menu membuat soal maka system akan menampilkan form pembuatan soal dan guru akan mengisi form itu setelah selesai. Soal yang dibuat akan disimpan dalam basisdata dan soal-soal tersebut akan ditampilkan kembali saat siswa mengakses menu soal-soal atau ujian
3.3.5.2 Skenario use case membuat soal
Tabel 3.4 Spesifikasi scenario use case membuat soal Nama Use Case Membuat soal
Aktor Guru
Deskripsi Singkat Guru dapat membuat soal sesuai dengan peminatan Skenario 1. Guru memilih menu buat soal
2. System akan menampilkan form pembuatan soal 3. Guru mengisi form pembuatan soal
4. Sistem akan menyimpan soal ke dalam basisdata Kondisi Awal Data soal belum ada dalam basisdata
Kondisi Akhir Guru dapat memberikan soal kepada siswa
3.3.5.3 Sequence diagram membuat soal
42
Pada diagram ini dijelaskan bahwa guru dapat membuat soal latihan dengan mengakses halaman guru. Kemudian guru memilih menu buat soal, maka halaman fom soal ditampilkan, selanjutnya guru bisa mengisi form pembuatan soal. Apabila sudah selesai, maka sistem akan menyimpan data sol tersebut ke dalam basisdata kemudian soal yang dibuat akan ditampilkan kembali.
3.3.6 Menambahkan Materi
3.3.6.1 Activity Diagram Menambahkan Materi
Guru Sistem
Gambar 3.10 activity diagram guru menambah materi
Dalam diagram aktivitas guru menambah materi, yaitu guru memilih menu tambah materi, setelah halaman tambah materi ditampilkan, selanjutnya guru menambah materi dengan cara upload file, maka system akan mengirim data tersebut ke basisdata. Kemudian basisdata menyimpannya, maka data materi telah tersimpan. Dan siswa akan dapat melihat file data yang telah di masukkan melalui halaman siswa. Memasukkan materi baru Menyimpan materi dalam basis data Menampilkan form materi Memilih menu tambah materi
43 3.3.6.2 Skenario menambah materi
Tabel 3.5 Spesifikasi scenario use case Menambahkan Materi Nama Use Case Menambahkan materi
Aktor Guru
Deskripsi singkat Guru dapat menambahkan materi
Skenario 1. Guru memilih menu tambah materi
2. Sistem akan menampilkan form penambahan materi 3. Guru menambahkan data materi
4. System menyimpan data materi ke dalam basisdata Kondisi Awal Data materi di ddalam database belum bertambah
Kondisi Akhir Guru dapat memberikan materi yang dibutuhkan siswa
3.3.6.3 Sequence diagram menambah materi
44 3.4 Perancangan Basis data
Pada perancangan basis data penulis akan menjelaskan beberapa tabel yang digunakan dalam aplikasi ini. Pada aplikasi ini terdapat 10 tabel yang digunakan yaitu tabel siswa, tabel admin, materi_kategori, materi soal_ujian, materi soal_matematika, materi soal_IPA, materi soal_Bhs_Indonesia, tabel nilai, tabel buku tamu, tabel waktu.
3.4.1Perancangan Diagram ERD
Entity Relationship Diagram adalah model data yang menggunakan beberapa notasi untuk menggambarkan data sebagai pengganti istilah entitas dan relasinya. Gambar berikut menggambarkan ERD yang digunakan dalam aplikasi web TryOut online, dibawah ini.
45 n n
nn
n n
Gambar 3.12 Diagram ERD Siswa
Pada gambar diatas terdapat sepuluh buah tabel.Tabel tunggal Strong entity
(entitas kuat) entitas yang mandiri, yang keberadaannya tidak bergantung pada keberadaan entitas yang lainnya digambar ini.Instansiasi entitas kuat selalu memiliki karakteristik yang unik disebut identifier. Tabel tersebut ada enam tabel entitas yang mandiri dan 4 tabel yaitu tabel ganda yang keberadaannya sangat bergantung pada keberadaan entitas yang lainnya.Entitas lemah tidak memiliki
Siswa Id : int(10)* Userid : char(10) Password : char(20) Nama : char(20) Kelamin : enum(„P‟,‟W‟) Alamat : varchar(60) Email : varchar (15) Telepon : char(15) Nis : char(6) Soal Id_soal : int(11)* Soal : text Pil_a : text Pil_b : text Pil_c : text Pil_d : text Jawaban : char(1) Status : enum‟Aktif‟,‟Tidak aktif‟ tgl Materi
Id_ materi : int(4)* Jenis : varchar(60) Judul_materi : varchar(100) File_data : varchar(100) Definisi : text Tanggal : datetime Nilai Nis : int(8)* Nilai : char(3) Date : char(10) Time : char(8) Admin userId : char(10)* password : char (20) nama : varchar(20) nip : char(10) Soal_MTK Id_soal : int(11)* Soal : text Pil_a : text Pil_b : text Pil_c : text Pil_d : text Jawaban : char(1) Status : enum‟Aktif‟,‟Tidak aktif‟ tgl Buku tamu Counter : int(10)* Pengirim : char(20) Email : (char(30) Tanggal : date Waktu : time Pesan : varchar(255) Subject : varchar(40) Soal_IPA Id_soal : int(11)* Soal : text Pil_a : text Pil_b : text Pil_c : text Pil_d : text Jawaban : char(1) Status : enum‟Aktif‟,‟Tidak aktif‟ tgl Soal_BHS Ind. Id_soal : int(11)* Soal : text Pil_a : text Pil_b : text Pil_c : text Pil_d : text Jawaban : char(1) Status : enum‟Aktif‟,‟Tidak aktif‟ tgl Timer Id : int(4)* Second : int(4)
46
arti apa-apa dan tidak dikehendaki kehadirannya dalam diagram ER tanpa kehadiran entitas di mana mereka bergantung.
3.4.2 Perancangan Antarmuka
Pada bagian ini penulis akan menggambarkan rancangan antar muka dimana rancangan antar muka ini dibuat agar pengguna dapat dengan mudah mengerti cara menggunakan aplikasi ini atau dengan kata lain rancangan antar muka ini dibuat user friendly bagi pengguna. Untuk itu diciptakan suatu antarmuka yang baik.
3.4.2.1Rancangan antarmuka halaman utama
Tampilan interface ini di rancang untuk memperlihatkan halaman utama dari aplikasi TryOut online
Gambar 3.13 Interface halaman utama LOGO
47
3.3.4.2 Rancangan antarmuka halaman siswa
Tampilan halaman login terdiri dari field username, password dan nis. Halaman ini berfungsi untuk memastikan apakah siswa sudah terdaftar atau belum dalam database.
Gambar 3.14 Gambar interface halaman login
Gambar 3.3.4.3 Rancangan antar muka mengerjakan soal
Gambar 3.15 adalah interface mengerjakan soal latihan tryoutdimana siswa dapat memilih menu soal
Gambar 3.15 Gambar halaman siswa mengerjakan soal LOGO
PILIH MENU SOAL
48
Gambar 3.4.2.4 Rancangan antar muka daftar nilai siswa
Gambar 3.16 Gambar halaman daftar nilai siswa
Gambar 3.16 adalah halaman daftar nilai siswa.Dalam halaman tersebut siswa dapat melihat nilai, dan waktu pengerjaan soal.
Gambar 3.4.2.5 Rancangan antar muka siswa melihat materi
Gambar 3.20 adalah interface melihat materi. Pada halaman ini siswa dapat mendownload materi atau hanya melihat materi. Kemudian siswa juga dapat memilih materi yang diinginkan
LOGO
Buat soal Update soal tambah matei hapus edit materi ubah password lihat nilai siswa logout
NIS Nilai Tanggal Ujian Waktu Ujian 2198 85 5-12-2011 1:45:30 2198 78 6-12-2011 1:20:03 2198 90 7-12-2011 1:40:45
49
Gambar 3.17 Gambar halaman siswa melihat materi
3.4.2.6 Rancangan antar muka halaman guru (admin)
Gambar 3.18 adalah interface halaman guru (admin) dalam pembuatan soal. Halaman pembuatan soal dapat diakses oleh guru (admin) dengan memilih menu buat soal.Dengan halaman ini guru (admin) dapat menambah.Merubah, dan menghapus soal.
Gambar 3.18 Gambar halaman membuat soal LOGO
DAFTAR MATERI TRYOUT Materi IPA
Materi Matematika Materi Bahasa Indonesia
50
Gambar 3.4.2.7 Rancangan antar muka halaman guru (admin)
Gambar 3.19 adalah interface pada halaman buku tamu yang memperlihatkan tanggal, waktu, nama pengirim, email pengirim serta pesan
Gambar 3.19 Gambar halaman buku tamu LOGO
Tanggal waktu pengirim email pesa n Hapus 12-12-2011 08:25:56 Farrah @yahoo.com tes Hapus 14-12-201 09:45:36 Farhan @yahoo.com tes
