78 1.
Tampilan Form Utama Berikut Tampilan Menu Utama :
Gambar 4.12 Tampilan Menu Utama
2. Tampilan Input Data Siswa Berikut Rancangan Tampilan Input Data Siswa SMP.
Gambar 4.13 Tampilan Cari Data Siswa
Input Proses
Laporan
Menu Utama
DATA SISWA
Nama
Jenis_kelamin
Tempat
Tanggal Lahir
NI
Alamat
CARI
Cari Data Siswa
Berdasarkan Cari
Data
NIS
V
79
Gambar 4.14 Tampilan Input Data Siswa Tabel 4.10 Fungsi dan Keterangan Form Input Siswa
No Nama Objek
Keterangan 1 nis
Textfield Untuk Input Nomor Induk Siswa
2 nama_siswa
Textfield Untuk Input Nama Lengkap Siswa
3 tempat_lahir
Textfield Untuk Input Tempat Lahir Siswa
4 tanggal_lahir
Textfield Untuk Input Tanggal Lahir Siswa
5 jenis_kelamin Combo
box Untuk Input Jenis Kelamin Siswa
6 agama Combo
box Untuk Input Agama Siswa
NIS Nama
Tempat Tanggal
Jenis Agama
Alamat Tlp
V V
Asal Sekolah
Nama orgtua
Alamat Pekerjaan
Nama wali
Tahun Pekerjaan
Alamat wali
V
V Input
Data Siswa
Tambah Edit
Simpan Hapus
Nama Siswa
Jenis_kelamin
Tempat Lahir
Tanggal Lahir
NIS
Alamat
80
7 alamat
Textfield Untuk Input Tempat Tinggal Siswa
8 telepon Textfield Untuk
Input Nomor Telepon Siswa 9 asal_sekolah
Textfield Untuk Input
Asal Sekolah
10 Nama_orgtua Textfield Untuk
Input nama lengkap orang tua 11 Pekerjaan_orgtua Textfield Untuk Input pekerjaan orang tua
12 Alamat_orgtua
Textfield Untuk Input alamat otrang tua
13 Nama_wali Textfield Untuk Input Nama lengkap wali
14 Pekerjaan_wali Textfield Untuk
Input pekerjaan
wali 15 Alamat-wali
Textfield Untuk Input
alamat wali
16 tahun_masuk Textfield Untuk
Input Tahun Masuk Sekolah 17 Tambah
Button Untuk Menambah Data Siswa
18 Edit
Button Untuk Merubah Data Siswa
19 Simpan Button Untuk
Menyimpan Data Siswa 20
Hapus Button
Untuk Menghapus Data Siswa 21 Pencarian
Combo Box Untuk
Memilih Kriteria Pencarian 22
Cari Button
Untuk Mencari Data Siswa 23
Cetak Button
Untuk mencetak hasil inputan
81
Nama Guru
Alamat Tempat
Lahir Tanggal
Lahir Jenis
Kelamin Status
Kawin
3. Tampilan Form Data Guru
Berikut Rancangan Tampilan Form Data Guru :
Gambar 4.15 Tampilan Cari Data Guru
Gambar 4.16 Tampilan Input Data Guru
DATA GURU
NI
Nama Guru No telepon
Jenis kelamin
Cari Data
Berdasarkan Cari
V
Cari
NIP
Nama Guru
No telepon
Jenis _kelamin
V Tambah
Simpan Edit
Hapus
V
82
Tabel 4.11 Fungsi dan Keterangan Form Input Guru
No Nama Objek
Keterangan 1 nip
Textfield Untuk Input Nomor Induk Pegawai 2 nama
Textfield Untuk Input
Nama Lengkap
Guru 3
tempat_lahir Textfield
Untuk Input Tempat Lahir Guru 4
tanggal_lahir Textfield
Untuk Input Tanggal Lahir Guru 5 jenis_kelamin
Combo box
Untuk Input Jenis Kelamin Guru
6 agama Combo
box Untuk Input Agama Guru
7 status_kawin
Textfield Untuk Input Status Guru
8 Kode_guru Textfield Untuk Input Kode Guru
9 Tambah Button Untuk
Menambah Data Guru 10
Edit Button
Untuk Merubah Data Guru 11 Simpan
Button Untuk Menyimpan Data Guru
12 Hapus Button Untuk
Menghapus Data Guru 13 Pencarian
Combo Box
Untuk Memilih Kriteria Pencarian
14 Cari
Button Untuk Mencari Data Guru
15 Batal
Button Untuk mengubah Data Guru
16 Cetak
Button Untuk mencetak Data Guru
83
4. Tampilan Form Data Mata Pelajaran Berikut Rancangan Tampilan Form Data Mata Pelajaran :
Gambar 4.17 Form Data Mata Pelajaran
Tabel 4.12 Fungsi dan Keterangan Form Input Mata pelajaran
No Nama Objek
Keterangan 1
kode_matpel Textfield
Untuk Input Kode Mata Pelajaran 2 Nama_matpel
Textfield Untuk Input
Nama Mata
Pelajaran 3
Status_matpel Combo Box Untuk Input Status Mata Pelajaran
4 Kode_kelas
Textfield Untuk mengetahui kelas Siswa
5 Alokasi_waktu Textfield
Untuk Input lamanya KBMminggu 6
Edit Button Untuk
MengeditData Mata Pelajaran 7 Simpan
Button Untuk Menyimpan Data Mata
Pelajaran
DATA MATA PELAJARAN
Kode Matpel
Cari Data
Cari V
Pencarian Data
Tambah Edit
Hapus Keluar
Kode_MP Nama_MP
Kelas
84
8 Hapus Button Untuk
Menghapus Data Mata Pelajaran
9 Pencarian Combo
Box Untuk
Memilih Kriteria Pencarian 10
Cari Button
Untuk Mencari Data Pelajaran 11 Batal
Button Untuk mengubah data Mata Pelajaran
5. Tampilan Form Pembagian Kelas
Berikut Rancangan Tampilan Form Pembagian Kelas :
Gambar 4.18 Tampilan Form Pembagian Kelas
Simpan Batal
Kode Kelas
Wali Kode
Tahun Kelas
Wali V
V DATA
KELAS
PEMBAGIAN KELAS NIS
Nama Siswa
Keluar Liat List
Proses Tahun
Jml Kelas Jml Siswa
Daya Tampung
85
Tabel 4.13 Fungsi dan Keterangan form pembagian kelas
No Nama Objek
Keterangan 1
kode_kelas Textfield
Untuk Input kode kelas 2 tahun_ajaran
Textfield Untuk Mengetahui Tahun Ajaran
3 kapasitas_siswa Textfield Untuk Menentukan Jumlah Siswa Per Kelas
4 Nama_walikelas
Textfield Untuk Input nama walikelas
5 nis Textfield
Untuk Mengetahui Daya tampung Per Kelas
6 Edit
Button Untuk MengeditData Mata Pelajaran
7 Simpan Button Untuk
Menyimpan Data Mata Pelajaran
8 Hapus Button Untuk
Menghapus Data Kelas 9
Cetak Textfield
Untuk mencetak data kelas dan walikelas
10 Pindah kelas
Button Untuk menentukan perpindahan siswa
86
6. Tampilan Form Jadwal
Berikut Rancangan Tampilan Form Jadwal:
Gambar 4.19 Tampilan Form Jadwal Pelajaran
Tabel 4.14 Fungsi dan Keterangan Form Data Jadwal
No Nama Objek
Keterangan 1
no_jadwal Combo box
Untuk Menentukan No Urut Jadwal 2 kelas
Combo box
Untuk Memilih Kelas 3 kode_guru
Text Field Untuk Memasukan Guru Mata
Pelajaran 4 nama_guru
Text Field Untuk
Input Nama Guru Pelajaran 5 kode_matpel
Text Field
Untuk Input Kode Mata Pelajaran 6 hari
Text Field
Untuk Input Hari 7
Jam Text Field
Untuk Input Jam 8 Simpan
Button Untuk Menyimpan Data Jadwal
JADWAL PELAJARAN
Tahun Ajaran
Nama Jam
Kode_MP
Tambah Ubah
Hapus Keluar
Simpan Batal
NIP Hari
Jam
Kode Matpel Kode Kelas
V V
V
Semester V
Input
87
7.
Tampilan Form Nilai
Berikut Rancangan Tampilan FormNilai :
Gambar 4.20 Form Data Nilai
9 Batal Button
Untuk Membatalkan Data Jadwal 10 Tambah
Button Untuk Menambah Data Jadwal
11 Ubah Button
Untuk Merubah Data Jadwal 12 Hapus
Button Untuk Menghapus Data Jadwal
13 Keluar Button
Untuk Keluar dari Form Jadwal
Input Nilai Siswa
NIS Nilai
PU1 Nilai
PU2 Nilai UAS N.Akhir
V V
V
Batal Simpan
Tahun Kelas
Mata Semester
Nilai PU 1
Nilai PU 1
Nilai Tugas
88
Tabel 4.15 Fungsi dan Keterangan Form Data Nilai
No Nama Objek
Keterangan 1
Tahun Combo box
Untuk taun Ajaran siswa 2 kelas
Combo box
Untuk masukan kode Kelas 3 Semester
Text Field Untuk Memasukan semester
4 nis Text
Field Untuk Input Nomor induk siswa
5 Nilai PU1
Text Field Untuk Input Nilai pekan Ulangan 1
6 Nilai PU2
Text Field Untuk Input Nilai Pekan Ulangan 2
7 Nilai Tugas
Text Field Untuk Input Nilai Tugas
8 Nilai UTS
Text Field
Untuk Input Nilai UTS 9 Nilai
UAS Text
Field Untuk Input Nilai UAS
10 Tambah Button
Untuk Menambah Data Nilai 11 Ubah
Button Untuk Merubah Data Nilai
12 Hapus Button
Untuk Menghapus Data Nilai 13 Keluar
Button Untuk Keluar dari Form Nilai
89
4.2.5.3. Perancangan Output
Perancangan output merupakan keluaran yang dihasilkan setelah data diolah, untuk kemudian dicetak. Berikut ini rancangan
output yang dihasilkan dari perancangan sistem informasi SMPN 36 Bandung :
1. Laporan Data Siswa
Gambar 4.21 Form Laporan Data Siswa
Logo
SEKOLAH MENENGAH PERTAMA 36
BANDUNG
Laporan Data Siswa
Bandung 1 juli 2012
Kepala sekolah
90
2. Laporan Data Kelas dan Walikelas
KelK
Gambar 4.22 Form Laporan Data Siswa dan Walikelas
3.
Laporan Data Guru
Gambar 4.23 Form Laporan Data Guru
Logo
SEKOLAH MENENGAH PERTAMA 36
BANDUNG
Laporan Data Siswa Perkelas
Kelas
Bandung 1 juli 2012
Kepala sekolah
Logo
SEKOLAH MENENGAH PERTAMA 36
BANDUNG
Laporan Data Guru
Bandung 1 juli 2012
Kepala sekolah
91
4. Cetak Jadwal Pelajaran
Gambar 4.24 Form Cetak Jadwal Pelajaran
5. Cetak Tugas Mengajar
Gambar 4.25 Form Cetak Tugas Mengajar
Logo
SEKOLAH MENENGAH PERTAMA 36
BANDUNG
Jadwal Pelajaran kelaqs VII
Bandung 1 juli 2012
Kepala sekolah
Logo
SEKOLAH MENENGAH PERTAMA 36
BANDUNG
Tugas mengajar Guru
NIP Nama
Guru
Bandung 1 juli 2012
Kepala sekolah
