100
Contoh : 10 Matematika 10 = menunjukan nomor urut mata pelajaran yang ke-1
Matematika = menunjukan jenis mata pelajaran
4.2.5. Perancangan Antar Muka
Program dapat didefinisikan sebagai kumpulan dari intruksi-intruksi 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 dan untuk membentuk suatu sistem yang lebih baik.
4.2.5.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 berikut ini :
101
Gambar 4.31 Struktur Menu Program Sistem Informasi Akademik
4.2.5.2.Perancangan Input
Masukan input merupakan awal dimulainya suatu proses sistem, dimana data mentah dimasukan untuk diolah menjadi informasi yang lebih berguna.
Perancangan input yaitu pembuatan antarmuka interface untuk menerima masukan dari pengguna system. Antarmuka untuk input data ini harus
102
memberikan kejelasan kepada user baik bentuk maupun masukan-masukan yang harus diisi. Perancangan yang terdapat dalam sistem informasi akademik ini
adalah sebagai berikut : 1.
Form Login Form login digunakan pada saat software
runnig. User harus
menginputkan nama user, password, status dan status yang sudah terdaftar. Jika username belum terdaftar akan muncul peringatan “Maaf username
tidak dikenal”, jika password salah akan muncul peringatan “Maaf password salah”, dan jika status salah maka akan muncul peringatan
“Maaf status salah”.
Gambar 4.32 Form Login Tabel 4.13 Keterangan form login
No Nama navigasi
Keterangan 1
Login Untuk menginput nama user
2 Cancel
Untuk membatalkan penginputan nama user
2. Form Pendaftaran
Form pendaftaran berfungsi untuk menginputkan semua data- data siswa baru
103
Gambar 4.33 Form pendaftaran Ketika ditekan tombol add,maka akan muncul tampilan sebagai berikut :
No_pendaftaran Tahun Masuk
Nama_Siswa_Baru Tempat lahir
Jenis kelamin Agama
Tanggal_Lahir
Anak_Ke Tahun_lulus
Alamat_Siswa NEM
Pekerjaan Alamat ortu
Tlp_ortu Tahun_Lulus
No. STTB
Input_Pendaftaran
SIMPAN BATAL
Tahun masuk Agama
Nama_OrTu Asal_Sekolah
Gambar 4.34 Input form pendaftaran
104
Tabel 4.14 Keterangan form pendaftaran No
Nama navigasi Keterangan
1 Tambah
Button untuk menginputkan data siswa baru
2 SImpan
Button untuk menyimpan data siswa 3
Ubah Button untuk mengubah data siswa
4 Batal
Button untuk membatalkan penyimpanan data siswa
5 Hapus
Button untuk menghapus data siswa 6
Keluar Button untuk keluar dari menu input data
pendaftaran siswa
3. Saringan Masuk Form penyaringan berfungsi untuk saringan dari semua data pendaftaran
siswa baru
Gambar 4.35 form Penyaringan Tabel 4.15 Keterangan form penyaringan
No Nama navigasi
Keterangan 1
Buka Button untuk membuka data siswa baru
2 Penyaringan
Button untuk menyiaring data NEM siswa 3
Cetak Surat Penerimaan
Button untuk mencetak surat penerimaan data siswa
4 Cetak Surat
Button untuk mencetak surat penolakan
105
Penolakan data siswa
5 Keluar
Button untuk keluar dari menu input data penyaringan siswa
4. Form Registrasi Siswa Baru Form registrasi berfungsi untuk mendata agar siswa baru mendapatkan
NIS nomor induk siswa
Gambar 4.36 form Registrasi
Gambar 4.37 form Registrasi
106
Tabel 4.16 Keterangan form registrasi No
Nama navigasi Keterangan
1 Registrasi
Button untuk registrasi data siswa baru 2
Cari Button untuk mencari data siswa
3 Keluar
Button untuk keluar dari menu input data registrasi siswa
5. Form Pembagian Kelas Pembagian kelas untuk siswa kelas 1, kelas 2 serta kelas 3
Gambar 4.38 Form Pembagian Kelas dan wali kelas Tabel 4.17 Keterangan form pembagian kelas dan wali kelas
No Nama navigasi
Keterangan 1
Buka Button untuk membuka tingkat
2 Proses
Button untuk proses pembagian kelas dan wali kelas
3 Lihat List
Button untuk melihat form data kelas dan wali kelas siswa
4 Keluar
Button untuk keluar dari form data kelas dan wali kelas
107
6. Form Pembagian Kelas
Form Pembagian Kelas ini berfungsi untuk melihat data perkelas
Gambar 4.39 Form data detail kelas. Tabel 4.18 Keterangan form data detail kelas
No Nama navigasi
Keterangan 1
Buka Button untuk membuka perkelas
2 Keluar
Button untuk keluar dari form dat detail kelas dan wali kelas
7. Form Jadwal Pelajaran
Form jadwal pelajaran berfungsi untuk membuat jadwal pelajaran
Gambar 4.40 Form Input jadwal pelajaran
108
Gambar 4.41 Form jadwal pelajaran Tabel 4.19 Keterangan form data detail kelas
No Nama navigasi
Keterangan 1
Tambah Button untuk membuka data mata
pelajaran 2
Ubah Button untuk mengubah data mata
pelajaran 3
Hapus Button untuk menghapus data mata
pelajaran 4
Keluar Button untuk keluar dari menu input data
penyaringan siswa 5
Simpan Button untuk menyimpan data mata
pelajaran 6
Batal Button untuk membatalkan penyimpanan
data mata pelajaran
109
8. Form Nilai Form nilai berfungsi untuk menginputkan semua nilai- nilai siswa
Gambar 4.42 Form input nilai siswa Tabel 4.20 Keterangan form data detail kelas
No Nama navigasi
Keterangan 1
Buka Button untuk membuka data mata guru dan
mata pelajaran 2
Keluar Button untuk keluar dari menu input data
nilai 3
Hitung Nilai Akhir Button untuk menghitung nilai akhir
110
9. Form Pembayaran DSP Form nilai berfungsi untuk menginputkan data pembayaran DSP
Gambar 4.43 Form pembayaran DSP Tabel 4.21 Keterangan form data detail kelas
No Nama navigasi
Keterangan 1
Cari Button untuk mencari No Pendaftaran
2 Simpan
Button untuk menyimpan data pembayaran DSP
3 Keluar
Button untuk keluar dari menu pembayaran
111
10. Form Pembayaran SPP Form nilai berfungsi untuk menginputkan data pembayaran SPP
Gambar 4.44 Form pembayaran SPP Tabel 4.22 Keterangan form data detail kelas
No Nama navigasi
Keterangan 1
Simpan Button untuk menyimpan data pembayaran SPP
2 Cetak Surat
Teguran Button untuk mencetak surat teguran
3 Keluar
Button untuk keluar dari menu pembayaran
4.2.5.3.Perancangan Output
Perancangan Output merupakan hasil dari pengolahan data setelah suatu masukan lengkap, dan diproses hingga menghasilkan keluaran Output. Dalam
perancangan aplikasi ini yang paling penting adalah output yang dihasilkan harus sesuai dengan keinginan dan kebutuhan pemakai atau User.
Adapun tampilan output yang dihasilkan dari perancangan sistem informasi akademik dengan konsep client server yaitu sebagai barikut :
112
1. Bukti penerimaan siswa baru
Gambar 4.45 Laporan pendaftaran siswa baru 2. Surat Penerimaan
LOGO
YAYASAN ATIKAN SUNDA YAS
JL. P.H.Hasan mustopa No.115
Bandung, XX July XXXX
SURAT PENERIMAAN SISWA BARU
Panitia Tata Usaha …………………….
NIP ……………… BANDUNG
Kepada Yth. Orang TuaWali Murid
DiTempat Berdasarkan dari proses hasil penyaringan masuk di Yayasan Atikan Sunda, Maka dengan ini kami
menyatakan bawah calon murid di bawah ini:
Nama Alamat
Asal Sekolah
Dinyatakn :---TIDAK LULUS---
Gambar 4.46 Surat penerimaan siswa baru
113
3. Surat Penolakan
LOGO
YAYASAN ATIKAN SUNDA YAS
JL. P.H.Hasan mustopa No.115
Bandung, XX July XXXX
SURAT PENOLAKAN SISWA BARU
Panitia Tata Usaha …………………….
NIP ……………… BANDUNG
Kepada Yth. Orang TuaWali Murid
DiTempat Berdasarkan dari proses hasil penyaringan masuk di Yayasan Atikan Sunda, Maka dengan ini kami
menyatakan bawah calon murid di bawah ini:
Nama Alamat
Asal Sekolah
Dinyatakn :---LULUS---
Gambar 4.47 Surat penolakan siswa baru
4. Laporan penerimaan siswa baru
Gambar 4.48 Laporan penerimaan siswa baru
114
5. Laporan siswa baru yang tidak diterima
Gambar 4.49 Laporan penolakan siswa baru 6. Laporan registrasi
Gambar 4.50 Laporan registrasi
115
7. Laporan data siswa
Gambar 4.51 Laporan data siswa 8.
Laporan Data Guru
Gambar 4.52 Laporan data guru
116
9. Laporan data kelas
LOGO
YAYASAN ATIKAN SUNDA YAS
JL. P.H.Hasan mustopa No.115
Bandung, XX July XXXX
LAPORAN PEMBAGIAN KELAS
Kesiswaan …………………….
NIP ……………… NIS
NAMA_SISWA KELAS
NAMA_GURU XXXXXX
XXXXXX XXXXXX
XXXXXX BANDUNG
Gambar 4.53 Laporan pembagian kelas 10.
Laporan penjadwalan
Gambar 4.54 Laporan penjadwalan
117
11. Laporan Nilai Siswa
Gambar 4.55 Laporan nilai siswa 12. Pembayaran DSP
Gambar 4.56 Laporan pembayaran DSP
118
13.
Laporan pembsysrsn SPP
Gambar 4.57 Laporan pembayaran SPP
4.2.6. Perancangan Arsitektur Jaringan