1

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

2

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

3

Buat database baru dengan nama sirsak, ketikkan pada kotak isian pada

Create new database

Klik tombol Create

4

Klik Import pada menu database

Klik Tombol Browse

5

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.

6

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.

7

Tabel guru_has_pelajaran

Tabel kep_sek

Tabel Mata Pelajaran

Tabel mata pelajaran berfungsi untuk menyimpan seluruh data mata

pelajaran.

8

Tabel mata_pelajaran_has_ruang_kelas

Tabel ruang_kelas

9

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.

10

Tabel t_u_has_guru

Tabel t_u_has_mata_pelajaran

11

Tabel tu_has_ruang_kelas

Tabel t_u_has_wali_murid

12

Tabel Wali Kelas

Tabel wali_murid

13

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.

14

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/

15

Sebagai contoh saya sudah membuatkan beberapa Username dan

password untuk Login yang bisa saya ubah nantinya sesuai keinginan.

16

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 :

17

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.

18

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.

19

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.

20

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.

21

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 :

22

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 :

23

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.

24

Laporan Guru

Laporan ini untuk melihat Data Guru. Laporan ini dapat digambarkan

sebagai berikut :

25

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 :

26

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 :

27

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.

28

Siswa

ini untuk melihat Data Siswa. ini dapat digambarkan sebagai berikut :

Guru

ini untuk melihat Data Guru. ini dapat digambarkan sebagai berikut :

29

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 :

30

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 :

31

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 :

32

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

:

33

Ganti Password

Guru dapat mengubah Ganti Password. Tampilannya adalah sebagai

berikut :

34

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 :

35

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 :

36

Grafik Prestasi Nilai Siswa

Laporan ini untuk melihat Grafik Prestasi Nilai Siswa. Laporan ini dapat

digambarkan sebagai berikut :

37

Profil Siswa

ini untuk melihat Data Profil Siswa. ini dapat digambarkan sebagai berikut

:

Ganti Password

Siswa dapat mengubah Ganti Password. Tampilannya adalah sebagai

berikut :