2. Desain antar muka untuk orang tua siswa.
a. Tampilan login orang tua siswa. Tampilan ini menampilkan login orang tua siswa.
Gambar 3.22 tampilan login orang tua siswa
b. Tampilan utama orang tua siswa. Tampilan ini sebagai home dari website bagian orang tua siswa, tampilan ini
akan muncul setelah orang tua siswa login.
Gambar 3.23 tampilan home website sisi orang tua
c. Tampilan jadwal pelajaran. Tampilan ini menampilkan informasi jadwal pelajaran.
Gambar 3.24 tampilan jadwal pelajaran
d. Tampilan nilai laporan pendidikan. Tampilan ini menampilkan informasi nilai laporan pendahuluan.
Gambar 3.25 tampilan nilai laporan pendahuluan
3. Desain antar muka untuk alumni.
a. Tampilan login alumni. Tampilan ini menampilkan informasi login alumni.
Gambar 3.26 tampilan login alumni
b. Tampilan utama alumni. Tampilan ini sebagai home dari website bagian alumni, tampilan ini akan
muncul setelah alumni login.
Gambar 3.27 tampilan home alumni
c. Tampilan data pribadi alumni. Tampilan ini menampilkan informasi data pribadi alumni.
Gambar 3.28 tampilan data pribadi alumni
d. Tampilan edit alumni. Tampilan ini menampilkan form edit data pribadi alumni.
Gambar 3.29 tampilan edit data alumni
4. Desain antar muka untuk administrator.
a. Tampilan login administrator. Tampilan ini menampilkan informasi login alumni.
Gambar 3.30 tampilan login admin
b. Tampilan menu utama admin. Tampilan ini sebagai home dari website bagian admin, tampilan ini akan
muncul setelah admin login.
Gambar 3.31 tampilan home admin
c. Tampilan detail jadwal pelajaran. Tampilan ini menampilkan informasi detail jadwal pelajaran.
Gambar 3.32 tampilan detail jadwal pelajaran
d. Tampilan edit jadwal pelajaran. Tampilan ini menampilkan form untuk mengedit jadwal pelajaran.
Gambar 3.33 tampilan edit jadwal pelajaran
e. Tampilan tambah jadwal pelajaran. Tampilan ini menampilkan form untuk menambah jadwal pelajaran.
Gambar 3.34 tampilan tambah jadwal pelajaran
71
BAB IV IMPLEMENTASI PROGRAM
A. Aplikasi yang digunakan
Program ini dibuat dengan menggunakan PHP Version 4.4.4, Database MySQL 5.0.27, Web Server Apache 2.2.3, Database Tools phpMyAdmin 2.9.1.1, mail server
Mercury Mail Transport System v4.01b, dan Macromedia Dreamweaver MX Di samping bahasa pemrograman PHP, juga digunakan JavaScript dan Cascading
Style Sheet CSS. JavaScript digunakan untuk mengecek input dalam form apakah
sesuai dengan format yang telah ditetapkan. Sedangkan CSS digunakan untuk
memudahkan dalam mendesain antarmuka dan menghemat spacedisk.
B. Implementasi Program 1. Koneksi Server
Listing program ini berisi fungsi-fungsi yang digunakan untuk melakukan koneksi dengan database Mysql. Fungsi-fungsi itu dapat dituliskan sebagai berikut :
Fungsi mysql_pconnect di atas digunakan untuk membuka koneksi ke Mysql. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI