Implementasi Persiapan Teknis Tampilan Aplikasi

BAB 4 IMPLEMENTASI

4.1 Implementasi

Untuk mempermudah dalam pembuatan Aplikasi Pembelajaran Topologi Jaringan dan Subnetting Berbantuan Komputer, maka perancangan aplikasi ini dilakukan diimplementasikan menggunakan perangkat lunak Macromedia Flash Professional 8.

4.2 Persiapan Teknis

Untuk dapat menguji Aplikasi Pembelajaran Berbantuan Komputer Berbasis Multimedia, hardware dan software yang direkomendasikan adalah sebagai berikut : a. Prosesor Intel Pentium IV. b. Kapasitas hard disk 40GB atau lebih besar. c. Memory RAM 256MB atau lebih besar. d. Sistem operasi Windows XP, Windows Vista, dsb. e. Perangkat lunak yang mendukung Macromedia Flash 8 dan Flash Player. f. Soundcard yang digunakan untuk mendapatkan kualitas suara yang baik.

4.3 Tampilan Aplikasi

Tampilan aplikasi meliputi tampilan menu-menu utama aplikasi dan submenu- submenu yang ada di dalamnya. Tampilan Aplikasi Pembelajaran Topologi Jaringan dan Subnetting Berbantuan Komputer adalah sebagai berikut:

4.3.1 Tampilan Utama

Tampilan utama aplikasi ini menampilkan tampilan awal saat aplikasi dibuka. Pada tampilan ini terdapat beberapa menu yang didalamnya terdapat isi materi dan latihan serta menu contact yang dapat dilihat pada Gambar 4.1. Universitas Sumatera Utara Gambar 4.1 Tampilan Utama Aplikasi.

4.3.2 Tampilan Menu Home

Jika user mengklik tombol home maka akan ditampilkan bagian isi menu home yang berupa pengenalan tentang jaringan komputer dan penjelasan secara umum aplikasi pembelajaran. Pada halaman ini terdapat tombol kembali ke menu utama untuk kembali ke halaman utama. Tampilan menu home dapat dilihat pada Gambar 4.2. Gambar 4.2 Tampilan Menu Home Universitas Sumatera Utara

4.3.3 Tampilan Menu Topologi Jaringan

Jika user menekan tombol topologi jaringan pada halaman utama maka akan masuk ke tampilan topologi jaringan yang dapat dilihat pada Gambar 4.3. Gambar 4.3 Tampilan Menu Topologi Jaringan Tampilan menu topologi jaringan ini menyediakan tombol submenu untuk menampilkan beberapa contoh animasi topologi jaringan yaitu topologi bus, topologi ring, topologi star, topologi mesh. Tampilan menu topologi jaringan ini juga menampilkan animasi dan menyediakan menu kembali untuk kembali ke menu utama. Apabila user menekan salah satu submenu pada halaman topolgi jaringan, maka akan muncul animasi dari jenis topologi jaringan yang dipilih misalnya topologi bus yang dapat dilihat pada Gambar 4.4. Universitas Sumatera Utara Gambar 4.4 Tampilan Animasi Topologi Bus

4.3.4 Tampilan Menu Subnetting

Jika user menekan tombol subnetting pada halaman utama maka akan masuk ke tampilan subnettting yang dapat dilihat pada Gambar 4.5. Gambar 4.5 Tampilan Menu Subnetting Tampilan menu subnetting menampilkan isi dari materi subnetting dan menyediakan menu kembali ke menu utama untuk kembali ke halaman menu utama. Halaman ini membahas tentang dasar-dasar pembentukan IP address, kelas-kelas IP Address, Alamat IP Private, Subnet Mask dan Subnetting. Universitas Sumatera Utara

4.3.5 Tampilan Menu Materi Pendukung

Jika user menekan tombol materi pendukung pada halaman utama maka akan masuk ke tampilan materi pendukung yang dapat dilihat pada Gambar 4.6. . Gambar 4.6 Tampilan Menu Materi Pendukung Tampilan menu materi pendukung menampilkan isi dari materi mengenai protokol jaringan dan juga menyediakan menu kembali ke menu utama untuk melihat kembali halaman utama. Halaman ini membahas tentang arsitektur dan protokol jaringan.

4.3.6 Tampilan Menu Latihan

Menu Latihan ini akan menampilkan sepuluh soal untuk seluruh isi materi, baik materi topologi jaringan dari menu subnetting maupun menu materi pendukung Umum. Menu Tampilan ini dapat dilihat pada Gambar 4.7. Universitas Sumatera Utara Gambar 4.7 Tampilan Menu Latihan Saat user menyelesaikan soal, akan ditampilkan skor latihan yang disertai penyelesaian apabila salah satu dari soal tersebut salah dijawab. Tampilan skor latihan dapat dilihat pada Gambar 4.8 Gambar 4.8 Tampilan Skor Latihan Apabila jawaban dari satu soal dinyatakan salah, maka akan muncul sebuah tombol penyelesaian untuk melihat jawaban yang benar dari soal tersebut. Dan apabila satu soal dinyatakan benar, maka tombol penyelesaian tidak muncul. Tampilan halaman penyelesaian dapat dilihat pada Gambar 4.9 Universitas Sumatera Utara Gambar 4.9 Tampilan Halaman Penyelesaian

4.3.7 Tampilan Menu Contact

Jika user mengklik tombol contact maka akan ditampilkan profil pembuat aplikasi dan tombol kembali untuk kembali ke tampilan utama aplikasi yang dapat dilihat pada Gambar 4.10 Gambar 4.10 Tampilan Menu Contact Universitas Sumatera Utara

4.4 Pengujian Aplikasi