Desain Screen Layout Tahap Desain Design

8. STD Laporan Laporan Layar Laporan Klik “Laporan” Tampil Layar Laporan Peminatan Gambar 4.30 STD Laporan 9. STD User User Form User Klik “User” Tampil Layar Form User Halaman Menu Utama Klik “Close” Tampil Halaman Menu Utama Gambar 4.31 STD User

4.3.4. Desain Screen Layout

Desain Antarmuka Interface Design Pada desain antarmuka dibuat beberapa antarmuka pemakai yang menggabungkan data, arsitektur dan representasi procedural ke dalam rancangan antarmuka pemakai. Desain antarmuka yang dibuat menggunakan notasi desain grafis berupa yampilan layar. Adapun antarmuka yang dibuat dapat dilihat pada gambar 4.32 hingga gambar 4.40 yang diperuntukkan bagi administrator. Gambar 4.32. Rancangan Interface Halaman Login Gambar 4.32. merupakan halaman login untuk administrator dan use r. Jika klik “Login” dan login benar maka user akan masuk ke menu utama aplikasi seperti yang ditunjukan pada gambar 4.33. tetapi jika login salah maka akan tampil pesan kesalahan dengan informasi “NIP atau Password Anda tidak valid”. Menu utama akan menghubungkan dengan berbagai halaman yang merupakan representasi fungsi sistem yang dirancang. Gambar 4.33. Rancangan Menu Utama Aplikasi Bidang Peminatan Tampilan pada menu master yaitu gambar 4.34 dan gambar 4.35. Gambar 4.34. Rancangan Form Input Data Siswa Gambar 4.34. berfungsi untuk menginput data siswa. Sedangkan gambar 4.35. berfungsi untuk menginput data mata pelajaran. Gambar 4.35. Rancangan Form Input Data Mata Pelajaran Tampilan menu entry pada gambar 4.36 sampai gambar 4.48. Gambar 4.36. Rancangan Form Input Nilai Siswa Keterangan gambar 4.36 untuk menginput nilai siswa, admin atau user harus memasukkan nomor induk siswa dan diperiksa apakah data dan nilai siswa tersebut sudah ada dalam database atau belum. Jika sudah diperiksa maka akan ditampilkan tabel input nilai untuk semua mata pelajaran yang berhubungan dengan peminatan untuk diinputkan nilai siswa tersebut. Gambar 4.37. Rancangan Halaman Hasil Keputusan Keterangan gambar 4.37. untuk mendapatkan hasil keputusan peminatan, admin harus memasukkan nomor induk siswa dan diperiksa apakah data dan nilai siswa tersebut sudah ada dalam database atau belum. Jika sudah diperiksa maka akan ditampilkan tabel nilai siswa yang tersimpan untuk diproses peminatannya. Sebelum memproses peminatannya admin harus mengimputkan minat siswa yang diperoleh dari guru BK pada menu pilihan “Kategori Minat”. Jika semua data sudah tersedia dan siap maka akan diproses kesesuaian minat siswa dengan nilai akademik siswa dan hasil keputusan akan ditampilkan. Pada Gambar 4.38 akan ditampilkan hasil keputusan minat siswa yang telah diproses. Gambar 4.38. Rancangan Hasil Laporan Keputusan untuk Bahasa Keterangan untuk gambar 4.38. untuk rancangan hasil laporan, aplikasi akan menampilkan nomor induk, nama dan kelas siswa yang bersangkutan. Pada tabel “Detail” akan ditampilkan nilai siswa sesuai dengan hasil keputusan peminatan. Untuk hasil export to PDF dapat dilihat pada gambar 4.39. Gambar 4.39 Output dalam bentuk PDF Gambar 4.40. Rancangan Form Input Data User Pada gambar 4.40. akan ditampilkan menu untuk menambah, mengubah dan menghapus user. Menu ini hanya terdapat pada tampilan administrator.

4.4. Tahap Pengkodean Coding