Antarmuka Menu Home Antarmuka Menu Tutorial Antarmuka Menu Manual Antarmuka Menu Quiz

7 2. RAM 2.00 GB, dan 3. Harddisk berkapasitas 250 GB. Desain Sistem Setelah menganalisis kebutuhan sistem, tahap selanjutnya yaitu membuat desain sistem. Hal ini bertujuan untuk memberikan kemudahan ketika mengimplementasikan perangkat lunak yang akan dibangun. Desain sistem terdiri atas desain proses dan desain antarmuka.

1. Desain Proses Sistem

Desain proses sistem dirancang dengan membuat diagram alir proses yang terdiri atas diagram alir tutorial dan diagram alir quiz. Diagram alir tutorial dapat dilihat pada Lampiran 2. Diagram alir quiz dapat dilihat pada Lampiran 3. Desain proses sistem ini bertujuan untuk membantu dan memudahkan dalam membuat algoritme sistem.

2. Desain Antarmuka

Antarmuka berfungsi sebagai sarana interaksi antara manusia dengan komputer. Antarmuka sistem ini terbagi menjadi empat menu, antara lain: menu home, menu tutorial, menu quiz, dan menu manual. Tampilan desain antarmuka dalam sistem ini dapat dilihat pada lampiran.

2.1. Antarmuka Menu Home

Menu home merupakan menu utama pada sistem. Ini merupakan bagian terdepan dari sistem sebelum pengguna dapat menggunakan sistem. Desain antarmuka menu home hanya terdiri atas sambutan kepada pengguna, pengenalan sistem, dan tujuan sistem.

2.2. Antarmuka Menu Tutorial

Antarmuka pada menu tutorial dibagi menjadi tiga tab. Pada tab pertama diberi nama input karena di dalamnya berisi form input dinamis serta pendeteksi peramban dan VRML plug-in yang dipakai oleh pengguna. Form input dinamis ini dapat berubah-ubah sesuai dengan input yang dimasukkan sebelumnya dan terdiri atas beberapa dropdown list. Dipergunakannya dropdown list adalah untuk membatasi dan menghindari terjadinya kesalahan dalam memasukkan input. Antarmuka menu tutorial dapat dilihat pada Lampiran 4. Pada tab kedua diberi label tampilan karena isinya hanya berupa frame berukuran besar yang menampilkan hasil visualisasi dari kode VRML yang sudah diterjemahkan oleh VRMLBrowser menjadi sebuah objek geometri dalam bentuk 3D. Tampilan antarmukanya dapat dilihat pada Lampiran 5. Tab terakhir diberi nama penjelasan. Di dalamnya terdapat penjelasan tentang bangun geometri yang dipilih oleh pengguna yang terdiri atas rumus bangun, nilai parameter ukuran bangun, perhitungan luas atau volum bangun serta pengertian, ciri-ciri, dan gambar jaring-jaring bangun ruang. Tampilannya dapat dilihat pada Lampiran 6.

2.3. Antarmuka Menu Manual

Antarmuka pada menu manual hanya berisi ketentuan penggunaan sistem dan kebutuhan sistem yang harus dipenuhi pengguna agar sistem dapat berjalan dengan baik pada komputer pengguna. Antarmuka menu manual dapat dilihat pada Lampiran 7.

2.4. Antarmuka Menu Quiz

Rancangan antarmuka untuk menu quiz seperti yang terlihat pada Lampiran 8 terdiri atas form yang berisi soal dan pilihan jawaban serta frame berukuran sedang. Frame ini menampilkan hasil visualisasi dari kode VRML yang sudah diterjemahkan oleh VRMLBrowser menjadi sebuah objek geometri dalam bentuk 3D yang merupakan bagian dari soal. Seluruh soal yang disajikan merupakan soal-soal yang berkaitan dengan pengamatan terhadap bangun yaitu mengenal nama atau jenis bangun, mengukur, serta menghitung luas atau volume bangun. Jika semua soal terjawab maka pada akhir quiz sistem akan menampilkan akumulasi skor atau nilai yang merupakan hasil jawaban dari sesi quiz. Implementasi Sistem Pada tahap ini dilakukan pembangunan antarmuka yang telah dirancang sebelumnya. Selanjutnya sistem dikembangkan dengan menambahkan fungsi untuk memvisualisasi kode VRML, menghitung luas atau volum bangun, dan menampilkan materi pembelajaran.

1. Pembangunan Antarmuka