Nama X (8 Soal) XI (12 Soal) XII (20 Soal) Benar Salah Benar Salah Benar Salah
1. Data Flow Diagram Level
3.2.3 Perancangan struktur menu
Perancangan struktur menu dirancang untuk menggambarkan fungsi-fungsi yang akan digunakan dalam pengembangan. Banyaknya jumlah struktur menu yang
yang telah ada. Pada pengembangan ini struktur menu yang dirancangan yaitu struktur menu administrator, guru, siswa/i dan kepala sekolah.
1. Struktur menu administrator
Gambar dibawah ini merupakan struktur menu yang dimiliki oleh administrator
Gambar 3.18 Struktur Menu Administrator 2. Struktur menu guru
Gambar dibawah ini merupakan struktur menu yang dimiliki oleh guru
Gambar 3.19 Struktur Menu Guru 3. Struktur menu siswa/i
Gambar dibawah ini merupakan struktur menu yang dimiliki oleh siswa/i
Gambar 3.20 Struktur Menu Siswa
4. Struktur menu kepala sekolah
Gambar dibawah ini merupakan struktur menu yang dimiliki oleh Kepala sekolah
Gambar 3.21 Struktur Menu Kepala Sekolah 3.2.4 Perancangan antarmuka
Perancangan antarmuka dirancang untuk menggambarkan rancangan setiap halaman yang akan digunakan dalam aplikasi yang akan dikembangkan. Perancangan antarmuka yang dirancangan berdasarkan dari rancangan sebelumnya sehingga pengguna tidak kesulitan. Peneliti menambahkan perancangan kepada administrator, guru, siswa/i dan kepala sekolah.
Gambar 3.22 Perancangan antarmuka admin 2. Perancangan antarmuka halaman lupa password login admin
Gambar 3.24 Perancangan antarmuka utama tryout admin 4. Perancangan antarmuka halaman pengolahan jadwal tryout
Gambar 3.26 Perancangan antarmuka kelola pelajaran tryout
6. Perancangan antarmuka halaman pengelolaan tim penyusun soal tryout Admin
Gambar 3.28 Perancangan antarmuka edit tanggal jadwal tryout 8. Perancangan antarmuka halaman edit jam jadwal tryout admin
Gambar 3.30 Perancangan antarmuka halaman tambah pelajaran tryout 10.Perancangan antarmuka halaman tambah tim penyusun soal tryout admin
Gambar 3.32 Perancangan antarmuka edit tim penyusun tryout 12.Perancangan antarmuka halaman login guru, siswa/i dan kepala sekolah
Gambar 3.34 Perancangan antarmuka halaman manajemen materi 14.Perancangan antar muka halaman tambah materi
Gambar 3.36 Perancangan antarmuka halaman edit materi 16.Perancangan antatmuka halaman utama Tryout Guru
Gambar 3.38 Perancangan antarmuka manajemen soal tryout 18.Perancangan antarmuka halaman tambah soal tryout latihan guru
Gambar 3.40 Perancangan antarmuka tambah soal tryout simulasi UN 20.Perancangan antarmuka halaman bank soal tryout guru
Gambar 3.42 Perancangan antarmuka bank soal tryout latihan 22.Perancangan antarmuka halaman bank soal tryout simulasi UN guru
Gambar 3.44 Perancangan antarmuka kelayakan soal 24.Perancangan antarmuka halaman monitoring nilai siswa/i guru
Gambar 3.46 Perancangan antarmuka jadwal tryout 26.Perancangan antarmuka halaman edit soal tryout latihan guru
Gambar 3.47 Perancangan antarmuka edit soal tryout latihan 27.Perancangan antarmuka halaman edit soal tryout simulasi UN guru
Gambar 3.48 Perancangan antarmuka edit soal tryout simulasi UN 28.Perancangan antarmuka halaman review soal tryout simulasi UN guru
Gambar 3.50 Perancangan antarmuka review edit soal tryout simulasi UN 30.Perancangan antarmuka halaman detail monitoring nilai siswa/i per individu
guru
Gambar 3.51 Perancangan antarmuka detail nilai siswa per individu 31.Perancangan antarmuka halaman revisi soal monitoring kelayakan soal guru
Gambar 3.52 Perancangan antarmuka revisi sial monitoring kelayakan soal 32.Perancangan antarmuka halaman utama tryout siswa/i
Gambar 3.53 Perancangan antarmuka utama tryout siswa/i
Gambar 3.54 Perancangan antarmuka ujian tryout 34.Perancangan antarmuka halaman histori nilai siswa/i
Gambar 3.55 Perancangan antarmuka histori nilai 35.Perancangan antarmuka halaman tryout latihan siswa/i
Gambar 3.56 Perancangan antarmuka tryout latihan 36.Perancangan antarmuka halaman tryout simulasi UN siswa/i
Gambar 3.57 Perancangan antarmuka tryout simulasi UN 37.Perancangan antarmuka halaman jadwal tryout siswa/i
Gambar 3.58 Perancangan antarmuka jadwal tryout
38.Perancangan antarmuka halaman utama tryout kepala sekolah
Gambar 3.59 Perancangan antarmuka utama kepala sekolah
Gambar 3.60 Perancangan antarmuka detail monitoring nilai siswa 40.Perancangan antarmuka halaman lihat siswa tidak lulus
Perancangan pesan yang terdapat pada pengembangan sistem ini digambarkan seuai dengan proses yang dikembangkan
1. Perancangan pesan pada proses hapus pelajaran
Gambar 3.62 Perancangan pesan pada proses hapus pelajaran 2. Perancangan pesan pada proses hapus tim penyusun
Gambar 3.63 Perancangan pesan pada proses hapus tim penyusun 3. Perancangan pesan pada proses hapus materi
Gambar 3.65 Perancangan pesan pada proses hapus soal 5. Perancangan pesan pada proses penyuntingan data
Gambar 3.66 Perancangan pesan pada proses penyuntingan data 6. Perancangan pesan pada proses penambahan data
Gambar 3.67 Perancangan pesan pada proses penambahan data 7. Perancangan pesan pada proses konformasi penyimpanan jawaban siswa/i
Gambar 3.68 Perancangan pesan pada proses penyimpanan jawaban siswa/i 3.2.6 Perancangan prosedural
Perancangan proseduran merupakan perancangan yang dilakukan untuk menentukan algoritma yang akan diyatakan kedalam sebuah program. Perancangan prosedural menjelaskan tentang bagaimana sebuah sistem berjalan. Perancangan prosedural yang ada di Learning management system ini digambarkan dalam bentuk Flowchart
1. Flowchart Login
Flowchart login menggambarkan proses login dari awal sampai akhir.
Flowchart login dapat dilihat pada Gambar 3.69 dibawah ini
Mulai Memasukan username dan password Validasi username dan password Valid? Masuk ke dalam sistem Selesai Tampil pesan “Login Gagal” Ya Tidak
Flowchart Tambah Data menggambarkan proses Tambah Data, dapat dilihat pada Gambar 3.70 dibawah ini.
Mulai Masukkan data yang akan ditambah Tampilkan data belum lengkap Data lengkap? Simpan Data
Tampilkan data yang sudah ditambah dan
disimpan
Selesai Ya
Tidak
Flowchart Ubah Data menggambarkan proses Ubah Data, dapat dilihat pada Gambar 3.71 dibawah ini.
Mulai Data yang akan diubah Pesan gagal mengubah data Valid ? Ubah Data Pesan sukses ubah data Selesai Ya Tidak
Flowchart hapus data menggambarkan proses hapus data, dapat dilihat pada Gambar 3.72 dibawah ini.
Mulai Pilih data yang akan dihapus Hapus Data Tampilkan form anggota yang masih punya tunggakan Hapus? Hapus Data Menampilkan pesan data berhasil dihapus Ya Tidak Mulai
Flowchart Cari Data menggambarkan proses Cari Data, dapat dilihat pada Gambar 3.73 dibawah ini.
Mulai Data yang akan dicari Pesan gagal mengubah data Data ditemukan? Cari Data Selesai Data yang dicari
Ya
Tidak
Gambar 3.73 Flowchar cari data
6. Flowchart tampil data
Flowchart Tampil Data menggambarkan proses Tampil Data, dapat dilihat pada Gambar 3.74 dibawah ini.
Pili data yang akan ditampilkan Data ditampilkan Tampilkan Data Selesai
Flowchart Tampil Data menggambarkan proses analisis monitoring kelayakan soal , dapat dilihat pada dibawah ini.
Flowchart Tampil Data menggambarkan proses monitoring nilai & kelulusan siswa untuk hak akses guru, dapat dilihat pada dibawah ini.
Flowchart Tampil Data menggambarkan proses monitoring nilai & kelulusan siswa untuk hak akses Kepala Sekolah, dapat dilihat pada dibawah ini.
Flowchart Tampil Data menggambarkan proses monitoring nilai & kelulusan siswa untuk hak akses Siswa, dapat dilihat pada dibawah ini.
Jaringan semantik dibuat untuk menggambarkan keterkaitan antar menu pada aplikasi yang akan dikembangkan. Ada 4 jaringan semantik yang digambarkan sesuai dengan proses pengembangan aplikasi ini yaitu digambarkan jaringan semantik yang akan dikembangkan untuk menu administrator, guru, siswa/i dan kepala sekolah.
1. Jaringan semantik menu administrator
Gambar 3.79 Jaringan semantik menu administrator 2. Jaringan semantik menu guru
Gambar 3.81 Jaringan Semantik Siswa/i 4. Jaringan semantik menu kepala sekolah
161
tryout yang telah dibangun. Tahap implementasi dan pengujian dilakukan setelah tahap analisis dan perancangan sistem selesai dilakukan dan selanjutnya akan diimplementasikan ke dalam suatu bahasa pemograman. Setelah implementasi selesai dilakukan maka tahap selanjutnya dilakukan pengujian terhadap sistem yang batu dan akan dilihat beberapa kekurangan pada aplikasi yang baru untuk pengembangan selanjutnya.