Perancangan Struktur Menu Perancangan antarmuka Jaringan Semantik

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