Hasil Desain Antar Muka
1. Prosesor Intel Celeron atau setara
2. Memori ram minimal 1 GB.
3. Kapasitas Disk 5 GB
4. Motherboard menyesuaikan Processor dan jenis RAM
5. PSU menyesuaikan Processor
6. Monitor sesuai kebutuhan
7. Mouse dan Keyboard standart
b. Antar Muka Perangkat Lunak
Software yang dibutuhkan agar sistem akademik SMP AL Falah Surabaya dapat berjalan dengan baik adalah sebagai berikut.
1. Xampp Server minimal versi 1.7.1
2. Browser Internet Explorer versi 7, google chrome dan firefox
Pada sub bab ini akan dijelaskan tentang rancangan desain input output aplikasi yang telah dianalisis, mulai dari tampilan aplikasi, fungsi dan cara
penggunaannya. Dalam pembuatan suatu aplikasi, diperlukan suatu rancangan atau desain input dan output. Adapun desain tampilan yang akan digunakan
sebagai berikut: a.
Desain Tampilan Login Merupakan desain tampilan awal program. pengguna diharuskan
melakukan login terlebih dahulu, karena sebelum mengakses menu-menu yang lain harus login terlebih dahulu. Desain tampilan login digunakan untuk
memasukkan username dan password pengguna aplikasi untuk menentukan hak akses pengguna saat aplikasi dijalankan pertama kali yang dapat dilihat pada
Gambar 4.20
..:: Sistem Informasi Akademik – Login ::..
Username : Password
: Login
Gambar 4.16 Form Login
b. Desain Tampilan Form Master
Dalam menu master terdiri dari sub menu master data kelas, data siswa, data karyawan, subjek penilaian dan kelas. Adapun penjelasan sub menu dari
menu master adalah sebagai berikut: 1.
Desain Tampilan Master Data Kelas Master data kelas ini digunakan untuk mendata 27 kelas dan dapat
membantu proses pencatatan nilai, pengelolaan absensi siswa.
Maintenance Data Kelas
Data Kelas
Tahun Ajaran Kelas
Kode Kelas Kapasitas Kelas
Tahun Ajar :
Kelas :
Kode Kelas ;
Kapasitas Kelas :
Kode Guru Wali Kls : Nama Guru Wali Klis:
Simpan Bersih
Keluar Ubah
Hapus No. Kelas :
Cari
Gambar 4.17 Form Tampilan Master Data Kelas
Terdapat 6 tombol pada form tampilan master data kelas, yaitu tombol cari yang berfungsi untuk mencari kode Guru, serta tombol simpan, ubah ,hapus keluar dan
bersih. 2.
Desain Tampilan Master Data Mata Pelajaran Master data mata pelajaran digunakan mencatat data mata pelajaran yang
diajarkan di SMP Al-Falah Assalam Tropodo 2.
Maintenance Data Mata Pelajaran Form Cetak Master Mata Pelajaran
Kode Kelas NIS
Nama Jenis Kelamin
Data Mata Pelajaran Kode_Mapel
Nama_Mapel KKM
Kode Mata Pelajaran : Mata Pelajaran
: Simpan
Ubah Keluar
Hapus Nilai KKM
: Cetak
Keluar
Gambar 4.18 Form Master Data Mata Pelajaran
3. Desain Tampilan Master Manajemen Data karyawan
Master manajemen data karyawan digunakan untuk mencatat data karyawan yang mengajar baik aktif Guru bidang Study ataupun pasif Wali
Kelas.
Heading ..:: Sistem Informasi Akademik – Master : Karyawan ::..
Siakad 2016 Laporan
Transaksi Master
Logout
Kode Karyawan
NIP Nama
Jenis Kelamin
Tempat Lahir
Tanggal Lahir
Alamat Telepon
Agama Status
Karyawan
K-0050 16010050
K-0002 K-0001
16010002 16010001
Lilik H. Edy W.
P L
Lamongan Solo
30-09-1970 14-01-1988
Tropodo Surabaya
08190287 7456829
ISLAM ISLAM
GURU STAFF
Kode Karyawan :
NIP :
Nama :
Jenis Kelamin :
Tempat lahir :
Tanggal Lahir :
Alamat :
Telepon :
Status Karyawan :
Bidang Study :
Status Ajar :
Agama :
Username : Password
: Laki-laki
Laki-laki Perempuan
Perempuan
Simpan Bersih
Ubah Hapus
Keluar
Gambar 4.19 Master Manajemen Data karyawan
4. Desain Tampilan Master Manajemen Data Siswa
Desain master Manajemen Data Siswa digunakan untuk memasukkan data siswa yang sedang menempuh pendidikan di SMP Al-Falah Assalam tropodo 2.
dalam pengisian data siswa petugas harus teliti karena data siswa sangat berpengaruh terhadap proses selanjutnya seperti proses pengelolaan data nilai
siswa dan absensi siswa.
Maintenance Data Siswa
Data Siswa Data Ayah
Data Ibu Data Wali
T.A Masuk
NIS Nama
Tempat Lahir
Tanggal Lahir
Alamat Jenis
Kelamin Agama
Asal Sekolah
No. Telp Status
Tinggal Nama
Ayah
2016 16010210
Tahun Ajar Masuk :
No. Induk Siswa :
Nama Siswa :
Tempat Lahir :
Tgl. Lahir :
Alamat :
Jenis Kelamin :
Agama :
Asal Sekolah :
No. Telepon HP :
Status Tinggal :
Laki-Laki Laki-Laki
Perempuan Perempuan
Simpan Bersih
Keluar Ubah
Nama :
Alamat :
No.Telp :
Pekerjaan : Agama
: Nama
: Alamat
: No.Telp
: Pekerjaan :
Agama :
Nama :
Alamat :
No.Telp :
Pekerjaan : Agama
:
Hapus
Gambar 4.20 Tampilan Menu Master Manajemen Data Siswa
c. Desain Tampilan Form Transaksi
Dalam form transaksi terdiri dari Manajemen Nilai Siswa dan Manajemen Absen Siswa . Adapun penjelasan submenu dari menu transaksi
adalah sebagai berikut: 1.
Desain Transaksi Manajemen Nilai Siswa Desain transaksi manajemen data siswa digunakan untuk memasukkan
data nilai siswa, entitas yang terdapat dialamnya adalah kelas, mata pelajaran, Kode guru mengajar, NIS dan Nilai Siswa.
Transaksi Penilaian Siswa Data Mata Pelajaran
Data Siswa
Data Nilai Detail Nilai Kognitif
NIS Nama
Nama Kelas Detail Nilai Psikomotor
Nilai Rapot Gasal
70 100
Kode Kelas :
Kode Mata Pelajaran : Mata Pelajaran
: Tahun Ajaran
: Kode Guru
: Cari
NIS :
Nama :
Kode Nilai :
Nilai Ulangan Harian : Nilai Tugas
: Tes Blok
: UTS
: UAS
: Input
Nilai Klik Tabel untuk edit nilai :
Semester Nilai Ulangan Harian :
Nilai Tugas :
Tes Blok :
UTS :
UAS :
Input Nilai
Nilai Kognitif :
Nilai Psikomotor :
Nilai Afektif :
Cetak Keluar
Simpan Bersih
Gambar 4.21 Desain Form Transaksi Manajemen Nilai Siswa
Pada form transaksi manajemen nilai siswa, terdapat ikon cetak yang memiliki fungsi untuk langsung mencetak transaksi menjadi laporan nilai siswa
yang dapat langsung dijadikan sebagai rapot. Seperti yang terdapat pada gambar 4.21.
Laporan Rapot
Mata Pelajaran KKM
Nilai Angka Nilai Huruf
Matematika Bahasa Indonesia
Sains 75
80 75
85 70
85 B
B A
Narasi...
SMP AL-FALAH ASSALAM TROPODO 2 SIDOARJO
NIS :
Nama :
Kelas :
Tahun Ajaran :
1454901 Fakhrul
7-B 2014 - 2015
Gambar 4.22 Desain Form Cetak Nilai Siswa
2. Desain Transaksi Absen Siswa
Desain transaksi Absen siswa digunakan untuk melakukan pencatatan kehadiran siswa dan entitas yang terdapa didalamya adalah kelas, id siswa dan
status absen.
Transaksi Absensi
Data Siswa Data Absensi
Kode Absensi NIS
Nama Kode_Kelas
Nama Kelas Tanggal Absen
NIS :
Nama :
Kode Kelas :
Kelas :
Cari Tahun Ajaran
: Semester
: Keterangan Absen
: Tanggal Absensi
: Kode Absensi
: Izin
Izin Sakit
Sakit Alpha
Alpha Simpan
Bersih Keluar
Ubah Hapus
Gambar 4.23 Form Transaksi Manajemen Absen Siswa
d. Desain Tampilan Laporan
Dalam form transaksi terdiri dari Laporan nilai siswa, Laporan Absen Siswa, laporan data guru dan laporan data siswa. Adapun penjelasan submenu dari
menu laporan adalah sebagai berikut: 1.
Desain Laporan Data Siswa Desain laporan data siswa digunakan untuk menampilkan data siswa dan
laporan dapat di lihat berdasarkan NIS dan Tahun masuk siswa. Seperti yang terdapat pada Gambar 4.23.
Form Laporan Data SIswa
NIS Nama
Tempat Lahir Tanggal Lahir
Tahun Ajaran Cari menurut NIS
Cari menurut NIS Cari Menurut Tahun Masuk
Cari Menurut Tahun Masuk
Keluar Cetak
Cari
Gambar 4.24 Form Laporan Data Siswa
Pada gambar diatas terdapat dua check box yaitu cari menurut NIS dan Tahun Masuk. Apabila tombol cari diaktifkan maka data yang akan di tampilkan
pada item box di bawahnya adalah data yang di pilih berdasarkan check box yang di pilih dan padas sebelah kanan bawah terdapat tombol cetak dan akan memiliki
tampilan seperti pada Gambar 4.24 dan Gambar 4.25.
NIS Nama
TempatLahir TglLahir
JenisKelamin Alamat
No.Telp 16002
16003 16001
Budi Ani
Amir
Sidoarjo
Bali Solo
01-06-2003 12-11-2002
14-02-2003
L P
L DeltaSari
Kepuh Tropodo
8907682 890830
890678
SMP AL-FALAH ASSALAM TROPODO 2 SIDOARJO
Laporan Data Siswa Tahun Ajaran: 20142015
Gambar 4.25 Tampilan Laporan Data Siswa Berdasarkan Tahun Ajaran
NIS Nama
TempatLahir TglLahir
JenisKelamin Alamat
No.Telp 16001
Amir Solo
14-02-2003
L Tropodo
890678
SMP AL-FALAH ASSALAM TROPODO 2 SIDOARJO
Laporan Data Siswa NIS: 16001
Gambar 4.26 Tampilan Laporan Data Siswa Berdasarkan NIS
2. Desain Laporan Data Karyawan
Desain laporan data karyawan digunakan untuk menampilkan data karyawan dan laporan dapat dilihat berdasarkan NIP dan Subyek ajar. Seperti
yang terdapat pada Gambar 4.27.
Form Laporan Data Karyawan
NIP Nama
Status Ajar Bidang Study
Mata Pelajaran Cari menurut NIP
Cari menurut NIP Cari Menurut Subyek Ajar
Cari Menurut Subyek Ajar
Keluar Cetak
Cari
Gambar 4.27 Form Laporan Data Karyawan
Pada gambar diatas terdapat dua check box yaitu cari menurut NIP dan Subyek Ajar. Apabila tombol cari diaktifkan maka data yang akan di tampilkan
pada item box di bawahnya adalah data yang di pilih berdasarkan check box yang di pilih dan padas sebelah kanan bawah terdapat tombol cetak dan akan memiliki
tampilan seperti pada Gambar 4.27 dan Gambar 4.28.
NIP Nama
TempatLahir TglLahir
JenisKelamin Alamat
No.Telp 00232
00234 00231
Lia Ali
Joko
Sidoarjo
Bali Solo
01-06-1989 12-11-1980
14-02-1970
P L
L DeltaSari
Kepuh Tropodo
8879065 8796056
8675490
SMP AL-FALAH ASSALAM TROPODO 2 SIDOARJO
Laporan Data Karyawan Subyek Ajar: Biologi
Gambar 4.28 Tampilan Laporan Data Siswa Berdasarkan Subyek Ajar
Nama TempatLahir
TglLahir JenisKelamin
StatusKry BidangStudy
StatusAjar Joko
Solo
14-02-1970 L
Guru Biologi
Aktif
SMP AL-FALAH ASSALAM TROPODO 2 SIDOARJO
Laporan Data Karyawan NIP: 00231
Gambar 4.29 Tampilan Laporan Data Karyawan Berdasarkan NIP
3. Desain Laporan Alokasi Kelas
Desain laporan alokasi kelas digunakan untuk menampilkan data alokasi kelas dan laporan dapat dilihat berdasarkan NIP dan Kelas. Seperti yang terdapat
pada Gambar 4.30.
Form Laporan Alokasi Kelas
NIP Nama
Status Ajar Kelas Bidang Study
Nama Kelas NIP
Cari menurut Kelas Cari menurut Kelas
Cari Menurut Karyawan Cari Menurut Karyawan
Keluar Cetak
Cari
Gambar 4.30 Form Laporan Alokasi Kelas
Pada gambar diatas terdapat dua check box yaitu cari menurut NIP dan Kelas. Apabila tombol cari diaktifkan maka data yang akan di tampilkan pada
item box di bawahnya adalah data yang di pilih berdasarkan check box yang di pilih dan padas sebelah kanan bawah terdapat tombol cetak dan akan memiliki
tampilan seperti pada Gambar 4.31 dan Gambar 4.32.
NIP Nama
Status Ajar Bid. Study
00232 00234
00231 Lia
Ali Joko
Aktif
Aktif Aktif
Wali Kelas Bahasa Indonesia
Biologi
SMP AL-FALAH ASSALAM TROPODO 2 SIDOARJO
Laporan Alokasi Kelas Kelas : 7E
Gambar 4.31 Tampilan Laporan Alokasi Kelas Berdasarkan Kelas
NIP Nama
Status Ajar Kelas
00231 00231
00231 Joko
Joko Joko
Aktif
Aktif Aktif
9E 7C
7A
SMP AL-FALAH ASSALAM TROPODO 2 SIDOARJO
Laporan Alokasi Kelas NIP : 00231
Gambar 4.32 Tampilan Laporan Alokasi Kelas Berdasarkan NIP
4. Desain Laporan Jadwal Kelas
Desain laporan alokasi kelas digunakan untuk menampilkan data jadwal kelas dan laporan dapat dilihat berdasarkan NIP dan Nama mata pelajaran. Seperti
yang terdapat pada Gambar 4.33.
Form Laporan Jadwal Kelas
NIP Nama
Status Ajar Kelas
Bidang Study
Mata Pelajaran NIP
Cari menurut Mata Pelajaran Cari menurut Mata Pelajaran
Cari Menurut Karyawan Cari Menurut Karyawan
Keluar Cetak
Cari
Gambar 4.33 Form Laporan Jadwal Kelas
Pada gambar diatas terdapat dua check box yaitu cari menurut NIP dan Mata Pelajaran. Apabila tombol cari diaktifkan maka data yang akan di tampilkan
pada item box di bawahnya adalah data yang di pilih berdasarkan check box yang
di pilih dan padas sebelah kanan bawah terdapat tombol cetak dan akan memiliki tampilan seperti pada Gambar 4.34 dan Gambar 4.35.
NIP Nama
Status Ajar Status Kelas
Jadwal Ajar 00334
02345 00231
Lia Ali
Joko
Aktif
Aktif Aktif
8A 8C
7A Rabu
Senin Senin
SMP AL-FALAH ASSALAM TROPODO 2 SIDOARJO
Laporan Jadwal Kelas Mata Pelajaran : Biologi
Gambar 4.34 Tampilan Laporan Jadwal Kelas Berdasarkan Mata Pelajaran
NIP Nama
Status AjarKelas Bid. Study
Jadwal Ajar 00231
00231 00231
Joko Joko
Joko
Aktif 9B
Aktif 7A Aktif 7E
Biologi Bilologi
Biologi Rabu
Senin Senin
SMP AL-FALAH ASSALAM TROPODO 2 SIDOARJO
Laporan Jadwal Kelas NIP : 00231
Gambar 4.35 Tampilan Laporan Jadwal Kelas Berdasarkan NIP