Tampilan Antarmuka Halaman Pengunjung Halaman Utama Halaman Website Sub-Sistem Administrator

ID_USER integer 10 Primary key, auto increment Untuk menyimpan data id jam. NAMA varchar 20 - Untuk menyimpan data nama user. USERNAME varchar 50 - Untuk menyimpan username user. Nama kolom Type Extra Keterangan PASSWORD varchar 50 - Untuk menyimpan password user. role integer 5 - Untuk menyimpan role user.

3.7 Perancangan Antarmuka

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 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.13 Halaman Login Administrator 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 : Tinggal dengan : 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