Selanjutnya apabila kita menekan salah satu tombol animasi topologi maka akan muncul tampilan animasi sesuai dengan jenis topologi yang dipilih. Tampilan
halaman animasi topologi dapat dilihat pada Gambar 3.7.
Gambar 3.7 Tampilan Halaman Animasi Topologi
Keterangan : 1.
Tombol kembali ke halaman topologi merupakan tombol untuk kembali ke halaman topologi sebelumnya.
2. Tampilan animasi topologi jaringan.
3. Tombol sound.
4. Tombol kembali ke menu utama merupakan tombol yang berfungsi untuk
kembali ke halaman menu utama.
3.4.2.4 Tampilan Menu Subnetting
Tampilan menu subnetting merupakan tampilan yang berisikan materi pembelajaran tentang subnetting. Tampilan menu subnetting dapat dilihat pada
Gambar 3.8. 2
1 3
4
Universitas Sumatera Utara
Gambar 3.8 Tampilan Menu Subnetting
Keterangan : 1.
Isi materi subnetting, ini adalah berisi penjelasan tentang materi subnetting serta perhitungan nya.
2. Scroll bar.
3. Tombol Sound.
4. Tombol kembali ke menu utama merupakan tombol yang berfungsi untuk
kembali ke halaman menu utama.
3.4.2.5 Tampilan Menu Materi Pendukung
Tampilan menu materi pendukug merupakan tampilan yang berisikan materi pendukung berupa materi tentang protokol jaringan. Tampilan menu materi
pendukung dapat dilihat pada Gambar 3.9. 1
3
4 2
Universitas Sumatera Utara
Gambar 3.9 Tampilan Menu Materi Pendukung
Keterangan : 1.
Isi materi pendukung, ini adalah berisi penjelasan tentang materi protokol jaringan.
2. Scroll bar
3. Tombol Sound
4. Tombol kembali ke menu utama merupakan tombol yang berfungsi untuk
kembali ke halaman menu utama
3.4.2.6 Tampilan Menu Latihan
Tampilan menu latihan merupakan tampilan yang berisikan latihan tentang topologi jaringan dan subnetting yang telah dijelaskan sebelumnya. Tampilan menu
latihan dapat dilihat pada Gambar 3.10. 1
2
4 3
Universitas Sumatera Utara
Gambar 3.10 Tampilan Menu Latihan
Keterangan : 1.
Isi latihan, ini adalah tampilan soal yang akan dijawab oleh pengguna. 2.
Tombol Sound. 3.
Tombol kembali ke menu utama merupakan tombol yang berfungsi untuk kembali ke halaman menu utama.
Tampilan halaman berikutnya adalah tampilan hasil dari latihan yang telah dijawab oleh pengguna yang akan menampilkan nilai serta detail dari soal latihan
beserta penyelesaian nya apabila jawaban dari pengguna bernilai salah. Tampilan nilai latihan dan penyelesaian dari soal latihan dapat dilihat pada Gambar 3.11 dan
Gambar 3.12. 1
3 2
Universitas Sumatera Utara
]
Gambar 3.11 Tampilan Nilai Latihan
Keterangan : 1.
Nilai anda merupakan tampilan nilai dari latihan yang telah dijawab oleh pengguna.
2. Detail merupakan tampilan detail dari jawaban yang telah dipilih pengguna.
3. Jawaban pengguna apakah bernilai salah atau benar.
4. Tombol penyelesaian merupakan tombol yang berfungsi untuk menampilkan
penyelesaian jawaban bernilai benar apabila jawaban yang dipilih oleh pengguna bernilai salah.
5. Tombol kembali ke menu utama merupakan tombol yang berfungsi untuk
kembali ke halaman menu utama. 6.
Tombol sound. 1
2 3
4
5 6
Universitas Sumatera Utara
Gambar 3.12 Tampilan Halaman Penyelesaian Soal
Keterangan : 1.
Tombol kembali ke hasil latihan merupakan tombol yang berfungsi untuk kembali ke halaman hasil dari latihan.
2. Isi penyelesaian merupakan isi dari penyelesaian dari latihan yang dijawab
oleh pengguna yang jawabannya bernilai salah. 3.
Tombol kembali ke menu utama merupakan tombol yang berfungsi untuk kembali ke halaman menu utama.
4. Tombol sound.
3.4.2.7 Tampilan Menu Contact