Perancangan Sistem Fase Kebutuhan Pengguna Narasi Use Case

guruadmin Tambah Data Siswa Ubah Data Siswa Hapus Data Siswa Lihat soal Update Soal LOGIN Lihat Materi

3.5 Use Case Diagram

3.5.1 Use Case diagram AdminGuru

Gambar 3.1 Use Case Diagram AdminGuru

3.5.2 Use Case Diagram Siswa

Gambar 3.2 Use Case Diagram Siswa

3.6 Narasi Use Case

Nama use case : Login Aktor : Guru dan Siswa Tabel 3.1 Narasi Use Case Login Aksi Aktor Reaksi Sistem Scenario normal 1. Sistem menampilkan form login yang berupa text field untuk memasukkan user name dan password serta tombol ”Login” siswaumum Lihat Sejarah Lihat Materi Latihan Soal 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 ber hasil”. Skenario Alternatif Scenario Alternatif 4.Sistem menampilkan form login yang berupa text field untuk memasukkan user name dan password serta tombol ”Login” 5. Guru dan Siswa tidak memasukan username dan password lalu mengklik tombol login

6. Sistem merespon dengan

menampilkan pesan error dan meminta pengguna untuk memasukkan username dan password yang sesuai dengan database untuk login

7. Guru dan Siswa memasukkan

username tetapi tidak memasukan password . lalu mengklik tombol Login1

8. Sistem merespon dengan

menampilkan pesan error dan meminta pengguna untuk memasukkan username dan password yang sesuai dengan database untuk login

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