Pemodelan Sistem Data Flow Diagram

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