Perancangan Input dan Output

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