Perancangan Antar Muka Perancangan Sistem

101 Contoh : 1011 10 001 1011 = Tahun Ajaran 20102011 10 = Diterima Dikelas 10 001 = Nomor urut pendaftaran ke satu 3. Perancangan kodifikasi mata pelajaran Format xxx xxx = Kode mata pelajaran Contoh : EKO EKO = Ekonomi

4.2.5. Perancangan Antar Muka

Merancang antar muka merupakan bagian yang paling penting dari merancang sistem. Biasanya hal tersebut hal tersebut juga merupakan bagian yang paling sulit, karena dalam merancang antar muka memenuhi tiga persyaratan: sebuah antarmuka harus sederhana, sebuah antarmuka harus lengkap, dan sebuah antar muka harus memiliki kinerja yang cepat.

4.2.5.1. Struktur Menu

Rancangan struktur menu sistem informasi akademik berbasis web pada Madrasah Aliyah Al Ahliyah Kota Baru Karawang: 102 Gambar 4.19 Struktur menu pada SI Madrasah Aliyah Al Ahliyah

4.2.5.2. Perancangan Input

Perancangan ini merupakan rancangan dari suatu tampilan suatu perangkat lunak sebagai rancangan dari interkasi antara pemakai user dengan komputer, rancangan ini dapat berupa proses memasukkan data ke sistem, ataupun menampilkan informasi kepada user. 103 a. Input login user Gambar 4.20 Perancangan input login user b. Input data penerimaan siswa baru PSB Gambar 4.21 PerancanganInput data PSB 104 c. Input User Management Gambar 4.22 PerancanganInput User Management d. Input Data Guru Gambar 4.23 Perancangan Input Data Guru 105 e. Input data siswa Gambar 4.24 Perancangan Input Data Siswa 106 f. Input Data Kelas Gambar 4.25 Perancangan Input data kelas g. Input Data Mata Pelajaran Gambar 4.26 Perancangan Input Data Mata Pelajaran 107 h. Input tahun ajaran Gambar 4.27 Perancangan Input Tahun Ajaran i. Input Nilai Siswa Gambar 4.28 Perancangan Input Nilai Siswa 108

4.2.5.3. Perancangan Output

Rancangan output ini dirancang untuk menghasilkan output yang berguna sebagai tujuan untuk mengubah data akademik menjadi suatu informasi yang berkualitas dan dapat digunakan sebagai dasar pengambilan keputusan yang tepat. a. Data Calon Siswa Gambar 4.29 Perancangan Output Data Calon Siswa b. Data Siswa Gambar 4.30 Perancangan Output Data Siswa 109 c. Data Guru Gambar 4.31 Perancangan Output Data Guru d. Data Nilai Siswa Gambar 4.32 Perancangan Output Data Nilai Siswa 110 e. Data Mata Pelajaran Gambar 4.33 Perancangan Output Data Mata Pelajaran f. Jadwal Pelajaran Gambar 4.34 Perancangan Output Jadwal Pelajaran g. Data Kelas Gambar 4.35 Perancangan Output Data Kelas 111 h. Tahun Ajaran Gambar 4.36 Perancangan Output Tahun Ajaran i. Data Pertemuan Gambar 4.37 Perancangan Output Data Pertemuan 112 j. Data Siswa Berdasarkan Kelas Gambar 4.38 Perancangan Output Data Siswa Berdasarkan Kelas

4.2.6. Perancangan Arsitektur Jaringan