Analisis Perancangan dan Pengembangan Pemodelan Sistem Data Flow Diagram

BAB 3 PERANCANGAN APLIKASI

3.1 Analisis Perancangan dan Pengembangan

Analisis perancangan dan pengembangan yang dilakukan dalam penyelesaian skripsi ini adalah dengan menganalisis bahan-bahan yang didapat selanjutnya menampilkannya kedalam bentuk layer-layer dengan menggunakan Macromedia Flash Propessional 8. a. User interface merupakan bagian perangkat lunak yang menyediakan sarana untuk user pengguna agar dapat berkomunikasi dengan sistem dan dapat lebih memahami perangkat lunak berbasiskan multimedia dengan menggunakan Macromedia Flash Propessional 8. b. Pendesainan yaitu program untuk menciptakan interface sehingga dapat menarik perhatian para pemerhati sehingga dapat memotivasi rasa penasaran pemerhati yaitu dengan animasi. c. Pemilihan theme song yang sangat diperhatikan, karena dengan theme song yang baik dan benar akan lebih muda diterima oleh user berdasarkan tema-tema, situasi dan kondisi sehingga akan sangat membantu proses penyerapan materi yang ditampilkan.

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 Universitas Sumatera Utara 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 Perangkat Lunak Pengajaran Momentum Linier Sebagai Alat Bantu pada Bidang Studi Fisika Berbasis Multimedia dapat dilihat pada Gambar 3.1. Perangkat Lunak Pengajaran Momentum Linier Sebagai Alat Bantu pada Bidang Studi Fisika Berbasis Multimedia User Materi Home Profil Latihan Momentum Impuls H.K.M Contoh soal Gambar 3.1 Diagram Pohon CAI

3.3 Data Flow Diagram

Data Flow Diagram DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut. DFD terdiri dari context diagram dan diagram rinci. Context diagram berfungsi memetakan model lingkungan menggambarkan hubungan antara entitas luar, Universitas Sumatera Utara masukan dan keluaran sistem, yang direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Pada perancangan Perangkat Lunak Pengajaran Momentum Linier Sebagai Alat Bantu pada Bidang Studi Fisika Berbasis Multimedia, Context diagram dapat dilihat pada Gambar 3.2. Sedangkan 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 Perangkat Lunak Pengajaran Momentum Linier Sebagai Alat Bantu pada Bidang Studi Fisika Berbasis Multimedia yang penulis rancang terdiri dari dua level, yaitu level 1 yang dapat dilihat pada Gambar 3.3 dan level 2 yang dapat dilihat pada Gambar 3.4. User Perangkat Lunak pengajaran Momentum Linier Pilihan Menu Hasil Pilihan Gambar 3.2 Diagram Konteks Universitas Sumatera Utara User Starts 1 Home 2 Profil 3 Materi 4 Latihan Pilihan Menu Hasil Pilihan Pilihan Menu Pilihan Menu Pilihan Menu Pilihan Menu Hasil Pilihan Hasil Pilihan Hasil Pilihan Hasil Pilihan Gambar 3.3 Diagram Level 1 1 Home User Pilihan Menu Hasil Pilihan Gambar 3.4 Diagram Level 2 untuk Menu Home Universitas Sumatera Utara 2 Profil User Pilihan Menu Hasil Pilihan Gambar 3.5 Diagram Level 2 untuk Menu Profil 3.1 Materi User Pilihan Menu Menu Materi 3.3 Impuls 3.4 Hukum Kekekalan Momentum 3.5 Contoh Soal 3.2 Momentum Pilihan Materi Pilihan Materi Pilihan Materi Pilihan Materi Data Momentum Data Momentum Data Impuls Data Impuls Data H.K.M Data H.K.M Data Contoh Soal Data Contoh Soal Gambar 3.6 Diagram Level 2 untuk Menu Materi 4 Latihan User Pilihan Menu Hasil Pilihan Gambar 3.7 Diagram Level 2 untuk Menu Latihan Universitas Sumatera Utara

3.4 Flowchart