3.2. Perancangan Sistem
Perancangan merupakan bagian dari metodologi pembangunan suatu perangkat lunak yang harus dilakukan setelah melalui tahapan analisis. Pada
bagian ini akan dijelaskan perancangan mengenai sistem yang akan diusulkan.
3.2.1. Perancangan Struktur Menu
Perancangan Arsitektur menyediakan gambaran dari stuktur menu program dari perangkat lunak yang akan dibuat. Berikut adalah gambaran
perancangan arsitektural menu pada Aplikasi Pembelajaran Interaktif pada Mata Pelajaran Fisika.
APLIKASI PEMBELAJARAN INTERAKTIF FISIKA
Home
Petunjuk Penggunaan
Suara Informasi
Daftar Isi Setting
Skor Simulasi
Materi
Evaluasi Pilih Materi
Overview
Pilih Simulasi
Gambar 3. 47 Perancangan struktur menu
3.2.2. Perancangan antarmuka
Setelah melakukan perancangan data pada system, maka dilakukanlah perancangan antarmuka. Berikut adalah perancangan antarmuka pada aplikasi
yang akan dibangun:
1. Perancangan antarmuka halaman depan
Gambar 3. 48 Perancangan antarmuka halaman depan
2. Perancangan antarmuka overview
Gambar 3. 49 Perancangan antarmuka overview
3.
Perancangan antarmuka pilih materi
Gambar 3. 50 Perancangan antarmuka pilih materi
4. Perancangan antarmuka materi
Gambar 3. 51 Perancangan antarmuka materi
5.
Perancangan antarmuka pilih simulasi
Gambar 3. 52 Perancangan antarmuka pilih simulasi
6. Perancangan antarmuka simulasi
Gambar 3. 53 perancangan antarmuka simulasi
7.
Perancangan antarmuka evaluasi
Gambar 3. 54 Perancangan antarmuka evaluasi
8. Perancangan antarmuka skor
Gambar 3. 55 Perancangan antarmuka skor
9.
Perancangan antarmuka setting
Gambar 3. 56 Perancangan antarmuka setting
10. Perancangan antarmuka informasi
Gambar 3. 57 Perancangan antarmuka informasi
11.
Perancangan antarmuka suara
Gambar 3. 58 Perancangan antarmuka suara
12. Perancangan antarmuka petunjuk penggunaan
Gambar 3. 59 petunjuk penggunaan
13.
Perancangan antarmuka daftar isi
Gambar 3. 60 Perancangan antarmuka daftar isi
14. Perancangan antarmuka pesan keluar
Gambar 3. 61 Perancangan antarmuka pesan keluar
3.2.3. Jaringan Semantik
Tahap selanjutnya adalah menggambarkan hubungan antar menu pada aplikasi pembelajaran interaktif pada mata pelajaran fisika digambarkan pada
gambar jaringan semantik di bawah ini.
T01
T10
T08 T07
T06 T05
T04 T03
T02 T13
T12 T11
T09
P01 P01
P01 P01
P01 P01
P01 P01
P01 P01
P01 P01
Gambar 3. 62 Jaringan Semantik
97
BAB 4 IMPLEMENTASI DAN PENGUJIAN
Bab ini akan menjelaskan tentang implementasi dan pengujian yang dilakukan terhadap sistem yang telah dibangun. Tahapan ini dilakukan setelah
analisis dan perancangan selesai, kemudian diimplementasikan pada bahasa pemrograman yang digunakan. Setelah implementasi, dilakukan pengujian sistem
dimana akan dilihat kekurangan pada sistem yang telah dibangun, untuk dilakukan perbaikan maupun pengembangan terhadap sistem tersebut.
4.1. Implementasi