BAB IV ANALISIS DAN PERANCANGAN SISTEM
4.2. Perancangan Sistem
4.2.5. Perancangan Antar Muka
4.2.5.2. Perancangan Input dan Output
4.2.5.2.1. Perancangan Input
Perancangan input diperlukan untuk menghasilkan informasi, dimana perancangan input ini menghasilkan perancangan bentuk dokumen-dokumen
dasar yang akan digunakan untuk mendapatkan data dalam perancangan sistem. Perancangan yang terdapat dalam sistem informasi akademik ini adalah sebagai berikut :
1. Design Form Login
Sebelum masuk ke dalam menu, pengguna harus mengisi Login terlebih dahulu, yang rancangannya adalah sebagai berikut:
Username
Password
LOGIN Ingat Saya
Gambar 4.34
Perancangan Input Log In
2. Design Form Registrasi
Form ini berfungsi sebagai sarana untuk mengolah data pendaftaran seperti input data pendaftaran, edit data pendaftaran, hapus data pendaftaran.
Registrasi
Nomor Induk Calon Siswa Nama Tempat Lahir Tanggal Lahir Jenis Kelamin Tindakan 1213.00001 Yanuar Cirebon 1991-01-04 Perempuan Hapus | Ubah | Registrasi
ulang Tambah Registrasi
Belum Registrasi cari
Gambar 4.35
Tambah Registrasi
Nama
Pekerjaan Orang Tua/ Wali Nama Orang Tua/ Wali Telepon Alamat Golongan Darah Tempat Lahir Agama Tanggal Lahir
Alamat Orang Tua/ Wali Telepon Orang Tua/ Wali Sekolah Asal
Alamat Sekolah Asal
NO STTB
Tahun STTB
SIMPAN BATAL
Jenis Kelamin Laki-laki Perempuan
Status Data
Gambar 4.36
Perancangan Form Tambah Registrasi 5 Design Form Siswa
Form ini berfungsi sebagai sarana untuk mengolah data siswa seperti input data siswa, hapus siswa dan ubah siswa. Adapun rancangan form tersebut adalah sebagai berikut:
Siswa
Nomor Induk Siswa Nama Tempat Lahir Tanggal Lahir Jenis Kelamin Tindakan 1213.07.00001 Yanuar Cirebon 1991-01-04 Perempuan Hapus | Ubah
cari
Gambar 4.37 Perancangan Form Siswa
6 Design Form Guru
Form ini berfungsi sebagai sarana untuk mengolah data guru seperti input data guru, hapus guru dan ubah guru. Adapun rancangan form tersebut adalah sebagai berikut:
Guru
NIP Nama Tempat Lahir Tanggal Lahir Jenis Kelamin Tindakan
1213.07.00001 Yanuar Cirebon 1991-01-04 Perempuan Hapus | Ubah
Tanggal Masuk 2008-10-09
cari
Tambah Guru
Gambar 4.38 Perancangan Form Guru Tambah Guru Nama Gelar Tanggal Masuk Telepon Alamat Guru Golongan Darah Tempat Lahir Jenis Kelamin Tanggal Lahir SIMPAN BATAL Laki-laki Perempuan
Menikah Belum Menikah
Status Data
Gambar 4.39
Perancangan Form Tambah Guru 7 Design Form Mata Pelajaran
Form ini berfungsi sebagai sarana untuk mengolah data mata pelajaran seperti input data mata pelajaran, hapus mata pelajaran dan ubah mata pelajaran. Adapun rancangan form tersebut adalah sebagai berikut:
Mata Pelajaran
Nama Mata Pelajaran Bobot Tingkat SKBM Tindakan Bahasa Indonesia 2 70 Hapus | Ubah
cari Tambah Mata Pelajaran
Kode Mata Pelajaran
7
Gambar 4.40
Perancangan Form Mata Pelajaran Tambah Mata Pelajaran
Nama Mata Pelajaran
Kategori Bobot SKBM Tingkat SIMPAN BATAL Status Data
Kode Mata Pelajaran
Gambar 4.41
Perancangan Form Tambah Mata Pelajaran 8 Design Form Kelas
Form ini berfungsi sebagai sarana untuk mengolah data kelas seperti input data kelas, hapus kelas dan ubah kelas. Adapun rancangan form tersebut adalah sebagai berikut:
Kelas
Tingkat Ruangan Keterangan Tindakan
1 7 7A Ruang kelas 7 Hapus | Ubah
cari
Tambah Kelas
Kode Kelas
Gambar 4.42 Perancangan Form Kelas
Tambah Kelas Tingkat Ruangan Keterangan SIMPAN BATAL Status Data Gambar 4.43
Perancangan Form Tambah Kelas 9 Design Form Wali Kelas
Form ini berfungsi sebagai sarana untuk mengolah data wali kelas seperti input data wali kelas, hapus wali kelas dan ubah wali kelas. Adapun rancangan form tersebut adalah sebagai berikut:
Wali Kelas
Tahun Ajar Nama Guru Kelas Tindakan
2012-2013 7A Hapus | Ubah
cari
Tambah Wali Kelas
Kode Wali Kelas
Andri
Gambar 4.44
Perancangan Form Wali Kelas Tambah Wali Kelas
Nama Guru Kelas
SIMPAN BATAL
Status Data
Gambar 4.45
10. Design Form Jadwal Pelajaran
Form ini berfungsi sebagai sarana untuk mengolah data jadwal pelajaran seperti input data jadwal pelajaran, hapus jadwal pelajaran dan ubah jadwal pelajaran. Adapun rancangan form tersebut adalah sebagai berikut:
Jadwal Pelajaran
Nama Mata Pelajaran Kelas Hari Tindakan
7A Jum’at
cari
Tambah Jadwal Pelajaran
Kode Jadwal Pelajaran
1 Bahasa Indonesia
Nama Guru
Andri
Gambar 4.46
Perancangan Form Jadwal Pelajaran Tambah Jadwal Pelajaran
Kode Pembelajaran Hari
Jam
SIMPAN BATAL
Gambar 4.47
Perancangan Form Tambah Jadwal Pelajaran 11Design Form Pembelajaran
Form ini berfungsi sebagai sarana untuk mengolah data pembelajaran seperti input data pembelajaran, hapus pembelajaran dan ubah pembelajaran. Adapun rancangan form tersebut adalah sebagai berikut:
Pembelajaran
Nama Mata Pelajaran Kelas Tindakan
7A Hapus | Ubah cari Tambah Pembelajaran Kode Pembelajaran 1 Bahasa Indonesia Nama Guru Andri Gambar 4.48
Tambah Pembelajaran
Kode Mata Pelajaran Kode Kelas
NIP
SIMPAN BATAL
Status Data
Gambar 4.49
Perancangan Form Tambah Pembelajaran 12 Design Form Nilai
Form ini berfungsi sebagai sarana untuk mengolah data nilai seperti input data nilai, hapus nilai dan ubah nilai. Adapun rancangan form tersebut adalah sebagai berikut:
Nilai
Kode Pembelajaran NIS Nilai Rata-rata Tindakan
1 1 Hapus | Ubah cari Tambah Nilai Kode Nilai 1213.07.00001 80 Gambar 4.50 Perancangan Form Nilai
Tambah Nilai Kode Pembelajaran Nilai Harian NIS Tugas 2 Tugas 1 SIMPAN BATAL Status Data UTS UAS Nilai Rata-rata Semester Gambar 4.51
13 Design Form Raport
Form ini berfungsi sebagai sarana untuk mengolah data raport seperti input data raport, hapus raport, ubah raport dan cetak raport. Adapun rancangan form tersebut adalah sebagai berikut:
RAPORT
Tahun Ajar Nomor Induk Nama Peserta Didik Tindakan
1 1 Hapus | Ubah | Cetak
cari Tambah Raport Kode Raport 1213.07.00001 80 Nilai Rata-Rata 80 Gambar 4.52
Perancangan Form Raport
Tambah Raport
NIS
Nilai Rata-Rata Keterangan
SIMPAN BATAL Status Tinggal Kelas
Semester
Gambar 4.53
Perancangan Form Tambah Raport 14 Design Form Pengaturan
Form ini berfungsi sebagai sarana untuk mengolah data pengaturan seperti input data pengaturan, hapus pengaturan dan ubah pengaturan. Adapun rancangan form tersebut adalah sebagai berikut:
Pengaturan
Nama Pengaturan Nilai Pengaturan Tindakan
1 Tahun_ajar Hapus | Ubah
cari Tambah Pengaturan
Kode Pengaturan
2012-2013
Gambar 4.54
Tambah Pengaturan Nama Pengaturan Nilai Pengaturan SIMPAN BATAL Status Data Gambar 4.55
Perancangan Form Tambah Pengaturan 15 Design Form Pengguna
Form ini berfungsi sebagai sarana untuk mengolah data pengguna seperti input data pengguna, hapus pengguna dan ubah pengguna. Adapun rancangan form tersebut adalah sebagai berikut:
Data Pengguna
Nama Status Tanggal Terdaftar Tindakan
1 1 Hapus | Ubah cari Tambah Raport ID Pengguna 1213.07.00001 80 Gambar 4.56
Perancangan Form Pengguna Tambah Pengguna ID Pengguna Nama Hak Akses SIMPAN BATAL Status Gambar 4.57
