• Tidak ada hasil yang ditemukan

Activity Diagram

Dalam dokumen BAB 3 ANALISIS DAN PERANCANGAN APLIKASI (Halaman 28-41)

Activity diagram berisi penjelasan lebih lengkap mengenai urutan

suatu proses yang terjadi antara pelaku dan sistem. Aktivitas yang pertama selalu dimulai dari pelaku, kemudian akan mendapat respon dari sistem yang nantinya akan menampilkan proses akhir dari proses tersebut.

a. Activity Diagram Menu Utama

Proses ini membawa user pada halaman utama dari aplikasi. Di menu utama ini, terdapat menu maintenance, tutorial, course, dan high score. Pada saat admin/pengguna masuk ke menu maintenance, akan muncul username dan password yang harus diisi jika ingin melanjutkan ke halaman berikutnya. Di menu tutorial, admin/pengguna akan dijelaskan tentang pelajaran matematika untuk kelas 1 SD. Pada menu course, admin/pengguna diharuskan untuk mengisi nama untuk melanjutkan ke layar berikutnya. Menu high score akan menampilkan hasil nilai tertinggi yang telah diperoleh oleh admin/pengguna yang telah

login pada menu course. Menu exit akan mengantarkan admin/pengguna keluar dari aplikasi.

Gambar 3.10 Activity Diagram Menu Utama Memilih menu maintenance Memilih menu tutorial Memilih menu course Memilih menu high score

Menampilkan layar login maintenance

Menampilkan layar tutorial

Menampilkan layar login course

Menampilkan perolehan score tertinggi

b. Activity Diagram Menambah Soal

Proses ini terjadi saat admin akan menambahkan soal baru kedalam

database. Admin terlebih dahulu memilih menu Maintenance, kemudian

system akan menampilkan halaman login admin, setelah admin mengisi penggunaname dan password, maka sistem akan melakukan pengecekan terhadap penggunaname dan password itu, jika valid, maka akan tampil halaman Maintenance soal. Admin menekan tombol insert, kemudian mengisi soal baru dan menekan tombol insert now, maka soal akan tersimpan kedalam database.

memilih menu maintenance

Pengguna Sistem

menampilkan halaman login admin

mengisi username dan password

memeriksa username dan password

masuk halaman maintenance soal tekan tombol insert dan masukkan soal, setelah itu tekan insert now

masukkan soal ke dalam database

 

Gambar 3.11 Activity Diagram Menambah Soal

 

a. Activity Diagram Mengubah Soal

Proses ini terjadi saat admin akan mengubah soal yang telah ada.

Admin terlebih dahulu memilih menu Maintenance, kemudian sistem

akan menampilkan halaman login admin, setelah admin mengisi penggunaname dan password, maka system akan melakukan pengecekan

terhadap penggunaname dan password itu, jika valid, maka akan tampil halaman Maintenance soal. Admin memilih soal yang akan diubah, kemudian menekan tombol update, maka soal itu telah terubah di

database.

memilih menu maintenance

Pengguna Sistem

menampilkan halaman login admin

mengisi username dan password

memeriksa username dan password

masuk halaman maintenance soal pilih soal yang akan diubah, tekan tombol ubah

soal sudah terubah dalam database

b. Activity Diagram Menghapus Soal

Proses ini terjadi saat admin akan mengubah soal yang telah ada.

Admin terlebih dahulu memilih menu Maintenance, kemudian sistem

akan menampilkan halaman login admin, setelah admin mengisi penggunaname dan password, maka system akan melakukan pengecekan terhadap penggunaname dan password itu, jika valid, maka akan tampil halaman Maintenance soal. Admin memilih soal yang akan dihapus, kemudian menekan tombol delete, maka soal itu telah terhapus dari

memilih menu maintenance

Pengguna Sistem

menampilkan halaman login admin

mengisi username dan password

memeriksa username dan password

masuk halaman maintenance soal pilih soal yang akan dihapus, tekan tombol hapus

soal sudah terhapus dari database

Gambar 3.13 Activity Diagram Menghapus Soal

c. Activity Diagram Menampilkan Soal atau tidak

Proses ini terjadi saat admin akan mengubah soal yang telah ada.

Admin terlebih dahulu memilih menu Maintenance, kemudian sistem

