• Tidak ada hasil yang ditemukan

1. Desain Input

Desain input adalah bagian dari perencanaan form-form yang akan dibangun untuk mendukung pembuatan Sistem Informasi Akademik SMA Hang Tuah 2 Sidoarjo. Berikut ini adalah desain input sistem yang akan dibangun:

a. Desain Form Utama

Pada Gambar 3.27 memperlihatkan desain form utama yang digunakan ketika pertama kali program dijalankan. Dalam menu utama ini terdapat sub sub menu untuk melakukan transaksi maupun menginput dan mengubah data, menu-menu yang ada pada gambar dibawah ini merupakan menu-menu keseluruhan yang ada pada program ini. Akan tetapi pada saat program dijalankan menu yang tampil akan menyesuaikan dengan tingkatan login pada saat awal. Gambaran lebih jelasnya mengenai tampilan menu utama serta submenu yang terdapat didalamnya dapat dilihat pada gambar berikut ini:

SISTEM INFORMASI AKADEMIK

Master Transaksi Menu

-Calon Siswa -Siswa -Guru -Kelas -Mata Pelajaran -SPP

-Seleksi Siswa Baru -Isi Kelas -Absensi

-Pembagian Jadwal Mata Pelajaran -Penghitungan Nilai Rapot -Kenaikan Kelas -Kenaikan Kelas XII -Penentuan Jurusan

-Log Out -Keluar

Gambar 3.27 Desain Form Utama

b. Desain Form Login

Pada Gambar 3.28 memperlihatkan desain form login yang digunakan sebagai verifikasi saat pengguna akan mengakses Sistem Informasi Akademik SMA Hang Tuah 2 Sidoarjo. Pada form ini terdiri dari 2 buah texboxt yaitu textbox user dan textbox password. Pada saat tombol ok ditekan maka aplikasi akan mengecek ke dalam database data user dan password yang diinputkan. Apabila ditemukan maka user yang bersangkutan dapat mengakses menu yang ada sesuai dengan hak aksesnya masing-masing.

LOGIN X

USER

PASSWORD

OK TUTUP

Gambar 3.28 Desain Form Login

c. Desain Form Calon Siswa

Form ini digunakan untuk memasukkan data-data calon siswa yang mendaftar di SMA Hang Tuah 2 Sidoarjo. Data yang tersimpan akan terlihat pada gridview. Dapat dilihat pada gambar 3.29.

d. Desain Form Siswa

Form ini digunakan untuk memasukkan data-data siswa yang terdaftar di SMA Hang Tuah 2 Sidoarjo. Data yang tersimpan akan terlihat pada gridview. Dapat dilihat pada gambar 3.30.

e. Desain Form Guru

Form ini digunakan untuk memasukkan data-data guru yang mengajar di SMA Hang Tuah 2 Sidoarjo. Data yang tersimpan akan terlihat pada gridview. Dapat dilihat pada gambar 3.31.

CALON SISWA X

ID PENDAFTARAN NAMA CALON SISWA

TEMPAT LAHIR TANGGAL LAHIR JENIS KELAMIN

ALAMAT CALON SISWA NAMA AYAH CALON SISWA

GOLONGAN ASAL SEKOLAH NAMA IBU CALON SISWA

NEM

TAHUN PENDAFTARAN TELEPON CALON SISWA

SIMPAN BATAL TUTUP

SISWA X ID SISWA NAMA SISWA TEMPAT LAHIR TANGGAL LAHIR JENIS KELAMIN ALAMAT SISWA NAMA AYAH GOLONGAN TELEPON NAMA IBU TINGKATAN STATUS

SIMPAN BATAL TUTUP

Gambar 3.30 Desain Form Siswa

GURU X ID GURU NAMA GURU TEMPAT LAHIR TANGGAL LAHIR JENIS KELAMIN ALAMAT GURU

MATA PELAJARAN YANG DIAJAR TELEPON

SIMPAN BATAL TUTUP

Gambar 3.31 Desain Form Guru

f. Desain Form Kelas

Form ini digunakan untuk memasukkan data-data kelas yang terdapat pada SMA Hang Tuah 2 Sidoarjo. Data yang tersimpan akan terlihat pada gridview. Dapat dilihat pada gambar 3.32.

KELAS X

ID KELAS KAPASITAS KELAS

WALI KELAS

SIMPAN BATAL TUTUP

Gambar 3.32 Desain Form Kelas

g. Desain Form Mata Pelajaran

Form ini digunakan untuk memasukkan data-data mata pelajaran yang terdapat pada SMA Hang Tuah 2 Sidoarjo. Data yang tersimpan akan terlihat pada gridview.

MATA PELAJARAN X

ID MATA PELAJARAN MATA PELAJARAN

SIMPAN HAPUS TUTUP

Gambar 3.33 Desain Form Mata Pelajaran

h. Desain Form Master Tahun Ajaran

Form ini digunakan untuk memasukkan tahun ajaran SMA Hang Tuah 2 Sidoarjo.

