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