Perancangan Halaman Input Jadwal Perancangan Tampilan Output Daftar Jadwal Perancangan Halaman Input Data Kelas Perancangan Tampilan Output Daftar Kelas

HALAMAN UTAMA DATA GURU DATA SISWA PELAJARAN KELAS User LOGOUT User Online : Admin Daftar Siswa Daftar Siswa NIS No Pendaftaran Nama Tempat Tanggal Lahir Alamat Nama Ayah Nama Ibu Pekerjaan Ayah Pekerjaan Ibu Agama Golongan Darah Jumlah Saudara Anak Ke No.STTB Edit Delete DATA JADWAL DATA NILAI Cari xxxxxx xxx xxxxx xxxxxxxxxx xxxxxx xxxxxxx xxxxxx xxxxxxxx xxxxxxxx xxxxx xxxx xx xx xxxxxx Print Gambar 4.25 Daftar Siswa

7. Perancangan Halaman Input Jadwal

Rancangan halaman antar muka untuk input data pelajaran dapat dilihat pada gambar 4.26 terdiri dari beberapa menu yang terdiri dari NIP, Mata pelajaran, hari, jam, kelas serta tombol simpan dan batal. HALAMAN UTAMA DATA GURU DATA SISWA PELAJARAN KELAS User LOGOUT User Online: Admin Data Jadwal NIP : Mata Pelajaran : Hari : Jam : Kelas : SIMPAN BATAL Input Data Jadwal : DATA JADWAL DATA NILAI Gambar 4.26 Form Input Data Jadwal

8. Perancangan Tampilan Output Daftar Jadwal

Rancangan antar muka pada tampilan gambar 4.27 adalah untuk melihat tampilan-tampilan yang sudah di inputkan ke dalam form-form yang telah di isi, serta terdapat tombol cari yang berfungsi untuk mencari data jadwal yang telah terdaftar. H A L A M A N U T A M A D A T A G U R U D A T A S I S W A P E L A J A R A N K E L A S L U P A P A S S W O R D L O G O U T U se r O n lin e : A d m in D a fta r J a d w a l D a f t a r J a d w a l NIP Pelajaran Hari Jam Kelas Edit Delete Cari xxxxx xxxxx xxxxx xx:xx xx Gambar 4.27 Daftar Jadwal Pelajaran

9. Perancangan Halaman Input Data Kelas

Rancangan halaman antar muka untuk input data kelas dapat dilihat pada gambar 4.28 terdiri dari beberapa menu yang terdiri dari Kode kelas, Tahun Ajaran, nama Guru serta tombol simpan dan batal. Tambah Data Kelas Kode Kelas : Tahun Ajaran : Guru : SIMPAN BATAL HALAMAN UTAMA DATA GURU DATA SISWA PELAJARAN KELAS USER LOGOUT Input Data Kelas User Online : Admin DATA JADWAL DATA NILAI Gambar 4.28 Input Data Kelas

10. Perancangan Tampilan Output Daftar Kelas

Rancangan antar muka pada tampilan gambar 4.29 adalah untuk melihat tampilan-tampilan yang sudah di inputkan ke dalam form-form yang telah di isi, serta terdapat tombol cari yang berfungsi untuk mencari data kelas yang telah terdaftar. HALAMAN UTAMA DATA GURU DATA SISWA PELAJARAN KELAS USER LOGOUT User Online:Admin Cari Kode Kelas NIP Jumlah Kelas Tahun Ajaran Edit Daftar Data Kelas DATA JADWAL DATA NILAI XX xxxxxxx xx xxxx Gambar 4.29 Daftar Kelas

11. Tampilan Edit Daftar Kelas