Menjalankan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul Siapkan Kebutuhan (Requirements) Untuk menjalankan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul, dibutuhkan beberapa persyaratan teknis adalah sebagai berikut ini : 1. Web Server Apache minimum versi 1.13.19 (www.apache.org) 2. PHP minimum versi 4.2.x (www.php.net) 3. Database MySQL minimum versi 3.2.x (www.mysql.com) Untuk system operasi, Saya menggunakan Windows. Pada kali ini saya menggunakan XAMPP 1.7.7 pada Sistem Operasi Windows XP dan pada Sistem Operasi Windows Steven/Windows 7. Mengaktifkan Apache dan MySQL Aktifkan Service Apache dan MySQL lewat XAMPP Control Panel 1
Start All Program Apache Friends XAMPP XAMPP Control Panel Klik Start pada tombol Apache dan MySQL hingga status keduanya Running. Copykan Folder sirsak yang ada dalam CD ke dalam folder htdocs pada Directory xampp. Pada komputer atau laptop saya copykan ke dalam C:\xampp\htdocs\. Import Database Sebelum menjalankan aplikasi saya perlu melakukan import Database. Buka web browser kami contohnya Mozilla Firefox, ketikkan pada address Dengan alamat http://localhost/phpmyadmin 2
Buat database baru dengan nama sirsak, ketikkan pada kotak isian pada Create new database Klik tombol Create 3
Klik Import pada menu database Klik Tombol Browse 4
Tentukan File Database sql yang ada dalam CD, klik tombol Open. Klik Tombol Go Dan semua tabel untuk kebutuhan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul sudah bisa kami dapatkan dalam Database yang baru saja kami buat. 5
Tabel-tabel yang dibutuhkan untuk Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul. Tabel Administrator Untuk menampung Data-data pengguna / user web Tabel Guru Tabel guru berfungsi untuk menyimpan seluruh data guru. 6
Tabel guru_has_pelajaran Tabel kep_sek Tabel Mata Pelajaran Tabel mata pelajaran berfungsi untuk menyimpan seluruh data mata pelajaran. 7
Tabel mata_pelajaran_has_ruang_kelas Tabel ruang_kelas 8
Tabel Siswa Tabel siswa berfungsi untuk menyimpan seluruh data siswa. Tabel siswa_has_mata_pelajaran Tabel yang menampung data-data nilai siswa Tabel Tu Tabel tu berfungsi untuk menyimpan seluruh data karyawan/pegawai tatausaha sekolah SMA Negeri 1 Piyungan Bantul. 9
Tabel t_u_has_guru Tabel t_u_has_mata_pelajaran 10
Tabel tu_has_ruang_kelas Tabel t_u_has_wali_murid 11
Tabel Wali Kelas Tabel wali_murid 12
Tabel wali_murid_has_siswa Setelah Folder sirsak sudah saya copykan ke dalam folder htdocs dan database sudah diimport sesuaikan isi file koneksi.php/sambung.php yang ada pada folder C:\xampp\htdocs\siakadta\config\ dengan Web Server di Komputer/laptop saya. Buka file sambung.php dengan aplikasi Notepad atau Dreamweaver. 13
Bila saya juga menggunakan XAMPP kemungkinan Listing di atas tidak perlu diubah Baris 1 Kode Pembuka Program PHP Baris 2-5 Variable-variable yang digunakan untuk koneksi. Baris 8 Koneksi Server MySQL Baris 9 Koneksi Database Baris 10 Kode Penutup Program PHP Menjalankan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul Buka Mozilla Firefox, pada address ketikkan alamat http://localhost/sirsak/ 14
Sebagai contoh saya sudah membuatkan beberapa Username dan password untuk Login yang bisa saya ubah nantinya sesuai keinginan. 15
Untuk Login Admin gunakan : Jenis User : Pegawai Tatausaha SMA Negeri 1 Piyungan Bantul Username : admin, Password : admin, klik Tombol Login Maka saya akan dibukakan halaman untuk Administrator seperti berikut : 16
Saya boleh menggunakan Menu di sebelah atas atau mengklik salah satu Icon pada Control Panel Web. Lihat Data Administrator Klik Lihat Data Administrator Digunakan untuk mengelola Data Administrator / Pengguna yang terdiri atas admin dan Staff Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul lainnya. Tampilan Data Administrator Keterangan : Klik Tombol Tambah Administrator untuk menambah data, Edit pada kolom Aksi untuk merubah data dan Hapus pada kolom Aksi untuk menghapus Data. 17
Isikan Data-data administrator yang saya inginkan, kemudian Klik Tombol Simpan untuk memasukkan data ke dalam table administrator. Atau reset untuk membatalkan pengisian Data. Data yang baru saja saya ketik sudah tersimpan dalam tabel administrator. Form Edit / Perbaikan Data administrator. Ketikkan Perubahan Data dan klik tombol Simpan Data. 18
Input Data Siswa Form ini digunakan untuk menginputkan data guru. Web admin dapat mehapus, mengubah, melihat seluruh data yang sudah tersimpan. Tampilannya adalah sebagai berikut : Input Data Guru Form ini digunakan untuk menginputkan data guru. 19
Form ini digunakan untuk menginputkan data guru. Web admin dapat menghapus, mengubah, melihat seluruh data yang sudah tersimpan. Tampilannya adalah sebagai berikut : Input Data Mata Pelajaran Form ini digunakan untuk menginputkan data mata pelajaran. 20
Form ini digunakan untuk menginputkan data mata pelajaran. Web admin dapat menghapus, mengubah, melihat seluruh data yang sudah tersimpan. Tampilannya adalah sebagai berikut : Input Data Jadwal Mata Pelajaran Form ini digunakan untuk menginputkan data jadwal mata pelajaran. Form ini digunakan untuk menginputkan data jadwal mata pelajaran. Web admin dapat menghapus, mengubah, melihat seluruh data yang sudah tersimpan. Tampilannya adalah sebagai berikut : 21
Input Data Kelas Form ini digunakan untuk menginputkan data kelas. Form ini digunakan untuk menginputkan data kelas. Web admin dapat menghapus, mengubah, melihat seluruh data yang sudah tersimpan. Tampilannya adalah sebagai berikut : 22
Pada Web Saya juga bisa melakukan Login sebagai Kepala Sekolah. Contoh : Jenis User/Penguna : Kepala Sekolah Username : fauzan Password : fauzan Maka saya akan mendapatkan halaman Kepala Sekolah sebagai berikut, Modul yang dibuka tidak seperti pada login Admin. 23
Laporan Guru Laporan ini untuk melihat Data Guru. Laporan ini dapat digambarkan sebagai berikut : 24
Laporan Siswa Laporan ini untuk melihat Data Siswa. Laporan ini dapat digambarkan sebagai berikut : Laporan Nilai Siswa Laporan ini untuk melihat Data Nilai Siswa. Laporan ini dapat digambarkan sebagai berikut : 25
Laporan Mapel Laporan ini untuk melihat Data Mata Pelajaran. Laporan ini dapat digambarkan sebagai berikut : Laporan Kelas Laporan ini untuk melihat Data Kelas. Laporan ini dapat digambarkan sebagai berikut : 26
Pada Web Saya juga bisa melakukan Login sebagai Guru. Contoh : Jenis User/Penguna : Guru Username : 40 Password : 40 Maka saya akan mendapatkan halaman Guru sebagai berikut. 27
Siswa ini untuk melihat Data Siswa. ini dapat digambarkan sebagai berikut : Guru ini untuk melihat Data Guru. ini dapat digambarkan sebagai berikut : 28
Mata Pelajaran ini untuk melihat Data Mata Pelajaran. ini dapat digambarkan sebagai berikut : Jadwal Mata Pelajaran ini untuk melihat Data Jadwal Mata Pelajaran. ini dapat digambarkan sebagai berikut : 29
Kelas ini untuk melihat Data Kelas. ini dapat digambarkan sebagai berikut : Input Nilai ini untuk menginputkan data nilai siswa ke sistem pengolahan data nilai siswa SMA Negeri 1 Piyungan Bantul. ini dapat digambarkan sebagai berikut : 30
Lihat Nilai ini untuk melihat Data Nilai Siswa di ke sistem pengolahan data nilai siswa SMA Negeri 1 Piyungan Bantul. ini dapat digambarkan sebagai berikut : 31
Guru dapat menghapus, mengubah, melihat seluruh data nilai siswa yang sudah tersimpan. Tampilannya adalah sebagai berikut : Profil Guru ini untuk melihat Data Profil Guru. ini dapat digambarkan sebagai berikut : 32
Ganti Password Guru dapat mengubah Ganti Password. Tampilannya adalah sebagai berikut : 33
Pada Web Saya juga bisa melakukan Login sebagai Siswa. Contoh : Jenis User/Penguna : Siswa Username : 1745 Password : 1745 Maka saya akan mendapatkan halaman Siswa sebagai berikut. Laporan Nilai Laporan ini untuk melihat Data Nilai Siswa. Laporan ini dapat digambarkan sebagai berikut : 34
Laporan Siswa Laporan ini untuk melihat Data Siswa. Laporan ini dapat digambarkan sebagai berikut : Laporan Jadwal Pelajaran Laporan ini untuk melihat Jadwal Pelajaran. Laporan ini dapat digambarkan sebagai berikut : 35
Grafik Prestasi Nilai Siswa Laporan ini untuk melihat Grafik Prestasi Nilai Siswa. Laporan ini dapat digambarkan sebagai berikut : 36
Profil Siswa ini untuk melihat Data Profil Siswa. ini dapat digambarkan sebagai berikut : Ganti Password Siswa dapat mengubah Ganti Password. Tampilannya adalah sebagai berikut : 37