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