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