3.2.4 Perancangan Antarmuka
Perancangan antarmuka merupakan perancangan halaman aplikasi yang berinteraksi langsung dengan pengguna sistem aplikasi. Pada aplikasi ini terdapat
perbedaan antara antarmuka yang digunakan user, guru dan admin kalau user mengunakanan sistem aplikasi berbasis SMS gateway dan web sedangkan admin
dan guru mengunakan sistem aplikasi berbasis web saja. User siswa dan wali murid saat pertama kali mengakses sistem aplikasi
mereka, antarmuka yang disediakan adalah halaman index. Pada halaman index terdapat link ke halaman login siswa melalui tulisan klik. Sedangkan admin saat
pertama kali mengakses sistem aplikasi webnya pada web browser komputer yang terkoneksi internet, pertama halaman yang disediakan adalah halaman index,
fungsinya hampir sama dengan halaman index siswa yaitu keduanya mencantumkan link yang berupa tulisan klik yang bila di klik akan berpindah
langsung ke halaman login. Pada halaman login user seorang siswa atau wali murid yang akan
melakukan proses login harus memasukkan user id nya yang berupa NIS nomor induk siswa dan password yang dimiliki untuk diproses otentifikasinya, bila
telah berhasil melalui proses otentifikasi login user maka user akan berpindah ber link ke halaman menu siswa yang berisikan menu – menu yang akan dipilih
seperti lihat data-data, lihat nilai-nilai evaluasi dan lihat absensi kehadiran siswa Sedangkan admin dan guru bila akan login harus memasukkan user id nya
kemudian memasukkan password setelah itu admin harus mengklik tombol login untuk diproses otentifikasinya, bila berhasil melalui proses otentifikasi admin
akan berpindah ke halaman admin yang berisikan menu – menu yang berfungsi untuk me maintance aplikasi.
3.2.4.1 Perancangan Antarmuka User
Setelah melalui halaman index user dihadapkan dengan halaman login. Di halaman login siswa harus memasukkan data login berupa username NIS dan
password , kemudian aplikasi akan mencocokkan dengan data siswa yang terdapat
pada basis data yang apabila login valid maka akan muncul menu pilihan yang dapat digunakan untuk melihat, absensi kehadiran dan ketidakhadiran, dan nilai.
Tabel 3.2. Menu Untuk User Pada Aplikasi Hasil Studi No
Menu Kegunaan
1 Tentang Hasil Studi
Online Untuk melihat data tentang hasil studi ataupun
raport online. 2
Absensi Untuk melihat absensi ketidak hadiran siswa.
3 Nilai
Untuk melihat Nilai murid berdasarkan semester.
3.2.4.2 Perancangan Antarmuka Admin
Setelah melalui halaman index admin dihadapkan dengan halaman login. Admin harus memasukkan data login berupa username dan password, kemudian
sistem aplikasi akan mencocokkan dengan data admin yang terdapat pada basis data yang apabila login valid maka akan muncul menu pilihan yang dapat digunakan
untuk memanipulasi record apakah akan diubah, ditambah atau dihapus. Menu- menu untuk admin dijelaskan dalam tabel berikut:
Tabel 3.3. Menu Untuk Admin Pada Aplikasi Hasil Studi No
Menu Kegunaan
1 Login
Form aplikasi login 2
Tambah Data Untuk menambah record
3 Ubah Data
Untuk Mengubah record 4
Hapus Data Untuk menghapus record yang di check box
5 Logout
Untuk membebaskan menonaktifkan data session
3.2.4.3 Perancangan Antarmuka Guru
Berikut adalah tabel perancangan antar muka untuk guru : Tabel 3.4. Menu Untuk Guru Pada Aplikasi Hasil Studi
No Menu
Kegunaan
1 Login
Form aplikasi login 2
Nilai Untuk melihat dan memasukkan Nilai murid
berdasarkan semester 3
Ubah Data Untuk Mengubah record
4 Logout
Untuk membebaskan menonaktifkan data session
3.2.4.4 Perancangan Antar Muka Siswa
Berikut adalah tabel perancangan antar muka untuk siswa :
Tabel 3.5. Menu Untuk Siswa Pada Aplikasi Hasil Studi No
Menu Kegunaan
1 Login
Form aplikasi login 2
Nilai Untuk melihat Nilai
3 Absensi
Untuk melihat Jumlah Kehadiran dan Ketidak hadiran siswa.
4 Logout
Untuk membebaskan menonaktifkan data session
3.2.5 Implementasi Sistem
Kategori