Gambar 3.34 Desain Form Master Tahun Ajaran

TAHUN AJARAN X

TAHUN AJARAN

i. Desain Form Nilai Siswa

Form ini digunakan untuk memasukkan data-data nilai siswa yang terdapat pada SMA Hang Tuah 2 Sidoarjo. Pada form terdapat datagrid di sebelah kanan atas untuk memilih siswa yang terdapat dalam database. Setelah dipilih siswa mana yang ingin dimasukkan nilainya, data yang tersimpan akan terlihat pada gridview sebelah bawah. Terdapat tombol untuk menghitung nilai siswa menjadi nilai rapot.

NILAI SISWA X ID NILAI SISWA ID SISWA ID MATA PELAJARAN MATA PELAJARAN NAMA SISWA

ALAMAT CALON SISWA

NILAI TUGAS HARIAN

NILAI UAS NILAI UTS

SIMPAN EDIT TUTUP

TAHUN AJARAN SEMESTER KELAS

PROSES HITUNG RAPOT

Gambar 3.35 Desain Form Nilai Siswa

j. Desain Form SPP

Form ini digunakan untuk memasukkan data-data spp siswa yang terdapat pada SMA Hang Tuah 2 Sidoarjo. Pada form terdapat datagrid di sebelah kanan atas untuk memilih siswa yang terdapat dalam database. Setelah dipilih siswa mana yang ingin dimasukkan datanya, data yang tersimpan akan terlihat pada gridview sebelah bawah. Terdapat button untuk mengecek siswa yang belum bayar spp.

SPP X ID SPP NAMA SISWA JUMLAH PEMBAYARAN TANGGAL PEMBAYARAN GOLONGAN

SIMPAN EDIT TUTUP

CEK BELUM BAYAR SPP

Gambar 3.36 Desain Form SPP

BELUM BAYAR SPP X

KELAS BULAN

Gambar 3.37 Desain Form Belum Bayar SPP

k. Desain Form Seleksi Siswa

Form ini berfungsi untuk menyaring siswa baru dari calon siswa yang mendaftar, yang jumlahnya disesuaikan dengan kebutuhan sekolah.

SELEKSI SISWA X

JUMLAH YANG DITERIMA

SELEKSI

Gambar 3.38 Desain Form Seleksi Siswa

l. Desain Form Input Siswa

Form ini berfungsi untuk memasukkan data siswa sekaligus pembagian kelas, baik dari siswa baru, naik kelas XI, maupun kelas XII.

INPUT SISWA X ID SISWA JENIS KELAMIN TEMPAT LAHIR NAMA SISWA TANGGAL LAHIR ALAMAT SISWA

PEKERJAAN ORANG TUA NAMA AYAH

TAMBAH BATAL TUTUP

NAMA IBU STATUS TELEPON KELAS PSB NAIK KLS 2 NAIK KLS 3

KAPASITAS KELAS TERSISA

m. Desain Form Absensi

Form ini digunakan untuk mengisi absensi setiap siswa SMA Hang Tuah 2 Sidoarjo setiap harinya. Setelah memilih kelas, mata pelajaran, dan tanggal maka gridview dibawah akan muncul daftar siswa per kelas dengan default status hadir. Jika tidak hadir maka dapat dirubah.

ISI ABSENSI X NAMA KELAS TANGGAL NAMA SISWA STATUS KEHADIRAN MATA PELAJARAN PROSES

Gambar 3.40 Desain Form Isi Absensi

n. Desain Form Pembagian Jadwal Mata Pelajaran

Form ini digunakan untuk membagi jadwal mata pelajaran untuk siswa dan jadwal mengajar guru. Setelah tersimpan jadwal mata pelajaran siswa akan muncul di gridview atas, dan kemudian jadwal mengajar guru pada gridview bawah.

o. Desain Form Penghitungan Nilai Rapot

Pada Gambar 3.42 memperlihatkan form ini digunakan untuk menghitung nilai rapot tiap siswa diambil dari database nilai siswa. Gridview di atas untuk memilih nilai siswa, setelah diproses dan tersimpan di database hasilnya akan muncul pada gridview bawah.

PEMBAGIAN JADWAL MATA PELAJARAN X ID JADWAL ID KELAS ID MENGAJAR JAM HARI

SIMPAN BATAL TUTUP

JADWAL PELAJARAN SISWA

MATA PELAJARAN GURU

JADWAL MENGAJAR GURU

Gambar 3.41 Desain Form Pembagian Jadwal Mata Pelajaran

PENGHITUNGAN NILAI RAPOT X

ID NILAI RAPOT

ID MATA PELAJARAN NAMA SISWA

NILAI TUGAS HARIAN MATA PELAJARAN

SIMPAN EDIT BATAL TUTUP

NILAI SISWA NILAI UTS NILAI UAS NILAI RAPOT HAPUS NILAI RAPOT HITUNG

Gambar 3.42 Desain Form Penghitungan Nilai Rapot

p. Desain Form Kenaikan Kelas

