9. Guru dan Siswa memasukkan
password tetapi tidak memasukkan username. Lalu mengklik tombol
Login
10. Sistem merespon dengan
menampilkan pesan error dan meminta pengguna untuk
memasukkan username dan password yang sesuai dengan
database untuk login
11. Guru dan Siswa memasukkan
username dan password yang tidak sesuai dengan data di database serta
mengklik tombol Login
12. Sistem memverifikasi semua data
yang dimasukkan oleh pengguna dan merespon dengan
menampilkan pesan “masukan username dan password dengan
benar”
Nama use case : Insert data siswa
Actor : Guru
Table 3.2 Narasi Use Case Insert Data Siswa
Aksi Aktor Reaksi Sistem
Scenario normal 1. Sistem menampilkan form login
yang berupa text field untuk memasukkan user name dan password
serta tombol ”Login” 2. Guru memasukkan username dan
password serta mengklik tombol ”Login”
3. Sistem memverifikasi semua data yang telah diinputkan oleh user dan
menampilkan pesan “Login berhasil”. 4. Guru memilih menu tambah siswa
untuk memasukan data siswa yang baru
5. Sistem akan menampilkan halaman untuk menambah data siswa baru.
Pada halaman tersebut terdapat text field untuk memasukan nama
siswa, nomor siswa dan password dengan tipe inputan text field.
6. Guru mengisi
form untuk
menambahkan data siswa baru. Lalu menekan tombol simpan
7. Sistem akan emnyimpan data siswa dan akan menampilkan pesan
konfirmasi data siswa baru sudah berh asil disimpan.
Scenario Alternatif 1 8.
Guru memasukkan username dan password yang tidak sesuai dengan
data di database serta mengklik tombol Login
9. Sistem memverifikasi semua data
yang dimasukkan oleh pengguna dan merespon dengan menampilkan pesan
“masukan username dan password den
gan benar” Scenario alternative 2
10. Guru mengisi form untuk
menambahkan siswa baru dan
menekan tombol “simpan” 11.
Jika data tidak berhasil disimpan,
maka system akan menampilkan pesan gagal.
Scenario alternative 3 12.
Guru mengisi form untuk
menambahkan data siswa baru dan
menekan tombol “batal”
13. Sistem akan mereset semua data yang sudah diisikan oleh guru
dalam form tambah siswa
Nama Use Case : Edit Data Siswa
Aktor : Guru
Tabel 3.3 Narasi Use Case Edit Data Siswa Aksi Aktor
Reaksi Sistem Scenario normal
1. Sistem menampilkan form login yang berupa text field untuk
memasukkan user name dan password serta tombol ”Login”
2. Guru memasukkan username dan password serta mengklik tombol
”Login” 3. Sistem memverifikasi semua data
yang telah diinputkan oleh user dan menampilkan pesan “Login berhasil”.
4. Guru memilih menu ubahedit siswa untuk mengubah data siswa,
lalu guru menampilkan daftar siswa yang ada
5. Sistem menampilkan daftar siswa 6. Guru mengisikan nomor siswa
yang akan diedit
7. Sistem akan menampilkan data
siswa yang akan diubah. Terdapat nomor, nama dan password
8. Guru melakukan perubahan data
pada siswa tersebut lalu klik “simpan”
9. Sistem akan menampilkan pesan
konfirmasi bahwa data siswa sudah berhasil diubah dan sudah
disimpan didatabase
Scenario alternative 1 10.
Guru memasukkan username dan
password yang tidak sesuai dengan data di database serta
mengklik tombol Login
11. Sistem memverifikasi semua data
yang dimasukkan oleh pengguna dan merespon dengan
menampilkan pesan “masukan username dan password dengan
benar” Scenario alternative 2
12. Guru melakukan perubahan data
pada data siswa tersebut lalu klik
“simpan” 13.
Jika data tidak berhasil disimpan,
maka sistem akan menampilkan pesan gagal.
Scenario alternative 3
14. Guru melakukan perubahan data pada data siswa tersebut lalu klik
“batal” 15. Sistem akan mereset semua data
yang sudah diisikan oleh guru.
Nama Use Case : Delete data siswa
Aktor : Guru
Table 3.4 Narasi Use Case Delete Data Siswa Aksi Aktor
Reaksi Sistem Scenario normal
1. Sistem menampilkan form login yang berupa text field untuk
memasukkan user
name dan
password serta tombol ”Login” 2. Guru dan siswa memasukkan
username dan
password serta
mengklik tombol ”Login
3. Sistem memverifikasi semua data yang telah diinputkan oleh user dan
menampilkan pesan “Login berhasil”. 4. Guru memilih menu siswa untuk
menampilkan data siswa 5. Sistem menampilkan daftar siswa
6. Guru mengisi nomor siswa yang akan di hapus lalu klik tombol
hapus
7. Sistem akan menampilkan pesan
data siswa sudah berhasil di hapus
Nama Use Case : Lihat Materi
Actor : Guru dan Siswa
Table 3.5 Narasi Use Case Lihat Materi Aksi Aktor
Reaksi Sistem Scenario normal
1. Sistem menampilkan halaman menu utama pengguna
2. Pengguna memilih menu lihat materi
3. Sistem menampilkan daftar materi 4. Pengguna memilih salah satu
materi berdasarkan materi yang ingin dilihat pengguna
5. Sistem menampilkan isi materi
Nama Use Case : Mengerjakan Latihan
Aktor : Siswa
Tabel 3.6 Narasi Use Case Mengerjakan Latihan Aksi Aktor
Reaksi Sistem Scenario normal
1. Sistem menampilkan halaman menu utama pengguna
2. Pengguna memilih menu lihat latihan
3. Sistem menampilkan form login untuk siswa dan umum
4. Pengguna memasukan nama dan password untuk login siswa atau
nama dan email untuk login umum 5. Sistem menverifikasi semua data
yang telah diinputkan oleh user dan menampilkan pesan login
berhasil
6. Sistem menampilkan daftar menu latihan kemudian pengguna
memilih sesuai dengan tingkatan yang dipilih
7. Siswa memilih salah satu dari menu latihan
8. Sistem akan menampilkan halaman soal
9. Siswa memilih jawaban yang telah disediakan
10. Siswa mengklik tombol next 11. Sistem akan melanjutkan ke soal
berikutnya
Scenario Alternatif
12. Siswa mengklik tombol Finish 13. Sistem akan menampilkan total
nilai yang diperoleh oleh siswa
3.7 Perancangan Basis Data
Tabel 3.7 Struktur Tabel AdminGuru
Nama Field Tipe
Keterangan
Username Varchar10
Field untuk username
Password Varchar10
Field untuk password
nama_admin varchar 30 Field
untuk nama guru
Tabel 3.8 Struktur Tabel Siswa
Nama Field Tipe
Keterangan
Nomor Varchar25
Primary key untuk tabel siswa
password Varchar10
Field untuk password siswa
nama_siswa Varchar40
Field untuk nama siswa
Tabel 3.9 Struktur Latihan Soal Pemula,Menengah, Lanjutan
Nama Field Tipe
Keterangan
Id Int 11
Primery key untuk tabel latihan
Nomor Int 11
Field untuk nomor soal
Soal Text
Field untuk path isi soal
A Varchar1000 Field untuk path isi jawaban
B Varchar1000 Field untuk path isi jawaban
C Varchar1000 Field untuk path isi jawaban
kunci Varchar1000 Field untuk path kunci
jawaban
3.8 Diagram Struktur Menu
Berikut ini adalah diagram alir yang menjelaskan struktur menu yang ada, dan hubungannya dengan modul yang ada
3.8.1 Diagram Struktur Menu untuk AdminGuru
AdminGuru
ADMIN
Sejarah Materi
Data Latihan Data siswa
Bantuan Logout
Edit materi Edit data latihan
Edit data siswa Pemula
Menengah Lanjutan
Insert data siswa Edit data siswa
Delete data siswa Lihat data siswa
Lihat nilai siswa
Cetak laporan nilai siswa
Gambar 3.3 Diagram Struktur Menu untuk AdminGuru