8. Tabel Siswa
Gambar 3.20 Tabel Siswa Primary Key : id_siswa
9. Tabel Wali Kelas
Gambar 3.21 Tabel Wali Kelas Primary Key : id_wali_kelas
Foreign Key : id_guru dan id_kelas
3.4. Perancangan Interface
3.4.1. Perancangan Interface Input
1. Rancangan Interface Input Admin Berikut rancangan Interface Input Admin. Pada halaman ini administrator
dapat menambah admin lain yang berfungsi sebagai super user. Adapun data yang wajib diisi adalah username, password, dan confirm password.
Gambar 3.22 Rancangan Form Admin 2. Rancangan Interface Input Data Guru
Berikut rancangan Interface Input Data Guru. Adapun data yang wajib diisi adalah NIP, Nama Guru, Tanggal lahir, Tempat Lahir, Alamat, Telepon, Foto,
Jenis Kelamin, Status, Agama, Jabatan, Golongan, dan NUPTK.
Gambar 3.23 Rancangan Form Data Guru
3. Rancangan Interface Input Kelas Berikut rancangan Interface Input Kelas. Adapun data yang wajib diisi adalah
Nama Kelas dan Daya Tampung.
Gambar 3.24 Rancangan Form Kelas 4. Rancangan Interface Input Mata Pelajaran
Berikut rancangan Interface Input Mata Pelajaran. Adapun data yang wajib diisi adalah Kode Mata Pelajaran dan Nama Mata Pelajaran.
Gambar 3.25 Rancangan Form Mata Pelajaran
5. Rancangan Interface Input Mengajar Berikut rancangan Interface Input Mengajar. Adapun data yang wajib diisi
adalah Kode Mata Pelajaran dan Guru.
Gambar 3.26 Rancangan Form Mengajar 6. Rancangan Interface Input Wali Kelas
Berikut rancangan Interface Input Wali Kelas. Adapun data yang wajib diisi adalah Nama Kelas, Nama Guru, Password, dan Confirm Password.
Gambar 3.27 Rancangan Form Wali Kelas
7. Rancangan Interface Input Siswa Berikut rancangan Interface Input Siswa. Adapun data yang wajib diisi adalah
NIS, Tanggal Lahir, Tahun Masuk, Nama Siswa, Alamat, Nama Wali Siswa, Pekerjaan, Foto, Jenis Kelamin, Agama, Password, dan Confirm Password .
Gambar 3.28 Rancangan Form Siswa 8. Rancangan Interface Input Berita
Berikut rancangan Interface Input Berita. Adapun data yang wajib diisi adalah Judul Berita, Isi Berita, Foto.
Gambar 3.29 Rancangan Form Berita
9. Rancangan Interface Input Nilai Berikut rancangan Interface Input Nilai. Adapun data yang wajib diisi adalah
Nama Mata Pelajaran, Nama Siswa, Semester, Nilai, dan Tahun Ajaran.
Gambar 3.30 Rancangan Form Nilai
3.4.2. Rancangan Interface Output
1. Rancangan Interface Tabel Admin Berikut rancangan Interface Tabel Admin :
Gambar 3.31 Rancangan Output Tabel Admin
2. Rancangan Interface Tabel Guru Berikut rancangan Interface Tabel Guru :
Home Kelola Guru
Kelola Kelas Kelola Mata Pelajaran
Kelola Mengajar Kelola Wali Kelas
Kelola Siswa
Data Guru
Footer Header
No NIP
Nama Guru Tempat Lahir
Tanggal Lahir 1
1 Jenis Kelamin
Status Agama
Jabatan Telepon
Edit Delete
Gambar 3.32 Rancangan Output Tabel Guru 3. Rancangan Interface Tabel Kelas
Berikut rancangan Interface Tabel Kelas :
Data Kelas
Footer Header
No Nama Kelas
Daya Tampung Edit
Delete 1
1 Home
Kelola Guru Kelola Kelas
Kelola Mata Pelajaran Kelola Mengajar
Kelola Wali Kelas Kelola Siswa
Gambar 3.33 Rancangan Output Tabel Kelas
4. Rancangan Interface Tabel Mata Pelajaran Berikut rancangan Interface Tabel Mata Pelajaran :
Mata Pelajaran
Footer Header
No Kode Mata Pelajaran
Nama Mata Pelajaran Edit
Delete 1
1 Home
Kelola Guru Kelola Kelas
Kelola Mata Pelajaran Kelola Mengajar
Kelola Wali Kelas Kelola Siswa
Gambar 3.34 Rancangan Output Tabel Mata Pelajaran 5. Rancangan Interface Tabel Mengajar
Berikut rancangan Interface Tabel Mengajar :
Mengajar
Footer Header
No Nama Guru
Nama Mata Pelajaran Edit
Delete 1
1 Home
Kelola Guru Kelola Kelas
Kelola Mata Pelajaran Kelola Mengajar
Kelola Wali Kelas Kelola Siswa
Gambar 3.35 Rancangan Output Tabel Mengajar
6. Rancangan Interface Tabel Wali Kelas Berikut rancangan Interface Tabel Wali Kelas :
Wali Kelas
Footer Header
No Nama Guru
Kelas Edit
Delete 1
1 Home
Kelola Guru Kelola Kelas
Kelola Mata Pelajaran Kelola Mengajar
Kelola Wali Kelas Kelola Siswa
Gambar 3.36 Rancangan Output Tabel Wali Kelas 7. Rancangan Interface Tabel Siswa
Berikut rancangan Interface Tabel Siswa :
Home Kelola Guru
Kelola Kelas Kelola Mata Pelajaran
Kelola Mengajar Kelola Wali Kelas
Kelola Siswa
Data Siswa
Footer Header
No NIS
Nama Siswa Kelas
Tahun Masuk 1
1 Alamat
Jenis Kelamin
Agama Tempat
Lahir Tanggal
Lahir Edit
Delete
Gambar 3.37 Rancangan Output Tabel Siswa
8. Rancangan Interface Tabel Nilai Siswa Berikut rancangan Interface Tabel Nilai Siswa :
Home Kelola Guru
Kelola Kelas Kelola Mata Pelajaran
Kelola Mengajar Kelola Wali Kelas
Kelola Siswa
Data Nilai Siswa
Footer Header
No NIS
Nama Siswa Mata Pelajaran
Semester 1
1 Tahun Ajaran
Nilai Edit
Delete
Gambar 3.38 Rancangan Output Tabel Nilai Siswa 9. Rancangan Interface Halaman Berita
Berikut rancangan Interface Halaman Berita :
Tanggal Websiter : -- LOGO SEKOLAH
Home Profil Sekolah
Visi Misi Struktur Organisasi
Profil Guru Profil Siswa
Login News
Tanggal Berita : -- :: Judul Berita :
Tanggal Berita : -- :: Judul Berita :
Tanggal Berita : -- :: Judul Berita :
View Berita Calendar
CALENDAR Judul Berita :
Gambar Berita Judul Berita :
Gambar Berita Judul Berita :
Gambar Berita Footer
Gambar 3.39 Rancangan Output Tabel Berita
10. Rancangan Interface Halaman Profil Guru Berikut rancangan Interface Halaman Profil Guru :
Tanggal Websiter : -- LOGO SEKOLAH
Home Profil Sekolah
Visi Misi Struktur Organisasi
Profil Guru Profil Siswa
Login News
Tanggal Berita : -- :: Judul Berita :
Tanggal Berita : -- :: Judul Berita :
Tanggal Berita : -- :: Judul Berita :
View Berita Calendar
CALENDAR Profil Guru
Gambar Guru
Footer NIP
Nama Siswa Status
Alamat Jenis Kelamin
Agama Tempat Lahir
Tanggal Lahir Jabatan
Telepon
Gambar 3.40 Rancangan Output Halaman Profil Guru 11. Rancangan Interface Halaman Nilai Siswa
Berikut rancangan Interface Halaman Nilai Siswa :
Tanggal Websiter : -- LOGO SEKOLAH
Home Profil Sekolah
Visi Misi Struktur Organisasi
Profil Guru Profil Sekolah
Login News
Tanggal Berita : -- :: Judul Berita :
Tanggal Berita : -- :: Judul Berita :
Tanggal Berita : -- :: Judul Berita :
View Berita Calendar
CALENDAR Nilai
Footer Kelas
V Semester
V Lihat Nilai
No Kode Mata pelajaran
Nama Mata pelajaran Nilai
1 1
Rata-Rata
Gambar 3.41 Rancangan Output Halaman Nilai Siswa
3.5. Flowchart Sistem
