Download - Raport Online Berbasis Website
33
BAB V
PERANCANGAN PROGRAM APLIKASI
5.1. Bidang Kajian Program Aplikasi
Berdasarkan hasil pengumpulan data dalam
penelitian yang telah diperoleh, maka dapat diketahui
proses pendataan siswa MTs Modern Al-Azhary
Ajibarang Kabupaten Banyumas antara sistem yang
sebelumnya masih manual dan beralih ke system yang
terkomputerisasi. Pembuatan sistem komputerisasi atau
program aplikasi berbasis website dapat dibuat dengan
program XAMPP PHPMySQL sebagai program
databasenya, Macromedia Dreamweaver sebagai
aplikasinya yang digunakan untuk pembuatan program
dan sebagai aplikasi dalam pembuatan laporan dari
hasil pengolahan data tersebut.
Sistem Informasi dan Raport Online Berbasis
Website MTs Modern Al-Azhary Ajibarang sangat
dibutuhkan khususnya pada urusan kesiswaan. Dengan
aplikasi berbasis website ini pengolahan data siswa
MTs Modern Al-Azhary Ajibarang menjadi cepat, tepat,
dan akurat.
5.2. Perancangan Makro
Flow Map dari Sistem yang Diusulkan
33
34
Gambar 5.1 Flow map system yang diusulkan
Diagram Contex
SiswaUrusan
Kesiswaan Guru
START
Input
data sisw
a
Data siswa
Proses pengolahan
data nilai siswa
Proses KBM
Nilai hasil evaluasi
siswa
Input
data nilai
A
A
raport
Buku induk
end
35
Gambar 5.2 Diagram contex
Flow Chart
36
Gambar 5.3 Flow chart
Mulai
Input data siswa, data nilai
pengolahan data siswa dan
nilai siswa
Laporan buku induk, raport
Selesai
37
38
39
40
41
5.2.1. Perancangan Input Dialog Layar
Desain dialog layar input ini dibuat dengan
tujuan untuk memudahkan user atau pengguna
dalam mengoperasikan aplikasi berbasis website
yang dibuat. Dan memudahkan pengguna dalam
memasukkan data apa saja yang akan dimasukkan
sehingga nantinya akan menghasilkan laporan atau
informasi yang diperlukan. Pembuatan desain dialog
layar input ini sangatlah penting mengingat setiap
pengguna memiliki kebiasaan dan kenyamanan
yang berbeda terdiri dari :
Halaman Utama
Login User
Home
Artikel Terbaru
Struktur Organisasi
Halaman Admin/Urusan Kesiswaan
Data Staff
Data Siswa
Data Guru Mata Pelajaran
Data Guru Ekstrakurikuler
Data Wali Kelas
Data Artikel
Logout/Keluar
Halaman User Siswa
Nilai Raport
Logout/Keluar
42
Halaman User Guru Mata Pelajaran
Penilaian Nilai Hasil Belajar Siswa
Nilai Siswa
Logout/Keluar
Halaman User Wali Kelas
Penilaian Perilaku Siswa
Nilai Siswa
Logout/Keluar
Halaman User Guru Ekstrakurikuler
Penilaian Ekstrakurikuler Siswa
Nilai Siswa
Logout/Keluar
a. Pembuatan Login User
Login User digunakan untuk membuka koneksi ke
Menu Utama User, Menu user akan disediakan
berdasarkan level user yang telah di daftarkan oleh
Admin.
Gambar 5.8. Desain Layar Login User
User Name
Password
Login Reset Password
43
1. Login : untuk membuka
koneksi ke Menu Utama.
2. Reset Password : untuk mendapatkan
password yang baru apabila lupa password yang
lama.
b. Pembuatan Halaman Utama
Menu Utama digunakan untuk menggunakan Sistem
Informasi dan Raport Online Berbasis Website MTs
Modern Al-Azhary Ajibarang.
Gambar 5.9. Desain Layar Menu Utama
1. Header : Header Website MTs Modern
Al-Azhary Ajibarang
2. Login User : Form untuk login user
3. Menu Utama : Menu untuk menjalankan
perintah
44
4. Content : Menampilkan konten
yang dipanggil sesuai perintah
c. Pembuatan Halaman User Siswa, Guru Mata
Pelajaran, Wali Kelas, dan Guru Ekstrakurikuler.
Halaman User Siswa digunakan siswa untuk melihat
Hasil Belajar Siswa/Raport, Halaman User Guru
Mata Pelajaran, Wali Kelas, dan Guru
Ekstrakurikuler ini digunakan untuk melihat dan
menginputkan nilai siswa MTs Modern Al-Azhary
Ajibarang.
Gambar 5.10. Desain Dialog Layar Halaman
User Siswa, Guru Mata Pelajaran, Wali Kelas, dan
Guru Ekstrakurikuler.
45
1. Header : Header Website MTs Modern
Al-Azhary Ajibarang
2. Login User : Form untuk login user
3. Menu Utama : Menu User untuk menjalankan
perintah sesuai dengan level user
4. Content : Menampilkan konten yang
dipanggil sesuai perintah
d. Pembuatan Dialog Layar Input Data Staff
Dialog Data Staff digunakan untuk memasukan data
Staff MTs Modern Al-Azhary Ajibarang.
Gambar 5.11. Desain Dialog Layar Data Staff .
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
46
e. Pembuatan Dialog Input Data Siswa
Dialog Data Staff digunakan untuk memasukkan
Data Siswa MTs Modern Al-Azhary Ajibarang.
Gambar 5.12. Desain Dialog Layar Data Siswa
MTs Modern Al-Azhary Ajibarang
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
f. Pembuatan Dialog Input Data Guru Mata Pelajaran
Dialog Data Guru Mata Pelajaran digunakan untuk
memasukkan data Guru Mata Pelajaran MTs
Modern Al-Azhary Ajibarang.
47
Gambar 5.13. Desain Dialog Data Guru Mata
Pelajaran.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
g. Pembuatan Dialog Input Data Wali Kelas
Dialog Data Wali Kelas digunakan untuk
memasukkan data Wali Kelas MTs Modern Al-
Azhary Ajibarang.
48
Gambar 5.14. Desain Dialog Layar Input Data
Wali Kelas.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
h. Pembuatan Dialog Input Data Guru Ekstrakurikuler
Dialog Guru Ekstrakurikuler digunakan untuk
memasukkan Data Guru Ekstrakurikuler.
49
Gambar 5.15. Desain Dialog Layar Data Guru
Ekstrakurikuler.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
i. Pembuatan Dialog Input Data Kelas
Dialog Data Kelas digunakan untuk memeasukkan
Data Kelas di MTs Modern Al-Azhary Ajibarang.
Gambar 5.16. Desain Dialog Data Kelas.
50
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
j. Pembuatan Dialog Input Data Mata Pelajaran
Dialog Data Mata Pelajaran ini digunakan untuk
memasukkan Data Mata Pelajaran.
Gambar 5.17 Dialog Layar Data Mata Pelajaran.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
k. Pembuatan Dialog Input Data Ekstrakurikuler
Dialog Data Ekstrakurikuler ini digunakan untuk
memasukkan Data Ekstrakurikuler.
51
Gambar 5.18 Dialog Layar Input Data
Ekstrakurikuler.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
l. Pembuatan Dialog Layar Input Data Kepribadian
Dialog Data Kepribadian ini digunakan untuk
memasukkan Data Kepribadian.
52
Gambar 5.19 Dialog Layar Input Data
Kepribadian.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
m. Pembuatan Dialog Input Data Semester
Dialog Data Semester ini digunakan untuk
memasukkan Data Semester.
Gambar 5.20. Dialog Layar Input Data Semester.
53
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
n. Pembuatan Dialog Input Data Tahun Pelajaran
Dialog Layar Data Tahun Pelajaran digunakan untuk
memasukkan Data Tahun Pelajaran.
Gambar 5.21. Desain Dialog Layar Data Tahun
Pelajaran.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
o. Pembuatan Dialog Input Data Semester.
Dialog Layar Data Semester digunakan untuk
memasukkan Data Semester.
54
Gambar 5.22. Desain Dialog Layar Data
Semester.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
p. Pembuatan Dialog Input Data Jabatan.
Dialog Layar Data Jabatan digunakan untuk
memasukkan Data Jabatan.
Gambar 5.23. Desain Dialog Layar Data Jabatan.
55
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
q. Pembuatan Dialog Input Data Jenis Pegawai.
Dialog Layar Data Jenis Pegawai digunakan untuk
memasukkan Data Jenis Pegawai.
Gambar 5.24. Desain Dialog Layar Data Jenis
Pegawai.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
r. Pembuatan Dialog Input Data Pendidikan Terakhir.
Dialog Layar Data Pendidikan Terakhir digunakan
untuk memasukkan Data Pendidikan Terakhir.
56
Gambar 5.25. Desain Dialog Layar Data
Pendidikan Terakhir.
1. Simpan : Simpan Data
2. Batal : Membatalkan Pengisian Data
5.2.2. Perancangan Output
Hasil dari perancang output dari pembuatan
program aplikasi kesiswaan MTs Modern Al-Azhary
Ajibarang dapat dilihat dari gambar dibawah ini :
Pembuatan Laporan Keterangan Tentang diri
Siswa.
Laporan Keterangan Tentang diri Siswa
merupakan laporan yang menyatakan siswa ini
sudah terdaftar di MTs Modern Al-Azhary Ajibarang.
57
Gambar 5.26. Desain Layar Output Keterangan
Data Siswa.
Pembuatan Laporan Keterangan Data Staff.
Laporan Data Staff ini merupakan laporan yang
menyatakan bahwa Staff tersebut telah terdaftar
sebagai Siswa di MTs Modern Al-Azhary.
Gambar 5.27. Desain Layar Output Keterangan
Data Staff.
58
Pembuatan Laporan Penilaian Hasil Belajar
Siswa Mts Modern Al-Azhary Ajibarang.
Laporan Penilaian Hasil Belajar Siswa merupakan
laporan yang digunakan untuk mengisi Buku Induk
Siswa di Mts Modern Al-Azhary Ajibarang.
Gambar 5.28. Desain Layar Output Penilaian
Hasil Belajar Siswa.
59
5.2.3. Perancangan Sistem Database
Hasil dari pembuatan kamus data bisa dilihat
pada table 5.1 sampai table 5.19.
Tabel 5.1. Kamus Data Siswa (siswa, File Master)
Field Type Length Keterangan
Id_siswa * Int 11 Id Siswa
Id_kelas Int 11 Id kelas siswa
Nis Varchar 50 Nomor Induk Siswa
Nama_siswa Varchar 50 Nama Siswa
Alamat_siswa Varchar 225 Alamat
Tempat_lahir Varchar 50 Tempat lahir siswa
Tgl_lahir Varchar 10 Tanggal lahir siswa
Bulan_lahir Varchar 20 Bulan lahir siswa
Tahun_lahir Varchar 10 Tahun lahir siswa
Jenis_kelamin Varchar 10 Jenis kelamin siswa
Agama Varchar 50 Agama siswa
Telp Varchar 30 Nomor telepon
60
siswa
Field Type Length Keterangan
Nama_ayah Varchar 50 Nama ayah
Nama_ibu Varchar 50 Nama ibu
Alamat_ortu Varchar 50 Pekerjaan orang tua
Nama_wali Varchar 50 Nama wali siswa
Alamat_wali Varchar 50 Alamat wali siswa
foto Varchar 225 Gambar/foto siswa
Tabel 5.2. Kamus Data Staff (staff, File Master)
Field Type Length Keterangan
Id_staff * Int 11 Id daftar staff
Id_jabatan Int 11 Id jabatan staff
Id_pend_akhir Int 11 Id Pendidikan Akhir
Id_pegawai Int 11 Id Jenis pegawai
Nip Varchar 50 Nomor Induk Staff
Nama_staff Varchar 50 Nama staff
Alamat Varchar 225 Alamat staff
Tempat_lahir Varchar 50 Tempat Lahir
Tgl_lahir Varchar 10 Tanggal lahir staff
Lanjutan
61
Field Type Length Keterangan
Thn_lahir Varchar 10 Tahun lahir staff
Thn_lulus Varchar 11 Tahun lulus pendidikan
Jenis_kelamin Varchar 20 Jenis Kelamin
Agama Varchar 20 Agama staff
Telp Varchar 30 Nomor telepon staff
Email Varchar 50 Alamat email staff
Foto Varchar 225 Gambar/foto staff
Tabel 5.3. Kamus Data Guru Mata Pelajaran (guru_mapel,
File Transaksi)
Field Type Length Keterangan
Id_guru * Int 11 Id guru mata pelajaran
Id_staff Int 11 Id Staff
Id_mapel Int 11 Mata pelajaran
Id_tahun_ajaran Int 11 Tahun Pelajaran
Id_semester Int 11 Semester
Lanjutan
62
Tabel 5.4. Kamus Data Wali Kelas (wali_kelas, File Transaksi)
Field Type Length Keterangan
Id_wali_kelas Int 11 Id wali kelas
Id_staff Int 11 Id staff
Id_kelas Int 11 Id kelas
Id_tahun_ajaran Int 11 Id tahun ajaran
Id_semester Int 11 Id semester
Tabel 5.5. Kamus Data Guru Ekstrakurikuler (guru_ekskul, File
Transaksi)
Field Type Length Keterangan
Id_guru_ekskul Int 11 Id guru ekstrakurikuler
Id_staff Int 11 Id staff
Id_ekskul Int 11 Id Ekstrakurikuler
Id_tahun_ajaran Int 11 Id tahun ajaran
Id_semester Int 11 Id semester
63
Tabel 5.6. Kamus Data Kelas (kelas, File Master)
Field Type Length Keterangan
Id_kelas * Int 11 Id Kelas
Nama_kelas Varchar 20 Nama kelas
Keterangan Varchar 50 Keterangan kelas
Tabel 5.7. Kamus Data Perilaku (mata_pelajaran, File Master)
Field Type Length Keterangan
Id_mapel * Int 11 Id mata pelajaran
Nama_mapel Varchar 50 Nama Mata pelajaran
Tabel 5.8. Kamus Data Ekstrakurikuler (ekstrakurikuler, File
Master)
Field Type Length Keterangan
Id_ekskul * Int 30 Id Ekstrakurikuler
Nama_ekskul Varchar 50 Nama ekstrakurikuler
Keterangan Varchar 225 Keterangan
64
Ekstrakurikuler
Tabel 5.9. Kamus Data Kepribadian (kepribadian, File Master)
Field Type Length Keterangan
Id_kepribadian * Int 11 Id kepribadian
Nama_kepribadian Varchar 30 Nama Kepribadian
Keterangan Varchar 225 Keterangan
Tabel 5.10. Kamus Data Tahun Ajaran (tahun_ajaran, File
Master)
Table tahun_ajaran
Field Type Length Keterangan
Id_tahun_ajaran * Int 11 Id Tahun Pelajaran
Tahun_1 Year 4 Nama tahun 1
Tahun_2 Year 4 Nama tahun 2
Tabel 5.11. Kamus Data Semester (semester, File Master)
Field Type Length Keterangan
Id_semester * Int 11 Id semester
65
Nama_semester Varchar 10 Nama semester
Tabel 5.12. Kamus Data Jabatan (jabatan, File Master)
Field Type Length Keterangan
id_jabatan * Int 11 Id Jabatan
nama_jabatan Varchar 225 Nama Jabatan
Tabel 5.13. Kamus Data Pendidikan Terakhir (pendidikan_akhir, File Master)
Field Type Length Keterangan
Id_pend_akhir * Int 11 Id jenis pegawai
Pendidikan Varchar 70 Nama Pend.Akhir
Tabel 5.14. Kamus Data Jenis Pegawai (jenis_pegawai, File Master)
Field Type Length Keterangan
Id_pegawai * Int 11 Id jenis pegawai
Nama_jenis_pegawai Varchar 70 Nama jenis pegawai
Tabel 5.15. Kamus Data Nilai Pelajaran (nilai_siswa, File Transaksi)
Field Type Length Keterangan
66
Id_nilai_siswa Int 11 Id nilai siswa
Id_siswa Int 11 Id siswa
Field Type Length Keterangan
Id_tahun_ajaran Int 11 Id tahun ajaran
Id_mapel Int 11 Id Mata Pelajaran
Nilai_tugas Int 5 Nilai tugas harian
Nilai_uts Int 5 Nilai UTS
Nilai_uas Int 5 Nilai UAS
Nilai_hasil Int 5 Hasil rata – rata nilai
Tabel 5.16. Kamus Data Nilai Kepribadian (nilai_kepribadian, File Transaksi)
Field Type Length Keterangan
Id_nilai_kepribadian Int 11 Id nilai kepribadian
Id_siswa Int 11 Id siswa
Id_semester Int 11 Id semester
Id_tahun_ajaran Int 11 Id tahun ajaran
Id_kepribadian Int 11 Id Kepribadian
Nilai_kepribadian Varchar 20 Nilai kepribadian
Lanjutan
67
Keterangan Varchar 225 Keterangan nilai
Tabel 5.17. Kamus Data Nilai Ekstrakurikuler (nilai_ekskul, File Transaksi)
Field Type Length Keterangan
Id_nilai_ekskul Int 11 Id nilai Ekstrakurikuler
Id_siswa Int 11 Id siswa
Id_semester Int 11 Id semester
Id_tahun_ajaran Int 11 Id tahun ajaran
Id_ekskul Int 11 Id Ekstrakurikuler
Nilai_ekskul Varchar 20 Nilai Ekstrakurikuler
Keterangan Varchar 225 Keterangan nilai
Tabel 5.18. Kamus Data Nilai Catatan (nilai_catatan, File Transaksi)
Field Type Length Keterangan
Id_nilai_catatan Int 11 Id nilai catatan
Id_siswa Int 11 Id siswa
Id_semester Int 11 Id semester
68
Id_tahun_ajaran Int 11 Id tahun ajaran
Catatan Text 11 Catatan untuk siswa
Tabel 5.19. Kamus Data User (pengguna, File Master)
Field Type Length Keterangan
id * Int 11 Id Pengguna
level Enum Administratior,
Guru,
Siswa,
Gurur_ekskul,
Wali_kelas
Level pengguna
no_induk Varchar 225 Nomor Induk Pengguna
nama_pengguna
Varchar 30 Nama Pengguna
userid Varchar 20 User ID Pengguna
password Varchar 20 Password Pengguna
69
70
71
5.2. Implementasi Sistem
Implementasi sistem dapat di lihat pada gambar
di bawah ini:
Dialog layar berfungsi untuk memberi gambaran
tentang jenis data yang akan dimasukkan. Dialog layar
dapat dilihat pada gambar dibawah ini.
Gambar 5.30. Dialog Layar Login User
Pada Dialog Layar Login User (Gambar 5.30)
digunakan untuk membuka koneksi ke Desain Dialog
Layar Menu Pengguna. Hak akses terhadap menu dalam
Layar Menu Utama diatur berdasarkan Setting Password
yang telah ditentukan.
72
Gambar 5.31. Dialog Layar Menu Utama
Dialog Layar Menu Utama (Gambar 5.31) terdiri dari lima
menu yaitu Data Staff, Data Siswa, Guru Mata Pelajaran,
Guru Ekstrakurikuler, Wali Kelas, Data Kelas, Data Mata
Pelajaran, Data Ekstrakurikuler, Data Kepribadian, Data
Tahun Ajaran, Semester, Data Jabata, Jenis Pegawai,
Pendidikan Terkahir, Data Nilai, Data User, Tambah
Artikel, Tambah Topik, Data Artikel, Data Topik, Profil
73
dan Logout. Desain dialog layar Menu Utama digunakan
user dalam menjalankan aplikasi pendataan Siswa, dan
Staff MTs Modern Al-Azhary Ajibarang.
Gambar 5.32. Dialog Layar Input Data Staff
Dialog Layar Input Data Staff (Gambar 5.32) terdapat
pilihan perintah Batal dan Simpan data staff yang ada di
MTs Modern Al-Azhary Ajibarang, penyimpanan kedalam
database diurutkan sesuai Nomor ID. Data yang
dimanipulasi akan disimpan dalam Tabel staff.
74
Gambar 5.33. Dialog Layar Input Data Siswa
Dialog Layar Input Data Siswa (Gambar 5.33) terdapat
pilihan perintah Batal, dan Simpan data siswa yang ada
di MTs Modern Al-Azhary Ajibarang berdasarkan Nomor
Induk. Data yang dimanipulasi akan disimpan dalam
Tabel siswa.
75
Gambar 5.34. Dialog Layar Input Data Guru Mata
Pelajaran
Dialog Layar Input Data Guru Mata Pelajaran (Gambar
5.34) terdapat pilihan perintah Batal dan Simpan data
Guru Mata Pelajaran yang ada di MTs Modern Al-Azhary
Ajibarang berdasarkan NIP Staff. Data yang dimanipulasi
diambil dari data staff dan akan disimpan dalam Tabel
guru_mapel.
Gambar 5.35. Dialog Layar Input Data Guru
Ekstrakurikuler
Dialog Layar Input Data Guru Ekstrakurikuler (Gambar
5.35) terdapat pilihan perintah Batal dan Simpan data
Guru Ekstrakurikuler yang ada di MTs Modern Al-Azhary
76
Ajibarang berdasarkan NIP Staff. Data yang dimanipulasi
diambil dari data staff dan akan disimpan dalam Tabel
guru_ekskul.
Gambar 5.36. Dialog Layar Input Data Wali Kelas
Dialog Layar Input Data Wali Kelas (Gambar 5.36)
terdapat pilihan perintah Batal dan Simpan data Wali
Kelas yang ada di MTs Modern Al-Azhary Ajibarang
berdasarkan NIP Staff. Data yang dimanipulasi diambil
dari data staff dan akan disimpan dalam Tabel
wali_kelas.
Gambar 5.37. Dialog Layar Input Data Kelas
Dialog Layar Input Data Kelas (Gambar 5.37) terdapat
pilihan perintah Batal dan Simpan data Kelas yang ada di
77
MTs Modern Al-Azhary Ajibarang. Data yang
dimanipulasi akan disimpan dalam Tabel kelas.
Gambar 5.38. Dialog Layar Input Data Mata Pelajaran
Dialog Layar Input Data Mata Pelajaran (Gambar 5.38)
terdapat pilihan perintah Batal, Lihat dan Simpan data
Mata Pelajaran yang ada di MTs Modern Al-Azhary
Ajibarang. Data yang dimanipulasi akan disimpan dalam
Tabel mata_pelajaran.
Gambar 5.39. Dialog Layar Input Data Ekstrakurikuler
Dialog Layar Input Data Ekstrakurikuler (Gambar 5.39)
terdapat pilihan perintah Batal, Lihat dan Simpan data
Ekstrakurikuler yang ada di MTs Modern Al-Azhary
Ajibarang. Data yang dimanipulasi akan disimpan dalam
Tabel ekskul.
78
Gambar 5.40. Dialog Layar Input Data Kepribadian
Dialog Layar Input Data Kepribadian (Gambar 5.40)
terdapat pilihan perintah Batal, Lihat dan Simpan data
Kepribadian yang ada di MTs Modern Al-Azhary
Ajibarang. Data yang dimanipulasi akan disimpan dalam
Tabel kepribadian.
Gambar 5.41. Dialog Layar Input Data Tahun Ajaran
Dialog Layar Input Data Tahun Ajaran (Gambar 5.41)
terdapat pilihan perintah Batal, Lihat dan Simpan data
Tahun Ajaran. Data yang dimanipulasi akan disimpan
dalam Tabel tahun_ajaran.
Gambar 5.42. Dialog Layar Input Data Semester.
79
Dialog Layar Input Data Semester (Gambar 5.42)
terdapat pilihan perintah Batal, Lihat dan Simpan data
Semester. Data yang dimanipulasi akan disimpan dalam
Tabel semester.
Gambar 5.43. Dialog Layar Input Data Jabatan.
Dialog Layar Input Data Jabatan (Gambar 5.43) terdapat
pilihan perintah Batal, Lihat dan Simpan data Jabatan.
Data yang dimanipulasi akan disimpan dalam Tabel
jabatan.
Gambar 5.44. Dialog Layar Input Data Jenis Pegawai.
Dialog Layar Input Data Jabatan (Gambar 5.44) terdapat
pilihan perintah Batal, Lihat dan Simpan data Jenis
Pegawai. Data yang dimanipulasi akan disimpan dalam
Tabel pegawai.
80
Gambar 5.45. Dialog Layar Input Data Pendidikan
Terakhir.
Dialog Layar Input Data Pendidikan Terakhir (Gambar
5.45) terdapat pilihan perintah Batal, Lihat dan Simpan
data Pendidikan Terakhir. Data yang dimanipulasi akan
disimpan dalam Tabel pend_terakhir.
Gambar 5.46. Dialog Layar Input User Guru Mata
Pelajaran.
Dialog Layar Input User Guru Mata Pelajaran (Gambar
5.46) terdapat pilihan perintah Batal dan Simpan data
User Guru Mata Pelajaran. Data yang dimanipulasi akan
disimpan dalam Tabel pengguna.
81
Gambar 5.47. Dialog Layar Input User Guru
Ekstrakurikuler.
Dialog Layar Input User Guru Ekstrakurikuler (Gambar
5.47) terdapat pilihan perintah Batal dan Simpan data
User Guru Ekstrakurikuler. Data yang dimanipulasi akan
disimpan dalam Tabel pengguna.
Gambar 5.48. Dialog Layar Input User Wali Kelas.
Dialog Layar Input User Wali Kelas (Gambar 5.48)
terdapat pilihan perintah Batal dan Simpan data User
Wali Kelas. Data yang dimanipulasi akan disimpan dalam
Tabel pengguna.
82
Gambar 5.49. Dialog Layar Input Data Nilai Mata
Pelajaran Siswa
Dialog Layar Input Data Nilai Mata Pelajaran (Gambar
5.49) terdapat pilihan perintah Simpan data Nilai Mata
Pelajaran yang hanya dapat diakses oleh User Guru
Mata Pelajaran. Data yang dimanipulasi akan disimpan
dalam Tabel nilai_siswa.
Gambar 5.50. Dialog Layar Input Data Nilai
Ekstrakurikuler.
83
Dialog Layar Input Data Nilai Ekstrakurikuler (Gambar
5.50) terdapat pilihan perintah Simpan data Nilai
Ekstrakurikuler yang hanya dapat diakses oleh User Guru
Ekstrakurikuler. Data yang dimanipulasi akan disimpan
dalam Tabel nilai_ekskul.
Gambar 5.51. Dialog Layar Input Data Nilai Kepribadian
dan Catatan Siswa.
Dialog Layar Input Data Nilai Kepribadian dan Catatan
(Gambar 5.51) terdapat pilihan perintah Simpan data Nilai
Kepribadian dan Catatan yang hanya dapat diakses oleh
User Wali Kelas. Data yang dimanipulasi akan disimpan
dalam Tabel nilai_kepribadian dan nilai_catatan.
84
Dialog Layar Output
Gambar 5.52. Dialog Layar Output Laporan Keterangan
tentang Diri Staff
Dialog Layar Output Laporan Keterangan tentang Diri
Staff (Gambar 5.52) menampilkan informasi tentang
Laporan Keterangan tentang Diri Staff berdasarkan
Nomor Induk.
85
Gambar 5.53. Dialog Layar Output Laporan Keterangan
tentang Diri Siswa
Dialog Layar Output Laporan Keterangan tentang Diri
Siswa (Gambar 5.53) menampilkan informasi tentang
Laporan Keterangan tentang Diri Siswa berdasarkan
Nomor Induk.
Gambar 5.54. Dialog Layar Output Laporan Daftar Guru
Mata Pelajaran.
Dialog Layar Output Laporan Daftar Guru Mata Pelajaran
(Gambar 5.54) menampilkan daftar guru mata pelajaran
yang ada di MTs Modern Al-Azhary Ajibarang.
86
Gambar 5.55. Dialog Layar Output Laporan Daftar
Ekstrakurikuler.
Dialog Layar Output Laporan Daftar Guru Ekstrakurikuler
(Gambar 5.55) menampilkan daftar guru ekstrakurikuler
yang ada di MTs Modern Al-Azhary Ajibarang.
Gambar 5.56. Dialog Layar Output Laporan Daftar Wali
Kelas.
Dialog Layar Output Laporan Daftar Wali Kelas (Gambar
5.56) menampilkan daftar wali kelas yang ada di MTs
Modern Al-Azhary Ajibarang.
87
Gambar 5.57. Dialog Layar Output Laporan Data Kelas.
Dialog Layar Output Laporan Data Kelas (Gambar 5.57)
menampilkan data kelas yang ada di MTs Modern Al-
Azhary Ajibarang.
Gambar 5.58. Dialog Layar Output Laporan Data Mata
Pelajaran.
Dialog Layar Output Laporan Data Mata Pelajaran
(Gambar 5.58) menampilkan data mata pelajaran yang
ada di MTs Modern Al-Azhary Ajibarang.
88
Gambar 5.59. Dialog Layar Output Laporan Data
Ekstrakurikuler
Dialog Layar Output Laporan Data Ekstrakurikuler
(Gambar 5.59) menampilkan data ekstrakurikuler yang
ada di MTs Modern Al-Azhary Ajibarang.
Gambar 5.60. Dialog Layar Output Laporan Data
Kepribadian.
Dialog Layar Output Laporan Data Kepribadian (Gambar
5.60) menampilkan data kepribadian yang ada di MTs
Modern Al-Azhary Ajibarang.
89
Gambar 5.61. Dialog Layar Output Laporan Data Tahun
Ajaran.
Dialog Layar Output Laporan Data Tahun Ajaran
(Gambar 5.61) menampilkan data tahun ajaran.
Gambar 5.62. Dialog Layar Output Laporan Data
Semester.
Dialog Layar Output Laporan Data Semester (Gambar
5.62) menampilkan data semester.
Gambar 5.63. Dialog Layar Output Laporan Data
Jabatan.
90
Dialog Layar Output Laporan Data Jabatan (Gambar
5.63) menampilkan data jabatan dilihat berdasarkan
struktur kepengurusan di MTs Modern Al-Azhary
Ajibarang.
Gambar 5.64. Dialog Layar Output Laporan Data Jenis
Pegawai.
Dialog Layar Output Laporan Data Jenis Pegawai
(Gambar 5.64) menampilkan data jenis pegawai.
Gambar 5.65. Dialog Layar Output Laporan Data
Pendidikan Terakhir.
Dialog Layar Output Laporan Data Pendidikan Terakhir
(Gambar 5.65) menampilkan data pendidikan terakhir
seluruh tenaga kependidikan dan tenaga pendidik di MTs
Modern Al-Azhary Ajibarang.
91
Gambar 5.66. Dialog Layar Output Data Pengguna Guru
Mata Pelajaran.
Dialog Layar Output Data Pengguna Guru Mata Pelajaran
(Gambar 5.66) menampilkan data Pengguna Guru Mata
Pelajaran yang telah terdaftar.
Gambar 5.67. Dialog Layar Output Data Pengguna Guru
Ekstrakurikuler.
Dialog Layar Output Data Pengguna Guru Ekstrakurikuler
(Gambar 5.67) menampilkan data Data Pengguna Guru
Ekstrakurikuler yang telah terdaftar.
92
Gambar 5.68. Dialog Layar Output Laporan Data
Pengguna.
Dialog Layar Output Laporan Data Pengguna (Gambar
5.68) menampilkan data pengguna yang telah terdaftar
sesuai level pengguna.
Gambar 5.69. Dialog Layar Output Laporan Nilai Mata
Pelajaran.
Dialog Layar Output Laporan Nilai Mata Pelajaran
(Gambar 5.69) menampilkan informasi tentang Laporan
93
Nilai Mata Pelajaran berdasarkan kelas dan mata
pelajaran.
Gambar 5.70. Dialog Layar Output Laporan Nilai
Ekstrakurikuler.
Dialog Layar Output Laporan Nilai Ekstrakurikuler
(Gambar 5.70) menampilkan informasi tentang Laporan
Nilai Ekstrakurikuler Siswa.
Gambar 5.71. Dialog Layar Output Laporan Penilain
Kepribadian dan Catatan Siswa.
94
Dialog Layar Output Laporan Penilaian Kepribadian dan
Catatan Siswa (Gambar 5.71) menampilkan informasi
tentang Penilaian Kepribadian dan Catatan Siswa.
Gambar 5.72. Dialog Layar Output Laporan Nilai Siswa.
Dialog Layar Output Laporan Nilai Siswa(Gambar 5.72)
menampilkan informasi tentang Laporan Nilai Siswa
berdasarkan Nomor Induk.