BAB 3
PERANCANGAN APLIKASI
Dalam merancang model pengajaran berbantuan komputer ada beberapa tahapan yang harus diperhatikan, sehingga model pengajaran yang akan dirancang sesuai tujuan
yang ingin dicapai. Tahapan-tahapan yang diperlukan dalam merancang model pengajaran berbantuan komputer antara lain adalah Data Flow Diagram DFD,
Flowchart, dan perancangan tampilan aplikasi.
3.1 Data Flow Diagram DFD
Data Flow Diagram DFD adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu
untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.
DFD memiliki beberapa fungsi dalam mengembangkan suatu sistem, diantaranya adalah :
1. DFD membantu para analis sitem meringkas informas tentang sistem,
mengetahui hubungan antar sub-sub sistem, membantu perkembangan aplikasi secara efektif.
2. DFD berfungsi sebagai alat komunikasi yang baik antara pemakai dan analis
sistem. 3.
DFD dapat menggambarkan sejumlah batasan otomasi untuk pengembangan alternatif sistem fisik.
Universitas Sumatera Utara
DFD terdiri dari diagram konteks dan diagram rinci. Diagram konteks merupakan diagram yang menggambarkan hubungan antar sistem dengan entitas
diluar sistem, merupakan sistem secara keseluruhan. Pada model pengajaran berbantuan komputer untuk sistem pernapasan pada manusia, diagram konteksnya
dapat dilihat pada gambar 3.1 berikut ini :
Pilihan Menu
Hasil Pilihan
Gambar 3.1 Diagram Konteks
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 untuk model pengajaran sistem pernapasan pada manusia dengan berbantuan komputer
dapat dilihat pada gambar 3.2. P.0
Pembelajaran berbantuan
komputer untuk sistem pernapasan
manusia Pengguna
Universitas Sumatera Utara
Gambar 3.2 DFD
Universitas Sumatera Utara
3.2 Flowchart
FlowChart Bagan Alir Program adalah suatu bagan yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir.
Berikut adalah beberapa simbol yang digunakan dalam menggambar suatu flowchart :
Tabel 3.1 Simbol-simbol dari Flowchart
SIMBOL NAMA
FUNGSI TERMINATOR
Permulaanakhir program
GARIS ALIR FLOW LINE
Arah aliran program
PREPARATION
Proses inisialisasipemberian harga awal
PROSES
Proses perhitunganproses pengolahan data
INPUTOUTPUT DATA
Proses inputoutput data, parameter, informasi
PREDEFINED PROCESS
SUB PROGRAM
Permulaan sub programproses menjalankan sub program
DECISION
Perbandingan pernyataan, penyeleksian data yang
memberikan pilihan untuk langkah selanjutnya
ON PAGE CONNECTOR
Penghubung bagian-bagian flowchart yang berada pada satu
halaman
OFF PAGE CONNECTOR
Penghubung bagian-bagian flowchart yang berada pada
halaman berbeda
Universitas Sumatera Utara
Berikut ini flowchart dari model pengajaran sistem pernapasan pada manusia dengan berbantuan komputer dapat dilihat pada gambar 3.3.
Gambar 3.3 Flowchart Model Pengajaran Sistem Pernapasan Pada Manusia Dengan Berbantuan Komputer
Universitas Sumatera Utara
3.3 Perancangan Tampilan
Tampilan model pengajaran sistem pernapasan pada manusia dengan berbantuan komputer dirancang sedemikian rupa dengan sederhana dan memberikan kemudahan
pengguna dalam menggunakan model pengaran ini. Model pengajaran berbantuan komputer untuk sistem pernapasan ini mempunyai tampilan utama yang terdiri dari
tujuh menu utama yaitu home, profil, kompetensi, materi, puzzle, latihan dan exit. Berikut ini rancangan tampilan utama model pengajaran sistem pernapasan
berbantuan komputer dapat dilihat pada gambar 3.4 :
Gambar 3.4 Rancangan tampilan menu utama
Keterangan : 1.
Judul Aplikasi 2.
Home 3.
Profil 4.
Kompetensi 5.
Materi 1
2 3
4 5
6 7
8
9
Universitas Sumatera Utara
6. Puzzle
7. Latihan
8. Exit
9. Bagian isi
3.3.1 Menu Home