Perancangan Antar Muka Perancangan Sistem

91 Username Password Login Login Admin Username Password Login Sistem Informasi Nilai dan Absensi Online SMAN 16 Bandung

4.2.5.2. Perancangan Input

Perancangan Input adalah proses merancangan antar muka inputan pada sistem. Dibawah ini adalah perancangan antar muka inputan sistem informasi nilai dan absensi online di SMA Negeri 16 Bandung. 1. Input Login Admin dan Guru Gambar 4.21. Perancangan Input Login Admin dan Guru 2. Input Login Siswa dan Orang tua Gambar 4.22. Perancangan Input Login Siswa dan Orangtua 92 Username Password Tambah Nama Lengkap E-mail No. TelpHP Ulang TAMBAH USER Nip Nama Guru Tambah Foto Jenis Kelamin Agama Ulang TAMBAH GURU Pendidikan Telphone Alamat DATA USER Username Password Cari Laki-laki perempuan 3. Input User Gambar 4.23. Perancangan Input Data User 4. Input Guru Gambar 4.24. Perancangan Input Data Guru 93 Nis Nama Siswa Tambah Foto Jenis Kelamin Tempat Lahir Ulang TAMBAH SISWA Tanggal Lahir Telphone Alamat DATA USER Username Password Cari Laki-laki perempuan Nama Orang tua Jenis Kelamin Alamat Orangtua Telphone Orangtua Laki-laki perempuan Agama 5. Input Siswa Gambar 4.25. Perancangan Input Data Siswa 94 Periode Semester Simpan Aktif Ulang TAMBAH SEMESTER Aktif Tidak Keterangan Simpan Ulang TAMBAH KELAS 6. Input semester Gambar 4.26. Perancangan Input Data Semester 7. Input Kelas Gambar 4.27. Perancangan Input Data Kelas 95 Nama Kelas Nama guru Simpan Periode Ulang TAMBAH RUANGAN Semester Jumlah Siswa Nama Pelajaran KKM Simpan Jurusan Ulang TAMBAH PELAJARAN Kelas X Kelas XI Angkatan Jenis Nilai Kelas XII Kuis Pekerjaan Rumah UTS UAS 8. Input Pelajaran Gambar 4.28. Perancangan Input Data Pelajaran 9. Input Ruangan Gambar 4.29. Perancangan Input Data Ruangan 96 Nama Kelas Nama guru Simpan Periode Ulang TAMBAH RUANGAN Semester Nama Siswa Nama Siswa Nama Guru Nama Pelajaran Simpan Nama Kelas Ulang TAMBAH JADWAL Periode Semester Hari Jam sd Gambar 4.30. Perancangan Input Data Ruangan Proses Kedua 10. Input Jadwal Gambar 4.31. Perancangan Input Data Jadwal 97 Nama Kelas Periode Simpan Semester Ulang TAMBAH ABSENSI Tanggal DATA SISWA Nama Nama H S I A H S I A Nama Kelas Periode Simpan Semester Ulang TAMBAH ABSENSI Tanggal 11. Input Absensi Gambar 4.32. Perancangan Input Data Absensi Siswa Gambar 4.33. Perancangan Input Data Absensi Siswa Proses Kedua 98 Simpan Pelajaran Batal TAMBAH NILAI Jenis Nilai Periode Semester Tanggal Nama Kelas Simpan Pelajaran Batal TAMBAH NILAI Jenis Nilai Periode Semester Tanggal Nama Siswa Nama Siswa DATA SISWA Nilai Nilai 12. Input Nilai Gambar 4.34. Perancangan Input Data Nilai Gambar 4.35. Perancangan Input Data Nilai Proses Kedua 99 DAFTAR GURU Depan Tambah Cari Refresh No NIP NAMA GURU KELAMIN NO.TELP HP FOTO AKSI 1 Depan Tambah No USERNAME NAMA LENGKAP EMAIL NO.TELP HP BLOKIR AKSI DAFTAR USER

4.2.5.3. Perancangan Output

