Desain arsitektural desain prosedural Desain interface antarmuka

61

a. Desain arsitektural

Penggambaran alur proses jalannya aplikasi secara arsitektural diperlukan sebuah desain arsitektural dalam mengembangkan sistem pengelolaan nilai rapor. Berikut ini adalah desain arsitektural dari sistem pengelolaan nilai rapor : Gambar 9. Desain arsitektur

b. desain prosedural

Spesifikasi prosedural diperlukan untuk menetapkan detail algoritma. Desain prosedural harus menyatukan detail desain prosedural. Berikut ini desain prosedural sistem pengelolaan nilai rapor: Gambar 10. Desain Prosedural 62

c. Desain interface antarmuka

Sistem pengelolaan nilai rapor merupakan aplikasi yang berbasis Visual Basic for Application. Visual Basic for Application merupakan sebuah bahasa pemrograman pada perangkat komputer yang sederhana . Dengan demikian maka tampilan aplikasi akan didesain untuk sebuah interaksi di mana pengguna melakukan pemberian respon melalui tombol-tombol yang mudah dipahami. Desain tampilan untuk masing-masing fitur dan atau bagian dalam aplikasi sistem pengelolaan nilai rapor dapat dilihat sebagai berikut: 1 log in Log in merupakan tampilan awal saat aplikasi dijalankan sebagai sistem keamanan dari aplikasi ini. Tampilan ini akan muncul dan meminta user untuk mengisi nama dan sandi. Gambar 11 menunjukkan tampilan untuk log in. Gambar 11. Log in 2 cover rapor Cover rapor merupakan tampilan pertama aplikasi di mana pengguna melakukan pencarian nama siswa dengan tombol scroll bar. Gambar 12 menunjukkan rancangan untuk tampilan cover rapor: 63 Gambar 12. Cover rapor 3 halaman identitas peserta didik Halaman identitas peserta didik merupakan bagian aplikasi yang menampilkan informasi identitas peserta didik. Desain tampilan halaman ini dapat dilihat pada Gambar 13. Gambar 13. Identitas Peserta Didik 4 halaman laporan hasil belajar peserta didik Halaman laporan hasil belajar peserta didik merupakan bagian aplikasi yang menampilkan informasi nilai siswa tiap mata pelajaran, total nilai peserta 64 didik, nilai rata-rata kelas, serta peringkat kelas. Desain tampilan halaman ini dapat dilihat pada Gambar 14. Gambar 14. Laporan Hasil Belajar Peserta Didik 5 halaman catatan Halaman catatan merupakan bagian aplikasi yang menampilkan informasi pengembangan diri, informasi kepribadian, informasi ketidakhadiran, informasi catatan prestasi yang telah diraih, serta informasi catatan wali kelas. Pada halaman ini, terdapat perintah cetak yang dapat dijalankan dengan pilihan halaman yang akan dicetak, lihat saja, serta cetak semua halaman. Gambar 15. Catatan 65

3. Pembuatan Kode Program Coding