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
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
Web
Sistem
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 administrator. Form Edit / Perbaikan Data administrator.
tersimpan
Ketikkan Perubahan Data dan klik tombol Simpan Data.
18
dalam
tabel
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
digambarkan sebagai berikut :
25
Nilai
Siswa.
Laporan
ini
dapat
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
digambarkan sebagai berikut :
34
Nilai
Siswa.
Laporan
ini
dapat
Laporan Siswa Laporan ini untuk melihat Data Siswa. Laporan ini dapat digambarkan sebagai berikut :
Laporan Jadwal Pelajaran Laporan
ini
untuk
melihat
Jadwal
digambarkan sebagai berikut :
35
Pelajaran.
Laporan
ini
dapat
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
