User Interface Update Berita dan Pengumuman
Gambar 4.29 User Interface Update Berita dan Pengumuman
Tampilan di atas merupakan interface bagi admin yang akan melakukan update berita dan pengumuman jika diperlukan. Ada dua menu dalam update data
berita dan pengumuman yaitu edit dan hapus berita dan pengumuman. Menu edit data berita dan pengumuman berfungsi untuk mengubah keterangan data berita dan
pengumuman, hapus untuk menghapus data berita dan pengumuman.
User Interface Edit Berita dan Pengumuman
4.30 User Interface Edit Berita dan Pengumuman
Tampilan di atas merupakan interface bagi admin yang melakukan edit berita dan pengumuman. Halaman edit berita dan pengumuman merupakan kelanjutan dari
menu yang ada pada halaman update berita dan pengumuman. Pertama admin memilih berita dan pengumuman yang akan di edit, setelah berita dan pengumuman
yang akan di edit terpilih, admin baru dapat mengubah data berita dan pengumuman. Saat pengisian selesai, admin akan mengklik tombol Simpan, setelah tombol Simpan
diklik maka data pelajaran yang dimasukkan dalam form edit berita dan pengumuman tersimpan ke dalam database.
User Interface Konfirmasi Hapus Berita dan Pengumuman
Gambar 4.31 User Interface Konfirmasi Hapus Berita dan Pengumuman
Tampilan di atas merupakan interface bagi admin yang akan menghapus berita dan pengumuman. Konfirmasi hapus berita dan pengumuman merupakan
kelanjutan dari menu yang ada pada halaman update berita dan pengumuman. Pada saat admin memilih menu hapus berita dan pengumuman dan mengklik tombol OK,
maka data berita dan pengumuman terhapus dari database.
User Interface Data Fasilitas
Gambar 4.32 User Interface Data Fasilitas
Tampilan di atas merupakan interface bagi admin yang akan mengelola data fasilitas sekolah, dalam halaman ini ditampilkan data fasilitas sekolah di SMP Santo
Aloysius Sleman. Dalam menu data fasilitas terdapat sub menu insert dan update data fasilitas.
User interface Insert Fasilitas
Gambar 4.33 User Interface Insert Fasilitas
Tampilan di atas merupakan interface bagi admin yang akan memasukkan data fasilitas milik SMP Santo Aloysius Sleman. Pada halaman ini admin
dipersilahkan untuk mengisi form insert data fasilitas jika ada penambahan fasilitas sekolah yang baru. Setelah pengisian selesai, admin akan mengklik tombol Simpan,
setelah tombol Simpan diklik maka data fasilitas yang dimasukkan dalam form insert data fasilitas tersimpan ke dalam database.
User Interface Update Fasilitas
Gambar 4.34 User Interface Update Fasilitas
Tampilan di atas merupakan interface bagi admin yang akan melakukan update data fasilitas jika ada pembaharuan tentang data fasilitas yang lama. Ada dua
menu dalam update data fasilitas yaitu edit dan hapus data fasilitas. Menu edit data fasilitas berfungsi untuk mengubah keterangan data fasilitas, hapus untuk menghapus
data fasilitas.
User Interface Edit Data Fasilitas
Gambar 4.35 User Interface Edit Data Fasilitas
Tampilan di atas merupakan interface bagi admin yang melakukan edit data fasilitas. Halaman edit data fasilitas merupakan kelanjutan dari menu yang ada pada
halaman update data fasilitas. Pertama admin memilih data fasiltas yang akan di edit, setelah data fasilitas yang akan di edit terpilih, admin baru dapat mengubah data
fasilitas. Saat pengisian selesai, admin akan mengklik tombol Simpan, setelah tombol Simpan diklik maka data fasilitas yang dimasukkan dalam form edit data fasilitas
tersimpan ke dalam database.
User Interface Konfirmasi Hapus Data Fasilitas
Gambar 4.36 User Interface Konfirmasi Hapus Data Fasilitas
Tampilan di atas merupakan interface bagi admin yang akan menghapus data fasilitas. Konfirmasi hapus data fasilitas merupakan kelanjutan dari menu yang ada
pada halaman update data fasilitas. Pada saat admin memilih menu hapus data fasilitas dan mengklik tombol OK, maka data fasilitas terhapus dari database.
User Interface Hapus Forum
Gambar 4.37 User Interface Hapus Forum
Tampilan di atas merupakan interface bagi admin yang akan menghapus data forum. Pada saat admin akan menghapus data forum, admin terlebih dulu memilih
data yang akan dihapus, setelah data terpilih dan admin mengklik tombol Hapus, maka data forum terhapus dari database.
User Interface Login Guru
Gambar 4.38 User Interface Login Guru
Tampilan di atas merupakan interface bagi guru yang akan memasukkan data nilai siswa SMP Santo Aloysius Sleman. Untuk dapat memasukkan data nilai siswa,
guru harus melakukan login terlebih dahulu, jika username dan password benar, maka guru dapat mengelola data nilai siswa, jika username dan password salah maka akan
kembali ke halaman ini.
User Interface Peringatan Kesalahan Login Guru
Gambar 4.39 User Interface Peringatan Kesalahan Login Guru
Tampilan di atas merupakan peringatan bagi guru yang melakukan kesalahan saat memasukkan username dan password. Pada saat salah memasukkan username
dan password maka akan kembali ke halaman login guru.
User Interface Halaman Guru
Gambar 4.40 User Interface Halaman Guru
Tampilan di atas merupakan interface bagi guru yang berhasil login ke dalam sistem untuk mengelola data nilai siswa SMP Santo Aloysius Sleman. Pada samping
kiri guru akan memilih menu nilai siswa untuk memasukkan nilai siswa.
User Interface Pilih Pelajaran
Gambar 4.41 User Interface Pilih Pelajaran
Tampilan di atas merupakan interface bagi guru yang akan memilih mata pelajaran sesuai dengan pelajaran yang diampu untuk memasukkan nilai siswa.
form method=post action=input_nilai2.php Pilih Mata Pelajaran :
select name=mapel ?php
query = SELECT FROM tmapel; hasil = mysql_queryquery;
while data = mysql_fetch_arrayhasil {
echo option value=.data[id]..data[nama_mapel].
option; }
? input type=submit value=Submit name=submit
select form
User Interface Update Nilai Siswa
Gambar 4.42 User Interface Update Nilai Siswa
Tampilan di atas merupakan interface bagi guru yang akan mengupdate nilai siswa berdasarkan mata pelajaran yang diampu. Ada 10 nilai yang akan guru isikan
ke nilai siswa, yaitu : UL1, UL2, UL3, UL4, UL5, TGS1, TGS2, UTS1, UTS2, UAS.
query = SELECT tnilai.username, tnilai.ul1, tnilai.ul2, tnilai.ul3,
tnilai.ul4,tnilai.ul5,tnilai.tgs1,tnilai.tgs2,tnilai .uts1,tnilai.uts2,tnilai.uas,
tsiswa.username,tsiswa.kelas,tsiswa.nama_siswa FROM tnilai,tsiswa WHERE tnilai.username=tsiswa.username
AND idmapel = idmapel;
?php mysql_connectlocalhost, root, ;
mysql_select_dbsmp; jumSiswa = _POST[n];
idmapel = _POST[idmapel]; for i=1; i=jumSiswa; i++
{ username = _POST[siswa.i];
ul1 = _POST[ul1.i]; ul2 = _POST[ul2.i];
ul3 = _POST[ul3.i]; ul4 = _POST[ul4.i];
ul5 = _POST[ul5.i]; tgs1 = _POST[tgs1.i];
tgs2 = _POST[tgs2.i]; uts1 = _POST[uts1.i];
uts2 = _POST[uts2.i]; uas = _POST[uas.i];
query = UPDATE tnilai SET ul1 = ul1, ul2=ul2 , ul3=ul3, ul4=ul4, ul5=ul5, tgs1=tgs1,
tgs2=tgs2, uts1=uts1, uts2=uts2, uas=uas WHERE user
name = username AND idmapel = idmapel; mysql_queryquery;
} ?
User Interface Login Siswa
Gambar 4.43 User Interface Login Siswa
Tampilan di atas merupakan interface bagi siswa yang akan login untuk dapat melihat nilai siswa dan mengganti password. Pertama siswa harus melakukan login
terlebih dahulu, jika username dan password benar, maka siswa dapat masuk kehalaman siswa, jika username dan password salah maka akan kembali ke halaman
ini.
User Interface Peringatan Kesalahan Login Siswa
Gambar 4.44 User Interface Peringatan Kesalahan Login Siswa
Tampilan di atas merupakan peringatan bagi siswa yang melakukan kesalahan saat memasukkan username dan password. Pada saat salah memasukkan username
dan password maka akan kembali ke halaman login siswa.
User Interface Halaman Siswa
Gambar 4.45 User Interface Halaman Siswa
Tampilan di atas merupakan interface bagi siswa yang berhasil login ke dalam sistem. Pada samping kiri siswa akan memilih menu lihat nilai, cetak nilai dan ubah
password.
User Interface Nilai Siswa
Gambar 4.46 User Interface Nilai Siswa
Tampilan di atas merupakan interface bagi siswa tertentu yang ingin melihat nilai ulangan, nilai tugas, maupun nilai ujian. Hasil dari semua nilai dijumlah
kemudian dibagi dan akan mendapatkan nilai rata – rata.
? rowset = mysql_query
SELECT t3.nama_siswa AS nama, t3.username AS no_induk ,t2.nama_mapel AS mapel,t1.ul1 AS Ulangan1,
t1.ul2 AS Ulangan2, t1.ul3 AS Ulangan3, t1.ul4 AS Ulangan4, t1.ul5 AS Ulangan5, t1.tgs1 AS Tugas1,
t1.tgs2 AS Tugas2, t1.uts1 AS UTS1, t1.uts2 AS UTS2, t1.uas AS UAS,
SUMt1.ul1+t1.ul2+t1.ul3+t1.ul4+t1.ul5+t1.tgs1+t1.t gs2+t1.uts1+t1.uts2+t1.uas10 AS rata_rata FROM
tnilai t1 JOIN tmapel t2JOIN tsiswa t3 WHERE t1.idmapel=t2.id AND t1.username=t3.username
AND t3.username=.siswa[username]. GROUP BY t1.idmapel ;
i=1; whilemp = mysql_fetch_arrayrowset{
? tr
td height=29 style=border-bottom:1px solid 000;?php echo mp[mapel];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[Ulangan1];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[Ulangan2];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[Ulangan3];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[Ulangan4];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[Ulangan5];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[Tugas1];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[Tugas2];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[UTS1];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[UTS2];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[UAS];?td
td height=29 style=border-bottom:1px solid 000;?php echo mp[rata_rata];?td
td height=29 style=border-bottom:1px solid 000;td
tr
User Interface Cetak Nilai Siswa
Gambar 4.47 User Interface Cetak Nilai Siswa
Tampilan di atas merupakan interface bagi siswa tertentu yang ingin mencetak nilai ulangan, nilai tugas, maupun nilai ujian.
User Interface Edit Password Siswa
Gambar 4.48 User Interface Edit Password Siswa
Tampilan di atas merupakan interface bagi siswa yang melakukan edit password siswa. Pada saat siswa akan mengubah password siswa harus login terlebih
dahulu, setelah login siswa baru dapat mengubah password. Saat siswa selesai mengisi form edit password siswa, siswa akan mengklik Simpan, setelah tombol
Simpan dikloik, maka password siswa yang ada dalam database telah diubah.
127
BAB V ANALISA HASIL
