3.2. Desain Perangkat Lunak dan Sistem
3.2.3. Perancangan Desain Administrator
3.2.3.1. Halaman Form Login Admin
Gambar 3.35 Halaman Login Admin
Form Login di atas digunakan untuk Admin ketika akan
melakukan akses pengolahan data ke sistem, dengan memasukkan
username dan password. Data-data yang diolah dalam sistem, antara
lain : data admin, data berita, data pengumuman, data fasilitas dan data
3.2.3.2. Halaman Form Data Berita
Gambar 3.36 Halaman Data Berita
Halaman di atas merupakan halaman pertama yang
ditampilkan setelah proses login berhasil. Halaman ini menampilkan
tabel untuk data berita yang tersimpan di dalam database. Admin dapat
melihat seluruh data yang disimpan, berupa : tanggal, nama berita dan
isi berita. Isi berisi detail berita dari sekolah yang akan disajikan di
sistem untuk dapat diakses pengguna pada umumnya. Pengolahan data
yang dapat dilakukan, antara lain : insert/input berita, edit berita dan
hapus berita.
3.2.3.3. Halaman Form Input Data Berita
Gambar 3.37 Halaman Input Data Berita
Form input berita di atas adalah fasilitas yang disediakan
untuk Admin, ketika akan memasukkan berita terbaru dari sekolah.
Inputan tanggal menyesuaikan dengan tanggal dimana data berita
tersebut diupload. Sedangkan nama dan isi berita harus diisi
menyesuaikan jenis berita yang diinputkan. Kemudian data yang baru
akan tersimpan di dalam database.
3.2.3.4. Halaman Form Data Pengumuman
Gambar 3.38 Halaman Data Pengumuman
Halaman di atas menampilkan tabel untuk data pengumuman
yang tersimpan di dalam database. Admin dapat melihat seluruh data
yang disimpan, berupa : tanggal, nama pengumuman dan isi
pengumuman. Isi berisi detail pengumuman dari sekolah yang akan
disajikan di sistem untuk dapat diakses pengguna. Pengolahan data
yang dapat dilakukan, antara lain : insert/input pengumuman, edit
pengumuan dan hapus pengumuman.
3.2.3.5. Halaman Input Data Pengumuman
Gambar 3.39 Halaman Input Data Pengumuman
Halaman di atas adalah fasilitas yang disediakan untuk
Admin, ketika akan menginputkan pengumuman terbaru dari sekolah.
Inputan tanggal menyesuaikan dengan tanggal dimana data
pengumuman tersebut diupload. Sedangkan nama dan isi pengumuman
harus diisi menyesuaikan jenis pengumuman yang diinputkan.
Kemudian data yang baru akan tersimpan di dalam database.
3.2.3.6. Halaman Data Fasilitas
Gambar 3.40 Halaman Data Fasilitas
Halaman di atas merupakan halaman yang menampilkan tabel
fasilitas yang tersimpan di database. Data- data yang disimpan, berupa
: nama fasilitas, gambar dan keterangan. Kolom keterangan berisi
detail lengkap dari seluruh fasilitas yang dimiliki sekolah yang
bersangkutan. Pengolahan data yang dilakukan antara lain ; input data
fasilitas, edit data fasilitas dan hapus data fasilitas sesuai kebutuhan.
3.2.3.7. Halaman Input Fasilitas
Gambar 3.41 Halaman Input Fasilitas
Sama halnya dengan halaman input berita maupun
pengumuman, halaman di atas adalah fasilitas yang disediakan untuk
Admin, ketika akan menginputkan berbagai fasilitas yang dimiliki
sekolah. Data yang diinputkan, antara lain : nama fasilitas beserta
gambarnya, juga keterangan lengkap mengenai fasilitas tersebut.
Kemudian data akan disimpan di dalam database.
3.2.3.8. Halaman Data User
Gambar 3.42 Halaman Data User
Halaman di atas merupakan halaman yang menampilkan tabel
data user yang tersimpan di database. Data user merupakan data yang
menyimpan username dan password untuk semua pengguna yang
dapat mengakses sistem. Kolom level menunjukkan level user untuk
setiap pengguna. Masing-masing level menunjukkan hak akses untuk
setiap pengguna, untuk dapat mengakses halaman tertentu pada sistem.
Sedangkan kolom kelas untuk menyimpan data kelas untuk pengguna
yang berlevel wali kelas. Pengolahan data yang dilakukan antara lain :
input data user, edit data user dan hapus data user, sesuai kebutuhan.
3.2.3.9. Halaman Login Staff Administrasi Sekolah
Gambar 3.43 Halaman Login Staff Administrasi Sekolah
Form Login di atas digunakan untuk Staff Administrasi
ketika akan melakukan akses pengolahan data ke sistem, dengan
memasukkan username dan password. Data-data yang diolah dalam
sistem, antara lain : data guru, data siswa, data identitas siswa, data
mata pelajaran dan data keuangan sekolah.
3.2.3.10. Halaman Data Siswa
Gambar 3.44 Halaman Data Siswa
Halaman di atas merupakan halaman yang ditampilkan
pertama, ketika login berhasil dilakukan. Data yang disimpan di
dalam database berupa tabel siswa, yang berisi keterangan mengenai
seluruh siswa yang belajar di sekolah yang bersangkutan. Staff
Administrasi dapat memilih kelas yang diinginkan untuk melihat data
siswa, sebelum melakukan pengolahan data. Pengolahan data yang
dapat dilakukan oleh Staff Administrasi adalah input data siswa, edit
data siswa dan hapus data siswa. Ketika Staff Administrasi melakukan
hapus data siswa, maka data orang tua dan data lengkap siswa untuk
NIS yang bersangkutan, secara otomatis akan terhapus. Selain itu juga
disediakan link untuk melihat data orang tua dan data lengkap siswa.
3.2.3.11. Halaman Input Data Siswa
Gambar 3.45 Halaman Input Data Siswa
Halaman di atas merupakan halaman untuk menginputkan
seluruh data siswa yang akan tersimpan di database. Seluruh data
harus diisi lengkap, karena nantinya akan digunakan untuk
kepentingan administrasi siswa, seperti : absensi dan pemasukan nilai
untuk menghitung nilai rapor siswa.
3.2.3.12. Halaman Data Orang Tua
Gambar 3.46 Data Orang Tua
Link data orang tua pada halaman sebelumnya, akan
menunjuk ke halaman di atas. Di halaman tersebut Staff Administrasi
dapat melakukan pengolahan data orang tua siswa, sesuai dengan
pilihan kelas yang diinginkan. Tabel orang tua di atas menunjukkan
data apa saja yang disimpan dalam database, antara lain : kode orang
tua sesuai dengan NIS masing-masing siswa, nama serta pekerjaan
orang tua dan alamat lengkap orang tua siswa. Pengolahan data yang
dapat dilakukan oleh Staff Administrasi adalah input dan edit data
orang tua.
3.2.3.13. Halaman Input Data Orang Tua
Gambar 3.47 Halaman Input Data Orang Tua
Setelah menginputkan data siswa, maka akan diinputkan
data orang tuanya. Halaman di atas menunjukkan form untuk
menginputkan data orang tua. Pada kolom kode ortu akan diisi dengan
mengambil data kode ortu yang terdapat dalam tabel siswa. Seluruh
data yang diinputkan akan tersimpan di dalam database.
3.2.3.14. Halaman Data Lengkap Siswa
Gambar 3.48 Halaman Data Lengkap Siswa
Data lengkap siswa yang ditampilkan pada halaman di atas
merupakan berbagai data pendukung kelangkapan data siswa. Data
yang disimpan dalam database, antara lain : agama, anak, jumlah
saudara, tinggi badan, berat badan, cacat tubuh dan sakit yang pernah
diderita. Staff Administrasi dapat melakukan pengolahan data, yaitu
input dan edit data lengkap siswa.
3.2.3.15. Halaman Data Guru
Gambar 3.49 Halaman Data Guru
Halaman di atas menampilkan tabel guru yang tersimpan
dalam database. Dalam tabel ini berisi semua staff dalam sekolah,
meliputi : guru, staff administrasi sekolah, pustakawan dan penjaga
sekolah. Seluruh data guru dilengkapi dengan nama,pangkat,golongan
jabatan serta keterangan yang terkait dengan guru yang bersangkutan.
Pengolahan data yang dapat dilakukan oleh Staff Administrasi
Sekolah, yaitu edit dan hapus data guru. Selain itu, disediakan link
untuk melihat data struktur organisasi sekolah.
3.2.3.16. Halaman Input Data Guru
Gambar 3.50 Input Data Guru
Form input pada halaman di atas untuk menyimpan seluruh
data guru ke dalam database.
3.2.3.17. Halaman Data Identitas Siswa
Gambar 3.51 Halaman Data Identitas Siswa
Halaman di atas merupakan fasilitas searching untuk
mengetahui data detail siswa, yaitu menampilkan tabel Identitas Siswa
dan tabel Orang Tua. Tabel Identitas Siswa berisi data pendukung
keterangan lengkap setiap siswa. Sedangkan untuk tabel Orang Tua
berisi keterangan lengkap tentang orang tua siswa. Proses pencarian
data siswa dapat dilakukan dengan memilih NIS sesuai yang
diinginkan.
3.2.3.18. Halaman Data Mata Pelajaran
Gambar 3.52 Halaman Data Mata Pelajaran
Halaman di atas merupakan halaman yang menampilkan
tabel mata pelajaran yang tersimpan di database. Data- data yang
disimpan, berupa : kode mapel,nama mapel dan keterangan. Kolom
keterangan berisi detail dari mata pelajaran untuk setiap kelasnya.
Pengolahan data yang dilakukan antara lain : input data mata pelajaran,
edit data mata pelajaran dan hapus data mata pelajaran sesuai
kebutuhan. Selain itu, disediakan link untuk dapat melihat data
pengajar untuk setiap mata pelajaran. Link Input Pengajar akan menuju
ke form inputan pengajar, untuk menginputkan guru yang akan
mengajar mapel yang bersangkutan.
3.2.3.19. Halaman Input Mata Pelajaran
Gambar 3.53 Halaman Input Mata Pelajaran
Halaman di atas menunjukkan form untuk mengiputkan data
mata pelajaran, mencakup kode, nama mapel, dan keterangan. Seluruh
data akan tersimpan dalam database.
3.2.3.20. Halaman Data Pengajar
Gambar 3.54 Halaman Data Pengajar
Halaman ini menampilkan tabel untuk mengetahui tenaga
pengajar , yaitu keterangan mengenai guru yang mengajar mata
pelajaran tertentu.
3.2.3.21. Halaman Input Data Pengajar
Gambar 3.55 Halaman Input Pengajar
Form input pengajar berhubungan dengan tabel mata
pelajaran. Untuk kolom kode guru, memilih kode guru dari tabel guru
untuk mengajar mata pelajaran yang telah tersimpan dalam database.
Kode mapel yang muncul berdasarkan kode yang diinputkan dari tabel
mata pelajaran di halaman sebelumnya.
3.2.3.22. Halaman Login Wali Kelas dan Kepala Sekolah
Form Login di atas digunakan untuk Wali Kelas maupun
Kepala Sekolah ketika akan melakukan akses pengolahan data ke
sistem, dengan memasukkan username dan password. Data yang dapat
diakses oleh kepala sekolah, antara lain : data siswa, data rapor siswa
dan data laporan keuangan sekolah. Sedangkan hak akses untuk wali
kelas adalah untuk melakukan pengolahan nilai rapor siswa.
3.2.3.23. Halaman Pilihan Kelas
Gambar 3.57 Halaman Pilihan Kelas
Halaman di atas merupakan halaman pertama yang akan
tampil setelah kepala sekolah melakukan login. Kepala sekolah dapat
memilih kelas untuk mengetahui nilai rapor siswa untuk setiap kelas,
mulai dari kelas 1 sampai kelas 6.
3.2.3.24. Halaman Tampil Data Nilai Rapor Siswa
Gambar 3.58 Halaman Tampil Data Nilai Rapor Siswa
Halaman di atas merupakan halaman setelah kepala
sekolah memilih kelas, yang menampilkan tabel seluruh nilai siswa
untuk setiap mata pelajaran, berdasarkan kelas yang sudah dipilih.
Untuk form pengisian rapor siswa merupakan hak akses untuk wali
kelas dalam mengolah data nilai siswa menjadi nilai rapor. Wali
kelas dapat langsung melakukan pengolahan nilai, dengan memilih
Nomor Induk Siswa berdasarkan kelas yang diampunya. Setiap wali
kelas memiliki hak akses pengolahan nilai rapor siswa untuk
masing-masing kelas.
3.2.3.25. Halaman Input Data Rapor Siswa
Gambar 3.59 Halaman Input Data Rapor Siswa
Halaman di atas tampil setelah wali kelas memlih nomor
induk siswa untuk kelas yang diampunya. Kolom NIS, nama siswa dan
kelas akan muncul secara otomatis berdasarkan nomor induk siswa
yang dipilih. Kolom semester dipilih dan tahun pelajaran diisi dan
selanjutnya akan disimpan di database. Data-data tersebut untuk
keterangan data siswa yang tertulis di rapor.
3.2.3.26. Halaman Input Nilai Ulangan Harian
Gambar 3.60 Halaman Input Nilai Ulangan Harian
Halaman di atas merupakan halaman untuk memasukkan
nilai ulangan harian. Untuk kolom NIS dan nama siswa terisi
otomatis, berdasarkan NIS yang dimasukkan di awal ketika akan
mengisi rapor. Nama mapel dipilih berdasarkan mata pelajaran yang
disimpam dalam database. Nama mata pelajaran akan memberikan
keterangan mata pelajaran yang akan dihitung nilai rata-rata ulangan
hariannya oleh wali kelas. Data rata-rata nilai akan disimpan di
database.
3.2.3.27. Halaman Input Nilai Tugas dan PR
Gambar 3.61 Halaman Input Nilai Tugas dan PR
Sama dengan halaman sebelumnya, halaman ini
berfungsi untuk memasukkan nilai dan menghitung nilai rata-rata
untuk tugas dan PR. Nilai rata-rata dihitung untuk 3 kali tugas dan
PR dan hasilnya akan disimpan di database.
3.2.3.28. Halaman Input Nilai UTS (Ujian Tengah Semester)
Gambar 3.62 Halaman Input Nilai UTS
Sama dengan halaman sebelumnya, halaman ini
berfungsi untuk memasukkan nilai dan menghitung nilai rata-rata
UTS (Ujian Tengah Semester). Nilai rata-rata dihitung untuk 3 kali
ujian dan hasilnya akan disimpan di database.
3.2.3.29. Halaman Input Nilai UAS (Ujian Akhir Sekolah)
Gambar 3.63 Halaman Input Nilai UAS
Halaman di atas berfungsi untuk memasukkan nilai
dan menghitung nilai rata-rata UTS (Ujian Akhir Semester). Nilai
rata-rata dihitung untuk 3 kali ujian dan hasilnya akan disimpan di
database.
3.2.3.30. Halaman Input Nilai Akhir
Gambar 3.64 Halaman Input Nilai Akhir
Halaman di atas merupakan sarana bagi wali kelas untuk
memasukkan nilai akhir rapor yang merupakan nilai yang akan
tertulis dalam rapor siswa. Rata-rata nilai dihitung berdasarkan
inputan nilai dari rata-rata nilai ulangan harian, nilai tugas dan PR,
nilai UTS dan nilai UAS. Perhitungan nilai akhir disesuaikan dengan
standar perhitungan nilai yang ditetapkan sekolah.
3.2.3.31. Halaman Input Nilai Kepribadian Siswa
Gambar 3.65 Halaman Input Kepribadian Siswa
Wali kelas juga akan memberikan nilai kepribadian siswa
dalam bentuk huruf A,B atau C. Halaman di atas memuat inputan
masing-masing nilai yang berupa : nilai sikap, kerajinan dan nilai
kerapian. Seluruh data disimpan di dalam database.
3.2.3.32. Halaman Input Jumlah Ketidakhadiran Siswa
Gambar 3.66 Input Nilai Ketidakhadiran Siswa
Selain itu, wali kelas juga harus melaporkan
ketidakhadiran siswa, yang mencakup : izin, sakit dan tanpa
keterangan. Halaman di atas menampilkan inputan untuk menyimpan
seluruh data ketidakhadiran siswa.
3.2.3.33. Halaman Prin Out Rapor
Gambar 3.67 Prin Out Rapor
Halaman di atas merupakan fasilitas yang diberikan
untuk wali kelas ketika akan melakukan print rapor untuk siswa pada
kelas tertentu.
3.2.3.34. Halaman Kenaikan Kelas
Gambar 3.68 Kenaikan Kelas
Selain itu, wali kelas juga dapat melakukan proses
memilih siswa yang dinyatakan naik dan tidak naik kelas. Dalam
kolom nama siswa yang berisi daftar siswa di kelas yang
bersangkutan. Setelah itu, wali kelas dapat memilih di bagian tombol
3.2.3.35. Contoh Form Rapor
147
BAB IV
IMPLEMENTASI SISTEM
Setelah perancangan sistem selesai dilakukan, langkah selanjutnya adalah
mencoba mengimplementasikan rancangan tersebut kedalam bahasa yang dapat
dimengerti oleh mesin. Sistem ini dikerjakan menggunakan spesifikasi software
sebagai berikut :
1. Sistem Operasi Windows 7
2. Dreamweaver MX 2004
3. Bahasa pemrograman PHP
4. MySQL 5.1
5. SQLyog
6. Internet browser (Flock, Internet Explorer)
Dalam dokumen
Sistem informasi terpadu Sekolah Dasar berbasis Web menggunakan PHP dan MySQL
(Halaman 137-171)