BAB III ANALISIS DAN PERANCANGAN

Transkripsi

1 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: 30

2 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.3 Rancangan 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 langkahlangkah yang dilakukan sebagai respons dari sebuah event untuk melakukan output tertentu. Serta perancangan database dan perancangan antar muka pemakai (user interface) 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, 31

3 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) Melihat Materi Mengerjakan Soal MelihatDaftar Nilai Mengerjakan Soal Guru (admin) Melihat Materi Login Membuat Soal <<include>> Menambahkan Materi <<include>> Mengelola Data Siswa Gambar 3.1 diagram use case aplikasi Tryout Online 32

4 Gambar diagram use case diatas mempresentasikan aplikasi tryout online. Karikatur manusia mangambarkan aktor, gambar lingkaran oval merepresentasikan use case dan garis-garis merepresentasikan kardinaliatas Melihat Materi Activity Diagram Siswa Melihat Materi Siswa Sistem Memilih menu lihat materi Memanggil data materi dari basis data Memilih data materi Menampilkan data kategorimateri Menampilkan data materi yang dipilih 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 33

5 memilih salah satu topik materi yang ada, maka sistem akan menanyakan apakah materi tersebut mau disimpan atau dibaca Skenario use case melihat materi Tabel 3.1 Spesifikasi skenario use case melihat materi Nama Use Case Melihat Materi Aktor Siswa Deskripsi Siswa melihat materi yang tersedia Singkat 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 Sequence diagram siswa melihat materi Gambar 3.3 Sequence diagram siswa melihat materi 34

6 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 Mengerjakan Soal Activity Diagram Mengerjakan Soal Siswa Sistem Memilih menu latihan soal Menampilkan pilihan jenis soal Memilih jenis soal MTK IPA BHS INDONESIA Memilih soal pelajaran MTK Memilih soal pelajaran IPA Memilih pelajaran Bhs iiindonesia Menampilkan soal yang dipilih Mengerjakan soal Memproses jawaban soal Menampilkan hasilnya Gambar 3.4 activity diagram siswa mengerjakan soal 35

7 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 Skenario use case mengerjakan soal Tabel 3.2 Spesifikasi skenario use case mengerjakan soal Nama Use Case Mengerjakan Soal Aktor Siswa Deskripsi Siswa Mengerjakan soal latihan sesuai dengan peminatan yang Singkat 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 36

8 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 37

9 3.3.4 Melihat Daftar Nilai Activity diagram siswa melihat daftar nilai Siswa Sistem Memilih menu hasil ujian Mengambil data hasil ujian dari database Menampilkan daftar nilai 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. 38

10 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 Siswa dapat melihat daftar yang ada Singkat 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 Sequence diagram siswa melihat daftar nilai Gambar 3.7 Sequence diagram siswa melihat daftar nilai 39

11 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 Membuat Soal Avtivity Diagram Membuat Soal Guru Sistem Memilih menu buat soal Menampilkan pilihan jenis soal yang akan dibuat Memilih jenis soal yang dibuat MTK IPA BHS INDONESIA Memilih soal per mata pelajaran MTK Memilih soal per mata pelajaran IPA Memilih soal per mata pelajaran BhsIndonesia Membuat soal Menyimpan soal ke dalam basisdata Gambar 3.8 activity diagram guru membuat soal 40

12 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 soalsoal tersebut akan ditampilkan kembali saat siswa mengakses menu soal atau ujian 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 Sequence diagram membuat soal Gambar 3.9 Sequence diagram guru membuat soal 41

13 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 Menambahkan Materi Activity Diagram Menambahkan Materi Guru Sistem Memilih menu tambah materi Menampilkan form materi Memasukkan materi baru Menyimpan materi dalam basis data 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. 42

14 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 Sequence diagram menambah materi Gambar 3.11 Sequence diagram guru menambah materi 43

15 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 Perancangan 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. 44

16 Siswa Id : int(10)* Userid : char(10) Password : char(20) Nama : char(20) Kelamin : enum( P, W ) Alamat : varchar(60) varchar (15) Telepon : char(15) Nis : char(6) Materi Id_ materi : int(4)* Jenis : varchar(60) Judul_materi : varchar(100) File_data : varchar(100) Definisi : text Tanggal : datetime Admin userid : char(10)* password : char (20) nama : varchar(20) nip : char(10) Soal n n Id_soal : int(11)* nn 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 Buku tamu Counter : int(10)* Pengirim : char(20) (char(30) Tanggal : date Waktu : time Pesan : varchar(255) Subject : varchar(40) Timer n Soal_MTK n Soal_IPA Id : int(4)* Second : int(4) 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 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 Nilai Nis : int(8)* Nilai : char(3) Date : char(10) Time : char(8) 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 45

17 arti apa-apa dan tidak dikehendaki kehadirannya dalam diagram ER tanpa kehadiran entitas di mana mereka bergantung 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 Rancangan antarmuka halaman utama Tampilan interface ini di rancang untuk memperlihatkan halaman utama dari aplikasi TryOut online LOGO SISWA ADMIN Gambar 3.13 Interface halaman utama 46

18 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 Rancangan antar muka mengerjakan soal Gambar 3.15 adalah interface mengerjakan soal latihan tryoutdimana siswa dapat memilih menu soal LOGO PILIH MENU SOAL SOAL MATEMATIKASOAL BAHASA INDONESIASOAL IPA Gambar 3.15 Gambar halaman siswa mengerjakan soal 47

19 Gambar Rancangan antar muka daftar nilai siswa LOGO Buat soal Update soal tambah matei hapus edit materi ubah password lihat nilai siswa logout Selamat Datang di Halaman Khusus Admin NIS Nilai Tanggal Ujian Waktu Ujian :45: :20: :40:45 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 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 48

20 LOGO DAFTAR MATERI TRYOUT Materi IPA Materi Matematika Materi Bahasa Indonesia Gambar 3.17 Gambar halaman siswa melihat materi 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 49

21 Gambar Rancangan antar muka halaman guru (admin) Gambar 3.19 adalah interface pada halaman buku tamu yang memperlihatkan tanggal, waktu, nama pengirim, pengirim serta pesan LOGO Tanggal waktu pengirim Hapus :25:56 Hapus :45:36 Gambar 3.19 Gambar halaman buku tamu 50