Pemodelan Sistem Data Flow Diagram

3.2 Pemodelan Sistem

Ada dua langkah persiapan yang harus dibuat di atas kertas kerja 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 menu. Sesuai dengan namanya, menu, maka halaman ini memuat link-link menuju ke halaman isi. Halaman-halaman selanjutnya yang merupakan isi perangkat lunak berada setelah halaman menu. Adapun diagram pohon untuk Perancangan Perangkat Lunak Pengajaran Berbantuan Komputer Tumbuhan Biji Pelajaran Biologi Sekolah Menengah Pertama Kelas VII dapat dilihat pada Gambar 3.1. Perancangan Perangkat Lunak Pengajaran Berbantuan Komputer Tumbuhan Biji Pelajaran Biologi Sekolah Menengah Pertama Kelas VII Home Gymnospermae Angiosperame Tes About Me Dikotil Monokotil Materi Gambar 3.1 Diagram Pohon CAI Universitas Sumatera Utara

3.3 Data Flow Diagram

Pada tahap ini akan dirancang suatu sistem dalam suatu bagan yang menunjukkan prosedur-prosedur dari sistem tersebut. Alat yang digunakan untuk merancang sistem ada bermacam-macam, diantaranya adalah DFD Data Flow Diagram. DFD adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan nama Bubble Chart atau diagram, model proses, diagram alur kerja atau model fungsi. DFD ini adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari data yang digunakan untuk menjelaskan aliran informasi dan transformasi data yang bergerak dari pemasukan data hingga keluaran. Tabel 3.1 Simbol-Simbol Data Flow Diagram DFD 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 Universitas Sumatera Utara 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. 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. Untuk memudahkan pembacaan DFD, maka penggambaran DFD disusun berdasarkan tingkatan atau level dari atas ke bawah, yaitu : a. Diagram Konteks Level 0 Merupakan diagram paling atas yang terdiri dari suatu proses dan menggambarkan ruang lingkup proses. Hal yang digambarkan dalam diagram konteks adalah hubungan terminator dengan sistem dan juga sistem dalam suatu proses, yang direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Sedangkan hal yang tidak digambarkan dalam diagram konteks adalah hubungan antar terminator dan data store. Universitas Sumatera Utara Perangkat Lunak pengajaran Tumbuhan Biji User Pilihan Menu Pilihan Hasil Gambar 3.2 Diagram Konteks b. Diagram Level 1 Merupakan diagram yang menggambarkan proses utama dari DFD. Hal yang digambarkan dalam Diagram Zero adalah proses utama dari sistem serta hubungan entity, proses, alur data dan data store. Universitas Sumatera Utara User Start 1 Home 2 Materi 3 Tes 4 About Me 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 2.1 Materi 2.1.1 Gymnospermae 2.1.2 Angiospermae Pilihan Menu Data Gymnospermae Pilihan Materi Pilihan Materi Data Angiospermae User Hasil Pilihan Hasil Pilihan Gambar 3.5 Diagram Level 2 untuk Menu Materi 3 Tes User Pilihan Menu Hasil Pilihan Gambar 3.6 Diagram Level 2 untuk Menu Tes Universitas Sumatera Utara 4 About Me User Pilihan Menu Hasil Pilihan Gambar 3.7 Diagram Level 2 untuk Menu About Me 2.1.2 Angiospermae 2.1.2.1 Monokotil 2.1.2.2 Dikotil Pilihan Menu Data Monokotil Pilihan Materi Pilihan Materi Data Dikotil User Hasil Pilihan Hasil Pilihan Gambar 3.8 Diagram Level 3 Submateri Angiospermae Universitas Sumatera Utara

3.4 Flowchart