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

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



f. Pembuatan Dialog Input Data Guru Mata Pelajaran

Dialog Data Guru Mata Pelajaran digunakan untuk

memasukkan data Guru Mata Pelajaran MTs


47

Gambar 5.13. Desain Dialog Data Guru Mata

Pelajaran.



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.



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.



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



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.



k. Pembuatan Dialog Input Data Ekstrakurikuler

Dialog Data Ekstrakurikuler ini digunakan untuk

memasukkan Data Ekstrakurikuler.

51

Gambar 5.18 Dialog Layar Input Data

Ekstrakurikuler.



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.



m. Pembuatan Dialog Input Data Semester

Dialog Data Semester ini digunakan untuk

memasukkan Data Semester.

Gambar 5.20. Dialog Layar Input Data Semester.

53



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.



o. Pembuatan Dialog Input Data Semester.

Dialog Layar Data Semester digunakan untuk

memasukkan Data Semester.

54

Gambar 5.22. Desain Dialog Layar Data

Semester.



p. Pembuatan Dialog Input Data Jabatan.

Dialog Layar Data Jabatan digunakan untuk

memasukkan Data Jabatan.

Gambar 5.23. Desain Dialog Layar Data Jabatan.

55



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.



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.



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


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)


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


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)


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)


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)


Id_guru_ekskul Int 11 Id guru ekstrakurikuler

Id_staff Int 11 Id staff

Id_ekskul Int 11 Id Ekstrakurikuler



63

Tabel 5.6. Kamus Data Kelas (kelas, File Master)


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)


Id_mapel * Int 11 Id mata pelajaran

Nama_mapel Varchar 50 Nama Mata pelajaran

Tabel 5.8. Kamus Data Ekstrakurikuler (ekstrakurikuler, File

Master)


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)


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


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)


Id_semester * Int 11 Id semester

65

Nama_semester Varchar 10 Nama semester

Tabel 5.12. Kamus Data Jabatan (jabatan, File Master)


id_jabatan * Int 11 Id Jabatan

nama_jabatan Varchar 225 Nama Jabatan

Tabel 5.13. Kamus Data Pendidikan Terakhir (pendidikan_akhir, File Master)


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)


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)


66

Id_nilai_siswa Int 11 Id nilai siswa

Id_siswa Int 11 Id siswa



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)


Id_nilai_kepribadian Int 11 Id nilai kepribadian




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)


Id_nilai_ekskul Int 11 Id nilai Ekstrakurikuler




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)


Id_nilai_catatan Int 11 Id nilai catatan



68


Catatan Text 11 Catatan untuk siswa

Tabel 5.19. Kamus Data User (pengguna, File Master)


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

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


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)


Ekstrakurikuler yang ada di MTs Modern Al-Azhary


Tabel ekskul.

78

Gambar 5.40. Dialog Layar Input Data Kepribadian

Dialog Layar Input Data Kepribadian (Gambar 5.40)


Kepribadian yang ada di MTs Modern Al-Azhary


Tabel kepribadian.

Gambar 5.41. Dialog Layar Input Data Tahun Ajaran

Dialog Layar Input Data Tahun Ajaran (Gambar 5.41)


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)


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


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


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


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.


Kepribadian.

Dialog Layar Output Laporan Data Kepribadian (Gambar

5.60) menampilkan data kepribadian yang ada di MTs


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.


Semester.

Dialog Layar Output Laporan Data Semester (Gambar

5.62) menampilkan data semester.


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.


Pendidikan Terakhir.

Dialog Layar Output Laporan Data Pendidikan Terakhir

(Gambar 5.65) menampilkan data pendidikan terakhir

seluruh tenaga kependidikan dan tenaga pendidik di MTs


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


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.

raport online berbasis website

Education