gambaran proses-proses yang bisa menampilkan dokumentasi sistem yang solid Kendall Kendall, 2006.
3.4.1 DFD Data Flow Diagram Level 0
DFD level 0 diagram konteks adalah tingkatan tertinggi dalam diagram aliran data dan hanya memuat satu proses,
menunjukan sistem secara keseluruhan.
Gambar 3.2 DFD Level 0 Diagram Konteks
Pada gambar 3.2 ini dapat dilihat bahwa diagram konteks pada aplikasi melibatkan satu entity yaitu user, penjelasan secara
singkat dari aliran data diagram diatas yaitu data yang diberikan pada user saat membuka aplikasi kemudian user memilih menu
yang ditampilkan, dan aplikasi akan memberikan data informasi tentang materi yang ada pada aplikasi.
Pilihan Menu User
Aplikasi Pembelajaran
Rangka
Tampilan Menu
3.4.2 DFD Data Flow Diagram Level 1
DFD level 1 adalah pengembangan diagram konteks dan menunjukkan aliran data baru pada level yang lebih rendah.
Gambar 3.3 menunjukkan DFD level 1 pada aplikasi.
User 1
Materi
2 Latihan
3 Game
4 Bantuan
Pilih Menu Materi Tampilan Menu Materi
Pilih Menu Latihan
Tampilan Menu Latihan Pilih Menu Game
Pilih Menu Bantuan Tampilan Menu Game
Tampilan Data Menu Bantuan
Gambar 3.3 DFD Level 1
Pada tahap ini terdapat beberapa proses utama yang dilakukan oleh aplikasi, yaitu proses di menu materi, menu
latihan, menu game dan menu bantuan. Setelah user memilih menu yang diinginkan sistem akan menampilkan informasi data
dari menu yang dipilih.
3.4.3 DFD Data Flow Diagram Level 2
Setiap proses dalam diagram level 1 bisa dikembangkan untuk menciptakan diagram anak yang lebih mendetail. Proses
pada diagram level 1 yang dikembangkan itu disebut parent process dan diagram yang dihasilkan disebut child diagram
diagram level 2. DFD level 2 untuk Menu Materi
Informasi tentang Materi Rangka
Pilih Sub Menu Animasi Rangka
User 1.1
Materi Rangka
1.2 Animasi
Rangka Informasi tentang Bagan Rangka
Pilih Sub Menu Materi Umum
Gambar 3.4 DFD Level 2 Menu Materi
Tahap ini adalah penjabaran dari proses pertama pada DFD Gambar 3.4. Pada proses DFD level 2 menu materi
dapat dilihat bahwa user masuk ke menu materi, kemudian system akan memberikan submenu materi animasi rangka
dan menampilkan informasi data tersebut sesuai interaksi dengan user.
DFD level 2 untuk Menu Latihan
Informasi Nilai Hasil Latihan
User 2.1
Soal Latihan
Pilihan Jawaban Soal Latihan
Gambar 3.5 DFD Level 2 Menu Latihan
Gambar 3.5 merupakan penjabaran dari DFD level 2 untuk menu latihan. Pada proses DFD level 2 untuk menu
latihan dijelaskan aliran data yang diberikan kepada user berupa pilihan jawaban ganda untuk soal latihan kemudian
menu latihan menampilkan data informasi untuk hasil jawaban yang dimasukan oleh user.
DFD level 2 untuk Menu Game
Gambar 3.6 DFD Level 2 Menu Game
Pada Gambar 3.6 diatas dijelaskan proses aliran data untuk DFD level 2 menu game yaitu pada menu game
diberikan informasi data misi pada user untuk menyelesaikan
Data Tampilan Game User
3.1 Game
Rangka Mission
dari Game
game, kemudian menu game memproses informasi data yang ditampilkan setelah user menyelesaikan game.
DFD level 2 untuk Menu Bantuan
Gambar 3.7 DFD Level 2 Menu Bantuan
DFD Level 2 untuk menu bantuan dapat dilihat pada Gambar 3.7. Pada saat user memilih menu bantuan, maka
sistem akan menampilkan halaman yang memberikan data informasi keterangan bantuan untuk aplikasi.
3.5 Desain Interface
