Analisa Sistem DFD Level 0

BAB III METODOLOGI PENELITIAN

3.1 Analisa Sistem

Berdasarkan latar belakang dan perumusan masalah yang terdapat dalam bab sebelumnya dapat diketahui perancangan yang dilakukan adalah membuat Aplikasi Tutorial pembelajaran pembuatan Flowchart dan data flow diagram DFD menggunakan flash berbasis web yang digunakan untuk media alternatif dalam proses belajar dan mengajar yang ingin mempelajari dan mengenal Flowchart dan DFD. Tutorial pembelajaran pembuatan Flowchart dan data flow diagram DFD menggunakan flash berbasis web ini diterapkan dengan menjalankan program yang dibangun dengan menggunakan Adobe Flash CS5 dan memilih menu- menu yang diinginkan dengan menjalankan tombol – tombol fungsi seperti pada menu utama terdiri dari home, buku tamu,tutorial dan quis memiliki berapa sub menu lagi untuk mempermudah user yang menggunakan aplikasi pembelajaran ini. Aplikasi pembelajaran ini memiliki konsep dasar pada pembuatan sistemnya, yaitu belajar Flowchart dan DFD dengan multimedia yang interaktif sehingga belajar tidak menggunakan buku saja, tetapi juga memanfaatkan perkembangan teknologi agar sistem pembelajaran menarik dan tidak monoton bagi user. 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

Diagram context mengacu pada Flowchart Alur, yang menjelaskan tentang aliran data secara umum dan akan menjadi dasar dalam penyusunan sistem ke level selanjutnya. Pada diagram context ini terdapat dua entity yaitu admin dan user. Penjelasan untuk masing-masing external entity yang mengelilingi proses pada DFD level context adalah sebagai berikut: a. Admin Admin dalam sistem tutorial pembelajaran pembuatan Flowchart dan data flow diagram DFD menggunakan flash berbasis web adalah orang yang dapat mengelola soal pada quis,seprti menambah,menghapus dan mengedit soal. Admin diwajibkan login terlebih dahulu untuk dapat memasuk ke halaman admin. b. User User dalam sistem modul pembelajaran ini adalah orang yang dapat mengakses materi,Buku Tamu,quis dan meKelola history quis. User diwajibkan login terlebih dahulu untuk dapat mengakses tutorial ini. Berikut ini adalah Gambar 3.3 yang akan menggambarkan tentang Context Diagram tutorial pembelajaran pembuatan Flowchart dan data flow diagram DFD menggunakan flash berbasis web. mengelola buku tamu mengisi buku tamu Tutorial history login user mengerjakan soal mengelola quis mengelola user mengelola soal login admin user 1 tutorial dfd dan flow + Gambar 3.3 Tutorial pembelajaran pembuatan Flowchart dan data flow diagramDFD menggunakan flash berbasis web.

3.2.3 Data Flow Diagram

Dari diagram berjenjang yang telah dibuat sebelumnya, maka dapat digambarkan lebih detail lagi untuk proses pada masing-masing level dalam pembuatan DFD Data Flow Diagram. Data Flow Diagram menggambarkan aliran data yang bergerak dari dan ke dalam proses. Untuk membuat Data Flow Diagram, Peneliti menggunakan tools yaitu Power Designer 12.

a. DFD Level 0

DFD Level 0 merupakan hasil decompose dari Context Diagram. Untuk lebih jelasnya, dapat dijelaskan pada gambar 3.4 berikut ini : mengelola soal validitas user data data valid user verifikasi login user validitas user data userr olah data user login user upload Tutorial [mengelola buku tamu] data pesan pesan mengisi buku tamu history mengerjakan soal soal dfd soal flow save simpan verifikasi login admin admin admin user user user user user admin 1 login data admin 2 kelola soal dfd flow 3 quis + pesan buku tamu 4 buku tamu + 5 managemen buku tamu + 6 kelola tutorial user login loginn 7 login user + 8 managemen user + 9 validitas user Gambar 3.4 DFD Level 0 tutorial pembelajaran pembuatan Flowchart dan data flow diagram DFD menggunakan flash berbasis web.

b. DFD Level 1 Quis