1981 : Tahun diangkat menjadi guru 09     : Bulan diangkat menjadi guru
1       : Kode untuk guru laki-laki, 2 : kode untuk guru perempuan 04     : Nomor urut guru
4.2. Perancangan Antar Muka
Program dapat didefinisikan sebagai kumpulan dari instruksi-instruksi atau perintah-perintah  terperinci  yang  sudah  disiapkan  oleh  komputer  sehingga  dapat
melakukan  fungsi  sesuai  dengan  yang  telah  ditentukan.  Tujuan  dari  pembuatan program  ini  adalah  untuk  mempermudah  dan  mempercepat  aktivitas  yang
berhubungan  dengan  pengolahan  data  akdemik  dan  untuk  membentuk  suatu sistem yang lebih baik lagi.
4.2.1. Struktur Menu
Dalam perancangan
program ini
menggunakan menu
yang mengintegrasikan semua bagian dalam program, adapun gambaran menu seperti
yang ditampilkan pada gambar struktur menu dibawah ini.
Gambar 4.6 Struktur menu
Input nilai Ubah nilai
Cetak Ubah
Cetak Jadwal
Pelajaran
Absen
Nilai
Logout Ubah
Data Guru
Mata Pelajaran Naik kelas
Kelas Daftar Siswa
Baru Cetak
Tentukan kelas Home
Profil Pendaftaran
Nilai Pengumuman
Login
Home
Pengumuman
Data Calon Siswa Baru
Detail Terima
Tolak Ubah
Ubah
4.2.2. Perancangan Input
Masukan input merupakan awal dimulainya suatu proses sistem, dimana data  mentah  dimasukan  untuk  diolah  menjadi  sebuah  informasi  yang  lebih
berguna. Perancangan  input yaitu pembuatan  interface untuk menerima masukan dari  pengguna  sistem.  Antarmuka  untuk  input  data  ini  harus  memberikan
kejelasan  kepada  user  baik  bentuk  maupun  masukan-masukan  yang  harus  diisi. Perancangan  yang  terdapat  dalam  sistem  informasi  akademik  ini  adalah  sebagai
berikut :
a.  Form login Form  login  digunakan  untuk  guru  dan  admin  guna  mengolah  data  yang
menyangkut  proses  akademik  yang  berjalan.  User  harus  menginputkan username dan password yang sudah masuk pada database. Jika username
dan  password  tidak  dikenal  maka  akan  muncul  alert “usrname  atau
password salah”,  begitupun  sebaliknya  jika  login  berhasil  maka  akan
muncul alert  “login  anda  berhasil”,  maka  user  akan  masuk  form
pengolahan data akademik yang ada di dalamnya.
Gambar 4.7 Perancangan input form login
Form login khusus untuk admin dan guru kelas
Username Password
Login
b.  Form pendaftaran Form pendaftaran berfungsi untuk menginputkan semua data pendaftar
calon siswa baru.
Penyakit berat yang pernah diderita :
Formulir pendaftaran
Kewarganegaraan : Tanggal pendaftaran :
A.  Keterangan Pribadi
Nama Lengkap : Jenis Kelamin :
TempatTanggal Lahir :
Alamat tempat tinggal : Agama  :
Anak nomor ke... : Jumlah saudara kandung :
Jumlah saudara angkat : Jumlah saudara tiri :
Berat badan : Tinggi badan :
Golongan darah : 6 Juni 2014
Laki-laki Perempuan
6 Juni 2014
Kg Cm
Gambar 4.8
Perancangan input form pendaftaran
Nomor telepon : Bertempat tinggal pada :
Pekerjaan :
DAFTAR BATAL
Keterangan : -Tanda  bintang wajib diisi
-Point C khusus untuk anak yang sebelumnya masuk TK
B. Keterangan Orang TuaWali
Nama ayah kandung : Nama ibu kandung :
Pendidikan tertinggi ayah kandung Pendidikan tertinggi ibu kandung :
Pekerjaan ayah : Pekerjaan ibu :
Nama wali siswa : Pendidikan tertinggi wali siswa :
Hubungan terhadap anak : Pada orangtua kandung
Pada seseorang dengan hubungan Menumpang pada orang lain
Asrama  kost  kontrak
C. Asal TK Anak
Nama TK : Nomortahun STTB TK
Lama belajar di TK : Tahun
c.  Form ubah data form pendaftaran
Gambar 4.9 Perancangan input ubah data form pendaftaran
Ubah Batal
d.  Form data guru Form data guru adalah form untuk admin tentang pembagian tugas
mengajar guru kelas.
Gambar 4.10 Perancangan input  form data guru
e.  Form mata pelajaran Merupakan  form  untuk  menambah  mata  pelajaran,  yang  nantinya  mata
pelajaran akan diinputkan ke form input jadwal mata pelajaran.
Data Guru
Tambah Batal
Nama guru : NIP :
Jabatan Guru : Jumlah Jam :
admin Kelas :
Username : Password :
NIP Nama guru
Kelas Opsi
Ubah-Hapus Ubah-Hapus
Ubah-Hapus
Jabatan Jam
Gambar 4.11 Perancangan input  form mata pelajaran
f.  Form jadwal pelajaran Merupakan form untuk menentukan jadwal mata pelajaran.
Mata Pelajaran
Mata Pelajaran :
TAMBAH BATAL
No. Mata pelajaran
Opsi Agama
Ubah Hapus 2.
Bahasa inggris 3.
Karawitan Ubah Hapus
Ubah Hapus 1.
Gambar 4.12 Perancangan input form jadwal pelajaran
Jadwal Pelajaran
Kelas : Semester :
TA :
17.15-17.50 07.50-08.25
08.25-09.00 09.00-09.35
09.35-10.00 10.00-10.35
10.35-11.10 11.10-11.45
No. Jam pelajaran
2. 3.
1.
4.
5. 6.
7. Senin
Selasa Rabu
Kamis
TAMBAH BATAL
g.  Form ubah jadwal pelajaran Form untuk mengubah jadwal pelajaran apabila terjadi kesalahan input.
Gambar 4.13 Perancangan input form ubah jadwal pelajaran
h.  Form nilai Form untuk menginputkan dan mengubah data nilai setiap siswa.
Gambar 4.14
Perancangan input form nilai
i.  Form ubah nilai Form untuk mengubah atau menambahkan nilai per setiap UTS, UAS,
tugas, ulangan, UKK, dan US.
Gambar 4.15 Perancangan input form ubah nilai
j.  Form pengumuman Form untuk menginputkan informasi mengenai pengumuman sekolah.
Pengumuman
Gambar 4.16 Perancangan input form pengumuman
k.  Form nilai online siswa Merupakan form untuk cek nilai secara online setiap siswa, dimana siswa
harus menginputkan NIS nomor induk siswa untuk pada field pencarian.
Gambar 4.17 Perancangan input form nilai online siswa
4.2.3. Perancangan Output