Perancangan Input dan Output

Gambar 4.9. Halaman Utama Website Berikut Halaman Utama Administrator : Administrator Extra Extra Footer home Data calon siswa baru Daftar siswa baru Data guru ISI Kalas Registrasi Logout Gambar 4.10. 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 : Gambar 4.11. Halaman Login admin Login admin hanya dapat diakses oleh pengelola web, karena pengelola web adalah orang yang berhak melakukan proses setuju dan tidak setuju dalam informasi sekolah yang ada pada web tersebut Tabel 4.6 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 Login Submit Untuk masuk ke halaman admin Berikut Halaman Data Siswa Baru : Gambar 4.12. Halaman Data Siswa Baru Tabel 4.7 Penjelasan Halaman Daftar Siswa Baru No Nama Tampilan Penggunaan Navigasi Dreamweaver Keterangan 1 terima Submit Untuk mensetujui data siswa baru 2 Tolak Submit Untuk tidak mensetujui data siswa baru 3 Detail Text Untuk mengetahui biodata calon siswa Berikut Halaman Formulir Pendaftaran : Gambar 4.13. 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 Nama panggilan Text Nama panggilan siswa 3 Jenis kelamin Text Jenis kelamin siswa 4 Tempat tanggallahir siswa Listmenu Tempa tanggallahir siswa 5 Agama ListMenu Agama siswa 6 kewarganegaraan Text Warga Negara siswa 7 Anak ke Text Status anak ke berapa di keluarga 8 Jumlah saudara kandung Text Jumlah saudara kandung 9 Jumlah anak angkat Text Jumla saudara angkat 10 Jumlah saudara tiri Text Jumlah saudara tiri 11 Anak Chek box Status anak 12 Bahasa sehari-hari di rumah Text Bahasa yang di gunakan 13 Alamat tempat tinggal Text Alamat tempat tinggal siswa 14 No telpon Text No telpon siswa 15 Ket.tempat tinggal Text Keterangan tempat tinggal 16 Berat badan Text Berat badan siswa 17 Tinggi badan Text Tinggi badan siswa 18 Penyakit yang di derita Text Keterangan penyakit siswa 19 Kelainan jasmani yang di derita Text Penyakit kelainan siswa 20 Smp Text Asal smp siswa 21 No sttb Text No sttb siswa 22 Lama belajar Listmenu Lama belajar siswa 23 Nem Text Nem siswa 24 Rata rata Text Nilai rata rata nem siswa 25 User name Text Nama siswa 26 Password Text Password login siswa Berikut Halaman Login User : Gambar 4.14. 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 : Gambar 4.15. Halaman Login nilai siswa Tabel 4.10 Penjelasan Halaman Login niliai siswa No Nama Tampilan Penggunaan Navigasi Dreamweaver Keterangan 1 Nis Text Tampilan dan input nis siswa 2 Login Submit Tampilan dan input nis 3 Batal Submit Untuk proses pembatalan login siswa Berikut halaman login guru Gambar 4.16. Halaman Login guru Tabel 4.11 Penjelasan Halaman Login guru 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 input nilai siswa

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 Halaman yang berisi data siswa yang telah divalidasi dan disetujui oleh admin. Berikut adalah halaman data siswa: Gambar 4.17. Output Daftar Siswa Baru 2. Perancangan output data registrasi Halaman yang berisi data siswa yang telah resmi diterima sebagai siswa SMA Kemah Indonesia 2 Bandung. Berikut adalah halaman registrasi : Gambar 4.18. Output Registrasi 3. Perancangan output Informasi Penerimaan Halaman yang berisi informasi penerimaan data siswa yang telah di terima di sekolah SMA Kemah Indonesia 2 Bandung. Berikut halaman informasi penerimaan : Gambar 4.19. Output Informasi Penerimaan 4. Perancangan output Cetak Bukti Penerimaan Halaman yang berisi output data siswa sebagai bukti penerimaan. Berikut output cetak bukti penerimaan : Gambar 4.20. 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 peralajaran selama 1 semester. Berikut output cetak bukti penilaian siswa : Gambar 4.21. Output Cetak Bukti Nilai Siswa

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

Implementasi sistem informasi sekolah pada SMA Kemah Indonesia 2 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 pengimplemntasikan ini adalah MySQL 2. Alamt IP yang digunakan merupakan alamat IP statis 3. Tampilan untuk website menggunakan bahasa Indonesia Pengembangan peranghkat lunak menggunakan Apache2.2.14, PHP dan MySQL5.1.41. apache digunkan sebagai perangkat lunak untuk web server, PHP digunkan sebagai perangkat lunak pengembang karena menyediakan fasilitas untuk membuat perangkat lunak berbasis web, sedangkan mysql digunakan sebagai perangkat lunak pengembang dalam pembuatan basis data. Perangkat keras berdasarkan kebutuhan kebutuhan minimal yang harus terpenuhi : a. Menggunkan minimal Intel PentiumR 4 CPU 2.40GH ☛ b. Menggunakan Ram Minimal 512 MB c. Tersedianya hardisk untuk penyimpananya minimal 40GB

5.1. Implementasi Program

Implementasi ini dilakukan agar pemakai sistem dapat mengerti tentang bagaimana cara bekerja dari sistem ini. Berikut adalah implementasi dari sistem informasi sekolah berbasiskan web :

5.1.1 Halaman Utama Website

Halama untama interface dari website SMA Kemah Indonesia 2 Bandung berisi tentang halaman selamat datang, halaman ini terdapat beberapa menu user untuk menjelajahi tentang isi dari web pendaftaran dan registrasi. Berikut adalah tampilan halaman utama user dari website SMA Kemah Indonesia 2 Bandung Gambar 5.1 Halaman Utama 5.1.2 Halaman Utama Profil