Dokumen ini membahas perancangan program aplikasi sistem informasi dan raport online berbasis website untuk MTs Modern Al-Azhary Ajibarang. Terdapat penjelasan mengenai bidang kajian program aplikasi, perancangan makro seperti flow map, diagram konteks dan flowchart, serta perancangan input dan output dialog layar. Juga dibahas mengenai perancangan sistem database yang mencakup kamus data.

1. 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
databasenya,
PHPMySQL
Macromedia
sebagai
program
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

2. 34
Urusan
Kesiswaan
Siswa
Guru
A
START
Inpu
Proses t
KBM
Data siswa
data
sisw
a
Nilai A
hasil
evaluasi
siswa
Inpu
t
data
nilai
Proses
pengolahan
data nilai
siswa
Buku
induk
raport
end
Gambar 5.1 Flow map system yang diusulkan

3. 35

Diagram Contex
Gambar 5.2 Diagram contex

4. 36

Flow Chart
Mulai
Input data siswa,
data nilai
pengolah
an data
siswa dan
nilai siswa
Laporan buku induk,
raport
Seles
ai
Gambar 5.3 Flow chart

5. 37

6. 38

7. 39

8. 40

9. 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

10. 42
•
Logout/Keluar
• 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


Nilai Siswa

a.
Penilaian Ekstrakurikuler Siswa
Logout/Keluar
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.
User Name
Password
Login
Reset Password

11. 43
Gambar 5.8. Desain Layar Login User
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

12. 44
3. Menu Utama : Menu untuk menjalankan
perintah
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

13. 45
User Siswa, Guru Mata Pelajaran, Wali Kelas, dan
Guru Ekstrakurikuler.
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 .

14. 46
1. Simpan
2. Batal
: Simpan Data
: Membatalkan Pengisian Data
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
2. Batal
f.
: Simpan Data
: Membatalkan Pengisian Data
Pembuatan Dialog Input Data Guru Mata Pelajaran
Dialog Data Guru Mata Pelajaran digunakan untuk
memasukkan
data
Guru
Modern Al-Azhary Ajibarang.
Mata
Pelajaran
MTs

15. 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 AlAzhary Ajibarang.

16. 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
memasukkan Data Guru Ekstrakurikuler.
untuk

17. 49
Gambar 5.15. Desain Dialog Layar Data Guru
Ekstrakurikuler.
1. Simpan
2. Batal
i.
: Simpan Data
: Membatalkan Pengisian Data
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.

18. 50
1. Simpan
2. Batal
j.
: Simpan Data
: Membatalkan Pengisian Data
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
2. Batal
k.
: Simpan Data
: Membatalkan Pengisian Data
Pembuatan Dialog Input Data Ekstrakurikuler
Dialog Data Ekstrakurikuler ini digunakan untuk
memasukkan Data Ekstrakurikuler.

19. 51
Gambar 5.18 Dialog Layar Input Data
Ekstrakurikuler.
1. Simpan
2. Batal
l.
: Simpan Data
: Membatalkan Pengisian Data
Pembuatan Dialog Layar Input Data Kepribadian
Dialog
Data
Kepribadian
ini
memasukkan Data Kepribadian.
digunakan
untuk

20. 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.

21. 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.

22. 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.

23. 55
1. Simpan
2. Batal
: Simpan Data
: 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
2. Batal
r.
: Simpan Data
: Membatalkan Pengisian Data
Pembuatan Dialog Input Data Pendidikan Terakhir.
Dialog Layar Data Pendidikan Terakhir digunakan
untuk memasukkan Data Pendidikan Terakhir.

24. 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.

25. 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.

26. 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.

27. 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
siswa

28. 60
Lanjutan
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
Varchar
10
Tanggal lahir staff
Tgl_lahir
Lanjutan
Field
Type
Length
Keterangan

29. 61
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
Tabel 5.4. Kamus Data Wali Kelas (wali_kelas, File Transaksi)

30. 62
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
Tabel 5.6. Kamus Data Kelas (kelas, File Master)

31. 63
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
Ekstrakurikuler
Tabel 5.9. Kamus Data Kepribadian (kepribadian, File Master)

