IV-1
BAB I V Hasil Tercapai
IV.1 Realisasi Rancangan Layout
Realisasi situs dimulai dengan melakukan design interface dan dilanjutkan dengan pengimplementasian aplikasi ke dalam situs.
IV.1.1 Realisasi Desain Layout User
Tampilan pada halaman difokuskan kepada kenyamanan dan kemudahan user. Berikut hasil realisasi tampilan layout interface final untuk situs pada bagian user.
Ini adalah halaman login untuk user.
Gambar 4. 1 Halaman login user
IV-2 Berikut ini adalah halaman utama pada situs. Disini terdapat nama anak dari
orang tua yang bersangkutan.
Gambar 4. 2 Halaman utama situs
Berikut ini adalah halaman nilai dimana orang tua bisa melihat nilai anaknya dengan menekan ke tombol nilai.
Gambar 4. 3 Halaman nilai
IV-3 Didalam halaman nilai terdapat fitur search go, dimana orang tua bisa melihat
nilai dengan kategori tertentu.
Gambar 4. 4 Halaman Cari Data
Berikut ini adalah halaman dimana orang tua bisa melihat catatan perilaku anak.
Gambar 4. 5 Halaman perilaku
IV-4 Halaman komunikasi berisi pesan – pesan yang telah dikirim oleh orang tua
dan guru.
Gambar 4. 6 Halaman komunikasi
Berikut ini halaman kirim komunikasi.
Gambar 4. 7 Halaman kirim komunikasi
IV-5 Berikut ini adalah halaman untuk mengganti password.
Gambar 4. 8 Halaman ganti password
IV-6
IV.1.2 Realisasi Desain Layout Administrator
Berikut hasil realisasi tampilan layout interface final untuk situs pada bagian user.
Berikut adalah halaman login untuk administrator.
Gambar 4. 9 Halaman login admin
IV-7 Pada saat proses login dijalankan terdapat pemeriksaan terhadap user name
dan password yang diisi oleh pengakses. Proses login dijalankan dengan menggunakan program sebagai berikut:
if isset_POST[username] { loginUsername=_POST[username];
password=md5 _POST[password] ; MM_fldUserAuthorization = ;
MM_redirectLoginSuccess = index.php; MM_redirectLoginFailed = login.php;
MM_redirecttoReferrer = false; mysql_select_dbdatabase_lee, lee;
LoginRS__query=sprintfSELECT guru_username, guru_password FROM tbl_guru WHERE guru_username=s AND
guru_password=s, get_magic_quotes_gpc
? loginUsername
: addslashesloginUsername, get_magic_quotes_gpc ? password :
addslashespassword; LoginRS = mysql_queryLoginRS__query, lee or
diemysql_error; loginFoundUser = mysql_num_rowsLoginRS;
if loginFoundUser { loginStrGroup = ;
declare two session variables and assign them GLOBALS[MM_Username] = loginUsername;
GLOBALS[MM_UserGroup] = loginStrGroup;
register the session variables session_registerMM_Username;
session_registerMM_UserGroup; if isset_SESSION[PrevUrl] false {
MM_redirectLoginSuccess = _SESSION[PrevUrl]; }
headerLocation: . MM_redirectLoginSuccess ; }
else { headerLocation: . MM_redirectLoginFailed . ?msg= .
base64_encode Wrong Username Password ; }
}
Program 4. 1 Proses Login
IV-8 Ini adalah halaman utama pada halaman administrator.
Gambar 4. 10 Halaman utama admin
Berikut ini adalah halaman daftar data siswa.
Gambar 4. 11 Halaman daftar nama siswa
IV-9 Berikut adalah halaman untuk memasukan data siswa baru.
Gambar 4. 12 Halaman insert siswa
Program dibawah ini adalah program untuk memasukkan data siswa baru.
insertSQL = sprintfINSERT INTO tbl_anak NIS, ortu_id,nama, semester, kelas, thn_ajaran VALUES s, s, s, s, s, s,
GetSQLValueString_POST[NIS], text, GetSQLValueString_POST[orangtua], text,
GetSQLValueString_POST[Nama], text, GetSQLValueString_POST[semester], text,
GetSQLValueString_POST[kelas], text, GetSQLValueString_POST[tahunajaran], text;
mysql_select_dbdatabase_lee, lee; Result1 = mysql_queryinsertSQL, lee or diemysql_error;
Program 4. 2 Insert Data Siswa
IV-10 Berikut adalah halaman untuk mengedit data siswa.
Gambar 4. 13 Halaman edit data siswa
Pengubahan data siswa dapat dilakukan dengan menggunakan program dibawah ini :
updateSQL = sprintfUPDATE tbl_anak SET ortu_id=s,nama=s, semester=s, kelas=s, thn_ajaran=s WHERE NIS=s,
GetSQLValueString_POST[ortu_id], text, GetSQLValueString_POST[nama], text,
GetSQLValueString_POST[semester], text, GetSQLValueString_POST[kelas], text,
GetSQLValueString_POST[thn_ajaran], text, GetSQLValueString_POST[NIS], text;
mysql_select_dbdatabase_lee, lee; Result1 = mysql_queryupdateSQL, lee or diemysql_error;
Program 4. 3 Edit Data Siswa
IV-11 Untuk menghapus data siswa, klik ke link delete.
Gambar 4. 14 Halaman delete siswa
Penghapusan data siswa dapat menggunakan program dibawah ini :
deleteSQL = sprintfDELETE FROM tbl_anak WHERE NIS=s, GetSQLValueString_GET[NIS], text;
mysql_select_dbdatabase_lee, lee; Result1 = mysql_querydeleteSQL, lee or diemysql_error;
Program 4. 4 Delete Data Siswa
IV-12 Berikut ini adalah fitur Search Go untuk melihat tampilan daftar siswa
berdasarkan kategori kelas.
Gambar 4. 15 Halaman search go siswa
Program berikut ini adalah program untuk menjalankan tombol search go pada halaman siswa.
colname_RecordsetAnak = ; if isset_GET[kelas] {
colname_RecordsetAnak = get_magic_quotes_gpc ?
x _GET[kelas] : addslashes_GET[kelas];
} mysql_select_dbdatabase_lee, lee;
query_RecordsetAnak = sprintfSELECT FROM tbl_anak WHERE kelas LIKE s ORDER BY NIS ASC, colname_RecordsetAnak;
query_limit_RecordsetAnak = sprintfs LIMIT d, d, s
query_RecordsetAnak, startRow_RecordsetAnak, maxRows_RecordsetAnak;
RecordsetAnak = mysql_queryquery_limit_RecordsetAnak, lee or d
diemysql_error; row_RecordsetAnak = mysql_fetch_assocRecordsetAnak;
Program 4. 5 Search Go Pada Halaman Siswa
IV-13 Berikut ini adalah halaman tampilan komunikasi.
Gambar 4. 16 Halaman komunikasi
Berikut ini adalah halaman untuk mengirim komunikasi ke orang tua.
Gambar 4. 17 Halaman insert komunikasi
IV-14 Untuk memasukkan data komunikasi baru menggunakan program dibawah
ini :
insertSQL = sprintfINSERT INTO tbl_komunikasi ortu_id, tgl_kom, arah, pesan_guru VALUES s, s, s, s,
GetSQLValueString_POST[orangtua], text, GetSQLValueString_POST[tanggalkomunikasi], int,
GetSQLValueStringgo, text,
GetSQLValueString_POST[pesan_guru], text; mysql_select_dbdatabase_lee, lee;
Result1 = mysql_queryinsertSQL, lee or diemysql_error;
Program 4. 6 Insert Data Komunikasi
Berikut ini halaman untuk menghapus data komunikasi.
Gambar 4. 18 Halaman delete komunikasi
IV-15 Penghapusan data komunikasi dapat dijalankan dengan menggunakan
program dibawah ini :
deleteSQL = sprintfDELETE FROM tbl_komunikasi WHERE kom_id=s, GetSQLValueString_GET[kom_id], text;
mysql_select_dbdatabase_lee, lee; Result1 = mysql_querydeleteSQL, lee or diemysql_error;
Program 4. 7 Delete Data Komunikasi
Berikut ini halaman untuk membalas komunikasi yang dikirim oleh orang tua.
Gambar 4. 19 Halaman reply komunikasi
IV-16 Berikut ini adalah halaman nilai siswa.
Gambar 4. 20 Halaman nilai
Berikut ini adalah halaman untuk memasukan nilai baru.
Gambar 4. 21 Halaman insert nilai
IV-17 Pemasukkan nilai baru siswa dapat dijalankan dengan menggunakan program
dibawah ini:
insertSQL = sprintfINSERT INTO tbl_nilai kode_mk, NIS, tgl, nilai_angka, nilai_tipe VALUES s, s, s, s, s,
GetSQLValueString_POST[kodemk], text, GetSQLValueString_POST[nis], text,
GetSQLValueString_POST[tanggal], int, GetSQLValueString_POST[nilai], int,
GetSQLValueString_POST[jenisujian],text; mysql_select_dbdatabase_lee, lee;
Result1 = mysql_queryinsertSQL, lee or diemysql_error;
Program 4. 8 Insert Nilai
Berikut ini adalah halaman untuk meng-edit nilai siswa
Gambar 4. 22 Halaman edit nilai
IV-18 Pengubahan nilai siswa dijalankan dengan program berikut ini :
updateSQL = sprintfUPDATE tbl_nilai SET kode_mk=s, NIS=s, tgl=s, nilai_angka=s, nilai_tipe=s WHERE nilai_id=s,
GetSQLValueString_POST[kode_mk], text, GetSQLValueString_POST[NIS], text,
GetSQLValueString_POST[tgl], int, GetSQLValueString_POST[nilai_angka], int,
GetSQLValueString_POST[nilai_tipe], text, GetSQLValueString_POST[nilai_id], int;
mysql_select_dbdatabase_lee, lee; Result1 = mysql_queryupdateSQL, lee or diemysql_error;
Program 4. 9 Edit Nilai
Berikut ini adalah halaman untuk menghapus nilai siswa
Gambar 4. 23 Halaman Delete Nilai
IV-19 Penghapusan data nilai dapat dilakukan dengan menjalankan program
dibawah ini :
deleteSQL = sprintfDELETE FROM tbl_nilai WHERE nilai_id=s, GetSQLValueString_GET[nilai_id],
text; mysql_select_dbdatabase_lee, lee;
Result1 = mysql_querydeleteSQL, lee or diemysql_error;
Program 4. 10 Delete Nilai
Berikut adalah halaman search go pada nilai.
Gambar 4. 24 Halaman Search Go Nilai
IV-20 Program berikut ini adalah program untuk menjalankan tombol search go
pada halaman nilai.
colname2_RecordsetNilai = ; if isset_GET[kode_mk] {
colname2_RecordsetNilai = get_magic_quotes_gpc ? _GET[kode_mk] : addslashes_GET[kode_mk];
} colname3_RecordsetNilai = ;
if isset_GET[nilai_tipe] { colname3_RecordsetNilai = get_magic_quotes_gpc ?
_GET[nilai_tipe] : addslashes_GET[nilai_tipe]; }
colname1_RecordsetNilai = ; if isset_GET[kelas] {
colname1_RecordsetNilai = get_magic_quotes_gpc ? _GET[kelas] : addslashes_GET[kelas];
} mysql_select_dbdatabase_lee, lee;
query_RecordsetNilai = sprintfSELECT tbl_nilai., tbl_mk.nama_mk, tbl_anak.kelas FROM tbl_nilai, tbl_mk, tbl_anak WHERE
tbl_nilai.NIS=tbl_anak.NIS AND tbl_anak.kelas LIKE s AND tbl_nilai.kode_mk LIKE s AND tbl_nilai.nilai_tipe LIKE s AND
tbl_nilai.kode_mk=tbl_mk.kode_mk ORDER BY tbl_nilai.tgl DESC, colname1_RecordsetNilai,colname2_RecordsetNilai,colname3_Recordse
tNilai; query_limit_RecordsetNilai = sprintfs LIMIT d, d,
query_RecordsetNilai, startRow_RecordsetNilai, maxRows_RecordsetNilai;
RecordsetNilai = mysql_queryquery_limit_RecordsetNilai, lee or diemysql_error;
row_RecordsetNilai = mysql_fetch_assocRecordsetNilai;
Program 4. 11 Search Go Pada Halaman Nilai
IV-21 Berikut ini adalah halaman daftar nama orang tua.
Gambar 4. 25 Halaman orang tua
Berikut ini adalah halaman untuk memasukkan data orang tua baru.
Gambar 4. 26 Halaman insert data orang tua
IV-22 Berikut ini merupakan program yang digunakan untuk melakukan insert data
orang tua oleh Administrator:
insertSQL = sprintfINSERT INTO tbl_ortu ortu_id, username, nama VALUES s, s, s,
GetSQLValueString_POST[ktp], text, GetSQLValueString_POST[username], text,
GetSQLValueString_POST[nama], text; mysql_select_dbdatabase_lee, lee;
Result1 = mysql_queryinsertSQL, lee or diemysql_error;
Program 4. 12 Insert Data Orang Tua
Berikut ini adalah halaman untuk meng-edit data orang tua.
Gambar 4. 27 Halaman edit data orang tua
IV-23 Pengubahan data orang tua dijalankan dengan menggunakan program sebagai
berikut :
updateSQL = sprintfUPDATE tbl_ortu SET username=s, nama=s WHERE ortu_id=s,
GetSQLValueString_POST[username], text,
GetSQLValueString_POST[nama], text, GetSQLValueString_POST[ortu_id],
text; mysql_select_dbdatabase_lee, lee;
Result1 = mysql_queryupdateSQL, lee or diemysql_error;
Program 4. 13 Edit Data Orang Tua
Berikut ini adalah halaman untuk menghapus data orang tua.
Gambar 4. 28 Halaman delete data orang tua
IV-24 Penghapusan data orang tua dapat menggunakan program dibawah ini :
deleteSQL = sprintfDELETE FROM tbl_ortu WHERE ortu_id=s, GetSQLValueString_GET[ortu_id], text;
mysql_select_dbdatabase_lee, lee; Result1 = mysql_querydeleteSQL, lee or diemysql_error;
Program 4. 14 Delete Data Orang Tua
Berikut halaman ini berisi data perilaku anak.
Gambar 4. 29 Halaman perilaku
IV-25 Berikut ini adalah halaman untuk memasukkan data perilaku anak.
Gambar 4. 30 Halaman insert perilaku
Untuk memasukkan data perilaku siswa yang baru dijalankan dengan menggunakan program berikut ini :
insertSQL = sprintfINSERT INTO tbl_perilaku NIS, tgl_perilaku, keterangan, jenis_perilaku VALUES s, s, s, s,
GetSQLValueString_POST[nis], text, GetSQLValueString_POST[tanggal], int,
GetSQLValueString_POST[keterangan], text, GetSQLValueString_POST[jenisperilaku], text;
mysql_select_dbdatabase_lee, lee; Result1 = mysql_queryinsertSQL, lee or diemysql_error;
Program 4. 15 Insert Data Perilaku
IV-26 Berikut ini adalah halaman untuk menghapus data perilaku anak.
Gambar 4. 31 Halaman delete perilaku
Penghapusan data perilaku dijalankan dengan menggunakan program sebagai berikut:
deleteSQL = sprintfDELETE FROM tbl_perilaku WHERE perilaku_id=s,
GetSQLValueString_GET[perilaku_id], text; mysql_select_dbdatabase_lee, lee;
Result1 = mysql_querydeleteSQL, lee or diemysql_error;
Program 4. 16 Delete Data Perilaku
V-1
BAB V Evaluasi Sistem
Kategori