BAB III. ANALISIS DAN PERANCANGAN SISTEM
3.2. Analisis Masalah
3.3.19. Perancangan Struktur Menu
Struktur menu adalah bentuk umum dari suatu rancangan program untuk memudahkan pengguna dalam menjalankan program tersebut. Sehingga saat
menjalankan program, pengguna tidak mengalami kesulitan dalam memilih menu-menu yang diinginkan.
Login
Menu
Siswa Materi Animasi Latihan Forum Nilai
Gambar 3.12 Struktur Menu Guru
Struktur menu diatas hanya bisa diakses oleh Guru saja, subsistem ini berfungsi untuk melakukan pengolahan data dan menjaga agar isi (content) tidak menyimpang dari pembelajaran Jaringan.
Login
Menu
Home Materi Latihan Nilai Visualisasi Forum
Gambar 3.13 Struktur Menu Siswa
Struktur menu diatas bisa diakses oleh Siswa dan tidak bisa mengakses seperti Guru.
Logo
Login
Login User id
Password
Jika User Id kosong dan passwor kosong di klik Tombol login maka akan muncul M09
Jika User Id dan Passwor Benar, Login di klik maka akan masuk ke menu T02.
Jika User Id salah dan Password salah di klik Login gagal akan muncul M01
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T01
Admin Guru Siswa
Kalender
Gambar 3.14 Rancangan Menu Login
Logo
Tombol Lihat Siswa di klik maka akan masuk ke T03. Tombol Lihat Guru di klik maka akan masuk ke T04. Tombol Keluar di klik maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T02 Lihat Siswa Lihat Guru Keluar Pengguna Menu Admin Kalender
Logo
Tombol Lihat Siswa di klik maka akan masuk ke T03. Tombol Lihat Guru di klik maka akan masuk ke T04.
Tombol Tambah di klik maka akan masuk ke T17.
akan masuk ke T04. Tombol Edit di klik maka akan masuk ke T18.
Tombol Hapus di klik maka akan masuk ke M02
Tombol Keluar di klik maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T03 Lihat Siswa Lihat Guru Keluar Pengguna Menu Admin Kalender Lihat Siswa Nama Email
Nis Alamat Telepon Action
Edit | Hapus
Tambah
Gambar 3.16 Rancangan Menu Admin Lihat Siswa
Logo
Tombol Lihat Siswa di klik maka akan masuk ke T03. Tombol Lihat Guru di klik maka akan masuk ke T04.
Tombol Tambah di klik maka akan masuk ke T19.
akan masuk ke T04. Tombol Edit di klik maka akan masuk ke T20.
Tombol Hapus di klik maka akan masuk ke M08
Tombol Keluar di klik maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T04 Lihat Siswa Lihat Guru Keluar Pengguna Menu Admin Kalender Lihat Guru Nama Email
Nis Alamat Telepon Action
Edit | Hapus
Tambah
Logo
Tombol Lihat materi di klik maka akan masuk ke T06. Tombol Lihat Animasi di klik maka akan masuk ke T07. Tombol Latihan di klik maka akan masuk ke T08.
Tombol Nilai di klik maka akan masuk ke T08.
Tombol Forum di klik maka akan masuk ke T09
Tombol Keluar di klik maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T05 Home Lihat Materi Lihat Animasi Lihat Latihan Lihat Nilai Lihat Forum Keluar Pengguna Menu Guru Kalender Menu Guru
Gambar 3.18 Rancangan Menu Utama Guru
Logo
Tombol Lihat materi di klik maka akan masuk ke T06. Tombol Lihat Animasi di klik maka akan masuk ke T07. Tombol Latihan di klik maka akan masuk ke T08.
Tombol Nilai di klik maka akan masuk ke T08.
Tombol Forum di klik maka akan masuk ke T09.
Tombol Hapus di klik maka akan masuk ke T21.
Tombol Edit di klik maka akan masuk ke T022.
Tombol Hapus di klik maka akan masuk ke M03
Tombol Keluar di klik maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T06 Home Lihat Materi Lihat Animasi Lihat Latihan Lihat Nilai Lihat Forum Keluar Pengguna Menu Guru Kalender Lihat Materi nip materi
Id_pelajaran pelajaranNama keterangan Action Edit | Hapus
Tambah
Logo
Tombol Lihat materi di klik maka akan masuk ke T06. Tombol Lihat Animasi di klik maka akan masuk ke T07. Tombol Latihan di klik maka akan masuk ke T08.
Tombol Nilai di klik maka akan masuk ke T08.
Tombol Forum di klik maka akan masuk ke T09.
Tombol Hapus di klik maka akan masuk ke T23.
Tombol Edit di klik maka akan masuk ke T024.
Tombol Hapus di klik maka akan masuk ke M04
Tombol Keluar di klik maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T07 Home Lihat Materi Lihat Animasi Lihat Latihan Lihat Nilai Lihat Forum Keluar Pengguna Menu Guru Kalender Lihat Animasi Id pelajaran ukuran
Id video Nama video keterangan Action
Edit | Hapus
Tambah
Gambar 3.20 Rancangan Menu Guru Lihat Animasi
Logo
Tombol Lihat materi di klik maka akan masuk ke T06. Tombol Lihat Animasi di klik maka akan masuk ke T07. Tombol Latihan di klik maka akan masuk ke T08.
Tombol Nilai di klik maka akan masuk ke T08.
Tombol Forum di klik maka akan masuk ke T09.
Tombol Hapus di klik maka akan masuk ke T24.
Tombol Edit di klik maka akan masuk ke T025.
Tombol Hapus di klik maka akan masuk ke M05
Tombol Keluar di klik maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T08 Home Lihat Materi Lihat Animasi Lihat Latihan Lihat Nilai Lihat Forum Keluar Pengguna Menu Guru Kalender Lihat Latihan Id pelajaran soal
Id latihan nip pil Action
Edit | Hapus jawaban
Tambah
Logo
Tombol Lihat materi di klik maka akan masuk ke T06. Tombol Lihat Animasi di klik maka akan masuk ke T07. Tombol Latihan di klik maka akan masuk ke T08.
Tombol Nilai di klik maka akan masuk ke T08.
Tombol Forum di klik maka akan masuk ke T09.
Tombol Tambah di klik maka akan masuk ke T09a
Tombol Hapus di klik maka akan masuk ke M06
Tombol Keluar di klik maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T09 Home Lihat Materi Lihat Animasi Lihat Latihan Lihat Nilai Lihat Forum Keluar Pengguna Menu Guru Kalender Lihat Forum Tambah Isi Id forum Action kirim | Hapus Tanggal
Gambar 3.22 Rancangan Menu Guru Lihat Forum
Logo
Tombol Lihat materi di klik maka akan masuk ke T06. Tombol Lihat Animasi di klik maka akan masuk ke T07. Tombol Latihan di klik maka akan masuk ke T08.
Tombol Nilai di klik maka akan masuk ke T08.
Tombol Forum di klik maka akan masuk ke T09.
Tombol Keluar di klik maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T09a Home Lihat Materi Lihat Animasi Lihat Latihan Lihat Nilai Lihat Forum Keluar Pengguna Menu Guru Kalender Lihat Forum Simpan Nip Pengirim Balasan
Logo
Tombol Home di klik maka akan masuk ke T10.
Tombol Materi di klik maka akan masuk ke T11.
Tombol Latihan di klik maka akan masuk ke T12.
Tombol Nilai di klik maka akan masuk ke T13.
Tombol Tombol Latihan di klik maka akan masuk ke T14. Tombol visualisasi di klik maka akan masuk ke T15. Tombol Forum di klik maka akan masuk ke T17.
Tombol Keluar di klik, maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T10
Sekilas Tentang Sekolah Sejarah Sekolah Struktur Organisasi Pengguna Menu Siswa Kalender Menu Siswa
Materi Latihan Nilai Visualisasi Forum keluar Home Visualisasi Jaringan Topologi IP Address Subnetmask
Gambar 3.24 Rancangan Menu Utama Siswa
Logo
Tombol Home di klik maka akan masuk ke T10.
Tombol Materi di klik maka akan masuk ke T11.
Tombol Latihan di klik maka akan masuk ke T12.
Tombol Nilai di klik maka akan masuk ke T13.
Tombol Tombol Latihan di klik maka akan masuk ke T14. Tombol visualisasi di klik maka akan masuk ke T15. Tombol Forum di klik maka akan masuk ke T17.
Tombol Keluar di klik, maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T11
Sekilas Tentang Sekolah Sejarah Sekolah Struktur Organisasi Pengguna Menu Siswa Kalender Materi
Home Materi Latihan Nilai Visualisasi Forum keluar
Visualisasi Jaringan Topologi IP Address Subnetmask
Logo
Tombol Home di klik maka akan masuk ke T10.
Tombol Materi di klik maka akan masuk ke T11.
Tombol Latihan di klik maka akan masuk ke T12.
Tombol Nilai di klik maka akan masuk ke T13.
Tombol Tombol Latihan di klik maka akan masuk ke T14. Tombol visualisasi di klik maka akan masuk ke T15. Tombol Forum di klik maka akan masuk ke T17.
Tombol Keluar di klik, maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T12
Sekilas Tentang Sekolah Sejarah Sekolah Struktur Organisasi Pengguna Menu Siswa Kalender Latihan
Home Materi Latihan Nilai Visualisasi Forum keluar
Visualisasi Jaringan Topologi IP Address Subnetmask 1. xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx Jawab
Gambar 3.26 Rancangan Menu Latihan
Logo
Tombol Home di klik maka akan masuk ke T10.
Tombol Materi di klik maka akan masuk ke T11.
Tombol Latihan di klik maka akan masuk ke T12.
Tombol Nilai di klik maka akan masuk ke T13.
Tombol Tombol Latihan di klik maka akan masuk ke T14. Tombol visualisasi di klik maka akan masuk ke T15. Tombol Forum di klik maka akan masuk ke T17.
Tombol Keluar di klik, maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T13
Sekilas Tentang Sekolah Sejarah Sekolah Struktur Organisasi Pengguna Menu Siswa Kalender Nilai
Home Materi Latihan Nilai Visualisasi Forum keluar
Visualisasi Jaringan Topologi IP Address Subnetmask Nilai uian no Keterangan
Logo
Tombol Home di klik maka akan masuk ke T10.
Tombol Materi di klik maka akan masuk ke T11.
Tombol Latihan di klik maka akan masuk ke T12.
Tombol Nilai di klik maka akan masuk ke T13.
Tombol Tombol Latihan di klik maka akan masuk ke T14. Tombol visualisasi di klik maka akan masuk ke T15. Tombol Forum di klik maka akan masuk ke T17.
Tombol Keluar di klik, maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T14
Sekilas Tentang Sekolah Sejarah Sekolah Struktur Organisasi Pengguna Menu Siswa Kalender Visualisasi
Home Materi Latihan Visualisasi Forum keluar
Visualisasi Jaringan Topologi IP Address Subnetmask Nilai Download File
Gambar 3.28 Rancangan Menu Visualisasi
Logo
Tombol Home di klik maka akan masuk ke T10.
Tombol Materi di klik maka akan masuk ke T11.
Tombol Latihan di klik maka akan masuk ke T12.
Tombol Nilai di klik maka akan masuk ke T13.
Tombol Tombol Latihan di klik maka akan masuk ke T14. Tombol visualisasi di klik maka akan masuk ke T15. Tombol Forum di klik maka akan masuk ke T17.
Tombol Keluar di klik, maka akan masuk ke T01.
Ukuran Form 1280 x 800
Warna Background Gradasi Warna abu-abu putih Font Arial Untuk isi
Ukuran font tombol14pt T15
Sekilas Tentang Sekolah Sejarah Sekolah Struktur Organisasi Pengguna Menu Siswa Kalender Forum
Home Materi Latihan Forum keluar
Visualisasi Jaringan Topologi IP Address Subnetmask Nilai Visualisasi Tambah xxxxx Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxx
Konfirmasi
Login Gagal
M01
Konfirmasi
Apakah Anda benar-benar akan menghapus judul materi?
Ok M03
Cancel
Konfirmasi
Apakah Anda benar-benar akan menghapus Animasi?
Ok M04
Cancel
Konfirmasi
Apakah Anda benar-benar akan menghapus Latihan?
Ok Cancel M05
Konfirmasi
Apakah Anda benar-benar akan menghapus Data Siswa?
Ok Cancel M02
Konfirmasi
Apakah Anda benar-benar akan menghapus Forum?
Ok Cancel M06
Ulangi
Konfirmasi
Apakah Anda benar-benar akan menghapus Nilai?
Ok Cancel M07
Konfirmasi
Apakah Anda benar-benar akan menghapus Data Guru?
Ok Cancel M08
Konfirmasi
Belum MelengkapiForm Login
Ok Cancel M09
T01 T05 T07 T08 T09 T06 M01 T22 T23 T25 T09a T21 M03 T24 M04 T26 M05 M06
Gambar 3.31 Jaringan semantik Guru
T01 T10 T12 T17 T15 T13 T14 T11 M01 T28 T27 T27 T27 T27 T27 T28 T29 T28 T28 T29 T29 T28 T28 T27 T29 T29 T28
84
Pada bab ini akan dilakukan implementasi dan pengujian terhadap aplikasi pembelajaran. Tahapan ini dilakukan setelah analisis dan perancangan selesai dilakukan dan selanjutnya akan diimplementasikan kedalam bahasa pemograman. Setelah implementasi maka dilakukan pengujian terhadap terhadap aplikasi dan akan dilihat kekurangan – kekurangan pada aplikasi pembelajaran ini untuk pengembangan sistem selanjutnya.
4.1. Implementasi
Setelah aplikasi dianalisis dan didesain secara rinci, maka aka menuju tahap implementasi. Tujuan dari implementasi adalah untuk mengkonfirmasi modul –
modul perancangan sehingga user (pengguna) dapat memberikan masukan kepada pengembangan sistem.