Data Flow Diagram Flowchart

BAB 3 PERANCANGAN APLIKASI Dalam merancang aplikasi multimedia ini ada beberapa tahapan yang harus diperhatikan sehingga aplikasi yang dirancang sesuai dengan tujuan. Tahapan-tahapan yang diperlukan dalam merancang aplikasi multimedia ini adalah Data Flow Diagram DFD, flowchart, dan perancangan papan cerita storyboard.

3.1 Data Flow Diagram

Data Flow Diagram DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data, ke mana tujuan data yang keluar dari sistem, di mana data disimpan, dan proses apa yang menghasilkan data tersebut. DFD terdiri dari diagram konteks dan diagram rinci. Diagram konteks berfungsi memetakan model lingkungan menggambarkan hubungan antara entitas luar, masukan, dan keluaran sistem, yang direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Pada aplikasi multimedia ini, diagram konteks dapat dilihat pada gambar 3.1. USER Aplikasi Pengajaran Berbantuan kompurter Momentum Linear Pilihan Menu Hasil Pilihan Gambar 3.1 Diagram Konteks Universitas Sumatera Utara Sedangkan diagram rinci menggambarkan sistem sebagai jaringan kerja antara fungsi yang berhubungan satu dengan yang lain. Diagram rinci dari aplikasi multimedia ini terdiri dari satu level, yaitu level yang ditunjukkan oleh Gambar 3.2. User Tekan Tombol Menu Hasil Pilihan Hasil Pilihan Hasil Pilihan Pilihan Menu Pilihan Menu Pilihan Menu Pilihan Menu Pilihan Menu Hasil Pilihan Pilihan Menu Pilihan Menu Hasil Pilihan Hasil Pilihan Hasil Pilihan 1 Profil 2 Momentum 3 Impuls 4 Hukum Kekekalan Momentum 5 Tumbukan 6 Latihan Gambar 3.2 Diagram Level 1 Aplikasi Pembelajaran Universitas Sumatera Utara

3.2 Flowchart

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan di suatu algoritma. Simbol-simbol flowchart dapat dilihat pada Tabel 3.1 Tabel 3.1 Simbol-Simbol Flowchart No Simbol Fungsi 1 Terminator, untuk memulai dan mengakhiri suatu program. 2 Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer 3 Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses 4 Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan 5 Preparation, suatu simbol untuk menyediakan tempat-tempat pengolahan data dalam storage 6 Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama 7 Off-page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain. 8 Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri. Universitas Sumatera Utara Pada Gambar 3.3 ditampilkan flowchart untuk aplikasi Pengajaran Berbantuan Komputer. mulai Menu Utama Pilih Menu Tampilan Awal selesai Momentum Impuls Hukum Kekekalan Momentum Tumbukan Latihan A B C D E X Keluar Gambar 3.3 Flowchart Aplikasi PBK Halaman Utama A Materi Momentum Keluar Selesai X Ya Tidak Gambar 3.4 Flowchart Menu Halaman Momentum Universitas Sumatera Utara B Materi Impuls Keluar Selesai X Ya Tidak Gambar 3.5 Flowchart Menu Halaman Impuls C Materi Hukum Kekekalan Momentum Keluar Selesai X Ya Tidak Gambar 3.6 Flowchart Menu Halaman Hukum Kekekalan Momentum D Materi Tumbukan Keluar Selesai X Ya Tidak Gambar 3.7 Flowchart Menu Halaman Tumbukan Universitas Sumatera Utara E Latihan Baca Petunjuk Mulai Latihan Selesai X Mengerjakan Latihan Hasil Tes Ulangi Keluar Selesai Kembali Ke Menu Utama Ya Tidak Tidak Ya Ya Tidak Gambar 3.8 Flowchart Halaman Latihan

3.3 Perancangan Storyboard