BAB III PERANCANGAN SISTEM
3.2 Perancangan Sistem
3.2.5 Desain Input dan Output
A. Desain Form Login
Tampilan awal saat aplikasi pertama kali dijalankan. Terdapat textbox username dan password untuk login. Semua user berhak mengakses. Yang membedakan hak aksesnya hanya pada hak_akses saja. Form login ditampilkan pada Gambar 3.14
B. Desain Form Fasilitas
Form fasilitas dalam aplikasi merupakan tampilan dari primagama seperti tempat parkir, mushola, ruang belajar yang akan di tampilkan. Untuk menarik perhatiaan dari calon siswa yang akan mendaftar.
C. Desain Form Kontak Person
Dalam form kontak person merupakan form untuk menghubungi pihak primagama dengan cara telpon secara langsung atau chat dengan menggunakan fasilitas yahoo massenger
Gambar 3.20 Desain Form Kontak Person
D. Desain Form Profile
Form profile berisi tentang sejarah primagama dan penghargaan yang didapat oleh primagama.
E. Desain Testimoni
Form testimoni berisi tentang komentar-komentar para siswa tentang primagama dan ditampilkan pada guest yang masuk, testimoni berupa id_user, judul, dan isi.
Gambar 3.22 Desain Testimoni
F. Desain Form Registrasi
Form registrasi digunakan untuk data para siswa yang masuk pada lembaga bimbingan belajar primagama, siswa harus memasukkan biodata sebenar- benarnya.
Gambar 3.23 Desain Form Registrasi
G. Desain Home Tentor
Home tentor ini akan tampil jika sesudah login dan di validasi, form ini tentor dapat memasukkan nilai siswa, absen siswa, bahkan upload materi pada menu yang dikhususkan untuk tentor.
Gambar 3.24 Desain Home Tentor
H. Desain Absen Siswa
Absen siswa digunakan oleh tentor untuk memasukkan data siapa yang tidak masuk dalam kegiatan belajar dan tentor dapat memasukkan data ijin/sakit. para tentor akan menginputkan data siswa yang tidak masuk dalam kegiatan proses belajar mengajar. Jika ada yang tidak masuk tentor dapat klik button baru, dan tentor dapat memasukkan data siswa yang tidak masuk. Sesuai dengan id siswa, id tentor, jumlah tidak masuk, keterangan, hari, dan mata pelajaran.
Gambar 3.25 Desain Absen Siswa
I. Desain Edit Profile
Edit Profile digunakan untuk merubah data tentor, sehingga tentor dapat memperbaiki data yang valid.
J. Desain Jadwal
Tentor mempunyai form jadwal untuk memasukkan data tentor mengajar di lembaga bimbingan belajar.
Gambar 3.27 Desain Jadwal
K. Desain Masuk Nilai
Form masuk nilai digunakan untuk memasukkan nilai para siswa setelah tryout tentor sesuai no urut siswa. diperuntukkan oleh tentor, di form ini tentor dapat memasukkan data nilai tryout, dsini terdapat combobox untuk mengetahui kelas berapa yang akan dimasukkan saat di klik terdapat data siswa yang terdapat pada kriteria kelas.
Gambar 3.28 Desain Masuk Nilai
L. Desain Upload materi
Form upload materi digunakan untuk memasukkan materi dari tentor sesuai dengan materi yang akan diajarkan.
M. Desain Home Siswa
Form home siswa di gunakan untuk setelah login siswa akan memasuki halaman ini, halaman ini berisi tentang biodata.
Gambar 3.30 Desain Home Siswa
N. Desain Absen Siswa
Form absen siswa untuk menampilkan data siswa yang tidak hadir dalam bimbingan belajar.
Gambar 3.31 Desain Absen Siswa
O. Desain Jadwal Siswa
Form jadwal siswa digunakan untuk melihat jadwal bimbingan belajar yang telah sesuai dengan laporan penjadwalan dari rapat para tentor untuk mengolah jadwal yang kres menjadi terminimalisir.
P. Desain Keuangan
Form ini untuk melihat keuangan perbulan dan para siswa menyerahkan tanda bukti pembayaran setelah itu admin akan merubah data dalam maintenance keuangan.
Gambar 3.33 Desain Keuangan
R. Desain Nilai
Form ini digunakan untuk melihat nilai siswa setelah selesai tryout.
S. Desain Download materi
Form ini digunakan untuk mengambil data materi dari tentor agar para siswa tidak ketinggalan materi dalam proses belajar.
Gambar 3.35 Desain Download materi
T. Desain Edit Profile Siswa
Form ini digunakan untuk siswa, siswa dapat mengubah perubahan profile dengan data yang valid dan benar. Dalam edit profile terdapat no, nama siswa, alamat siswa, no telp, e-mail, sekolah asal, paket siswa, jadwal, kota, tanggal lahir, jenis kelamin. Dan para siswa dapat mengganti profile siswa yang sesuai. Tombol update untuk mengganti data yang sudah diganti. Dan tombol cancel akan kembali ke home siswa.
Gambar 3.36 Desain Edit Profile Siswa
U. Desain Maintenance Tentor
Form ini digunakan untuk admin dan admin dapat merubah data tentor. Dan untuk memasukkan semua data yang ada.
V. Desain Maintenance Absen
Menu maintenance absen ini admin dapat melihat semua data siswa absensi dan dapat memasukkan data siswa yang tidak mengikuti kegiatan belajar mengajar yang ada pada hari itu. Di form ini terdapat id siswa, id tentor, jumlah tidak kehadiran, ketengan tidak masuk, hari dan matapelajaran yang semua itu dimasukkan dengan data yang sesuai dengan tentor yang mengajar dan saat di klik button baru admin akan memasukkan data tersebut.
W. Desain Maintenance Jadwal
Menu ini diperuntukkan oleh admin untuk memasukkan data jadwal siswa yang akan diselenggarakan. Dalam form maintenance jadwal terdapat tombol baru untuk memasukkan data siswa yang terdapat data id siswa, ruang, jam, mata pelajaran, hari. Semua dimasukkan oleh admin setelah laporan dari para tentor tentang jadwal siswa ini.
X. Desain Maintenance Keuangan
form ini untuk admin memasukkan data keuangan, di form ini siswa membayar iuran, disini terdapat id user, jenis paket, ket paket biaya paket, bulan, tahun. Form ini dimasukkan oleh admin dan data ini secara otomatis akan berada di menu keuangan siswa.
Logo primagama
Maintenance absen maintenace keuangan maintenance siswa mainteance tentor
USERNAME PASSWORD LOGIN REGISTRASI
COPY RIGHT CATUR ILHAMSAH ID PAKET P0001 xxxxxxxxxxxxxx JENIS PAKET J0002 xxxxxxxxxxxxxxxx KET PAKET reguler xxxxxxxxxxxxxx BIAYA PAKET 30000000 xxxxxxxxxxxxxxxx PAKET SISWA ok xxxxxxxxxxxxxxxxxx ID PAKET JENIS PAKET KET PAKET BIAYA PAKET PAKET SISWA ID SISWA NAMA SISWA ALAMAT SISWA NO TELP P0001 Reguler OK 30000000 ok S0001 ALEX JL KEDUNG RUKEM 123123 LOGIN REGISTRASI
Y. Desain Maintenance Siswa
form ini untuk admin mengelolah data siswa, maintenance siswa terdapat gridview yang berisikan data siswa, biodata siswa.
Gambar 3.41 Desain Maintenance Siswa
Z. Desain Maintenance Tentor
Maintenance tentor di form ini admin dapat melakukan input tentor, data aktivasi, aktivasi