3.2.2 Data Flow Diagram DFD
DFD merupakan representasi grafik dalam menggambarkan arus data sistem secara terstruktur dan jelas sehingga dapat menjadi sarana dokumentasi
yang baik.
A Context Diagram
Diagram ini menggambarkan rancangan globalkeseluruhan dari proses yang ada pada DFD. Tampilan dari context diagram sistem yang dirancang dapat
dilihat pada Gambar 3.5.
Gambar 3.5 Context Diagram Aplikasi Pembelajaran Bahasa Inggris
Sesi Vocab Sesi Pronun
Data Vocab Data Pronun
Data Phrase
Grafik Level
Data Evaluasi
User Log in Data Suara
Data Gambar Data User
Prog ress Report Hasil Evaluasi
Jawaban Sesi Evaluasi Sesi Evaluasi
Sesi Phrase
Aplikasi Pembelajaran B Ingg ris
+
Tentor
User
B Diagram Berjenjang Aplikasi Pembelajaran Bahasa Inggris
Diagram berjenjang adalah gambaran dari proses pembuatan data flow diagram. Diagram berjenjang merupakan gambaran untuk acuan dari alur proses-
proses yang akan muncul di dalam DFD tersebut. Awal alur dari diagram berjenjang ini dimulai dari 0 yaitu context diagram dan mengalir kebawah ke
level-level selanjutnya yaitu 1, 2 dan seterusnya. Diagram berjenjang aplikasi pembelajaran Bahasa Inggris dapat dilihat pada Gambar 3.6.
Gambar 3.6 Diagram Berjenjang Aplikasi Pembelajaran Bahasa Inggris
Aplikasi Pembelajaran
Bahasa Inggris 1
Maintenance 1.1
User
1.2 Gambar
1.3 Suara
1.4 Tutoring
1.4.1 Phrase
1.4.2 Pronunciation
1.4.3 Vocabulary
1.5 Evaluasi
2 Pembelajaran
2.1 Cek User
2.2 Tutoring
2.2.1 Phrase
2.2.2 Pronunciation
2.2.3 Vocabulary
2.3 Evaluasi
3 Laporan
Grafik
C DFD Level 0
Dari context diagram yang ada, sistem yang terjadi dapat dipecah lagi menjadi
beberapa proses,
yaitu proses
pembelajaran, proses
maintenance, dan proses pembuatan laporan. Tampilan dari DFD Level 0 dapat dilihat pada Gambar 3.7.
Gambar 3.7 Level 0 dari Data Flow Diagram DFD
Materi Vocab
Materi Vocab Materi Pronun
Materi Pronun [Sesi Vocab]
[Sesi Pronun]
[Data Pronun] [Data Vocab]
[Data Phrase] Level
Level Level
[Grafik] [Level]
[Data Evaluasi]
Data Gambar Data Suara
Data Gambar Data Suara
Nilai Nilai
Data User [User Login]
Data User
Data Suara Materi
Materi
Materi Phrase Materi Phrase
Data Gambar
[Progress Report] [Data User]
[Data Suara] [Data Gambar]
[Hasil Evaluasi] [Sesi Phrase]
[Sesi Evaluasi]
[Jawaban Sesi Evaluasi] User
Tentor 2
Pembelajaran
+
1
Maintenance
+
3 Laporan
1 Gambar
2 Suara
3 Phrase
6 Evaluasi
8 User
9 Nilai
7 Level
4 Pronun
5 Vocabulary
D DFD Level 1 Maintenance
Dari DFD Level 1 Maintenance, proses yang terjadi dapat dipecah lagi menjadi beberapa subproses, yaitu subproses user, subproses content, subproses
tutoring dan subproses evaluasi. Tampilan dari DFD Level 1 Maintenance dapat dilihat pada Gambar 3.8.
Gambar 3.8 DFD Level 1 Maintenance
[Materi Vocab] [Materi Pronun]
[Data Pronun] [Data Vocab]
[Data Phrase]
[Level] [Level]
[Level] [Data Evaluasi]
[Level]
[Data Suara]
[Data Gambar]
[Data Suara] [Data Gambar]
[Materi Phrase]
[Materi] [Data Gambar]
[Data Suara] [Data User]
[Data Suara] [Data Gambar]
[Data User]
Tentor 1
Gambar
3 Phras e
6 Evaluas i
2 Suara
8 User
1.1 Meng elola User
1.2
Meng elola Materi
1.4 Evaluas i
1.3 Tutoring
7 Level
4 Pronun
5 Vocabulary
E DFD Level 1 Pembelajaran
Dari DFD Level 1 Pembelajaran, proses yang terjadi dapat dipecah lagi menjadi beberapa subproses, yaitu subproses cek user, subproses tutoring dan
subproses evaluasi. Tampilan dari DFD Level 1 Pembelajaran dapat dilihat pada Gambar 3.9.
Gambar 3.9 DFD Level 1 Pembelajaran
3.2.3 Entity Relationship Diagram ERD
Kategori