Perancangan ouput adalah proses merancangan antar muka Inputan pada sistem. Dibawah ini adalah perancangan antar muka output sistem informasi nilai dan absensi online di SMA Negeri 16 Bandung. 1. Output User Gambar 4.36. Perancangan Ouput User 2. Output Guru Gambar 4.37. Perancangan Ouput Guru 100 DAFTAR KELAS 1 No NAMA KELAS KETERANGAN AKSI Depan Tambah Cari Refresh DAFTAR SEMESTER 1 No ID PERIODE SEMESTER Depan Tambah Cari Refresh STATUS AKSI DAFTAR SISWA Depan Tambah 1 No NIS NAMA SISWA KELAMIN TEMPAT TANGGAL LAHIR AKSI FOTO Cari Refresh Upload 3. Output Siswa Gambar 4.38. Perancangan Ouput Siswa 4. Output Kelas Gambar 4.39. Perancangan Ouput Kelas 5. Output Semester Gambar 4.40. Perancangan Output Semester 101 DAFTAR JADWAL 1 No ID PERIODE SEMESTER Depan Tambah Cari Refresh WALI KELAS GURU PELAJARAN HARI JAM SELESAI JAM MULAI AKSI DAFTAR RUANGAN 1 No ID NAMA KELAS NIP WALI KELAS Depan Tambah Cari Refresh PERIODE SEMESTER AKSI DAFTAR PELAJARAN 1 No ID MATA PELAJARAN KKM Depan Tambah Cari Refresh ANGKATAN JENIS NILAI AKSI 6. Output Pelajaran Gambar 4.41. Perancangan Output Pelajaran 7. Output Ruangan Gambar 4.42. Perancangan Output Ruangan 8. Output Jadwal Gambar 4.43. Perancangan Output Jadwal 102 DAFTAR NILAI 1 No ID NAMA KELAS PERIODE Depan Tambah Cari SEMESTER TANGGAL AKSI Kelas Periode Pelajaran Tanggal Refresh Jenis PELAJARAN JENIS NILAI DAFTAR ABSENSI 1 No ID NAMA KELAS PERIODE Depan Tambah Cari SEMESTER TANGGAL AKSI Kelas Semester Periode Tanggal Refresh 9. Output Absensi Gambar 4.44. Perancangan Output Absensi 10. Output Nilai Gambar 4.45. Perancangan Ouput Nilai 103 INTERNET INTERNET web server dan Database server admin Siswa Orangtua

4.2.6. Perancangan Arsitektur Jaringan

Perancangan arsitektur jaringan merupakan proses merancang arsitektur jaringan yang akan dipakai oleh sistem. Jaringan yang akan digunakan di SMA Negeri 16 Bandung dalam mengakses sistem informasi nilai dan absensi online adalah menggunakan jaringan internet menggunakan media website. Hal ini bertujuan agar user dapat dengan mudah mengakses sistem. Berikut adalah gambaran bagaimana arsitektur jaringan yang akan di terapkan pada sistem informasi nilai dan absensi online. Gambar 4.46. Perancangan Arsitektur Jaringan 104

BAB V IMPLMENTASI DAN PENGUJIAN SISTEM

5.1. Implementasi

Tahap implementasi merupakan realisasi sistem berdasarkan pada desain yang telah dibuat pada tahap perancangan sistem. Dibawah ini akan dijelaskan mengenai batasan implementasi optimal, implementasi perangkat lunak, implementasi perangkat keras, implementasi basis data, implementasi antar muka, implementasi instalasi program, dan penggunaan program.

5.1.1. Batasan Implementasi Optimal

Batasan implementasi sistem informasi nilai dan absensi online di SMA Negeri 16 Bandung adalah sebagai berikut : 1. Sistem hanya meliputi pengolahan nilan harian dan absensi harian 2. Sistem tidak membahas tentang kenaikan kelas. 3. Database yang digunakan adalah MySQL.

5.1.2. Implementasi Perangakat Lunak

Adapaun perangkat lunak yang digunakan untuk mengembangkan sistem informasi ini adalah sebagai berikut : 1. Sistem Operasi : Windows 7 Ultimate SP1 2. Bahasa Pemograman : PHP 3. Database : MySQL 4. Web Browser : Mozilla 21.0.

5.1.3. Implementasi Perangkat Keras

Adapun perangkat keras yang dibutuhkan untuk mengoprasikan sistem informasi ini antara lain: 1. Prosessor AMD Phenom II X4 995 2. RAM 512 MB 3. VGA 128 MB 4. Hardisk 120 GB 5. Mouse, Keyboard dan monitor

5.1.4. Implementasi Basis Data Sintaks SQL

Implementasi basis data merupakan upaya untuk membangun basis data fisik yang ditempatkan dalam media penyimpanan disk dengen bantuan DBMS yang nantinya akan digunakan untuk menyimpan data-data. Adapaun basis data sistem informasi nilai dan absensi online yang dibangun adalah sebagai berikut : 1. Tabel Admin CREATE TABLE IF NOT EXISTS `admin` `username` varchar50 NOT NULL, `password` varchar50 NOT NULL, `nama_lengkap` varchar100 NOT NULL, `email` varchar100 NOT NULL, `no_telp` varchar20 NOT NULL, `level` varchar20 NOT NULL DEFAULT admin,