LAMPIRAN A TAMPILAN PROGRAM
Universitas Sumatera Utara
1. Tampilan Halaman Utama
Gambar 1 Halaman Utama
2. Tampilan Halaman Sejarah
Universitas Sumatera Utara
Gambar 2 Halaman Sejarah 3. Tampilan Halaman Visi dan Misi
Gambar 3 Halaman Visi dan Misi 4. Tampilan Halaman Struktur Organisasi
Universitas Sumatera Utara
Gambar 4 Halaman Struktur Organisasi 5. Tampilan Halaman Ekstrakurikuler
Gambar 5 Halaman Ekstrakurikuler
6. Tampilan Halaman Fasilitas
Universitas Sumatera Utara
Gambar 6 Halaman Fasilitas 7. Tampilan Halaman Prestasi
Gambar 7 Halaman Prestasi
8. Tampilan Halaman Kepala Madrasah
Universitas Sumatera Utara
Gambar 8 Halaman Kepala Madrasah 9. Tampilan Halaman Profil Guru dan Pegawai
Gambar 9 Halaman Profil Guru dan Pegawai
Universitas Sumatera Utara
10. Tampilan Halaman News
Gambar 10 Halaman News 11. Tampilan Halaman About
Universitas Sumatera Utara
Gambar 11 Halaman About
12. Tampilan Halaman Login Admin
Gambar 12 Halaman Login Admin 13. Tampilan Halaman Ganti Password Admin
Gambar 13 Halaman Ganti Password Admin
Universitas Sumatera Utara
14. Tampilan Halaman Admin Pencarian Data Siswa
Gambar 14 Halaman Admin Pencarian Data siswa
15. Tampilan Halaman Admin Tambah Data Siswa
Gambar 15 Halaman Tambah Data Siswa
Universitas Sumatera Utara
16. Tampilan Halaman Mata Pelajaran
Gambar 16 Halaman Mata Pelajaran 17. Tampilan Halaman Jurusan
Gambar 17 Halaman Jurusan
Universitas Sumatera Utara
18. Tampilan Halaman Data Kelas
Gambar 18 Halaman Data Kelas 19. Tampilan Halaman Data Absensi Siswa
Gambar 19 Halaman Data Absensi Siswa
20. Tampilan Halaman Data Nilai Siswa
Universitas Sumatera Utara
Gambar 20 Halaman Data Nilai Siswa
21. Tampilan Halaman Data Guru
Gambar 21 Halaman Data Guru
Universitas Sumatera Utara
22. Tampilan Halaman Login Guru
Gambar 22 Halaman Login Guru
Universitas Sumatera Utara
23. Tampilan Halaman Input Nilai Siswa
Gambar 23 Halaman inpu nilai siswa
24. Tampilan Halaman Input Data Absensi
Gambar 24 Halaman input data absensi
Universitas Sumatera Utara
25. Tampilan Halaman Login Siswa
Gambar 27 Halaman Login Siswa
26. Tampilan Halaman Data Pribadi Siswa
Gambar 28 Halaman Data Pribadi Siswa
Universitas Sumatera Utara
27. Tampilan Halaman Absensi Siswa
Gambar 29 Halaman Absensi Siswa
28. Tampilan Halaman Nilai Siswa
Gambar 30 Halaman Nilai Siswa
Universitas Sumatera Utara
LAMPIRAN B LISTING PROGRAM
Universitas Sumatera Utara
1. Halaman Utama (index.html)
man 1 medan <style type="text/css">
<param name="movie" value="gallery.swf" /> <param name="quality" value="high" /> <embed src="gallery.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="565" height="553"> Kalender
Universitas Sumatera Utara
<iframe src="kalender.htm" name="kalender" width="145" height="154" scrolling="No" frameborder="0" id="kalender">
<span class="style2">
2. Desain Template (style.css) * { margin: 0px; padding: 0px; } img { border: 0px; } a:link { color: #ffffff; } a:hover { text-decoration: none; color: #ffffff; } a:visited { color: #ffffff; } body {
Universitas Sumatera Utara
background: #E3E3E3; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333333; } #content { margin: 0 auto; width: 844px; margin-top: 40px; background: url(images/table_back.gif) repeat-y; } #header { height: 264px; width: 587px; background: #ffffff } #menu { width: 704px; padding-left: 140px; height: 54px; background: #ffffff url(images/menu.gif) repeat-x top; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 100px; height: 25px; display: block; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-top: 21px; } #menu a:hover { width: 100px; height: 25px; color: #BFECFC; text-decoration: underline; }
Universitas Sumatera Utara
.more { text-align: right; } #logo { width: 533px; height: 234px; text-align: right; padding-right: 40px; padding-top: 20px; background: #ffffff url(images/header.jpg) no-repeat; margin-left: 5px; } #logo H1 a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 14px; color: #ffffff; } #logo H2 a { font-size: 10px; color: #ffffff; } #main { } #left { width: 244px; padding-top: 6px; padding-left: 7px; margin-left: 6px; background: url(images/top_left.gif) no-repeat top; } #left H3 { width: 220px; height: 24px; font-size: 14px; font-weight: bold; padding-left: 17px; padding-top: 8px; text-transform: uppercase; color: #ffffff; background: url(images/title.gif) no-repeat }
Universitas Sumatera Utara
#left ul { list-style: none; } #left ul { border: 0px; margin-left: 20px; margin-bottom: 10px; } #left li { padding: 4px 15px; background: url(images/small.gif) no-repeat left; } #left .title_back { padding: 4px; padding-left: 20px; padding-right: 20px; } #left a { color: #23609C; } #left a:visited { color: #23609C; } #left p { padding: 10px; padding-left: 40px; } #calendar1 { padding: 0 10px 20px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a {
Universitas Sumatera Utara
text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #right { float: right; width: 587px; } #right_text { width: 573px; margin-left: 6px; } #right .box { padding: 10px; } #right ol, #right ul { margin-left: 30px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #23609C; } #right a { color: #4889D7; text-decoration: none; } .right_top { height: 11px; background: url(images/top.gif) no-repeat; } .right_bottom { height: 13px; margin-bottom: 10px;
Universitas Sumatera Utara
} #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right .date2 { margin: 10px; padding: 0; padding-top: 5px; } #right h3 { margin: 0; padding: 0; padding-top: 10px; color: #4889D7; } .date { text-align: right; color: #4889D7; font-size: 11px; } .date a { color: #23609C; } #footer { height: 40px; clear: both; padding-top: 30px; background: #E3E3E3 url(images/bottom.gif) no-repeat; } #footer p { margin: 0; font-size: 15px; text-align: center; color: #41939E; } #footer a { color: #41939E; }
3. Halaman Login Administrator (index.php)
Universitas Sumatera Utara
<meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Halaman Administrator <style type="text/css">
Universitas Sumatera Utara
4. Halaman Ganti Password Administrator (administrator.php)
Sistem Informasi Akademik Man 1 Medan <style> A:link { COLOR: #000080; TEXT-DECORATION: none; font-size:10pt; font-family:tahoma } A:visited { COLOR: #000080; TEXT-DECORATION: none; font-family:tahoma; font-size:10pt } A:active { COLOR: #000080; TEXT-DECORATION: none; font-family:tahoma; font-size:10pt } A:hover { COLOR: #FF0000; TEXT-DECORATION: none; font-family:tahoma; font-size:10pt; } .menu A:visited { COLOR: #00FFFF; TEXT-DECORATION: none; font-size:10pt; font-family:Tahoma; fontweight:bold } .menu A:hover { COLOR: #FFFF00; TEXT-DECORATION: none; font-family:Tahoma; font-size:10pt; fontweight:bold } .menu A:link { COLOR: #000080; TEXT-DECORATION: none; font-family:Tahoma; font-size:10pt; fontweight:bold } .shadow { FILTER: Alpha(Opacity=100) DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1) } .style1 { font-family: harrington; font-size: 18px; font-weight: bold; }
Universitas Sumatera Utara
5. Halaman Data Siswa (data.siswa.php)
DATA SISWA | TAMBAH DATA Cari data berdasarkan Abjad: A B C D E F G H I J K L M N O P Q
Universitas Sumatera Utara
R S T U V W X Y Z '' and jurusan='$jurusan'"; $stat="Siswa Aktif Jurusan $jurusan"; }elseif($status=="2"){ $where="where kelas='$kelas'"; $stat="Siswa Aktif Kelas $kelas"; }else{ $where="where status='2'"; $stat="sudah lulus"; } }elseif(isset($n)){ $where="where nama like'$n%'"; $stat="Huruf depan nama \"$n\""; }else{ $where="where kelas = ''"; $stat="Data Kelas belum ada"; } ?> Tampil Data Siswa Berdasarkan Untuk menampilkan data detail siswa, klik nama dari siswa tersebut. Nomor Induk Nama Siswa Jurusan Alamat
Universitas Sumatera Utara
Tool $d[induk] 
$d[nama]
$d[jurusan]
$alamat $kota[0]
"; if($level!=="1"){ if($d[kelas]==""){ echo" Bagi kelas |"; }else{ echo" Ambil materi |"; } } echo"Cetak
"; $j_siswa++; } ?>
Jumlah siswa adalah: $j_siswa orang."; } ?>
Universitas Sumatera Utara
6. Halaman Data Nilai (data.nilai.php)
<span class=menu> DATA NILAI SISWA
7. Halaman Data Materi (data.materi.php)
Universitas Sumatera Utara
include"sambung.php"; if(isset($id)){ $bc=mysql_query("select * from materi where id='$id'"); $d=mysql_fetch_array($bc); }else{ $d[materi]=""; $d[jurusan]=""; } ?>
<span class=menu> DATA MATERI KULIAH
Data materi yang sudah ada Id Materi Nama Materi Jumlah Session Jurusan / Semester $d[id]
Universitas Sumatera Utara
$d[materi]
$d[ses_inst] / $d[ses_ass]
$d[jurusan] / $d[semester]
Ubah | Hapus
"; } ?>
8. Halaman Data Kelas (data.kelas.php)
<span class=menu> DATA <span style="font-size: 9pt">KELAS DAN TAMBAH KELAS BARU
Universitas Sumatera Utara
Data Kelas Nama Kelas Mulai Aktif Materi Nama Instruktur
Universitas Sumatera Utara
$baca=mysql_query("select * from kelas"); $total=ceil(mysql_num_rows($baca) / 20); if(!isset($hal)){ $hal=0; } $offset= $hal * 20; $baca2=mysql_query("select kelas.nama, kelas.id_materi, kelas.jurusan, kelas.mulai, kelas.kode_instruktur, materi.materi, materi.id from kelas, materi where kelas.id_materi=materi.id order by kelas.id limit $offset,20"); While($d=mysql_fetch_array($baca2)){ if($d[status]=="0"){ $status="Belum aktif"; }else{ $status="Aktif"; } $d[nama]=strtolower($d[nama]); $inst=mysql_query("select nama from instruktur where kode='$d[kode_instruktur]'"); $inst2=mysql_fetch_array($inst); $nama_kelas=strtoupper($d[nama]); echo" ",$nama_kelas," ( Lihat Siswa )
",$d[mulai],"
",$d[materi],"
$inst2[nama]
"; } ?>
Universitas Sumatera Utara
Halaman: $ii "; } ?>
9. Halaman Data Jurusan (data.jurusan.php)
<span class=menu> DATA <span style="font-size: 9pt">JURUSAN
Data Jurusan yang sudah ada Kode Jurusan Nama Jurusan Action $d[kode]
$d[jurusan]
Ubah | Hapus
"; } ?>
Universitas Sumatera Utara
10. Halaman Data Guru (data.instruktur.php)
<span class=menu> DATA <span style="font-size: 9pt">INSTRUKTUR
Data Instruktur yang sudah ada Kode Instruktur Nama Instruktur Status $d[kode]
$d[nama]
$d[status]
Kelas | Ubah | Hapus
";
Universitas Sumatera Utara
} ?>
11. Halaman Data Absensi (data.absensi.php)
<span class=menu> DATA ABSENSI SISWA
Data Absensi siswa kelas: Materi: Session:
Universitas Sumatera Utara
No Induk Nama Siswa Alamat Absensi Tidak masuk"; }else{ $abs="-"; } $d[alamat]=str_replace("|"," ", $d[alamat]); $d[kota]=str_replace("|"," ", $d[kota]); echo" $d[induk]
$d[nama]
$d[alamat] $d[kota]
Universitas Sumatera Utara
$abs
"; } $inst=mysql_query("SELECT kelas.kode_instruktur, instruktur.nama FROM kelas, instruktur WHERE kelas.kode_instruktur=instruktur.kode and kelas.nama='$kelas2[0]' and id_materi='$materi2[0]'"); $ins=mysql_fetch_array($inst); $instruktur=$ins[nama]; ?> Instruktur : Asisten 1 : Asisten 2 : Laporan absensi lengkap";?>
Wah... kayaknya data kelas
Universitas Sumatera Utara
$kelas2[0] materi $materi2[1] dan session ke $session, Nggak ada tuh...
Coba lagi dech..... "; } } ?>
12. Halaman Edit Data Siswa (edit.siswa.php)
<span class=menu>
Universitas Sumatera Utara
DATA SISWA | TAMBAH DATA
13. Halaman Input Nomor Induk dan Kelas Siswa (induk.siswa.php) <span class=menu> PENGATURAN NOMOR INDUK DAN PEMBAGIAN KELAS
Universitas Sumatera Utara
14. Halaman Data Kelas Berdasarkan Instruktur (kelas.instruktur.php) <span class=menu> DATA <span style="font-size: 9pt">KELAS
Universitas Sumatera Utara
<span style="font-size: 9pt">BERDASARKAN INSTRUKTUR DATA INSTRUKTUR
Nama Instruktur
Kode Instruktur
Status
Universitas Sumatera Utara
Password
Data Kelas Yang Dibimbing Nama Kelas Mulai Aktif Jurusan Status Kelas $dd[nama] ($status)
$dd[mulai]
$dd[jurusan]
$ddd[materi]
";
Universitas Sumatera Utara
} ?>
15. Halaman Tambah Materi Baru (Materi.kelas.php) <span class=menu> TAMBAH MATERI BARU UNTUK KELAS
16. Halaman Tambah Data Siswa (tambah.siswa.php) <span class=menu>
Universitas Sumatera Utara
DATA SISWA | TAMBAH DATA
17. Halaman Tambah Data Kelas (tambah.data.kelas.php) <span class=menu> DATA <span style="font-size: 9pt">KELAS DAN TAMBAH KELAS BARU
Universitas Sumatera Utara
Data Kelas Terdaftar Nama Kelas < width="188" align="center"> Mulai Aktif Program Status Kelas $d[nama_kelas]
$d[tanggal_mulai]
$d[program]
$status
"; } ?>
Universitas Sumatera Utara
18. Proses Tambah Kelas (kirim.kelas.baru.php)
19. Proses Tambah Materi (kirim.materi.baru.php) <span class=menu> TAMBAH MATERI BARU UNTUK KELAS MATERI
Universitas Sumatera Utara
Universitas Sumatera Utara
20. Halaman Login Guru (index.php) <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> Halaman Guru <SCRIPT language=JAVASCRIPT> function CekLogin() { if (document.login_user.userid.value=="") { alert("Pilih Terlebih dahulu Nama Anda"); return false; } if (document.login_user.password.value=="") { alert("Masukkan Password Anda"); return false; } }
Universitas Sumatera Utara
21. Hamalam Utama Guru (utama.php) font size="2">Data Kelas Nama Kelas Jurusan color="#000080" width="291" align="center"> Materi Data $dd[nama]
$dd[jurusan]
$dd[materi]
[Lihat Data ]
"; }
Universitas Sumatera Utara
?>
22. Halaman Data Nilai Siswa (data_nilai.php)
23. Halaman Data Absensi Siswa (data_abensi.php)
24. Proses Input Nilai (input_nilai.php)
Universitas Sumatera Utara
$add_nilai=mysql_query("update kelas_aktif set nilai_$input_nilai='$n[$no]' where id_siswa='$data[id_siswa]' and id_materi='$data[id_materi]'"); $no++; } header("location:./instruktur.php?menu=data_nilai&kelas=$kelas&id_kelas=$id_kelas&materi=$materi &id_materi=$id_materi"); } ?>
25. Proses Input Absensi (input_absensi.php) ' where id_siswa='$data[id_siswa]' and id_materi='$data[id_materi]'"); $no++; } header("location:./isi.absensi.php?kelas=$kelas&id_kelas=$id_kelas&materi=$materi&id_materi=$id_ materi&jml_session=$jml_ses"); } ?>
26. Halaman Login Siswa (index.php) <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> Halaman Siswa <style type="text/css">
Universitas Sumatera Utara
27. Halaman Utama Siswa (siswa.php) <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> Halaman Siswa <script language="JavaScript"> =new Image; d.FP_imgs[i]?>.src=a[i]?>; } } function FP_swapImg() {//v1.0 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
Universitas Sumatera Utara
n+=2) { elm=FP_getObjectByID(args[n]?>); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]?>=elm; elm.$src=elm.src; elm.src=args[n+1]?>; } } } function FP_getObjectByID(id,o) {//v1.0 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id); else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]?>; if(el) return el; if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c) for(n=0; n); if(el) return el; } f=o.forms; if(f) for(n=0; n.elements; for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]?>); if(el) return el; } } return null; } // --> <map name="FPMap0"> <area href="keluar.php" shape="rect" coords="637, 92, 712, 113"> Selamat Datang
Universitas Sumatera Utara
28. Tampilan Data Pribadi Siswa (pribadi.php)
Universitas Sumatera Utara
`data_siswa`.`ttl`, `data_siswa`.`alamat`, `data_siswa`.`kota`, `data_siswa`.`ortu`, `data_siswa`.`asal_sekolah`, `data_siswa`.`th_lulus`, `data_siswa`.`telp`, `data_siswa`.`hp`, `data_siswa`.`email`, `data_siswa`.`agama`, `data_siswa`.`alamat_sekolah`, `data_siswa`.`tahun`, `data_siswa`.`data_sekolah`, `data_siswa`.`data_kerja`, `data_siswa`.`biaya_daftar`, `data_siswa`.`ang1`, `data_siswa`.`ang2`, `data_siswa`.`ang3`, `data_siswa`.`ang4`, `data_siswa`.`ang5`, `data_siswa`.`ang6`, `data_siswa`.`ang7`, `data_siswa`.`ang8`, `data_siswa`.`ang9`, `data_siswa`.`ang10`, `data_siswa`.`status`, `data_siswa`.`userid`, `data_siswa`.`password`, `data_siswa`.`tanngal` FROM `data_siswa` WHERE `data_siswa`.`userid` = '$userid'"); $d=mysql_fetch_array($data); $ortu=explode("|",$d[ortu]); $d[alamat]=str_replace("|"," ", $d[alamat]); $d[ttl]=str_replace("|"," ", $d[ttl]); ?> DATA PRIBADI SISWA
Universitas Sumatera Utara
Nama
Nomor Induk Siswa
Tempat, Tanggal lahir
Alamat
Telepon/ HP
Universitas Sumatera Utara
/
Agama
Alamat Email
Asal Sekolah
Nama Orang tua
Kelas
Universitas Sumatera Utara
Jurusan
29. Tampilan Data Nilai Siswa (nilai.php)
Universitas Sumatera Utara
WHERE `kelas_aktif`.`id_siswa` = '24'"); ?> DATA NILAI SISWA
Nama Materi
Nilai Harian Tugas Tengah Akhir Total Abjad
Universitas Sumatera Utara
while($d=mysql_fetch_array($baca2)){ $nama=mysql_fetch_array(mysql_query("SELECT materi FROM materi WHERE id ='$d[id_materi]'")); $total=((($d[nilai_harian]*30/100)+($d[nilai_tugas]*70/100))*30/100)+($d[nilai_akhir]*70/100); if($total<=49){ $ab="E"; }elseif($total<=58){ $ab="D"; }elseif($total<=67){ $ab="D+"; }elseif($total<=75){ $ab="C"; }elseif($total<=82){ $ab="C+"; }elseif($total<=88){ $ab="B"; }elseif($total<=94){ $ab="B+"; }else{ $ab="A"; } ?>
Universitas Sumatera Utara
?>
30. Tampilan Absensi Siswa (absensi.php) DATA
Universitas Sumatera Utara
ABSENSI SISWA
Nama Materi
Absensi Session 1 2 3 4 5 6 7 8 9 10
Universitas Sumatera Utara
while($d=mysql_fetch_array($baca2)){ $nama=mysql_fetch_array(mysql_query("SELECT materi FROM materi WHERE id ='$d[id_materi]'")); ?>
Universitas Sumatera Utara
m = masuk
t = tidak
31. Koneksi Database (sambung.php)
32. Tannggal (tanggal.php)
Universitas Sumatera Utara
33. Proses Login (login.php)
34. Cek Session (cek.php)
35. Proses Logout (Keluar.php)
Universitas Sumatera Utara