Pada Gambar 3.43 memperlihatkan form ini digunakan untuk memproses kenaikan kelas, data yang tersimpan akan muncul di gridview bawah.

KENAIKAN KELAS X

NAMA KELAS NAMA SISWA

PROSES

q. Desain Form Penentuan Jurusan

Pada Gambar 3.44 memperlihatkan form yang digunakan untuk menentukan jurusan mana yang cocok untuk siswa, data yang tersimpan akan muncul di gridview bawah.

PENENTUAN JURUSAN X

NAMA KELAS

TAHUN AJARAN

SEMESTER

PROSES

Gambar 3.44 Desain Form Penentuan Jurusan

r. Desain Web Form Login

Pada Gambar 3.45 memperlihatkan desain form login yang digunakan sebagai verifikasi saat pengguna dalam hal ini orang tua, akan mengakses Sistem Informasi Akademik SMA Hang Tuah 2 Sidoarjo versi web yang berfungsi untuk mengetahui perkembangan anak. Pada form ini terdiri dari 2 buah texboxt yaitu textbox user dan textbox password. Pada saat tombol ok ditekan maka aplikasi akan mengecek ke dalam database data user dan password yang diinputkan. Apabila ditemukan maka user yang bersangkutan dapat mengakses menu yang ada sesuai dengan menu yang tersedia.

LOGIN X

USER

PASSWORD

LOGIN

Gambar 3.45 Desain Web Form Login

2. Desain Output

Desain output merupakan perancangan desain laporan yang merupakan hasil dari proses data yang terjadi, yang tersimpan pada database yang kemudian akan diolah sedemikian rupa menjadi informasi yang berguna bagi pengguna. Berikut ini adalah desain output yang dimaksud:

a. Desain Laporan Siswa Baru

Pada Gambar 3.46 memperlihatkan desain laporan siswa baru. Data berasal dari calon siswa yang telah diseleksi dan diterima untuk bersekolah di SMA Hang Tuah 2 Sidoarjo.

SMA Hang Tuah 2 Jln. Xxx no x

Telp. Xxxx Sidoarjo

ID Nama_Siswa Jenis_Kelamin Tempat_Lahir Tanggal_Lahir Alamat Golongan NEM

Gambar 3.46 Desain Form Laporan Siswa Baru

b. Desain Laporan Rekap Pembayaran SPP

spp. Laporan berdasarkan data pembayaran spp di SMA Hang Tuah 2 Sidoarjo. Laporan ini difilter berdasarkan tahun dan bulan.

SMA Hang Tuah 2 Jln. Xxx no x

Telp. Xxxx Sidoarjo

ID_SPP ID_Siswa Jumlah_Pembayaran Tanggal_Pembayaran

Bulan

Rekap Pembayaran SPP

Gambar 3.47 Desain Form Laporan Rekap Pembayaran

c. Desain Buku Induk Siswa

Pada Gambar 3.48 memperlihatkan desain laporan rekap pembayaran spp. Laporan berdasarkan data pembayaran spp di SMA Hang Tuah 2 Sidoarjo. Laporan ini difilter berdasarkan tahun dan bulan.

d. Desain Web Data Siswa

Pada Gambar 3.49 memperlihatkan desain web data siswa. Tampilan ini digunakan untuk menunjukkan data siswa sesuai dengan user login.

e. Desain Web Jadwal Mata Pelajaran

Pada Gambar 3.50 memperlihatkan desain web jadwal mata pelajaran. Tampilan ini digunakan untuk menunjukkan jadwal mata pelajaran siswa sesuai dengan user login.

BUKU INDUK SISWA X ID SISWA JENIS KELAMIN TEMPAT LAHIR NAMA SISWA TANGGAL LAHIR ALAMAT SISWA PEKERJAAN ORANG TUA NAMA AYAH NAMA IBU STATUS TELEPON TINGKATAN NILAI SISWA

Gambar 3.48 Desain Form Buku Induk Siswa

DATA SISWA Nama : Alamat : ………. ………. Tingkatan :

Link 1 Link 2 Link 3

Gambar 3.49 Desain Form Web Data Siswa

Kelas Hari Jam Mata_Pelajaran Nama_Guru

Link 1 Link 2 Link 3

Gambar 3.50 Desain Form Web Jadwal Mata Pelajaran

f. Desain Web Absensi

Pada Gambar 3.51 memperlihatkan desain absensi siswa. Tampilan ini digunakan untuk menunjukkan absensi siswa sesuai user login.

Nama Siswa Status Tanggal Hari

Link 1 Link 2 Link 3

Gambar 3.51 Desain Form Web Absensi

g. Desain Web Data Nilai Siswa

Pada Gambar 3.52 memperlihatkan desain data nilai siswa. Tampilan ini digunakan untuk menunjukkan nilai siswa sesuai user login.

Mata Pelajaran Nilai Tugas Harian Nilai UTS Nilai UAS

Link 1 Link 2 Link 3

Gambar 3.52 Desain Form Web Data Nilai Siswa

Dokumen terkait