Aplikasi ini nantinya akan ditambahkan Quis untuk sejauh mana user memahami materi yang ada. Quis terdapat 2 jenis menu,yaitu Flowchart dan
DFD. Pada quis ini ketika user menjawab, maka score akan bertambah dan hasilnya akan di ketahui di akhir soal.User juga dapat mengetahui siapa saja
user lain yang pernah mengikuti kuis dan dapat mengelola score tertinggi.
3.2 Perancangan Sistem
Pada sub-bab ini akan dijelaskan tentang perancangan pembuatan tutorial pembelajaran pembuatan Flowchart dan data flow diagram DFD menggunakan
flash berbasis web,p dimulai dari awal pembuatan sampai pada aplikasi, dimana didalamnya terdapat kebutuhan perangkat keras dan perangkat lunak, Flowchart
dan deskripsi aplikasi kebutuhan perangkat lunak.
3.2.1. Alur Aplikasi
Dalam perancangan sistem dibutuhkan alur aplikasi yang sistematis dan searah sehingga dapat terencana dengan baik. Dalam modul
pembelajaran ini, Peneliti membagi tutorial pembelajaran pembuatan Flowchart dan data flow diagram DFD menggunakan flash berbasis web
ini menjadi empat bagian, empat bagian tersebut adalah Opening yang menampilkan Biodata dari pembuat aplikasi tutorial pembelajaran
pembuatan Flowchart dan data flow diagram DFD menggunakan flash berbasis web ini dan berisi tentang tata cara yang akan di bahas pada
aplikasi pembelajaran ini yang di tampilkan di halaman utama atau Home, Menu-menu yang di sediakan pada setiap bab yaitu Buku Tamu, Tutorial
dan Quis.Dimana di menu quis user juga bisa dapat memilih tipe quis
DFD atau Flowchart dan bisa melihat history,untuk digunakan melihat nilai dari user tersebut.
Start Home
Login regiter
register Tutorial
Quis Tutorial
Dfd flowchart
History dfd
Flowchart history
End tidak
tidak ya
ya ya
ya ya
ya tidak
tidak tidak
tidak Buku Tamu
Buku Tamu ya
tidak Buku Tamu
Buku Tamu ya
tidak
logout tidak
tidak
ya
Simpan komentar simpan username
dan password Simpan komentar
Simpan jawaban dfd
Simpan jawaban flowchart
Lihat histpry Lihat tutorial
Gambar 3.1 Flowchart User
Pada Gambar diatas akan dijelaskan tentang alur tutorial pembelajaran pembuatan Flowchart dan data flow diagram DFD menggunakan flash berbasis
web ini mulai dari membuka aplikasi sampai dengan menutup aplikasi. Untuk dapat menggunakan aplikasi ini, user diwajibkan mengakses website yang
memuat Tutorial ini, hal yang dilakukan yaitu login pada form yang telah disediakan. Jika user belum terdaftar, maka user harus melakukan Registrasi
terlebih dahulu dengan mengklik button register yang terdapat pada situs web tersebut.Karena jika user tidak login terlebih dahulu maka hanya home dan Buku
Tamu saja yang tampil.
Start Input
username dan
pasword valid
home
Tambah soal dfd
Tambah soal flowchart
Kelola soal dfd
kelola soal flowchart
Logout
end Tampil
tambah soal
flowchart Tampil
tambah soal dfd
Tampil kelola soal
dfd
Tampil kelola soal
flow Edit soal
Hapus soal
Edit soal
Hapus soal ya
ya tidak
ya
ya
ya
ya tidak
ya tidak
tidak
tidak ya
ya ya
tidak
tidak tidak
tidak Lihat user
tidak
tidak Tampil lihat
user Hapus user
ya ya
tidak Kelola
pesan Tampil
kelola pesan
balas Hapus pesan
tidak tidak
Form balas ya
ya Simpan soal dfd
Simpan soal flow
Edit soal dfd
Hapus soal dfd
Edit soal flow
Hapus soal flow
Hapus user
Hapus pesan Balas pesan
Gambar 3.2 Flowchart Admin
Pada gambar 3.2 akan menjelaskan tentang alur halaman Admin pada tutorial pembelajaran pembuatan Flowchart dan data flow diagram DFD
menggunakan flash berbasis web. Sama seperti Flowchart user, admin juga harus melakukan login untuk dapat masuk ke dalam sistem. Setelah
melakukan login, admin akan melihat halaman admin, yang mana terdapat lima proses, yaitu tambah soal Flowchart, tambah soal DFD, kelola soal
Flowchart, kelola soal DFD dan Lihat user.Dimana di menu kelola soal,soal dapat di edit dan dihapus.
3.2.2 Context Diagram