4.2.2 Rancangan Layar
Antarmuka Interface
Perancangan antarmuka interface dibuat agar user dengan mudah dapat mengoperasikan dan mengerti bagaimana sistem dapat digunakan.Untuk
memudahkan dan mengefektifkan dalam pemasukan data, maka perlu adanya rancangan masukan. Untuk mempermudah pemasukan data, maka pada beberapa
atribut atau field dilakukan pengkodean. 1.
Perancangan halaman form Login
LOGIN ADMINISTRATOR
User ID : Password :
Login
Gambar 4.16 Rancangan form Login Admin
2. Perancangan Halaman utama admin
Logo
ADMINISTRASI JADWAL PENGGUNAAN LAB
Header
SELAMAT DATANG ADMINISTRATOR
Info
Struktur Data Jadwal
Logout
Footer
Gambar 4.17 Rancangan Halaman utama admin
3. Perancangan Halaman Input Struktur Data pada menu “Admin”
ADMINISTRASI JADWAL PENGGUNAAN LAB
Header Logo
Profil Kampus Data Fakultas
Data Prodi Data Kelas
Data Dosen Data Mata kuliah
Data Semester Data Lab
Data Shift
Footer Info
Struktur Data Jadwal
Logout
Gambar 4.18 Rancangan Halaman Input Struktur Data pada menu “Admin”
4. Perancangan Halaman Input Jadwal pada menu “Admin”
Header Logo
ADMINISTRASI JADWAL PENGGUNAAN LAB
Info
Struktur Data Jadwal
Logout
DATA JADWAL Input Jadwal
Tanggal Bulan Tahun Tampilkan Data Semester
Footer Filter Data
Pilih Smt DATA JADWAL HARI INI HARITGLBLNTHN
No. Smt Ruang Lab Jam Fakultas Prodi Kelas Mata Kuliah Dosen Opsi
Gambar 4.19 Rancangan Halaman Input Jadwal pada menu “Admin”
5. Perancangan Halaman form Login
User ID :
Password
Daftar
Login
Header
Footer LOGIN FORM
Kepentingan Akses
Logo
Gambar 4.20 Rancangan form Login Prodi dan Mahasiswa
6. Perancangan Halaman form Daftar
Nama Lengkap User ID
Password Ulangi Password
Header Logo
FORM DAFTAR
Daftar Batal
Footer
Gambar 4.21 Rancangan form Daftar Prodi dan Mahasiswa
7. Perancangan Halaman Output Jadwal Penggunaan Lab
Header Logo
HOME Cari Info Jadwal
Cetak Jadwal
Prodi : Logout
Footer Filter Data
Pilih Smt DATA JADWAL HARI INI HARITGLBLNTHN
JADWAL PENGGUNAAN LAB UIN SYAHID JKT
Tanggal Bulan Tahun Smtr
No. Jam Sesi Lab Dosen Smtr Kelas Jumlah Sks Mata Kuliah
Gambar 4.22 Rancangan Halaman Output Jadwal Penggunaan Lab Untuk Prodi
8. Perancangan Halaman Output Cari Info Jadwal Prodi
HOME
Cari Info Jadwal
Pencarian Berdasarkan : Kata Pencarian
:
Prodi : Logout
Header Logo
Footer Cari
Batal PENCARIAN DATA JADWAL
Gambar 4.23 Rancangan Halaman Output Cari Info Jadwal Prodi
9. Perancangan Halaman Output Jadwal Penggunaan Lab
HOME Kelas :
Prodi : Logout
Header Logo
Footer Cetak Jadwal
Filter Data Pilih Smt
DATA JADWAL HARI INI HARITGLBLNTHN JADWAL PENGGUNAAN LAB UIN SYAHID JKT
Tanggal Bulan Tahun Smtr
No. Jam Sesi Lab Dosen Smtr Kelas Jumlah Sks Mata Kuliah
Gambar 4.24 Rancangan Halaman Output Jadwal Penggunaan Lab Untuk
Mahasiswa
4.3 Implementasi Sistem
Setelah membuat tahap analisa dan perancangan selesai, maka tahap ini dilakukan implementasi hasil rancangan tersebut ke dalam bahasa pemrograman
agar dapat dibaca oleh system. Adapun bahasa pemrograman yang penulis gunakan yaitu PHP sedangkan untuk database, penulis menggunakan MySQL
4.3.1 Pengujian
Setiap program menjalani pengujian secara pribadi untuk memastikan bahwa program yang telah kita buat bisa bebas dari kesalahan bug, walaupun
tidak menutup kemungkinan masih terjadi sedikit bug atau tidak 100 bebas dari bug, namun pengujian ini setidaknya bisa meminimalisasi kesalahan yang akan
terjadi.