BAB 3
PERANCANGAN APLIKASI
Perancangan Aplikasi Pembelajaran Berbantuan Komputer Berbasis Multimedia pada penulisan skripsi ini terdiri atas empat tahapan perancangan yaitu Perancangan dengan
Diagram Pohon atau Tree Chart Perancangan dengan Diagram Aliran Data DAD atau Data Flow Diagram DFD, Perancangan dengan menggunakan FlowChart
sebagai diagram alir aplikasi dan Perancangan tampilan aplikasi.
3.1 Diagram Pohon
Diagram pohon atau tree chart diperlukan untuk menggambarkan hierarki isi aplikasi. Yang menjadi halaman utama adalah menu. Sesuai dengan namanya, menu, maka
halaman ini memuat link-link menuju ke halaman isi menu.. Adapun diagram pohon untuk Aplikasi Pembelajaran Berbantuan Komputer Barisan dan Deret Aritmatika
dapat dilihat pada Gambar 3.1.
Universitas Sumatera Utara
Home Profil
Materi Latihan
Aplikasi Pembelajaran Berbantuan Komputer Barisan dan Deret Aritmatika
User
Barisan Suku Tengah
Deret Sisipan
Gambar 3.1 Diagram Pohon Aplikasi Pembelajaran
3.2 Diagram Aliran Data DAD
Diagram Aliran Data DAD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari
sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut.
DAD terdiri dari diagram konteks dan diagram rinci. Diagram konteks berfungsi memetakan model lingkungan menggambarkan hubungan antara entitas
luar, masukkan dan keluaran sistem, yang direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Pada Aplikasi Pembelajaran Berbantuan
Komputer Barisan dan Deret Aritmatika, diagram konteks dapat dilihat pada Gambar 3.2 berikut:
USER
Aplikasi Pembelajaran
Barisan dan Deret Aritmatika
Pilihan Menu
Hasil Pilihan
Gambar 3.2 Diagram Konteks Aplikasi Pembelajaran
Universitas Sumatera Utara
Sedangkan diagram rinci menggambarkan sistem sebagai jaringan kerja antara fungsi yang berhubungan satu dengan yang lain dengan aliran penyimpanan data,
model ini hanya memodelkan sistem dari sudut pandang fungsi. Diagram rinci dari Aplikasi Pembelajaran Berbantuan Komputer Barisan dan Deret Aritmatika yang
penulis rancang terdiri atas dua level, yaitu level 1 yang ditunjukkan oleh Gambar 3.3 dan level 2 yang ditunjukkan oleh Gambar 3.4 – 3.7.
USER
Tekan Tombol Mulai
1
Tekan Tombol
Home
2
Tekan Tombol Profil
3
Tekan Tombol Materi
4
Tekan Tombol Latihan
Pilihan Menu Hasil Pilihan
Pilihan Menu
Pilihan Menu
Pilihan Menu
Pilihan Menu Hasil Pilihan
Hasil Pilihan Hasil Pilihan
Hasil Pilihan
Gambar 3.3 DAD Level 1 untuk Aplikasi Pembelajaran Barisan dan Deret Aritmatika
USER
1. 1 Tekan Tombol
Home
Pilihan Menu Data Home
Gambar 3.4 DAD Level 2 untuk Home
Universitas Sumatera Utara
USER
2. 1 Tekan Tombol
Profil
Pilihan Menu Data Profil
Gambar 3.5 DAD Level 2 untuk Profil
3. 2 Tekan Tombol
Suku Tengah
USER
3. 1 Tekan Tombol
Barisan
Pilihan Menu
3. 3 Tekan Tombol
Deret
3. 4 Tekan Tombol
Sisipan 3
Tekan Tombol Materi
Pilihan Materi
Data Barisan
Pilihan Materi
Pilihan Materi Pilihan Materi
Data Suku Tengah
Data Deret
Data Sisipan Data Barisan
Data Suku Tengah
Data Deret
Data Sisipan
Gambar 3.6 DAD Level 2 untuk Materi
Universitas Sumatera Utara
4. 2 Periksa
Jawaban
USER
4. 1 Baca Nama
Pilihan Menu
4. 3 Hitung Nilai
4 Tekan Tombol
Latihan
Nama Hasil
Menu Latihan
Data Jawaban
Jawaban
Nilai Nama
Jawaban Soal
Gambar 3.7 DAD Level 2 untuk Latihan
3.3 FlowChart