Antarmuka pemakai (user interface) merupakan bagian yang penting dalam suatu pemrograman apalagi berbasis sms gateway, karena berfungsi untuk menghubungkan antara suatu aplikasi dengan pemakainya (user). Perancangan antarmuka pemakai (user interface) dibuat dengan tujuan untuk memudahkan pemakai (user) dalam melakukan interaksi dengan aplikasi yang dibuat.
3.7.1 Tampilan Antarmuka Halaman Pengunjung (Halaman Utama)
Gambar 3.11 Tampilan Antarmuka Halaman Pengunjung
35
Pada Gambar 3.11 adalah halaman index dari web site SD Muhammadiyah 15. Pada halaman index antar muka terdapat empat bagian utama, yaitu header, menú website, isi website, dan footer. Pada menú website index antar muka pengunjung terdapat sembilan menú, yang dapat dijelaskan dengan gambar 3.12 diagram dibawah ini:
Gambar 3.12 Diagram Menu Pengunjung Aplikasi Website
3.7.2 Halaman Website Sub-Sistem Administrator
Halaman website sub sistem admin ini hanya diperuntukan oleh administrator. Halaman awal website sub sistem admin ini adalah halaman login, admin diharuskan mengisi user dan password, seperti yang terlihat pada gambar dibawah ini (Gambar 3.13 Halaman Login Administrator).
Login Administrator
Username : Password :
Gambar 3.14 Menu Administrator
Jika login berhasil, maka selanjutnya admin dapat mengakses menu-menu yang tersedia, sebagaimana dijelaskan pada gambar diatas (Gambar 3.14. Menu Administrator).
3.7.3 Tambah Data Siswa
Nomor Induk Siswa :
Kelas Siswa : Nama Lengkap : Nama Panggilan : Jenis Kelamin : Tempat Kelahiran : Tanggal Kelahiran : Agama Siswa : Kewarganegaraan :
Jumlah Saudara Kandung :
Jumlah Saudara Tiri :
Jumlah Saudara Angkat :
Status Anak :
Bahasa Dikeluarga :
Berat Badan :
Tinggi Badan :
Golongan Darah :
Penyakit yang Pernah diderita : Alamat :
Nomor Telepon :
37
Jarak Rumah ke Sekolah :
Username : Password :
Foto Murid :
Gambar 3.15 Tampilan Form Tambah Data Siswa
Pada Gambar 3.15 adalah halaman tambah data siswa, isi dari form tersebut adalah nomor induk siswa, kelas siswa, nama lengkap, nama panggilan, jenis kelamin, tempat kelahiran, tanggal kelahiran, agama siswa, kewarganegaraan , jumlah saudara kandung, jumlah saudara tiri, jumlah saudara angkat, status anak, bahasa dikeluarga, berat badan, tinggi badan, golongan darah, penyakit yang pernah diderita, alamat, nomor telepon, tinggal dengan, jarak rumah ke sekolah, username, password, foto murid. Yang memiliki hak akses untuk menambah data siswa adalah admin.
3.7.4 Tambah Data Petugas Absensi
Halaman tambah data petugas absensi ini yang mengakses adalah seorang admin, dan proses dari form tambah data petugas absensi tersebut adalah mengisikan nama petugas, username, dan password.
Tambah Data Petugas
Nama Petugas :
Username :
Password :
Gambar 3.16 Tampilan Form Tambah Data Petugas 3.7.5 Tambah Data Guru
Nama Pengajar : Tanggal Lahir Pengajar : Kota Lahir Pengajar : Alamat Pengajar : Agama Pengajar : Email : Status Rumah : Bertugas Tanggal : NIP : KERPEG No : Username : Password : Foto Guru :
Gambar 3.17 Tampilan Form Tambah Data Guru
Pada Gambar 3.17 adalah halaman tambah data guru, isi dari form tersebut adalah npt, nama pengajar, tanggal lahir pengajar, kota lahir pengajar, alamat pengajar, agama pengajar, email, status rumah, bertugas tanggal, nip, kerpeg no, username, password, dan foto. Yang memiliki hak akses untuk menambah data guru adalah admin.
3.7.6 Tambah Data Mengajar Tambah Data Mengajar
NPT : Nama Pengajar : Kelas : Mata Pelajaran : Jadwal :
Gambar 3.18 Tampilan Tambah Data Mengajar
Pada gambar 3.18 diatas adalah halaman form tambah data mengajar, dimana halaman ini yang mengakses adalah seorang admin dan proses dari form
39
diatas tersebut untuk mengisikan NPT, nama pengajar, kelas, mata pelajaran, dan jadwal yang diajar oleh guru tersebut, tetapi semua data tersebut sudah ada didalam database.
3.7.7 Tampilan Ubah Password User
Halaman form ubah password user, dimana halaman ini yang mengakses adalah seorang admin dan proses dari form diatas tersebut untuk merubah data username dan password user.
Tambah Data Ubah Password
Input Username Baru : Input Password Lama : Input Password Baru : Input Ulang Password :
Gambar 3.19 Tampilan Ubah Password User
3.7.8 Halaman Website Sub-Sistem Petugas Absensi
Halaman website sub sistem petugas absensi ini hanya diperuntukan oleh petugas absensi. Halaman awal website sub sistem petugas absensi ini adalah halaman login, petugas absensi diharuskan mengisi user dan password, seperti yang terlihat pada gambar dibawah ini (Gambar 3.20 Halaman Login Petugas Absensi). Login Petugas Absensi
Username : Password :
Jika login berhasil, maka selanjutnya admin dapat menginputkan data absensi siswa.
3.7.9 Tampilan Tambah Data Absen Siswa
No NIS Nama Absen Hadir Ijin Keterangan Keluar Jam Keluar
a B c d e f g h i
Gambar 3.21 Tampilan Form Tambah Data Absen
Keterangan untuk gambar diatas (Gambar 3.21 Tampilan Form Tambah Data Absen) adalah sebagai berikut :
a. Untuk menampilkan no urut b. Untuk menampilkan NIS siswa c. Untuk menampilkan nama siswa
d. Merupakan check box, untuk siswa yang tidak hadir. e. Merupakan check box, untuk siswa yang hadir. f. Merupakan check box, untuk siswa yang ijin.
g. Merupakan check box, untuk memberikan keterangan absensi. h. Merupakan check box, untuk jam keluar siswa.
41
3.7.10 Format Send SMS
Tabel 3.10 Tabel Format SMS Guru Melihat Jadwal Mengajar JADWAL[spasi]HARI[spasi]NPT
Keterangan :
Format sms diatas adalah format sms jika guru ingin melihat jadwal mengajarnya.
Tabel 3.11 Tabel Format SMS Walimurid Mengecek Kehadiran Siswa ABSENSI[spasi]NIS
Keterangan :
Format sms diatas adalah format sms jika wali murid ingin mengecek kehadiran siswa.
Tabel 3.12 Tabel Format SMS Rekap Kehadiran Siswa ABSENSI[spasi]REKAP[spasi]BULAN[spasi]NIS
Keterangan :
Format sms diatas adalah format sms jika wali murid ingin melihat hasil rekap kehadiran siswa.
3.7.11 Format Received SMS
Tabel 3.13 Format Balasan Absensi Absen ABSEN
Keterangan :
Jika siswa tidak masuk sekolah atau absen, maka ketika walimurid mengecek absensi siswa, maka walimurid mendapatkan balasan sms dengan keterangan absen.
Tabel 3.14 Tabel Format Balasan Absensi Hadir HADIR
Keterangan :
Jika siswa hadir, maka ketika walimurid mengecek absensi siswa, maka walimurid mendapatkan balasan sms dengan keterangan hadir.
Tabel 3.15 Tabel Format Balasan Absensi Ijin IJIN
Keterangan :
Jika siswa tidak masuk sekolah degan keterangan ijin, maka ketika walimurid mengecek absensi siswa, maka walimurid mendapatkan balasan sms dengan keterangan ijin.
Tabel 3.16 Tabel Format Balasan SMS Salah Format SMS anda Salah
Keterangan :
Jika walimurid maupun guru salah dalam mengirimkan format sms, maka sistem akan memberikan balasan dengan keterangan format sms anda salah.