32. 64
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
Nama_semester
Varchar
10
Nama semester
Tabel 5.12. Kamus Data Jabatan (jabatan, File Master)

33. 65
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
Id_pegawai *
Int
Length
Keterangan
11
Nama_jenis_pegawai Varchar
Id jenis pegawai
70
Nama jenis
pegawai
Tabel 5.15. Kamus Data Nilai Pelajaran (nilai_siswa, File
Transaksi)
Field
Type
Length
Keterangan
Id_nilai_siswa
Int
11
Id nilai siswa
Id_siswa
Int
11
Id siswa

34. 66
Lanjutan
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
Keterangan
Varchar 225
Keterangan nilai

35. 67
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
Id_tahun_ajaran
Int
11
Id tahun ajaran
Catatan
Text
11
Catatan untuk siswa
Tabel 5.19. Kamus Data User (pengguna, File Master)

36. 68
Field
Type
Length
Keterangan
id *
Int
11
Id Pengguna
level
Enum
Administratior,
Level pengguna
Guru,
Siswa,
Gurur_ekskul,
Wali_kelas
no_induk
Varchar
225
Nomor Induk Pengguna
nama_pen
gguna
Varchar
30
Nama Pengguna
userid
Varchar
20
User ID Pengguna
password
Varchar
20
Password Pengguna

37. 69

38. 70

39. 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.

40. 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

41. 73
User, Tambah Artikel, Tambah Topik, Data Artikel, Data
Topik, Profil
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

42. 74
MTs Modern Al-Azhary Ajibarang, penyimpanan kedalam
database diurutkan sesuai Nomor ID. Data yang
dimanipulasi akan disimpan dalam Tabel staff.
Gambar 5.33. Dialog Layar Input Data Siswa

43. 75
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.
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.

44. 76
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
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

45. 77
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
MTs
Modern
Al-Azhary
Ajibarang.
Data
yang
dimanipulasi akan disimpan dalam Tabel kelas.
Gambar 5.38. Dialog Layar Input Data Mata Pelajaran

46. 78
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.
Gambar 5.40. Dialog Layar Input Data Kepribadian

47. 79
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.
Dialog Layar Input Data Semester (Gambar 5.42)
terdapat pilihan perintah Batal, Lihat dan Simpan data

48. 80
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.

49. 81
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

50. 82
User Guru Mata Pelajaran. Data yang dimanipulasi akan
disimpan dalam Tabel pengguna.
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.

51. 83
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.
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.

52. 84
Gambar 5.50. Dialog Layar Input Data Nilai
Ekstrakurikuler.
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.

53. 85
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.
Dialog Layar Output

54. 86
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.

55. 87
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.

56. 88
Dialog Layar Output Laporan Daftar Guru Mata Pelajaran
(Gambar 5.54) menampilkan daftar guru mata pelajaran
yang ada di MTs Modern Al-Azhary Ajibarang.
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.

57. 89
Dialog Layar Output Laporan Daftar Wali Kelas (Gambar
5.56) menampilkan daftar wali kelas yang ada di MTs
Modern Al-Azhary Ajibarang.
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 AlAzhary Ajibarang.

58. 90
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.
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.

59. 91
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.
Gambar 5.61. Dialog Layar Output Laporan Data Tahun
Ajaran.
Dialog Layar Output Laporan Data
Tahun Ajaran
(Gambar 5.61) menampilkan data tahun ajaran.

60. 92
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.
Dialog Layar Output Laporan Data
Jabatan (Gambar
5.63) menampilkan data jabatan dilihat berdasarkan
struktur
kepengurusan
Ajibarang.
di
MTs
Modern
Al-Azhary

61. 93
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.

62. 94
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.

63. 95
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.

64. 96
Dialog Layar Output Laporan Nilai Mata Pelajaran
(Gambar 5.69) menampilkan informasi tentang Laporan
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.

65. 97
Gambar 5.71. Dialog Layar Output Laporan Penilain
Kepribadian dan Catatan Siswa.
Dialog Layar Output Laporan Penilaian Kepribadian dan
Catatan Siswa (Gambar 5.71) menampilkan informasi
tentang Penilaian Kepribadian dan Catatan Siswa.

66. 98
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.