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