1
1. Kebutuhan perangkat keras untuk menjalankan program Agar aplikasi ini dapat berjalan dengan baik, maka dibutuhkan seperangkat komputer dengan spesifikasi: Prosesor
:
Core I3 2,20GHz
RAM
:
2GB
HDD
:
500GB
VGA
:
Intel(R) HD Graphics 751MB
Monitor
:
14”
Karena aplikasi ini bersifat WEB, maka perangkat dengan spesifikasi dibawah perangkat keras yang digunakan pada pembuatan aplikasi ini , dapat menggunakan dan mengakses aplikasi ini dengan baik 2. Kebutuhan perangkat lunak untuk menjalankan program Perangkat lunak adalah perangkat-perangkat tambahan berupa sistem yang digunakan untuk menjalankan dan membuat aplikasi ini. Berikut adalah Perangkat lunak yang digunakan penulis untuk membuat aplikasi ini: Sistem operasi
:
Windows 7
Database
:
Appserv 2.5, PHPMYADMIN, MSQL
Aplikasi Pembuatan :
Notepad++
Browser
Mozilla Firefox
:
Data diatas adalah perangkat lunak inti yang digunakan dalam pembuatan aplikasi , pada saat pengunaan aplikasi nantinya hanya dibutuhkan web browser sebagai perangkat lunak utama dalam menjalankan aplikasi.
2
Halaman log in Halaman log in adalah halaman yang pertama kali tampil ketika user baik admin, wali, siswa atau kepala sekolah mengakses website. Gambar 4.1
Gambar 4.1 halaman log in Pengguna dapat masuk ke bagian sistem sesuai dengan status pengguna. Pengguna masuk menggunakan username dan password yang dimiliki. Ketika password salah maka muncul peringatan dan pengguna harus memasukan ulang username dan password yang dimiliki. Jika proses log in berhasil maka pengguna akan diantar ke halaman masing-masing sesuai dengan statusnya. Halaman admin Halaman admin adalah halaman bagi admin. Admin dapat melakukan banyak hal seperti memasukan data pengguna lain dan mengolah data pembayaran dan data-data yang lain. Gambar 4.2 adalah tampilan halaman utama dari antarmuka admin. Gambar 4.3 adalah tampilan admin bagian masukan data, dan input guru dan Gambar 4.4 adalah tampilan admin bagian olah data, dan pembayaran spp.
3
Gambar 4.2 Halaman utama admin pada halaman utama admin terdapat menu admin guru dan siswa, dan terdapat menu bar pada sebelah kiri yaitu menu ubah password, masukan data, olah data, dan keluar. Pada bagian sisi kiri juga di rancang menggunakan kalender yang menunjukan tanggal saat ini sebagai pendukung pekerjaan admin. Pada bagian kanan merupakan halaman antarmuka konten yang bersifat dinamis.
Gambar 4.3 input guru pada halaman input guru terdapat form masukan untuk biodata guru. Biodata guru yang diinputkan adalah NIP, nama, tanggal lahir, jenis kelamin, agama, hp, alamat, kelas. Inputan data kelas menunjukan di kelas mana guru tersebut menjadi wali. Data kelas diperoleh dari inputan kelas yang terlebih dahulu telah diinputkan dan
4
disimpan pada database. Untuk menyelesaikan atau menyimpan data-data tersebut terdapat input tombol untuk menjalankan proses penyimpanan.
Gambar 4.4 input pembayaran spp pada halaman pembayaran disediakan inputan NIS siswa, Nominal, dan keterangan bulan pembayaran serta tombol simpan. Nominal pembayaran merupakan nilai spp tahunan yang di setujui oleh pihak sekolah. Nilai ini diinputkan pada form yang berbeda sebelumnya dan tersimpan pada database dan ditampilkan bagian bawah dari form pembayaran. Data pembayaran di tampilkan perhari. Untuk rekap data pembayaran dapat di lihat pada bagian rekap pembayaran di gambar 4.5.
Gambar 4.5 rekap pembayaran spp
5
Halaman wali Halaman wali merupakan halaman bagi pengguna dengan status wali. Wali bertugas memasukan presensi siswa dan memonitoring presensi siswa. Gambar 4.6 berikut adalah tampilan dari halaman wali.
Gambar 4.6 Halaman utama wali pada halaman utama wali terdapat menu halaman utama, biodata wali dan siswa, dan terdapat menu bar pada sebelah kiri yaitu menu ubah password, olah data, dan keluar. Pada bagian sisi kiri juga di terdapat kalender yang menunjukan tanggal saat ini sebagai pendukung pekerjaan wali. Pada bagian kanan merupakan halaman antarmuka konten yang bersifat dinamis.
Gambar 4.7 Halaman presensi Gambar 4.7 adalah gambar tampilan dari input presensi. tersedia form masukan untuk mengisi presensi dari siswa. Data berupa tanggal presensi, hadir, sakit, ijijn,
6
alfa. Data keterangan presensi dalam bentuk check box, tersedia tombol check all yang berfungsi untuk mencentang semua check box, dan tombol uncheck all yang berfungsi sebaliknya. terdapat 1 satu check box tandai kelas selesai yang merupakan identifikasi jika sudah menyelesaikan semua data presensi dan di proses melalui tombol submit. Tombol submit berfungsi untuk menyimpan data ke dalam database. Data yang dimasukan akan di proses dan di tampilkan seperti pada gambar 4.8
Gambar 4.8 Halaman tampil presensi
Gambar 4.9 Halaman rekap presensi Gambar 4.9 adalah tampilan dari hasil rekap presensi dari tanggal terplih sampai tanggal yang ditentukan.
7
Halaman siswa Halaman siswa merupakan halaman bagi pengguna siswa. Siswa dapat melihat presensi harian dan melihat pembayaran spp yang telah diinputkan oeh wali dan oleh admin. Gambar 4.10 berikut adalah tampilan dari halaman utama siswa.
Gambar 4.10 halaman utama siswa pada halaman utama siswa terdapat menu halaman utama dan biodata, dan terdapat menu bar pada sebelah kiri yaitu menu ubah password, presensi, spp, dan keluar. Pada bagian sisi kiri juga tersedia kalender yang menunjukan tanggal saat ini sebagai pendukung halaman siswa. bagian kanan merupakan halaman antarmuka konten yang bersifat dinamis.
8
Gambar 4.11 halaman presensi siswa Gambar 4.11 adalah tampilan dari presensi siswa di hari ini. dan pada bagian atas tersedia masukan tanggal untuk melihat presensi siswa dari tanggal terplih sampai tanggal yang ditentukan seperti pada gambar 4.12.
Gambar 4.12 halaman rekap presensi siswa
Halaman Kepala Sekolah Halaman kepala sekolah adalah halaman untuk pengguna dengan status kepala sekolah. Kepala sekolah dapat melihat dan memonitoring pembayaran spp
9
yang di inputkan oleh admin, dan melihat wali kelas dari setiap kelas serta mengetahui siswa dari tiap kelas yang ada. Gambar 4.13 adalah tampilan halaman utama dari halaman kepala sekolah. Gambar 4.13 adalah tampilan halaman utama dari halaman kepala sekolah. Gambar 4.14 adalah tampilan halaman tampil guru dari halaman kepala sekolah. Gambar 4.15 adalah tampilan siswa dari halaman kepala sekolah.
Gambar 4.13 halaman utama kepala sekolah
Gambar 4.14 halaman tampil guru
10
Gambar 4.15 halaman tampil siswa
Gambar 4.16 halaman rekap spp Gambar 4.16 adalah halaman rekap spp dari tanggal terplih sampai tanggal yang ditentukan.
