TGL_PRESENSI Date
- ST_HADIR
Varchar 1 -
s. Tabel Buku
Tabel Master Buku digunakan untuk menyimpan data buku yang dijual. Saat ini dalam satu level hanya memiliki satu buku yaitu buku materi. Primary key pada
Tabel ini adalah field ID_BUKU sedangkan foreign key adalah ID_LEVEL. Struktur Tabelnya ada pada Tabel 3.21 dibawah ini:
Tabel 3.21 Buku
Field Nama Tipe Data
Constraint
ID_BUKU Varchar 6
Primary key ID_LEVEL
Varchar 5 Foreign key
NM_BUKU Varchar 100
- STOK
Int 11 -
HARGA Int 11
-
t. Tabel Bayarbuku
Tabel Bayarbuku digunakan untuk menyimpan data pembayaran buku. Primary key
pada Tabel ini adalah field ID_BAYARBUKU sedangkan foreign key adalah ID_BUKU dan NIS. Struktur Tabelnya ada pada Tabel 3.22 dibawah ini:
Tabel 3.22 Bayarbuku
Field Nama Tipe Data
Constraint
ID_BAYARBUKU Varchar 10
Primary key NIS
Varchar 10 Foreign key
ID_BUKU Varchar 6
-
ID_PERIODE Int 3
Foreign key TGL_BAYARBUKU
Date -
JML_BAYARBUKU Int 11
-
3.2.7 Desain User Interface
Desain user interface digunakan sebagai panduan dalam menentukan tata letak komponen aplikasi. Desain user interface pada Sistem Informasi Akademik ILC
dibuat sesederhana mungkin agar mudah digunakan oleh pengguna.
INPUT a.
Desain User Interface Halaman Login
Pengendalian akses dilakukan melalui 3 tahap yaitu identifikasi, otentikasi dan otorisasi Mcleod:1996. Halaman login memiliki textbox username yang
berfungsi sebagai identifikasi. Password dan captcha yang muncul apabila pengguna salah login lebih dari 3 kali berfungsi untuk menghidari adanya bot yang masuk
sebagai otentifikasi. Otentifikasi berfungsi memastikan apakah pengguna benar- benar orang yang berhak melakukan akses ke sistem. Setelah username, password,
dan captcha telah sesuai maka tahap selanjutnya adalah otorisasi pengguna berdasarkan hak akses. hak akses dibagi menjadi 4 pengguna yaitu admin, owner,
tutor dan siswa. Gambar 3.15 dibawah ini adalah desain user interface halaman login.
Logo
Username Password
Captcha
S72G1
Login
SI Akademik
Gambar 3.16 Desain User Interface Halaman login
Gambar 3.17 menunjukan pesan apabila pengguna salah memasukkan username
dan password
Gambar 3.17 Desain User Interface Cek Login
b. Desain User Interface Halaman Siswa
Gambar 3.18 merupakan halaman penambahan data siswa. Siswa setelah diinputkan pada halaman ini masih memiliki status tidak aktif. Untuk dapat merubah
status menjadi aktif. Maka harus melakukan proses Registrasi Ulang
SI AKADEMIK ILC
SETTING MASTER
Level Kelas
Ruang Cabang
Sekolah Siswa
Pegawai Jadwal
Buku Materi
ADMINISTRASI
S011310001 Dani
Nm Panggil Nm Lengkap
Jenis Kelamin L
Dani Gunawan NIS
Tmp Lahir Bandung
P Nm Ortu
Soeharto
085648424001 Telp
Pondok Jati AG-6 Alamat
Islam Tingkat
4 SD
Simpan
Siswa Pendaftaran
Cancel
Agama SDN Pucang 4
Sekolah Tgl Lahir
16-07-1990 Foto
Choose File ..
Gambar 3.18 Desain User Interface Halaman Siswa
c. Desain User Interface Registrasi Ulang
Gambar 3.19 merupakan view data penempatan. View tersebut menampilkan data siswa berdasarkan periode dan kelas. Sedangkan Gambar 3.20 adalah form
registrasi ulang dengan inputan berupa nama panggil siswa. Proses ini membuat siswa memiliki status aktif.
NIS Nm Lengkap
JK No
Tambah
Periode : 131
Tgl Daftar
Kelas : PB1A
Aksi Del
SI AKADEMIK ILC
SETTING MASTER
ADMINISTRASI
Penempatan Presensi
Resign Pemb SPP
Pemb Buku Nilai
Penempatan View
Gambar 3.19 Desain User Interface View Data Penempatan
Senin 14.00-15.30 Periode
Kelas S1B
131 Jadwal 1
Nama Panggil Nama Lengkap
Dani Gunawan Dani
NIS S01130001
Simpan Cancel
Registrasi Ulang Data Kelas
Rabu 14.00-15.30 Jadwal 2
P1A Ruang
Rabu 14.00-15.30 Tutor
Level Starter 1 B
SI AKADEMIK ILC
SETTING MASTER
ADMINISTRASI
Penempatan Presensi
Resign Pemb SPP
Pemb Buku Nilai
Penempatan Registrasi Ulang
Gambar 3.20 Desain User Interface Registrasi Ulang
d. Desain User Interface Input Data Presensi
Kategori