Desain Use Case Desain Data Flow Diagram Desain Database

59

2. System and Software Design

Berdasarkan pengumpulan informasi mengenai kebutuhan dapat ditentukan produk yang dikembangkan adalah berupa sistem yang mampu menyelenggarakan tes, dengan manajemen soal, siswa atau peserta, dan juga koreksi jawaban ujian. Pada tahap ini dibuat desain sistem yang dikembangkan, yaitu berupa desain use case program, desain data flow diagram, dan desain database.

a. Desain Use Case

Use case diagram digunakan untuk menjelaskan fungsionalitas dan fitur dari aplikasi web secara lebih ringkas. Fungsionalitas dan fitur dari aplikasi web dari tinjauan pengguna baik, administrator, guru maupun siswa dapat dijelaskan pada Gambar 6. Gambar 6. Desain use-case diagram Siswa Mengikuti Tes Melihat hasil tes yang sudah diikuti Konfigurasi tes judul, kode paket, kode peserta, dll Konfigurasi soal isi soal, kode soal, kunci Konfigurasi grup siswa kelompok siswa, kode grup, dll Konfigurasi peserta kode peserta, nama, grup, dll Konfigurasi hasil tes lihat detail, hapus Konfigurasi guru nama, password, dll Guru Administrator 60 Secara lebih rinci, use case diagram yang telah dibuat dapat dijelaskan dalam flowchart sistem. Flowchart sistem berfungsi untuk menggambarkan proses yang dilakukan oleh pengguna web dalam menjalankan sistem tes terkomputerisasi sebagai media latihan siswa SMK pada mata pelajaran teori kejuruan Teknik Elektronika Industri. Flowchart sistem ditunjukkan pada Lampiran 2.

b. Desain Data Flow Diagram

Desain data flow diagram digunakan untuk melengkapi desain use case dan menggambarkan proses aliran data secara lebih rinci dari sistem tes yang dikembangkan. Proses aliran data digambarkan dalam context diagram atau data flow diagram level 0 pada Gambar 7. Gambar 7. Desain DFD level 0 context diagram

c. Desain Database

Desain database sangat penting dikembangkan karena berhubungan dengan isi yang ditampilkan dalam web. Dalam desain database ini dibuat tabel-tabel yang SISTEM TES BERBASIS WEB ADMINISTRATOR GURU PESERTA DATA GRUP PESERTA DATA SOAL DATA TES DATA PESERTA DATA HASIL TES DATA GURU DATA GRUP PESERTA DATA SOAL DATA TES DATA PESERTA DATA HASIL TES DATA TES 61 digunakan untuk menyimpan data, dan relasi antar tabel. Desain database dengan relation digambarkan pada Gambar 8. Gambar 8. Desain Database Berikut adalah penjelasan dari masing-masing tabel yang terdapat dalam database. 1 Tabel un_guru Tabel un_guru digunakan untuk menyimpan data administrator dan guru yang dapat mengatur sistem tes. Pada tabel ini terdapat data nama, passoword, dan level dari pengguna. Terdapat dua jenis level pengguna, yaitu guru dan administrator. Level administrator dapat melakukan pengaturan menyeluruh pada sistem, sedangkan level guru tidak bisa mengatur akun pengguna guru yang dapat mengakses sistem. Struktur data dari tabel un_guru secara rinci terdapat pada Lampiran 1. 2 Tabel un_grup_peserta Tabel un_grup_peserta digunakan untuk menyimpan data grup peserta tes. Struktur data dari tabel un_grup_peserta secara rinci terdapat pada Lampiran 2. 62 3 Tabel un_peserta Tabel un_peserta digunakan untuk menyimpan data peserta tes. Struktur data dari tabel un_peserta secara rinci terdapat pada Lampiran 2. 4 Tabel un_daftar_tes Tabel un_daftar digunakan untuk menyimpan data daftar tes yang dapat diikuti oleh peserta. Masing-masing tes diatur durasi waktu, status tes, dan kode paket soal yang akan ditampilkan. Struktur data dari tabel un_daftar_tes secara rinci terdapat pada Lampiran 2. 5 Tabel un_soal Tabel un_soal digunakan untuk menyimpan data soal. Struktur data dari tabel un_soal secara rinci terdapat pada Lampiran 2. 6 Tabel un_pembahasan Tabel un_pembahasan digunakan untuk menyimpan data pembahasan dari soal yang ada. Struktur data dari tabel un_pembahasan secara rinci terdapat pada Lampiran 2. 7 Tabel un_tes Tabel un_tes digunakan untuk menyimpan data tes yang diikuti oleh peserta. Setiap peserta melakukan tes, maka data akan diinputkan untuk menandai bahwa peserta tersebut telah mengikuti tes. Struktur data dari tabel un_tes secara rinci terdapat pada Lampiran 2. 8 Tabel un_detail_tes Tabel un_detail_tes digunakan untuk menyimpan data pengerjaan tes yang diikuti oleh peserta dari setiap nomor soal. Struktur data dari tabel un_tes secara rinci terdapat pada Lampiran 2. 63

d. Desain Tampilan