BAB 3
PERANCANGAN SISTEM
3.1 Pemodelan Sistem
Persiapan yang digunakan sebelum menuangkan ide desain sebuah perangkat lunak dengan komputer, yakni membuat diagram pohon isi perangkat lunak dan sketsa
tampilan perangkat lunak. Diagram pohon atau tree chart diperlukan untuk menggambarkan hierarki isi perangkat lunak. Yang menjadi halaman utama adalah
home. Sesuai dengan namanya home, maka halaman ini memuat link-link menuju ke halaman isi. Adapun diagram pohon untuk Perancangan Aplikasi Pengajaran
Berbantuan Komputer Mata Pelajaran Bahasa Inggris Studi kasus Tenses dapat dilihat pada Gambar 3.1.
Universitas Sumatera Utara
Universitas Sumatera Utara
3.2 Data Flow Diagram
Data Flow Diagram DFD merupakan alat bantu yang dapat digunakan untuk menggambarkan aliran data informasi dan transformasi proses dari data dimulai dari
pemasukan data sampai menghasilkan keluaran output data Hartono, 1999. Adapun simbol-simbol dari Data Flow Diagram yaitu :
Tabel 3.1 Simbol-Simbol Data Flow Diagram
No. Simbol Fungsi
1 Kesatuan Luar External Entity
Merupakan kesatuan luar entity di lingkungan luar sistem yang dapat berupa
sekelompok orang, divisi, organisasi atau sistem lainnya yang akan memberikan
input atau menerima output dari sistem. Suatu kesatuan luar dapat disimbolkan
dengan suatu notasi kotak atau segi empat.
2 Proses Process
Adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer dari hasil
suatu arus data yang masuk dalam proses untuk dihasilkan arus data yang akan
keluar atau untuk mengubah input menjadi output. Suatu proses dapat ditunjukkan
dengan simbol lingkaran.
3 Aliran Data Data Flow
Data mengalir melalui sistem, dimulai dengan sebagian input dan diubah atau
diproses menjadi output. Arus data data flow diberi simbol dengan suatu garis
panah.
Universitas Sumatera Utara
4 Penyimpan Data Data Storage
Data disimpan untuk keperluan berikutnya. Simpanan data di DFD
disimbolkan dengan sepasang garis horizontal paralel yang tertutup di salah
satu ujungnya.
DFD terdiri dari context diagram dan diagram rinci. Context diagram berfungsi memetakan model lingkungan menggambarkan hubungan antara entitas
luar, masukan dan keluaran sistem, yang direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Pada Perancangan Aplikasi Pengajaran
Berbantuan Komputer Mata Pelajaran Bahasa Inggris Studi Kasus Tenses, diagram konteks dapat dilihat pada Gambar 3.2. DFD rinci menggambarkan sistem sebagai
jaringan kerja antara fungsi yang berhubungan satu sama lain dengan aliran dan penyimpanan data, model ini hanya memodelkan sistem dari sudut pandang fungsi.
DFD rinci dari Perancangan Aplikasi Pengajaran Berbantuan Komputer Mata Pelajaran Bahasa Inggris Studi Kasus Tenses terdiri dari dua level, yaitu level 1 yang
dapat dilihat pada Gambar 3.3. dan level 2 pada Gambar 3.4 sampai dengan Gambar 3.7.
USER Perangkat Lunak
Pengajaran Bahasa Inggris
Pilihan Menu Hasil Pilihan
Universitas Sumatera Utara
Gambar 3.2 Diagram Konteks
User Start
1 Home
2 Materi
3 Latihan
4 Tentang
Saya
Hasil Pilihan Hasil Pilihan
Hasil Pilihan Hasil Pilihan
Pilihan Menu
Pilihan Menu Pilihan Menu
Pilihan Menu
Pilihan Menu
Gambar 3.3 Diagram Level 1
Universitas Sumatera Utara
1 Home
User Pilihan Menu
Hasil Pilihan
Gambar 3.4 Diagram Level 2 untuk Menu Home
Universitas Sumatera Utara
User
2 Materi
Data Past Tense
Data Future Tense Pilihan Materi
Pilihan Materi Pilihan Materi
Pilihan Materi Menu Materi
2.2 Past Tense
2.3 Future Tense
2.4 Past Future
Tense 2.1
Present Tense
Pilihan Menu
Data Past Future Tense Data Past Future Tense
Data Present Tense Data Past Tense
Data Present Tense Data Future Tense
Gambar 3.5 Diagram Level 2 untuk Menu Materi
Universitas Sumatera Utara
3 Latihan
User Pilihan Menu
Hasil Pilihan
Gambar 3.6 Diagram Level 2 untuk Menu Latihan
4 Tentang
Saya User
Pilihan Menu Hasil Pilihan
Gambar 3.7 Diagram Level 2 untuk Menu Tentang Saya
Universitas Sumatera Utara
3.3 Flowchart