3.2.3.2 Data Flow Diagram DFD
Sebelum dilakukan pembuatan DFD diperlukan. Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu
sistem. Diagram konteks berisi gambaran umum secara garis besar sistem yang akan dibuat. Diagram konteks merupakan level tertinggi dari DFD yang
menggambarkan seluruh input ke sistem atau output dari sistem.
Aliran data yang bersumber dari user diproses dalam sistem dan menghasilkan output berupa hasil pilhan menu aplikasi.
Gambar 3.5 Diagram Konteks Aplikasi Education Game
1. DFD Level 0
DFD Level 0 menunjukkan konteks keseluruhan sistem dan lingkungan operasi dan menunjukkan seluruh sistem sebagai hanya satu proses. Diagram ini biasanya tidak
menampilkan penyimpanan data. Tujuan dari tingkat ini adalah untuk menunjukkan tingkat proses tertinggi dari sistem dan keterkaitan mereka.
Pada level ini, proses tunggal pada diagram konteks dibagi menjadi beberapa proses yaitu: proses masuk menu home yang yang menampilkan data home, proses
masuk menu games yang akan menampilkan data-data games, dan proses masuk menu profile yang akan menampilkan data profile.
User Aplikasi
Education Game
Pilihan Hasil Pilihan
Universitas Sumatera Utara
Gambar 3.6 Diagram Level 0 Aplikasi Education Game
2. DFD Level 1
DFD Level 1 adalah sebuah proses dekomposisi dari apa yang ditampilkan dalam level 0. DFD level 1 menunjukkan semua proses pada tingkat pertama penomoran,
penyimpanan data, entitas eksternal dan data yang mengalir di antaranya. DFD level-1 harus diimbangi dengan tingkat konteks induk diagram, yaitu harus ada entitas
eksternal yang sama dan aliran data yang sama, ini dapat diuraikan lebih rinci di tingkat ini.
Pada DFD Level 1 ini, proses masuk menu games diperinci lagi menjadi 6 proses yaitu: proses menjalankan game yang akan menghasilkan output keberhasilan
atau kegagalan game, proses masuk menu help yang akan menampilkan data help, masuk menu exercise yang akan menghasilkan output skor exercise, proses game
berhasil yang akan menampilkan skor user, dan proses game gagal.
1.2 Pemilihan
Menu Games
1.0 Masuk
Menu Home
Data Profile Data-Data Games
User Pilihan Home
3.0 Masuk
Menu Profile
Data Home 2.0
Masuk Menu
Games Pilihan Games
Pilihan Profile
Universitas Sumatera Utara
Gambar 3.7 Diagram Level 1 untuk Menu Game
Tampilan game gagal
User 2.1
Menjalan- kan
Games Pilihan Play
2.3 Masuk
Menu High Score
2.4 Masuk
Menu Help
2.5 Menjalan-
kan Exercise
2.7 Game
Gagal
Pilihan High Score
Pilihan Help
Pilihan Exercise 2.6
Game Berhasil
High Score
User Data High Score
Data Help
Hasil_Exercise Beberapa skor
tertinggi Hasil Game
Hasil Game
Hasil skor 2.2
Masuk Menu Level
Pilihan Level Data Level
Tampilan Akhir
Exercise D1
D2
Universitas Sumatera Utara
.2.3.3 Flowchart Diagram Alir
Flowchart Diagram Alir dalam perancangan aplikasi ini akan menunjukkan aliran- aliran data yang terdapat dalam aplikasi. Aliran-aliran data itu saling berhubungan.
1 .Flowchart Pendekatan Pembelajaran
Berdasarkan pendekatan pembelajaran yang digunakan, aplikasi ini termasuk education game. Aplikasi ini menyediakan 2 buah game yaitu Game Vocabulary
untuk anak-anak usia 5-7 tahun dan Game Grammar untuk anak-anak usia 8-10 tahun.
Gambar 3.8 Flowchart Pendekatan Pembelajaran
no
Start
Education Game
Anak-anak 5-7 tahun
Anak-anak 8-10 tahun
Game Vocabulary Game Grammar
Pilih Level
Level Easy
Level Medium
Level Hard
Skor Game
End
yes
no
yes
no
yes
Mainkan Game
Universitas Sumatera Utara
Dari flowchart tersebut dapat dijelaskan sebagai berikut: 1.
Saat user menjalankan aplikasi education game ini, maka akan ada penentuan kategori. Jika anak-anak usia 5-7 tahun maka game yang sesuai adalah game
Vocabulary dan jika anak-anak usia 8-10 tahun maka game yang sesuai adalah game Grammar.
2. Jika kategori permainan ditentukan, selanjutnya ada konfirmasi jika user ingin
memulai game maka akan ada pilihan level permainan sedangkan jika tidak maka kembali ke tampilan utama aplikasi.
3. Setelah memilih level dan menjalankan game, maka skor akan ditampilkan dan
proses selesai.
2. Flowchart pada Penggunaan Aplikasi