akan menampilkan halaman login admin, setelah admin mengisi penggunaname dan password, maka system akan melakukan pengecekan terhadap penggunaname dan password itu, jika valid, maka akan tampil

halaman Maintenance soal. Admin memilih soal yang akan ditampilkan, kemudian men check tampilkan soal, setelah itu menekan tombol update, maka soal yang telah dicheck oleh admin akan ditampilkan di menu

course.

memilih menu maintenance

Pengguna Sistem

menampilkan halaman login admin

mengisi username dan password

memeriksa username dan password

masuk halaman maintenance soal pilih soal yang akan ditampilkan, check tampilkan soal, tekan update

soal yang tercheck akan diupdate dan tampil pada menu course

Gambar 3.14 Activity Diagram Menampilkan Soal atau tidak

d. Activity Diagram Mengelompokkan Soal

Proses ini terjadi saat admin akan mengubah soal yang telah ada.

akan menampilkan halaman login admin, setelah admin mengisi penggunaname dan password, maka sistem akan melakukan pengecekan terhadap penggunaname dan password itu, jika valid, maka akan tampil halaman Maintenance soal. Admin memilih soal yang akan dikelompokkan, memilih jenis soalnya, kemudian menekan tombol

update, maka sistem akan menyimpan soal tersebut berdasarkan

memilih menu maintenance

Pengguna Sistem

menampilkan halaman login admin

mengisi username dan password

memeriksa username dan password

masuk halaman maintenance soal pilih soal yang akan dikelompokan, masukan dalam jenis soal mana, update

soal yang telah dikelompokan akan tersimpan

Gambar 3.15 Activity Diagram Mengelompokkan Soal

e. Activity Diagram Melihat tutorial

Proses ini terjadi saat admin atau pengguna akan melihat tutorial, maka admin atau pengguna menekan tombol tutorial dan akan tampil

memilih menu tutorial

Pengguna Sistem

menampilkan halaman tutorial

 

Gambar 3.16 Activity Diagram Melihat tutorial

f. Activity Diagram Mengatur tutorial

Proses ini terjadi saat admin dapat mengatur navigasi tutorial, untuk maju ke tutorial selanjutnya atau mundur ke tutorial sebelumnya, serta dapat langsung memilih menu untuk lanjut ke tutorial yang telah dipilih.

memilih menu tutorial

Pengguna Sistem

menampilkan halaman tutorial

melakukan navigasi atau memilih menu tutorial menampilkan sesuai navigasi oleh pengguna

 

Gambar 3.17 Activity Diagram Mengatur tutorial   

g. Activity Diagram mengambil course

Proses ini terjadi saat admin / pengguna dapat mengambil course atau latihan soal, pertama tama memilih jenis soal terlebih dahulu, kemudian memilih jawaban yang benar untuk soal

memilih menu course

Pengguna Sistem

menampilkan halaman input nama

masukan nama menampilkan halaman course

memilih jawaban course, setelah selesai tekan finish

menyimpan score dari user ke dalam database

Gambar 3.18 Activity Diagram mengambil course

h. Activity Diagram melihat rapor

Proses ini terjadi saat admin atau pengguna akan melihat rapor, maka setelah mengisi semua soal berdasarkan jenis soal, maka akan muncul rapor dari pengguna yang bersangkutan. Nilai rapor berdasarkan jenis soal.

memilih menu course

Pengguna Sistem

menampilkan halaman input nama

masukan nama menampilkan halaman course

memilih jawaban course, setelah selesai tekan finish

menyimpan score dari user ke dalam database

menekan tombol lihat rapor

menampilkan nilai user yang bersangkutan dari database

Gambar 3.19 Activity Diagram melihat rapor

i. Activity Diagram melihat highscore

Proses ini terjadi saat admin atau pengguna akan melihat high score,

admin atau pengguna cukup menekan tombol highscore, maka

akan muncul semua score dari semua pengguna yang telah mengambil course.

memilih menu highscore

Pengguna Sistem

menampilkan highscore dari masing-masing user

Gambar 3.20 Activity Diagram melihat highscore

Dalam dokumen BAB 3 ANALISIS DAN PERANCANGAN APLIKASI (Halaman 28-41)

Dokumen terkait