Diagram Pohon Diagram Aliran Data DAD

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