02 = Dua digit kedua menunjukan kelas
siswa 003 = Tiga digit terakhir menujukan nomor
urut siswa
4.2.8 Perancangan Input dan Output
Perancangan inputoutput sangat penting dalam membuat suatu program karena hal tersebut berguna memudahkan user berinteraksi dengan program
interface dalam sub bab ini penulis akan menggambarkan mengenai perancangan inputoutput.
Berikut halaman utama website :
Footer
ISI
home pendaftaran
profil nilai
login
logo
Gambar 4.12. Halaman Utama Website
Berikut Halaman Utama Administrator :
Administrator
Footer
Home Data siswa baru
Data siswa
ISI
Data kelas siswa Data nilai siswa
Logout
Gambar 4.13. Halaman Utama Admin
4.2.8.1. Perancangan Input
Perancangan input
adalah merancang
tampilan input
untuk memudahkan dalam desain perangkat lunak yang akan dibangun. Adapun
perancangan input adalah sebagai berikut : 1. Login admin
Login administrator adalah login yang boleh diakses oleh pengelola website sebagai penanggung jawab atas web tersebut. Perancangan
input login admin sebagai berikut :
Login terlebih dahulu untuk bisa memanage sistem ini
Footer
Login Admin
Login User name
password
Login
Gambar 4.14. Halaman Login admin
Login admin hanya dapat diakses oleh pengelola web, karena pengelola web adalah orang yang berhak melakukan proses informasi
sekolah yang ada pada web tersebut
Tabel 4.6 Penjelasan Halaman Login Admin
No Nama
Tampilan Penggunaan Navigasi
Dreamweaver Keterangan
1 Username
Text Tampilan
dan input
username 2
Password Password
Tampilan dan
input Password
3 Login
Submit Untuk masuk ke halaman
admin
Berikut Halaman Data Siswa Baru :
logo
Footer
Home Data siswa baru
Data siswa Data kelas siswa
Data nilai siswa Logout
no pendaftar
nama alamat
Jenis kelamin
01061 2001
allan ujungber
ung pria
02061 2002
novan dago
pria Tmpt
lahir Tgl lahir
agama nem
bandu ng
2000-11- 16
islam 32.4
bandu ng
2000-15- 11
islam 29.2
Data siswa baru
Print
Gambar 4.15. Halaman Data Siswa Baru
Tabel 4.7 Penjelasan Halaman Daftar Siswa Baru
No Nama
Tampilan Penggunaan Navigasi
Dreamweaver Keterangan
1 Print
Submit Untuk
mencetak data
siswa baru 2
Logout Submit
Untuk keluar
dari halaman admin
Berikut Halaman Formulir Pendaftaran :
A. Keterangan pribadi
Nama lengkap Alamat lengkap
Jenis kelamin Laki-laki
perempuan Tempattanggal lahir
Agama Kewarganegaraan
B.Keterangan orang tua
Nama orang tua Alamat orang tua
Pekerjaan orang tua Pendidikan tertinggi
No telepon Agama
C. Keterangan Pendidikan
Asal Sekolah
NEM Koma , diganti dengan titik .
Buat Akun Pengguna
Username Password
Daftra Batal
Gambar 4.16. Halaman Formulir Pendaftaran
Tabel 4.8 Penjelasan Halaman Formulir Pendaftaran
No
Nama Tampilan Penggunaan Navigasi
Dreamweaver Keterangan
1
Nama lengkap Text
Nama lengkap siswa
2
Alamat lengkap Text
Alamat lengkap siswa
3
Jenis kelamin Radio Button
Jenis kelamin siswa
4
Tempat lahir Text
Tempat lahir siswa
5
Tanggal lahir Text
Tanggal lahir siswa
6
Agama List Menu
Agama siswa
7
Kewarganegaraan List Menu
Kewarganegaraan siswa
8
Nama orang tua Text
Nama orang tua siswa
9
Alamat orang tua Text
Alamat orang tua siswa
10
Pekerjaan orang tua List Menu
Pekerjaan orang tua
11
Pendidikan tertinggi List Menu
Pendidikan tertinggi orang tua siswa
12
No telepon Text
No telepon
13
agama List Menu
Agama orang tua siswa
14
Asal sekolah Text
Asal sekolah siswa
15
Nem Text
Nem siswa
16
User name Text
User name siswa
17
Password Text
Password login siswa
Berikut Halaman Login User :
Footer
Username
Password
masuk Form login untuk informasi penerimaan
logo
Gambar 4.17. Halaman Login User
Tabel 4.9 Penjelasan Halaman Login User
No Nama
Tampilan Penggunaan Navigasi
Dreamweaver Keterangan
1 Username
Text Tampilan
dan input
username 2
Password Password
Tampilan dan
input Password
3 Masuk
Submit Untuk proses masuk ke
halaman informasi
penerimaan Berikut Halaman Login nilai siswa :
Footer
Masukan NIS anda masuk
Nilai online SMP NEGERI 22 bandung
logo
Gambar 4.18. Halaman Login nilai siswa
Tabel 4.10
Penjelasan Halaman Login Nilai Siswa No
Nama Tampilan
Penggunaan Navigasi Dreamweaver
Keterangan 1
Nis Text
Tampilan dan input nis siswa
2 Login
Submit Tampilan dan input nis
4.2.8.2. Perancangan Output
Desain output keluaran adalah hasil pengolahan data setelah suatau masukan lengkap dan diproses. Dalam suatu program aplikasi yang paling
penting adalah hasil output harus sesuai dengan keinginan dan kebutuhan pengguna user. Proses menampilkan output ada dua bagian, yang pertama
output data ke layar dan yang kedua adalah output data ke printer atau output yang dicetak. Output data yang dicetak ini harus sesuai dengan data yang telah
dimasukan dan yang telah diproses. 1. Perancangan output data siswa baru
Halaman yang berisi data siswa baru yang telah divalidasi dan pada saat siswa mengisi formulir pendaftaran. Berikut adalah halaman data siswa:
logo
Footer
Home Data siswa baru
Data siswa Data kelas siswa
Data nilai siswa Logout
no pendaftar
nama alamat
Jenis kelamin
01061 2001
allan ujungber
ung pria
02061 2002
novan dago
pria Tmpt
lahir Tgl lahir
agama nem
bandu ng
2000-11- 16
islam 32.4
bandu ng
2000-15- 11
islam 29.2
Data siswa baru
Print
Gambar 4.19. Output Daftar Siswa Baru
2. Perancangan output data siswa Halaman yang berisi data siswa yang telah resmi diterima dan
dihalaman ini nilai siswa di masukan. Berikut adalah halaman data siswa :
logo
Footer
Home Data siswa baru
Data siswa Data kelas siswa
Data nilai siswa Logout
no pendaftar
nama alamat
Jenis kelamin
01061 2001
allan ujungber
ung pria
02061 2002
novan dago
pria Tmpt
lahir Tgl lahir
agama action
bandu ng
2000-11- 16
islam Input
nilai bandu
ng 2000-15-
11 islam
Input nilai
Data siswa
Print
Gambar 4.20. Output data siswa
3. Perancangan output data kelas siswa
Halaman yang berisi informasi data kelas siswa. Berikut halaman data kelas siswa :
logo
Footer
Home Data siswa baru
Data siswa Data kelas siswa
Data nilai siswa Logout
ID kelas NIS
nama k001
1213070 01
Allan k002
1213070 02
novan kelas
7-A 7-A
Data kelas siswa
Print
Gambar 4.21. Output data kelas siswa
4. Perancangan output Cetak Bukti Penerimaan Halaman yang berisi output data siswa sebagai bukti penerimaan.
Berikut output cetak bukti penerimaan :
PEMERINTAH KOTA BANDUNG
DINAS PENDIDIKAN SEKOLAH MENEGAH PERTAMA NEGERI 22
JL.W.R. Supratman No.24 Tlp 02277271182 Bandung 40121 “TERAKREDITASI A
Bandung, ….2012
Kepala Sekolah Dede setiawan,M.M.Pd
NIP.19580915 197803 1 004
No.pendaftaran Nama siswa
Jumlah nilai UASBN Asal sekolah
Tempat tanggal alahir
Dinyatakan 090612001
Allan Novanda 35.2
Sd negeri arcamanik bandung,2000-11-16
Diterima
SURAT PERNYATAAN DITERIMA MENJADI SISWA KELAS VII
TAHUN PELAJARAN 2012-2013
Gambar 4.22. Output Cetak Bukti Penerimaan
5. Perancangan output Cetak nilai siswa Halaman yang berisi output data nilai siswa sebagai bukti siswa
tersebut telah mengikuti semua mata pelajaran selama 1 semester. Berikut output cetak bukti penilaian siswa :
Nilai online SMP NEGERI 22 Bandung
Nis Nama
Kelas 121301001
Allan novanda 7-A
No Mata pelajaran
Nama guru nilai
1 Agama
Dadi S.Pd 100
2 3
4 5
6 7
8 9
10 11
12 13
14 15
16 17
100 100
100 100
100 100
100 100
100 100
100 100
100 100
1500 100
Jumlah keseluruhan Nilai rata-rata
Gambar 4.23.
Output Cetak Bukti Nilai Siswa
95
BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM
Implementasi sistem informasi sekolah pada SMP NEGERI 22 Bandung berbasis web dilakukan menggunakan bahasa pemograman PHP dengan
menggunkan basis data MySQL. Aplikasi PHP dapat dijalankan diberbagai sistem operasi dan perangkat keras, tetapi implelentasi dan pengujian
sepenuhnya hanya dilakukan di perangkat keras PC personal compueter dengan sistem operasi Windows 7.
Pada sistem ini pengakasesan sistem dibedakan menjadi dua bagian, yaitu bagian admin yang mempunyai hak akses penuh dalam mengelola isi
website, dari pengolahan data sampai dengan pembuatan laporan-laporan yang dibutuhkan. kedua bagian user, dalam bagian ini adalah calon siswa yang hanya
menginputkan data pribadinya sedangkan user lain adalah pengujung website itu sendiri yang hak aksesnya hanya sebatas melihat informasi yang ada di
website ini. Beberapa hal yang menjadi batasan dalam mengimplementasikan perangkat
lunak : 1. Basis data yang digunkan dalam pengimpelemntasikan ini adalah
MySQL 2. Alamt IP yang digunakan merupakan alamat IP statis