Alur Aplikasi Perancangan Sistem

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