├── Admin
    ├── Hapus_Akun.php
    ├── Hapus_Guru.php
    ├── Hapus_Mata_Pelajaran.php
    ├── Hapus_Murid.php
    ├── Hapus_Pesan.php
    ├── Input_Nilai.php
    ├── Nilai.php
    ├── Note untuk logika Nilai.txt
    ├── Proses_Edit_Akun.php
    ├── Proses_Edit_Guru.php
    ├── Proses_Edit_Mata_Pelajaran.php
    ├── Proses_Edit_Murid.php
    ├── Proses_Input_Akun.php
    ├── Proses_Input_Mata_Pelajaran.php
    ├── Proses_Tambah_Guru.php
    ├── Proses_Tambah_Murid.php
    ├── akun.php
    ├── akun2.php
    ├── akun_edit.php
    ├── guru.php
    ├── guru_edit.php
    ├── icon.jpg
    ├── image
    │   ├── a.png
    │   ├── e.png
    │   ├── g.png
    │   ├── m.png
    │   ├── mpl.png
    │   └── n.png
    ├── index.php
    ├── mata_pelajaran.php
    ├── mata_pelajaran_edit.php
    ├── murid.php
    ├── murid_edit.php
    ├── pesan.php
    ├── process_guru.php
    ├── tambah_akun.php
    ├── tambah_guru.php
    ├── tambah_mata_pelajaran.php
    └── tambah_murid.php
├── Data Base school.sql
├── Guru Di daftarkan Oleh Admin.txt
├── Guru
    ├── Nilai.php
    ├── index.php
    └── process_guru.php
├── LICENSE
├── Level.txt
├── Logika.txt
├── Murid
    └── index.php
├── Note Untuk Database.txt
├── Proses_Kirim.php
├── README.md
├── akutansi.php
├── css
    ├── bootstrap.css
    ├── font-awesome.css
    ├── jquery-ui.css
    ├── roma.css
    ├── style.css
    ├── swipebox.css
    └── utama.css
├── fasilitas.php
├── fonts
    ├── FontAwesome.otf
    ├── fontawesome-webfont.eot
    ├── fontawesome-webfont.svg
    ├── fontawesome-webfont.ttf
    ├── fontawesome-webfont.woff
    ├── fontawesome-webfont.woff2
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2
├── images
    ├── 1.jpg
    ├── 2.jpg
    ├── Backup
    │   ├── ab1.jpg
    │   ├── ab2.jpg
    │   ├── avb1.jpg
    │   ├── banner2.jpg
    │   ├── bg1.jpg
    │   ├── g1.jpg
    │   ├── g10.jpg
    │   ├── g11.jpg
    │   ├── g12.jpg
    │   ├── g2.jpg
    │   ├── g3.jpg
    │   ├── g4.jpg
    │   ├── g5.jpg
    │   ├── g6.jpg
    │   ├── g7.jpg
    │   ├── g8.jpg
    │   ├── g9.jpg
    │   ├── t1.jpg
    │   ├── t2.jpg
    │   ├── t3.jpg
    │   ├── t4.jpg
    │   ├── t5.jpg
    │   └── t6.jpg
    ├── FUTSALL.jpg
    ├── Lap1.jpg
    ├── MURID1-b.jpg
    ├── MURID1.jpg
    ├── MURID2.jpg
    ├── MURID3.jpg
    ├── SMKBARUNAWATI.jpg
    ├── Thumbs.db
    ├── akun
    │   ├── akun.png
    │   ├── e akun.png
    │   └── kumpul.jpg
    ├── baruna2.jpg
    ├── basket.jpg
    ├── basket1.jpg
    ├── bengkel.jpg
    ├── c-arrows.png
    ├── carousel.png
    ├── icon_gambar.ico
    ├── icons.svg
    ├── kantin.jpg
    ├── komputer.jpg
    ├── logo.ico
    ├── lpg.png
    ├── otomotif
    │   ├── oto.jpg
    │   ├── oto2.jpg
    │   └── oto3.png
    ├── perpustakaan.jpg
    ├── perpustkaan.jpg
    ├── play-button.png
    ├── rpl
    │   ├── rpl.jpg
    │   ├── rpl2.jpg
    │   └── rpl3.jpg
    ├── search.png
    ├── sekolah.jpg
    ├── tanaman.jpg
    ├── up2.png
    └── voly.jpg
├── index.php
├── js
    ├── SmoothScroll.min.js
    ├── bootstrap.js
    ├── easing.js
    ├── jquery-2.1.4.min.js
    ├── jquery-ui.js
    ├── jquery.swipebox.min.js
    ├── move-top.js
    ├── numscroller-1.0.js
    └── simplePlayer.js
├── koneksi.php
├── logout.php
├── mail.php
├── napigasi.php
├── napigasi2.php
├── otomotif.php
├── profile_sekolah.php
├── proses_daftar.php
├── proses_login.php
├── rpl.php
├── screenshot
    ├── admin.png
    ├── akun.png
    ├── beranda.png
    ├── contact.png
    ├── guru.png
    ├── matapelajaran.png
    ├── murid.png
    └── nilai.png
├── urutan.txt
├── validasi_daftar.js
└── w3layouts-License.txt


/Admin/Hapus_Akun.php:
--------------------------------------------------------------------------------
1 | <?php
2 | include "../koneksi.php";
3 | 
4 | $Kode = $_GET['kode'];
5 | mysqli_query($koneksi, "delete from akun where username='$Kode'");
6 | header('location:akun.php');
7 | ?>


--------------------------------------------------------------------------------
/Admin/Hapus_Guru.php:
--------------------------------------------------------------------------------
1 | <?php
2 | include "../koneksi.php";
3 | 
4 | $Kode = $_GET['kode'];
5 | mysqli_query($koneksi, "delete from guru where nip='$Kode'");
6 | header('location:guru.php');
7 | ?>


--------------------------------------------------------------------------------
/Admin/Hapus_Mata_Pelajaran.php:
--------------------------------------------------------------------------------
1 | <?php
2 | include "../koneksi.php";
3 | 
4 | $Kode = $_GET['kode'];
5 | mysqli_query($koneksi, "delete from mata_pelajaran where kode_mata_pelajaran='$Kode'");
6 | header('location:mata_pelajaran.php');
7 | 


--------------------------------------------------------------------------------
/Admin/Hapus_Murid.php:
--------------------------------------------------------------------------------
1 | <?php
2 | include "../koneksi.php";
3 | 
4 | $Kode = $_GET['kode'];
5 | mysqli_query($koneksi, "delete from murid where nisn='$Kode'");
6 | header('location:murid.php');
7 | ?>


--------------------------------------------------------------------------------
/Admin/Hapus_Pesan.php:
--------------------------------------------------------------------------------
1 | <?php
2 | include "../koneksi.php";
3 | 
4 | $Kode = $_GET['kode'];
5 | mysqli_query($koneksi, "delete from pesan where Isi='$Kode'");
6 | header('location:pesan.php');
7 | 


--------------------------------------------------------------------------------
/Admin/Input_Nilai.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include "../koneksi.php";
  3 | ?>
  4 | <!DOCTYPE html>
  5 | <html lang="zxx">
  6 | 
  7 | <head>
  8 | 	<title>SMK TERPADU</title>
  9 | 	<!-- Meta tag Keywords -->
 10 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 11 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 12 | 	<meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 13 | 	<script type="application/x-javascript">
 14 | 		addEventListener("load", function() {
 15 | 			setTimeout(hideURLbar, 0);
 16 | 		}, false);
 17 | 
 18 | 		function hideURLbar() {
 19 | 			window.scrollTo(0, 1);
 20 | 		}
 21 | 	</script>
 22 | 	<!--// Meta tag Keywords -->
 23 | 	<!-- css files -->
 24 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 25 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 26 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 27 | 	<link rel="stylesheet" href="../css/swipebox.css">
 28 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 29 | 	<link rel="stylesheet" href="../css/roma.css" />
 30 | 	<!-- //css files -->
 31 | 	<!-- online-fonts -->
 32 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 33 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 34 | 	<!-- //online-fonts -->
 35 | </head>
 36 | 
 37 | <body>
 38 | 
 39 | 	<?php include('../napigasi2.php'); ?>
 40 | 
 41 | 	<div class="clearfix"> </div>
 42 | 	<!-- Input Nilai -->
 43 | 	<?php
 44 | 	include "../koneksi.php";
 45 | 
 46 | 	$mapel = "SELECT * FROM `mata_pelajaran` WHERE nama_matapelajaran = '$_POST[Mata_Pelajaran]';";
 47 | 	$hasil_mapel = mysqli_query($koneksi, $mapel);
 48 | 	$data_mapel = mysqli_fetch_array($hasil_mapel)
 49 | 	?>
 50 | 
 51 | 	<div id="Input Nilai">
 52 | 		<div class="container roma-batasan">
 53 | 			<form action="process_guru.php" method="post">
 54 | 				Nama Mata Pelajaran : <input type="text" name="Nama_Mata_Pelajaran" value="<?php echo $_POST['Mata_Pelajaran']; ?>" Readonly> <br><br>
 55 | 				Jurusan : <input type="text" name="Jurusan" value="<?php echo $data_mapel['jurusan']; ?>" size='2' Rseadonly><br><br>
 56 | 				Kelas : <input type="text" name="Kelas" value="<?php echo $data_mapel['kelas']; ?>" size='2' Readonly><br><br>
 57 | 
 58 | 				<table class="table table-bordered">
 59 | 					<tr>
 60 | 						<td width="150" align="center">NISN</td>
 61 | 						<td width="150" align="center">Nama Murid</td>
 62 | 						<td wsidth="80" align="center">Nilai UTS</td>
 63 | 						<td width="80" align="center">Nilai UAS</td>
 64 | 					<tr>
 65 | 
 66 | 						<?php
 67 | 						$tampil_murid = "SELECT * FROM murid WHERE jurusan = '$data_mapel[jurusan]' and kelas = '$data_mapel[kelas]'";
 68 | 						$hasil_murid = mysqli_query($koneksi, $tampil_murid);
 69 | 
 70 | 						$N = 1;
 71 | 						$T = 10000;
 72 | 						$A = 20000;
 73 | 
 74 | 						while ($data_murid = mysqli_fetch_array($hasil_murid)) {
 75 | 							$tampil_nilai = "SELECT * FROM `nilai` WHERE nama_murid = '$data_murid[nama_murid]' and jurusan = '$data_murid[jurusan]' and kelas = '$data_mapel[kelas]' and nama_matapelajaran = '$_POST[Mata_Pelajaran]'";
 76 | 							$hasil_nilai = mysqli_query($koneksi, $tampil_nilai);
 77 | 							$data_nilai = mysqli_fetch_array($hasil_nilai);
 78 | 
 79 | 							$nilai_UTS = !isset($data_nilai['nilai_UTS']) ? "" : $data_nilai['nilai_UTS'];
 80 | 							$nilai_UAS = !isset($data_nilai['nilai_UAS']) ? "" : $data_nilai['nilai_UAS'];
 81 | 
 82 | 							echo "
 83 | 							<td> $data_murid[nisn] </td>
 84 | 							<td class='text-left'> <input type='text' name='$N' value='$data_murid[nama_murid]' Readonly> </td>			
 85 | 							<td align='center'> <input type='text' name='$T' value='$nilai_UTS' maxlength='3' size='1'/>  </td>
 86 | 							<td align='center'> <input type='text' name='$A' value='$nilai_UAS' maxlength='3' size='1'/> </td>
 87 | 							</TR>
 88 | 		 					";
 89 | 
 90 | 							$N++;
 91 | 							$T++;
 92 | 							$A++;
 93 | 						}
 94 | 
 95 | 						?>
 96 | 
 97 | 				</table>
 98 | 				<button class="btn btn-primary"> Simpan </button>
 99 | 			</form>
100 | 		</div>
101 | 	</div>
102 | 
103 | 	<!-- //Laporan Nilai -->
104 | 
105 | 
106 | 	<!-- footer -->
107 | 
108 | 	<div class="w3layouts_copy_right">
109 | 		<div class="container">
110 | 			<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
111 | 		</div>
112 | 	</div>
113 | 	<!-- //footer -->
114 | 
115 | 	<!-- js-scripts -->
116 | 	<!-- js-files -->
117 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
118 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
119 | 	<!-- //js-files -->
120 | 	<!-- Baneer-js -->
121 | 
122 | 
123 | 
124 | 	<!-- smooth scrolling -->
125 | 	<script src="../js/SmoothScroll.min.js"></script>
126 | 	<!-- //smooth scrolling -->
127 | 	<!-- stats -->
128 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
129 | 	<!-- //stats -->
130 | 	<!-- moving-top scrolling -->
131 | 	<script type="text/javascript" src="../js/move-top.js"></script>
132 | 	<script type="text/javascript" src="../js/easing.js"></script>
133 | 	<script type="text/javascript">
134 | 		jQuery(document).ready(function($) {
135 | 			$(".scroll").click(function(event) {
136 | 				event.preventDefault();
137 | 				$('html,body').animate({
138 | 					scrollTop: $(this.hash).offset().top
139 | 				}, 1000);
140 | 			});
141 | 		});
142 | 	</script>
143 | 	<script type="text/javascript">
144 | 		$(document).ready(function() {
145 | 			/*
146 | 				var defaults = {
147 | 				containerID: 'toTop', // fading element id
148 | 				containerHoverID: 'toTopHover', // fading element hover id
149 | 				scrollSpeed: 1200,
150 | 				easingType: 'linear' 
151 | 				};
152 | 			*/
153 | 			$().UItoTop({
154 | 				easingType: 'easeOutQuart'
155 | 			});
156 | 		});
157 | 	</script>
158 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;">
159 | 		</span></a>
160 | 	<!-- //moving-top scrolling -->
161 | 	<!-- gallery popup -->
162 | 	<script src="../js/jquery.swipebox.min.js"></script>
163 | 	<script type="text/javascript">
164 | 		jQuery(function($) {
165 | 			$(".swipebox").swipebox();
166 | 		});
167 | 	</script>
168 | 	<!-- //gallery popup -->
169 | 	<!--/script-->
170 | 	<script src="../js/simplePlayer.js"></script>
171 | 	<script>
172 | 		$("document").ready(function() {
173 | 			$("#video").simplePlayer();
174 | 		});
175 | 	</script>
176 | 	<!-- //Baneer-js -->
177 | 	<!-- Calendar -->
178 | 	<script src="../js/jquery-ui.js"></script>
179 | 	<script>
180 | 		$(function() {
181 | 			$("#datepicker").datepicker();
182 | 		});
183 | 	</script>
184 | 	<!-- //Calendar -->
185 | 
186 | 	<!-- //js-scripts -->
187 | </body>
188 | 
189 | </html>


--------------------------------------------------------------------------------
/Admin/Nilai.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | 
  4 | <head>
  5 | 	<title>SMK TERPADU</title>
  6 | 	<!-- Meta tag Keywords -->
  7 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  8 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | 	<meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 10 | 	<script type="application/x-javascript">
 11 | 		addEventListener("load", function() {
 12 | 			setTimeout(hideURLbar, 0);
 13 | 		}, false);
 14 | 
 15 | 		function hideURLbar() {
 16 | 			window.scrollTo(0, 1);
 17 | 		}
 18 | 	</script>
 19 | 	<!--// Meta tag Keywords -->
 20 | 	<!-- css files -->
 21 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 22 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 23 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 24 | 	<link rel="stylesheet" href="../css/swipebox.css">
 25 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 26 | 	<link rel="stylesheet" href="../css/roma.css" />
 27 | 	<!-- //css files -->
 28 | 	<!-- online-fonts -->
 29 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 30 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 31 | 	<!-- //online-fonts -->
 32 | </head>
 33 | 
 34 | <body>
 35 | 
 36 | 	<?php include('../napigasi2.php'); ?>
 37 | 
 38 | 	<div class="clearfix"> </div>
 39 | 	<!-- Pilih Mata Pelajaran -->
 40 | 	<div id="Pilih_Mata_Pelajaran">
 41 | 		<div class="container roma-batasan">
 42 | 			<form action="Input_Nilai.php" method="post">
 43 | 				<table class="table roma-table" border=0>
 44 | 					<tr>
 45 | 						<td>Mata Pelajaran :</td>
 46 | 						<td>
 47 | 							<select name="Mata_Pelajaran">
 48 | 
 49 | 								<?php
 50 | 								include('../koneksi.php');
 51 | 
 52 | 								$tampil = "SELECT * FROM `mata_pelajaran`";
 53 | 								$hasil = mysqli_query($koneksi, $tampil);
 54 | 
 55 | 								while ($data = mysqli_fetch_array($hasil)) {
 56 | 									echo "	<option value='$data[nama_matapelajaran]'>$data[nama_matapelajaran]</option> ";
 57 | 								}
 58 | 
 59 | 								?>
 60 | 							</select>
 61 | 						</td>
 62 | 					</tr>
 63 | 
 64 | 					<tr>
 65 | 						<td colspan=2 align="left"><button class="btn btn-primary"> Tampilkan </button> </td>
 66 | 					</tr>
 67 | 				</table>
 68 | 			</form>
 69 | 		</div>
 70 | 	</div>
 71 | 
 72 | 	<!-- //Pilih Pata Pelajaran -->
 73 | 
 74 | 
 75 | 	<!-- footer -->
 76 | 	<div class="w3layouts_copy_right">
 77 | 		<div class="container">
 78 | 			<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 79 | 		</div>
 80 | 	</div>
 81 | 	<!-- //footer -->
 82 | 
 83 | 	<!-- js-scripts -->
 84 | 	<!-- js-files -->
 85 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
 86 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
 87 | 	<!-- //js-files -->
 88 | 	<!-- Baneer-js -->
 89 | 
 90 | 
 91 | 
 92 | 	<!-- smooth scrolling -->
 93 | 	<script src="../js/SmoothScroll.min.js"></script>
 94 | 	<!-- //smooth scrolling -->
 95 | 	<!-- stats -->
 96 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
 97 | 	<!-- //stats -->
 98 | 	<!-- moving-top scrolling -->
 99 | 	<script type="text/javascript" src="../js/move-top.js"></script>
100 | 	<script type="text/javascript" src="../js/easing.js"></script>
101 | 	<script type="text/javascript">
102 | 		jQuery(document).ready(function($) {
103 | 			$(".scroll").click(function(event) {
104 | 				event.preventDefault();
105 | 				$('html,body').animate({
106 | 					scrollTop: $(this.hash).offset().top
107 | 				}, 1000);
108 | 			});
109 | 		});
110 | 	</script>
111 | 	<script type="text/javascript">
112 | 		$(document).ready(function() {
113 | 			/*
114 | 				var defaults = {
115 | 				containerID: 'toTop', // fading element id
116 | 				containerHoverID: 'toTopHover', // fading element hover id
117 | 				scrollSpeed: 1200,
118 | 				easingType: 'linear' 
119 | 				};
120 | 			*/
121 | 			$().UItoTop({
122 | 				easingType: 'easeOutQuart'
123 | 			});
124 | 		});
125 | 	</script>
126 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
127 | 	<!-- //moving-top scrolling -->
128 | 	<!-- gallery popup -->
129 | 	<script src="../js/jquery.swipebox.min.js"></script>
130 | 	<script type="text/javascript">
131 | 		jQuery(function($) {
132 | 			$(".swipebox").swipebox();
133 | 		});
134 | 	</script>
135 | 	<!-- //gallery popup -->
136 | 	<!--/script-->
137 | 	<script src="../js/simplePlayer.js"></script>
138 | 	<script>
139 | 		$("document").ready(function() {
140 | 			$("#video").simplePlayer();
141 | 		});
142 | 	</script>
143 | 	<!-- //Baneer-js -->
144 | 	<!-- Calendar -->
145 | 	<script src="../js/jquery-ui.js"></script>
146 | 	<script>
147 | 		$(function() {
148 | 			$("#datepicker").datepicker();
149 | 		});
150 | 	</script>
151 | 	<!-- //Calendar -->
152 | 
153 | 	<!-- //js-scripts -->
154 | </body>
155 | 
156 | </html>


--------------------------------------------------------------------------------
/Admin/Note untuk logika Nilai.txt:
--------------------------------------------------------------------------------
1 | pakai logika
2 | jika data di database ada maka update
3 | jika data di database tidak ada maka input


--------------------------------------------------------------------------------
/Admin/Proses_Edit_Akun.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../koneksi.php";
 3 | 
 4 | $Username_Lama = $_POST['Username_Lama'];
 5 | $Username_Baru = $_POST['Username_Baru'];
 6 | $Password = md5($_POST['Password']);
 7 | $Level = $_POST['Level'];
 8 | 
 9 | if ($_POST['Username_Baru'] == "" && $_POST['Password'] == "")
10 | {
11 | 	$sqlstr="UPDATE `akun` SET `level` = '$Level' WHERE `username` = '$Username_Lama';";
12 | }
13 | else if ($_POST['Username_Baru'] != "" && $_POST['Password'] == "")
14 | {	
15 | 	$Username = $_POST['Username_Baru'];
16 | 	$sqlstr="UPDATE `akun` SET `username` = '$Username', `level` = '$Level' WHERE `username` = '$Username_Lama' ;";
17 | }
18 | else if ($_POST['Username_Baru'] == "" && $_POST['Password'] != "")
19 | {
20 | 	$sqlstr="UPDATE `akun` SET `Password` = '$Password', `level` = '$Level' WHERE `username` = '$Username_Lama';";
21 | }
22 | else
23 | {
24 | 	$sqlstr="UPDATE `akun` SET `username` = '$Username_Baru', `Password` = '$Password', `level` = '$Level' WHERE `username` = '$Username_Lama';";
25 | }
26 | 
27 | (mysqli_query($koneksi, $sqlstr));
28 | 
29 | header('location:akun.php');
30 | ?>


--------------------------------------------------------------------------------
/Admin/Proses_Edit_Guru.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../koneksi.php";
 3 | 
 4 | $NIP_Lama = $_POST['nip_lama'];
 5 | $NIP = $_POST['nip'];
 6 | $Nama_Guru = $_POST['nama_guru'];
 7 | $Username = $_POST['Username'];
 8 | $No_Telepon = $_POST['no_tlp'];
 9 | $Jenis_Kelamin = $_POST['Jenis_Kelamin'];
10 | $Agama = $_POST['Agama'];
11 | 
12 | if ($_POST['nip'] == "")
13 | {
14 | 	$sqlstr="UPDATE `guru` SET `nama_guru` = '$Nama_Guru', username = '$Username',`no_hp` = '$No_Telepon', `jenkel` = '$Jenis_Kelamin', `agama` = '$Agama' WHERE `guru`.`nip` = '$NIP_Lama';";
15 | }
16 | else
17 | {
18 | 	$sqlstr="UPDATE `guru` SET nip = '$NIP', `nama_guru` = '$Nama_Guru', username = '$Username',`no_hp` = '$No_Telepon', `jenkel` = '$Jenis_Kelamin', `agama` = '$Agama' WHERE `guru`.`nip` = '$NIP_Lama';";
19 | }
20 | (mysqli_query($koneksi, $sqlstr));
21 | 
22 | header('location:guru.php');
23 | ?>


--------------------------------------------------------------------------------
/Admin/Proses_Edit_Mata_Pelajaran.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../koneksi.php";
 3 | 
 4 | $Kode_Lama = $_POST['Kode_lama'];
 5 | $Kode_Baru = $_POST['Kode_mapel'];
 6 | $Nama_Mata_Pelajaran = $_POST['Nama_Mata_Pelajaran'];
 7 | $NIP = $_POST['NIP'];
 8 | $Jurusan = $_POST['Jurusan'];
 9 | $Kelas = $_POST['Kelas'];
10 | 
11 | if ($_POST['Kode_mapel'] == "")
12 | {
13 | 	$sqlstr="UPDATE `mata_pelajaran` SET `nama_matapelajaran` = '$Nama_Mata_Pelajaran', `kelas` = '$Kelas', `jurusan` = '$Jurusan', `nip` = '$NIP' WHERE `kode_mata_pelajaran` = '$Kode_Lama' ;";
14 | }
15 | else
16 | {
17 | 	$sqlstr="UPDATE `mata_pelajaran` SET kode_mata_pelajaran = '$Kode_Baru', `nama_matapelajaran` = '$Nama_Mata_Pelajaran', `kelas` = '$Kelas', `jurusan` = '$Jurusan', `nip` = '$NIP' WHERE `kode_mata_pelajaran` = '$Kode_Lama' ;";
18 | }
19 | 
20 | (mysqli_query($koneksi, $sqlstr));
21 | 
22 | header('location:mata_pelajaran.php');
23 | 


--------------------------------------------------------------------------------
/Admin/Proses_Edit_Murid.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../koneksi.php";
 3 | 
 4 | $NISN_Lama = $_POST['NISN_Lama'];
 5 | $NISN = $_POST['NISN'];
 6 | $Nama = $_POST['Nama'];
 7 | $Username = $_POST['Username'];
 8 | $Kota = $_POST['Kota'];
 9 | $Jenis_Kelamin = $_POST['Jenis_Kelamin'];
10 | $Agama = $_POST['Agama'];
11 | $Jurusan = $_POST['Jurusan'];
12 | $Kelas = $_POST['Kelas'];
13 | 
14 | if ($_POST['NISN'] == "")
15 | {
16 | 	$sqlstr="UPDATE `murid` SET `nama_murid` = '$Nama', `username` = '$Username',`kota` = '$Kota', `jenkel` = '$Jenis_Kelamin', `agama` = '$Agama', `jurusan` = '$Jurusan', `kelas` = '$Kelas' WHERE `murid`.`nisn` = '$NISN_Lama';";
17 | }
18 | else
19 | {
20 | 	$sqlstr="UPDATE `murid` SET `nisn` = '$NISN',`nama_murid` = '$Nama', `username` = '$Username',`kota` = '$Kota', `jenkel` = '$Jenis_Kelamin', `agama` = '$Agama', `jurusan` = '$Jurusan', `kelas` = '$Kelas' WHERE `murid`.`nisn` = '$NISN_Lama';";
21 | }
22 | 
23 | (mysqli_query($koneksi, $sqlstr));
24 | 
25 | header('location:murid.php');
26 | ?>


--------------------------------------------------------------------------------
/Admin/Proses_Input_Akun.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../koneksi.php";
 3 | 
 4 | $Username = $_POST['Username'];
 5 | $Password = md5($_POST['Password']);
 6 | $Level = $_POST['Level'];
 7 | 
 8 | $sql = mysqli_query($koneksi, "SELECT * FROM `akun` WHERE username = '$Username' ") or die(mysqli_error($koneksi));
 9 | if (mysqli_num_rows($sql) == 0) {
10 | 	$input_akun = "INSERT INTO `akun` (`username`, `password`, `level`) VALUES ('$Username', '$Password', '$Level');";
11 | 	(mysqli_query($koneksi, $input_akun));
12 | 	header('location:akun.php');
13 | } else {
14 | 	echo (" <SCRIPT LANGUAGE='JavaScript'>
15 | 				window.alert('Username sudah Terdaftar')
16 | 				window.location.href='akun.php';
17 | 			</SCRIPT>");
18 | }
19 | 


--------------------------------------------------------------------------------
/Admin/Proses_Input_Mata_Pelajaran.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../koneksi.php";
 3 | 
 4 | $Kode = $_POST['Kode'];
 5 | $Nama_Mata_Pelajaran = $_POST['Nama_Mata_Pelajaran'];
 6 | $NIP = $_POST['NIP'];
 7 | $Jurusan = $_POST['Jurusan'];
 8 | $Kelas = $_POST['Kelas'];
 9 | 
10 | $sql = mysqli_query($koneksi, "SELECT * FROM `mata_pelajaran` WHERE kode_mata_pelajaran = '$Kode' ") or die(mysqli_error($koneksi));
11 | if (mysqli_num_rows($sql) == 0) {
12 | 	$input = "INSERT INTO `mata_pelajaran` (`kode_mata_pelajaran`, `nama_matapelajaran`, `kelas`, `jurusan`, `nip`) VALUES ('$Kode', '$Nama_Mata_Pelajaran', '$Kelas', '$Jurusan', '$NIP');";
13 | 	(mysqli_query($koneksi, $input));
14 | 	header('location:mata_pelajaran.php');
15 | } else {
16 | 	echo (" <SCRIPT LANGUAGE='JavaScript'>
17 | 				window.alert('Kode sudah Dipakai')
18 | 				window.location.href='mata_pelajaran.php';
19 | 			</SCRIPT>");
20 | }
21 | 


--------------------------------------------------------------------------------
/Admin/Proses_Tambah_Guru.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../koneksi.php";
 3 | 
 4 | 
 5 | $NIP = $_POST['nip'];
 6 | $Nama_Guru = $_POST['nama_guru'];
 7 | $Username = $_POST['Username'];
 8 | $No_Telepon = $_POST['no_tlp'];
 9 | $Jenis_Kelamin = $_POST['jenis_kelamin'];
10 | $Agama = $_POST['agama'];
11 | 
12 | $sqlstr="INSERT INTO `guru` (`nip`, `nama_guru`, `no_hp`, `jenkel`, `agama`, `username`) VALUES ('$NIP', '$Nama_Guru', '$No_Telepon', '$Jenis_Kelamin', '$Agama', '$Username');";
13 | (mysqli_query($koneksi, $sqlstr));
14 | 
15 | header('location:guru.php');
16 | ?>


--------------------------------------------------------------------------------
/Admin/Proses_Tambah_Murid.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../koneksi.php";
 3 | 
 4 | 
 5 | $NISN = $_POST['NISN'];
 6 | $Username = $_POST['Username'];
 7 | $Nama = $_POST['Nama'];
 8 | $Kota = $_POST['Kota'];
 9 | $Jenis_Kelamin = $_POST['Jenis_Kelamin'];
10 | $Agama = $_POST['Agama'];
11 | $Jurusan = $_POST['Jurusan'];
12 | $Kelas = $_POST['Kelas'];
13 | 
14 | $sqlstr="INSERT INTO `murid` (`nisn`, `nama_murid`, `username`,`kota`, `jenkel`, `agama`, `jurusan`, `kelas`) VALUES ('$NISN', '$Nama', '$Username','$Kota', '$Jenis_Kelamin', '$Agama', '$Jurusan', '$Kelas');";
15 | (mysqli_query($koneksi, $sqlstr));
16 | 
17 | header('location:murid.php');
18 | ?>


--------------------------------------------------------------------------------
/Admin/akun.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include ('../koneksi.php');
  3 | ?>
  4 | <!DOCTYPE html>
  5 | <html lang="zxx">
  6 | <head>
  7 | <title>SMK TERPADU</title>
  8 | <!-- Meta tag Keywords -->
  9 | <meta name="viewport" content="width=device-width, initial-scale=1">
 10 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 11 | <meta name="keywords" content="SMK Terpadu" />
 12 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 13 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 14 | <!--// Meta tag Keywords -->
 15 | <!-- css files -->
 16 | <link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 17 | <link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 18 | <link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 19 | <link rel="stylesheet" href="../css/swipebox.css">
 20 | <link rel="stylesheet" href="../css/jquery-ui.css" />
 21 | <link rel="stylesheet" href="../css/roma.css"/>
 22 | <!-- //css files -->
 23 | <!-- online-fonts -->
 24 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 25 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 26 | <!-- //online-fonts -->
 27 | </head>
 28 | <body>
 29 | 
 30 | <?php include ('../napigasi2.php'); ?>
 31 | 
 32 | <div class="clearfix"> </div> 
 33 | <!-- //Modal2 -->
 34 | 	
 35 | <!-- Akun Control -->
 36 | <div id="Akun_Control">
 37 | 	<div class="container">
 38 |     <h3 class="w3l-title"> Akun Control </h3>
 39 |     
 40 |     <a href="tambah_akun.php"> <button class="btn"> Tambah Akun </button> </a>
 41 |     <div>
 42 |     	<table class="table table-bordered text-center">
 43 |         <tr>
 44 |         	<td><b> Username </td>
 45 |             <td width="150"><b> Level </td>
 46 |             <td colspan="2"><b> Aksi </td>
 47 |         </tr>
 48 |         
 49 | <?php	
 50 | $tampil="SELECT * FROM `akun` ORDER BY `akun`.`username` ASC  ";
 51 | $hasil=mysqli_query($koneksi, $tampil);
 52 | 
 53 | while ($data=mysqli_fetch_array($hasil))
 54 | {
 55 | 	if ($data['level'] == 1)
 56 | 	{
 57 | 		$Level = "Admin";
 58 | 	}
 59 | 	else if ($data['level'] == 2)
 60 | 	{
 61 | 		$Level = "Guru";
 62 | 	}
 63 | 	else
 64 | 	{
 65 | 		$Level = "Murid";
 66 | 	}
 67 | 	
 68 | 	echo "<td class='text-left'>$data[username]</TD>";
 69 | 	echo "<td>$Level</TD>";
 70 | 	echo "<td width='100'><a href='akun_edit.php?kode=$data[username]'>Edit </a></td>";
 71 | 	echo "<td width='100'><a href='Hapus_Akun.php?kode=$data[username]'> Hapus</a></td>
 72 | </TR>";
 73 | }
 74 | 		
 75 | ?>
 76 |         
 77 |         </table>
 78 |     </div>
 79 |     
 80 |     <div class="clearfix margin-bawah"></div>
 81 |     </div>
 82 | </div>
 83 | 
 84 | <!-- //Admin Pannel -->
 85 | 
 86 | <!-- footer -->
 87 | 
 88 | <div class="w3layouts_copy_right">
 89 | 	<div class="container">
 90 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 91 | 	</div>
 92 | </div>
 93 | <!-- //footer -->
 94 | 
 95 | <!-- js-scripts -->			
 96 | <!-- js-files -->
 97 | <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
 98 | <script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
 99 | <!-- //js-files -->
100 | <!-- Baneer-js -->
101 | 
102 | 
103 | 
104 | <!-- smooth scrolling -->
105 | <script src="../js/SmoothScroll.min.js"></script>
106 | <!-- //smooth scrolling -->
107 | <!-- stats -->
108 | <script type="text/javascript" src="../js/numscroller-1.0.js"></script>
109 | <!-- //stats -->
110 | <!-- moving-top scrolling -->
111 | <script type="text/javascript" src="../js/move-top.js"></script>
112 | <script type="text/javascript" src="../js/easing.js"></script>
113 | <script type="text/javascript">
114 | 	jQuery(document).ready(function($) {
115 | 		$(".scroll").click(function(event){		
116 | 			event.preventDefault();
117 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
118 | 		});
119 | 	});
120 | </script>
121 | 	<script type="text/javascript">
122 | 		$(document).ready(function() {
123 | 		/*
124 | 			var defaults = {
125 | 			containerID: 'toTop', // fading element id
126 | 			containerHoverID: 'toTopHover', // fading element hover id
127 | 			scrollSpeed: 1200,
128 | 			easingType: 'linear' 
129 | 			};
130 | 		*/								
131 | 		$().UItoTop({ easingType: 'easeOutQuart' });
132 | 		});
133 | 	</script>
134 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
135 | <!-- //moving-top scrolling -->
136 | <!-- gallery popup -->
137 | <script src="../js/jquery.swipebox.min.js"></script> 
138 | <script type="text/javascript">
139 | jQuery(function($) {
140 | 	$(".swipebox").swipebox();
141 | });
142 | </script>
143 | <!-- //gallery popup -->
144 | <!--/script-->
145 | 	<script src="../js/simplePlayer.js"></script>
146 | 			<script>
147 | 				$("document").ready(function() {
148 | 					$("#video").simplePlayer();
149 | 				});
150 | 			</script>
151 | <!-- //Baneer-js -->
152 | <!-- Calendar -->
153 | <script src="../js/jquery-ui.js"></script>
154 | 	<script>
155 | 	  $(function() {
156 | 		$( "#datepicker" ).datepicker();
157 | 	 });
158 | 	</script>
159 | <!-- //Calendar -->	
160 | 
161 | <!-- //js-scripts -->
162 | </body>
163 | </html>


--------------------------------------------------------------------------------
/Admin/akun2.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include ('../koneksi.php');
  3 | ?>
  4 | <!DOCTYPE html>
  5 | <html lang="zxx">
  6 | <head>
  7 | <title>SMK TERPADU</title>
  8 | <!-- Meta tag Keywords -->
  9 | <meta name="viewport" content="width=device-width, initial-scale=1">
 10 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 11 | <meta name="keywords" content="SMK Terpadu" />
 12 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 13 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 14 | <!--// Meta tag Keywords -->
 15 | <!-- css files -->
 16 | <link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 17 | <link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 18 | <link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 19 | <link rel="stylesheet" href="../css/swipebox.css">
 20 | <link rel="stylesheet" href="../css/jquery-ui.css" />
 21 | <link rel="stylesheet" href="../css/roma.css"/>
 22 | <!-- //css files -->
 23 | <!-- online-fonts -->
 24 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 25 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 26 | <!-- //online-fonts -->
 27 | </head>
 28 | <body>
 29 | 
 30 | <?php include ('../napigasi2.php'); ?>
 31 | 
 32 | <div class="clearfix"> </div> 
 33 | <!-- //Modal2 -->
 34 | 	
 35 | <!-- Akun Control -->
 36 | <div id="Akun_Control">
 37 | 	<div class="container">
 38 |     <h3 class="w3l-title"> Akun Control </h3>
 39 |     
 40 |     <a href="tambah_akun.php"> <button class="btn"> Tambah Akun </button> </a>
 41 |     <div>
 42 |     	<table class="table table-bordered text-center">
 43 |         <tr>
 44 |         	<td><b> Username </td>
 45 |             <td width="150"><b> Level </td>
 46 |             <td colspan="2" ><b> Aksi </td>
 47 |         </tr>
 48 |         
 49 | <?php	
 50 | $tampil="SELECT * FROM `akun` ORDER BY `akun`.`username` ASC  ";
 51 | $hasil=mysql_query($tampil);
 52 | 
 53 | while ($data=mysql_fetch_array($hasil))
 54 | {
 55 | 	if ($data['level'] == 1)
 56 | 	{
 57 | 		$Level = "Admin";
 58 | 	}
 59 | 	else if ($data['level'] == 2)
 60 | 	{
 61 | 		$Level = "Guru";
 62 | 	}
 63 | 	else
 64 | 	{
 65 | 		$Level = "Murid";
 66 | 	}
 67 | 	
 68 | 	echo "<td class='text-left'>$data[username]</TD>";
 69 | 	echo "<td>$Level</TD>";
 70 | 	echo "<td width='100'><a href='akun_edit.php?kode=$data[username]'>Edit </a></td>";
 71 | 	echo "<td width='100'><a href='Hapus_Akun.php?kode=$data[username]'> Hapus</a></td>
 72 | </TR>";
 73 | }
 74 | 		
 75 | ?>
 76 |         
 77 |         </table>
 78 |     </div>
 79 |     
 80 |     <div class="clearfix margin-bawah"></div>
 81 |     </div>
 82 | </div>
 83 | 
 84 | <!-- //Admin Pannel -->
 85 | 
 86 | <!-- footer -->
 87 | 
 88 | <div class="w3layouts_copy_right">
 89 | 	<div class="container">
 90 | 		<p>© 2018 SMK TERPADU </p>
 91 | 	</div>
 92 | </div>
 93 | <!-- //footer -->
 94 | 
 95 | <!-- js-scripts -->			
 96 | <!-- js-files -->
 97 | <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
 98 | <script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
 99 | <!-- //js-files -->
100 | <!-- Baneer-js -->
101 | 
102 | 
103 | 
104 | <!-- smooth scrolling -->
105 | <script src="../js/SmoothScroll.min.js"></script>
106 | <!-- //smooth scrolling -->
107 | <!-- stats -->
108 | <script type="text/javascript" src="../js/numscroller-1.0.js"></script>
109 | <!-- //stats -->
110 | <!-- moving-top scrolling -->
111 | <script type="text/javascript" src="../js/move-top.js"></script>
112 | <script type="text/javascript" src="../js/easing.js"></script>
113 | <script type="text/javascript">
114 | 	jQuery(document).ready(function($) {
115 | 		$(".scroll").click(function(event){		
116 | 			event.preventDefault();
117 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
118 | 		});
119 | 	});
120 | </script>
121 | 	<script type="text/javascript">
122 | 		$(document).ready(function() {
123 | 		/*
124 | 			var defaults = {
125 | 			containerID: 'toTop', // fading element id
126 | 			containerHoverID: 'toTopHover', // fading element hover id
127 | 			scrollSpeed: 1200,
128 | 			easingType: 'linear' 
129 | 			};
130 | 		*/								
131 | 		$().UItoTop({ easingType: 'easeOutQuart' });
132 | 		});
133 | 	</script>
134 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
135 | <!-- //moving-top scrolling -->
136 | <!-- gallery popup -->
137 | <script src="../js/jquery.swipebox.min.js"></script> 
138 | <script type="text/javascript">
139 | jQuery(function($) {
140 | 	$(".swipebox").swipebox();
141 | });
142 | </script>
143 | <!-- //gallery popup -->
144 | <!--/script-->
145 | 	<script src="../js/simplePlayer.js"></script>
146 | 			<script>
147 | 				$("document").ready(function() {
148 | 					$("#video").simplePlayer();
149 | 				});
150 | 			</script>
151 | <!-- //Baneer-js -->
152 | <!-- Calendar -->
153 | <script src="../js/jquery-ui.js"></script>
154 | 	<script>
155 | 	  $(function() {
156 | 		$( "#datepicker" ).datepicker();
157 | 	 });
158 | 	</script>
159 | <!-- //Calendar -->	
160 | 
161 | <!-- //js-scripts -->
162 | </body>
163 | </html>


--------------------------------------------------------------------------------
/Admin/akun_edit.php:
--------------------------------------------------------------------------------
  1 | <?php include "../koneksi.php"; ?>
  2 | <!DOCTYPE html>
  3 | <html lang="zxx">
  4 | <head>
  5 | <title>SMK TERPADU</title>
  6 | <!-- Meta tag Keywords -->
  7 | <meta name="viewport" content="width=device-width, initial-scale=1">
  8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | <meta name="keywords" content="SMK TERPADU" />
 10 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 11 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 12 | <!--// Meta tag Keywords -->
 13 | <!-- css files -->
 14 | <link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 15 | <link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 16 | <link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 17 | <link rel="stylesheet" href="../css/swipebox.css">
 18 | <link rel="stylesheet" href="../css/jquery-ui.css" />
 19 | <link rel="stylesheet" href="../css/roma.css"/>
 20 | <!-- //css files -->
 21 | <!-- online-fonts -->
 22 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 23 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 24 | <!-- //online-fonts -->
 25 | </head>
 26 | <body>
 27 | 
 28 | <?php include ('../napigasi2.php'); ?>
 29 | 
 30 | <div class="clearfix"> </div> 
 31 | <!-- //Modal2 -->
 32 | 	
 33 | <!-- Edit Akun -->
 34 | <div id="Edit_Akun">
 35 | 	<div class="container">
 36 |     <h3 class="w3l-title cl"> Akun Control </h3>
 37 |     <div class="container margin-atas">
 38 | 	
 39 | <?php
 40 | $Kode=$_GET['kode'];
 41 | $query=mysqli_query($koneksi, "select * from akun where username='$Kode'");
 42 | $data=mysqli_fetch_array($query);
 43 | 
 44 | $Password = md5($data['password']);
 45 | $Level = $data['level'];
 46 | ?>
 47 | 	
 48 |     <form class="form-group" action="Proses_Edit_Akun.php" method="post" onSubmit="">
 49 |     <table class="table">
 50 | 	
 51 |     <tr>
 52 |     	<td> Username Lama : </td>
 53 |    		<td> <input type="text" name="Username_Lama" value="<?php echo "$Kode"; ?>" Readonly>  </td>
 54 |     </tr>
 55 | 	
 56 | 	<tr>
 57 |     	<td> Username Baru : </td>
 58 |    		<td> <input type="text" name="Username_Baru"> Opsional </td>
 59 |     </tr>
 60 |     
 61 |     <tr>
 62 |     	<td> Password Baru : </td>
 63 |         <td> <input type="text" name="Password" value=""> Opsional </td>
 64 |     </tr>
 65 |     
 66 |     <tr>
 67 | 	
 68 | <?php
 69 | 
 70 | if ($Level == 1)
 71 | {
 72 | 	echo "
 73 | <td>Level : </td>
 74 | <td><select name='Level'>
 75 | 	<option value='1' selected> Admin </option>
 76 | 	<option value='2'> Guru </option>
 77 | 	<option value='3'> Murid </option>
 78 | 	</select>
 79 | </td>
 80 | ";
 81 | }
 82 | else if ($Level == 2)
 83 | {
 84 | 	echo "
 85 | <td>Level : </td>
 86 | <td><select name='Level'>
 87 | 	<option value='2' selected> Guru </option>
 88 | 	<option value='1'> Admin </option>
 89 | 	<option value='3'> Murid </option>
 90 | 	</select>
 91 | </td>
 92 | ";
 93 | }
 94 | else
 95 | {
 96 | 	echo "
 97 | <td>Level : </td>
 98 | <td><select name='Level'>
 99 | 	<option value='3' selected> Murid </option>
100 | 	<option value='1'> Admin </option>
101 | 	<option value='2'> Guru </option>
102 | 	</select>
103 | </td>
104 | ";
105 | }
106 | 
107 | 
108 | ?>
109 |  	</tr>
110 |     </table>
111 |     
112 | 	
113 |     <button class="btn btn-primary"> Simpan </button>
114 |     </form>
115 |     
116 |     </div>
117 |         
118 |     <div class="clearfix margin-bawah"></div>
119 |     </div>
120 | </div>
121 | 
122 | <!-- //Admin Pannel -->
123 | 
124 | <!-- footer -->
125 | 
126 | <div class="w3layouts_copy_right">
127 | 	<div class="container">
128 | 		<p>© 2018 SMK TERPADU </p>
129 | 	</div>
130 | </div>
131 | <!-- //footer -->
132 | 
133 | <!-- js-scripts -->			
134 | <!-- js-files -->
135 | <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
136 | <script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
137 | <!-- //js-files -->
138 | <!-- Baneer-js -->
139 | 
140 | 
141 | 
142 | <!-- smooth scrolling -->
143 | <script src="../js/SmoothScroll.min.js"></script>
144 | <!-- //smooth scrolling -->
145 | <!-- stats -->
146 | <script type="text/javascript" src="../js/numscroller-1.0.js"></script>
147 | <!-- //stats -->
148 | <!-- moving-top scrolling -->
149 | <script type="text/javascript" src="../js/move-top.js"></script>
150 | <script type="text/javascript" src="../js/easing.js"></script>
151 | <script type="text/javascript">
152 | 	jQuery(document).ready(function($) {
153 | 		$(".scroll").click(function(event){		
154 | 			event.preventDefault();
155 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
156 | 		});
157 | 	});
158 | </script>
159 | 	<script type="text/javascript">
160 | 		$(document).ready(function() {
161 | 		/*
162 | 			var defaults = {
163 | 			containerID: 'toTop', // fading element id
164 | 			containerHoverID: 'toTopHover', // fading element hover id
165 | 			scrollSpeed: 1200,
166 | 			easingType: 'linear' 
167 | 			};
168 | 		*/								
169 | 		$().UItoTop({ easingType: 'easeOutQuart' });
170 | 		});
171 | 	</script>
172 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
173 | <!-- //moving-top scrolling -->
174 | <!-- gallery popup -->
175 | <script src="../js/jquery.swipebox.min.js"></script> 
176 | <script type="text/javascript">
177 | jQuery(function($) {
178 | 	$(".swipebox").swipebox();
179 | });
180 | </script>
181 | <!-- //gallery popup -->
182 | <!--/script-->
183 | 	<script src="../js/simplePlayer.js"></script>
184 | 			<script>
185 | 				$("document").ready(function() {
186 | 					$("#video").simplePlayer();
187 | 				});
188 | 			</script>
189 | <!-- //Baneer-js -->
190 | <!-- Calendar -->
191 | <script src="../js/jquery-ui.js"></script>
192 | 	<script>
193 | 	  $(function() {
194 | 		$( "#datepicker" ).datepicker();
195 | 	 });
196 | 	</script>
197 | <!-- //Calendar -->	
198 | 
199 | <!-- //js-scripts -->
200 | </body>
201 | </html>


--------------------------------------------------------------------------------
/Admin/guru.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include ('../koneksi.php');
  3 | ?>
  4 | <!DOCTYPE html>
  5 | <html lang="zxx">
  6 | <head>
  7 | <title>SMK TERPADU</title>
  8 | <!-- Meta tag Keywords -->
  9 | <meta name="viewport" content="width=device-width, initial-scale=1">
 10 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 11 | <meta name="keywords" content="SMK TERPADU" />
 12 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 13 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 14 | <!--// Meta tag Keywords -->
 15 | <!-- css files -->
 16 | <link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 17 | <link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 18 | <link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 19 | <link rel="stylesheet" href="../css/swipebox.css">
 20 | <link rel="stylesheet" href="../css/jquery-ui.css" />
 21 | <link rel="stylesheet" href="../css/roma.css"/>
 22 | <!-- //css files -->
 23 | <!-- online-fonts -->
 24 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 25 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 26 | <!-- //online-fonts -->
 27 | </head>
 28 | <body>
 29 | 
 30 | <?php include ('../napigasi2.php'); ?>
 31 | 
 32 | <div class="clearfix"> </div> 
 33 | <!-- //Modal2 -->
 34 | 	
 35 | <!-- Guru -->
 36 | <div id="Guru">
 37 | 	<div class="container">
 38 |     <h3 class="w3l-title"> Guru </h3>
 39 |     
 40 |     <a href="tambah_guru.php"> <button class="btn"> Tambah Guru </button> </a>
 41 |     <div>
 42 |     	<table class="table table-bordered text-center" >
 43 |         <tr>
 44 |         	<td> NIP </td>
 45 | 			<td> Nama Guru </td>
 46 | 			<td> Username </td>
 47 | 			<td> Nomor Telepon </td>
 48 | 			<td> Jenis Kelamin </td>
 49 | 			<td> Agama </td>
 50 |             <td colspan="2" ><b> Aksi </td>
 51 |         </tr>
 52 | 	
 53 | <?php	
 54 | $tampil="SELECT * FROM `guru`";
 55 | $hasil=mysqli_query($koneksi, $tampil);
 56 | 
 57 | while ($data=mysqli_fetch_array($hasil))
 58 | {
 59 | 			if ($data['agama'] == "Islam")
 60 | 			{$Agama = "Islam";}
 61 | 			
 62 | 			else if ($data['agama'] == "Kristen")
 63 | 			{$Agama = "Kristen";}
 64 | 			
 65 | 			else if ($data['agama'] == "Katolik")
 66 | 			{$Agama = "Katolik";}
 67 | 			
 68 | 			else if ($data['agama'] == "Hindu")
 69 | 			{$Agama = "Hindu";}
 70 | 			
 71 | 			else if ($data['agama'] == "Buddha")
 72 | 			{$Agama = "Buddha";}
 73 | 			
 74 | 			else
 75 | 			{$Agama = "Kong Hu Cu";}
 76 | 	
 77 | 	echo "<tr>
 78 |         	<td> $data[nip] </td>
 79 | 			<td class='text-left'> $data[nama_guru] </td>
 80 | 			<td class='text-left'> $data[username] </td>
 81 | 			<td class='text-left'> $data[no_hp] </td>
 82 | 			<td> $data[jenkel] </td>
 83 | 			<td> $Agama </td>
 84 |             <td width='100'><a href='guru_edit.php?kode=$data[nip]'> Edit </a></td>
 85 |             <td width='100'><a href='Hapus_Guru.php?kode=$data[nip]'> Hapus </a></td>
 86 |         </tr>";
 87 | }
 88 | 		
 89 | ?>
 90 | 		
 91 |         </table>
 92 |     </div>
 93 |     
 94 |     <div class="clearfix margin-bawah"></div>
 95 |     </div>
 96 | </div>
 97 | 
 98 | <!-- //Guru -->
 99 | 
100 | <!-- footer -->
101 | <div class="w3layouts_copy_right">
102 | 	<div class="container">
103 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
104 | 	</div>
105 | </div>
106 | <!-- //footer -->
107 | 
108 | <!-- js-scripts -->			
109 | <!-- js-files -->
110 | <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
111 | <script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
112 | <!-- //js-files -->
113 | <!-- Baneer-js -->
114 | 
115 | 
116 | 
117 | <!-- smooth scrolling -->
118 | <script src="../js/SmoothScroll.min.js"></script>
119 | <!-- //smooth scrolling -->
120 | <!-- stats -->
121 | <script type="text/javascript" src="../js/numscroller-1.0.js"></script>
122 | <!-- //stats -->
123 | <!-- moving-top scrolling -->
124 | <script type="text/javascript" src="../js/move-top.js"></script>
125 | <script type="text/javascript" src="../js/easing.js"></script>
126 | <script type="text/javascript">
127 | 	jQuery(document).ready(function($) {
128 | 		$(".scroll").click(function(event){		
129 | 			event.preventDefault();
130 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
131 | 		});
132 | 	});
133 | </script>
134 | 	<script type="text/javascript">
135 | 		$(document).ready(function() {
136 | 		/*
137 | 			var defaults = {
138 | 			containerID: 'toTop', // fading element id
139 | 			containerHoverID: 'toTopHover', // fading element hover id
140 | 			scrollSpeed: 1200,
141 | 			easingType: 'linear' 
142 | 			};
143 | 		*/								
144 | 		$().UItoTop({ easingType: 'easeOutQuart' });
145 | 		});
146 | 	</script>
147 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
148 | <!-- //moving-top scrolling -->
149 | <!-- gallery popup -->
150 | <script src="../js/jquery.swipebox.min.js"></script> 
151 | <script type="text/javascript">
152 | jQuery(function($) {
153 | 	$(".swipebox").swipebox();
154 | });
155 | </script>
156 | <!-- //gallery popup -->
157 | <!--/script-->
158 | 	<script src="../js/simplePlayer.js"></script>
159 | 			<script>
160 | 				$("document").ready(function() {
161 | 					$("#video").simplePlayer();
162 | 				});
163 | 			</script>
164 | <!-- //Baneer-js -->
165 | <!-- Calendar -->
166 | <script src="../js/jquery-ui.js"></script>
167 | 	<script>
168 | 	  $(function() {
169 | 		$( "#datepicker" ).datepicker();
170 | 	 });
171 | 	</script>
172 | <!-- //Calendar -->	
173 | 
174 | <!-- //js-scripts -->
175 | </body>
176 | </html>


--------------------------------------------------------------------------------
/Admin/icon.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/Admin/icon.jpg


--------------------------------------------------------------------------------
/Admin/image/a.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/Admin/image/a.png


--------------------------------------------------------------------------------
/Admin/image/e.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/Admin/image/e.png


--------------------------------------------------------------------------------
/Admin/image/g.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/Admin/image/g.png


--------------------------------------------------------------------------------
/Admin/image/m.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/Admin/image/m.png


--------------------------------------------------------------------------------
/Admin/image/mpl.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/Admin/image/mpl.png


--------------------------------------------------------------------------------
/Admin/image/n.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/Admin/image/n.png


--------------------------------------------------------------------------------
/Admin/index.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | 
  4 | <head>
  5 | 	<title>SMK TERPADU</title>
  6 | 	<!-- Meta tag Keywords -->
  7 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  8 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | 	<meta name="keywords" content="SMK TERPADU" />
 10 | 	<script type="application/x-javascript">
 11 | 		addEventListener("load", function() {
 12 | 			setTimeout(hideURLbar, 0);
 13 | 		}, false);
 14 | 
 15 | 		function hideURLbar() {
 16 | 			window.scrollTo(0, 1);
 17 | 		}
 18 | 	</script>
 19 | 	<!--// Meta tag Keywords -->
 20 | 	<!-- css files -->
 21 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 22 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 23 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 24 | 	<link rel="stylesheet" href="../css/swipebox.css">
 25 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 26 | 	<link rel="stylesheet" href="../css/roma.css" />
 27 | 	<!-- //css files -->
 28 | 	<!-- online-fonts -->
 29 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 30 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 31 | 	<!-- //online-fonts -->
 32 | </head>
 33 | 
 34 | <body>
 35 | 
 36 | 	<?php include('../napigasi2.php'); ?>
 37 | 
 38 | 	<div class="clearfix"> </div>
 39 | 	<!-- //Modal2 -->
 40 | 
 41 | 	<!-- Admin Pannel -->
 42 | 	<div id="Admin_Pannel">
 43 | 		<div class="container">
 44 | 			<h3 class="w3l-title"> Admin Pannel </h3>
 45 | 			<div class="team-w3l-grid margin-atas">
 46 | 				<div class="col-md-4 col-xs-4 t1">
 47 | 					<div class="about_img">
 48 | 						<a href="akun.php"> <img src="image/a.png" class="about_img" width="250" height="250">
 49 | 							<p class="detail_img"> Akun <p>
 50 | 						</a>
 51 | 					</div>
 52 | 				</div>
 53 | 
 54 | 				<div class="col-md-4 col-xs-4 t2">
 55 | 					<div class="about_img">
 56 | 						<a href="murid.php"> <img src="image/m.png" class="about_img" width="250" height="250">
 57 | 							<p class="detail_img"> Murid <p>
 58 | 						</a>
 59 | 					</div>
 60 | 				</div>
 61 | 
 62 | 				<div class="col-md-4 col-xs-4 t3">
 63 | 					<div class="about_img">
 64 | 						<a href="guru.php"> <img src="image/g.png" class="about_img" width="250" height="250">
 65 | 							<p class="detail_img"> Guru <p>
 66 | 						</a>
 67 | 					</div>
 68 | 				</div>
 69 | 				<div class="clearfix"></div>
 70 | 			</div>
 71 | 
 72 | 			<br>
 73 | 
 74 | 			<div class="team-w3l-grid grid-2-team">
 75 | 				<div class="col-md-4 col-xs-4 t1">
 76 | 					<div class="about_img">
 77 | 						<a href="Nilai.php"> <img src="image/n.png" class="about_img" width="250" height="250">
 78 | 							<p class="detail_img"> Nilai <p>
 79 | 						</a>
 80 | 					</div>
 81 | 				</div>
 82 | 
 83 | 				<div class="col-md-4 col-xs-4 t2">
 84 | 					<div class="about_img">
 85 | 						<a href="pesan.php"> <img src="image/e.png" class="about_img" width="250" height="250">
 86 | 							<p class="detail_img"> Email <p>
 87 | 						</a>
 88 | 					</div>
 89 | 				</div>
 90 | 
 91 | 				<div class="col-md-4 col-xs-4 t2">
 92 | 					<div class="about_img">
 93 | 						<a href="mata_pelajaran.php"> <img src="image/mpl.png" class="about_img" width="250" height="250">
 94 | 							<p class="detail_img"> Mata Pelajaran <p>
 95 | 						</a>
 96 | 					</div>
 97 | 				</div>
 98 | 			</div>
 99 | 
100 | 			<div class="clearfix margin-bawah"></div>
101 | 
102 | 		</div>
103 | 	</div>
104 | 
105 | 	<!-- //Admin Pannel -->
106 | 
107 | 	<!-- footer -->
108 | 
109 | 	<div class="w3layouts_copy_right">
110 | 		<div class="container">
111 | 			<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
112 | 		</div>
113 | 	</div>
114 | 	<!-- //footer -->
115 | 
116 | 	<!-- js-scripts -->
117 | 	<!-- js-files -->
118 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
119 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
120 | 	<!-- //js-files -->
121 | 	<!-- Baneer-js -->
122 | 
123 | 
124 | 
125 | 	<!-- smooth scrolling -->
126 | 	<script src="../js/SmoothScroll.min.js"></script>
127 | 	<!-- //smooth scrolling -->
128 | 	<!-- stats -->
129 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
130 | 	<!-- //stats -->
131 | 	<!-- moving-top scrolling -->
132 | 	<script type="text/javascript" src="../js/move-top.js"></script>
133 | 	<script type="text/javascript" src="../js/easing.js"></script>
134 | 	<script type="text/javascript">
135 | 		jQuery(document).ready(function($) {
136 | 			$(".scroll").click(function(event) {
137 | 				event.preventDefault();
138 | 				$('html,body').animate({
139 | 					scrollTop: $(this.hash).offset().top
140 | 				}, 1000);
141 | 			});
142 | 		});
143 | 	</script>
144 | 	<script type="text/javascript">
145 | 		$(document).ready(function() {
146 | 			/*
147 | 				var defaults = {
148 | 				containerID: 'toTop', // fading element id
149 | 				containerHoverID: 'toTopHover', // fading element hover id
150 | 				scrollSpeed: 1200,
151 | 				easingType: 'linear' 
152 | 				};
153 | 			*/
154 | 			$().UItoTop({
155 | 				easingType: 'easeOutQuart'
156 | 			});
157 | 		});
158 | 	</script>
159 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
160 | 	<!-- //moving-top scrolling -->
161 | 	<!-- gallery popup -->
162 | 	<script src="../js/jquery.swipebox.min.js"></script>
163 | 	<script type="text/javascript">
164 | 		jQuery(function($) {
165 | 			$(".swipebox").swipebox();
166 | 		});
167 | 	</script>
168 | 	<!-- //gallery popup -->
169 | 	<!--/script-->
170 | 	<script src="../js/simplePlayer.js"></script>
171 | 	<script>
172 | 		$("document").ready(function() {
173 | 			$("#video").simplePlayer();
174 | 		});
175 | 	</script>
176 | 	<!-- //Baneer-js -->
177 | 	<!-- Calendar -->
178 | 	<script src="../js/jquery-ui.js"></script>
179 | 	<script>
180 | 		$(function() {
181 | 			$("#datepicker").datepicker();
182 | 		});
183 | 	</script>
184 | 	<!-- //Calendar -->
185 | 
186 | 	<!-- //js-scripts -->
187 | </body>
188 | 
189 | </html>


--------------------------------------------------------------------------------
/Admin/mata_pelajaran.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | 
  4 | <head>
  5 | 	<title>SMK TERPADU</title>
  6 | 	<!-- Meta tag Keywords -->
  7 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  8 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | 	<meta name="keywords" content="SMK Terpadu" />
 10 | 	<script type="application/x-javascript">
 11 | 		addEventListener("load", function() {
 12 | 			setTimeout(hideURLbar, 0);
 13 | 		}, false);
 14 | 
 15 | 		function hideURLbar() {
 16 | 			window.scrollTo(0, 1);
 17 | 		}
 18 | 	</script>
 19 | 	<!--// Meta tag Keywords -->
 20 | 	<!-- css files -->
 21 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 22 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 23 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 24 | 	<link rel="stylesheet" href="../css/swipebox.css">
 25 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 26 | 	<link rel="stylesheet" href="../css/roma.css" />
 27 | 	<!-- //css files -->
 28 | 	<!-- online-fonts -->
 29 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 30 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 31 | 	<!-- //online-fonts -->
 32 | </head>
 33 | 
 34 | <body>
 35 | 
 36 | 	<?php include('../napigasi2.php'); ?>
 37 | 	<div class="clearfix"> </div>
 38 | 
 39 | 	<!-- Mata Pelajaran -->
 40 | 	<div id="Akun_Control">
 41 | 		<div class="container">
 42 | 			<h3 class="w3l-title"> Mata Pelajaran </h3>
 43 | 			<a href="tambah_mata_pelajaran.php"> <button class="btn"> Tambah Mata Pelajaran </button> </a>
 44 | 			<div>
 45 | 				<table class="table table-bordered text-center">
 46 | 					<tr>
 47 | 						<td><b> Kode Mata Pelajaran </td>
 48 | 						<td><b> Nama Mata Pelajaran </td>
 49 | 						<td><b> Nama Guru </td>
 50 | 						<td width="100"><b> Kelas </td>
 51 | 						<td width="100"><b> Jurusan </td>
 52 | 						<td colspan="2"><b> Aksi </td>
 53 | 					</tr>
 54 | 
 55 | 					<?php
 56 | 					include('../koneksi.php');
 57 | 					$tampil = "SELECT * FROM `mata_pelajaran`";
 58 | 					$hasil = mysqli_query($koneksi, $tampil);
 59 | 
 60 | 					while ($data = mysqli_fetch_array($hasil)) {
 61 | 						$tampil_guru = "SELECT * FROM `guru` WHERE nip = '$data[nip]'";
 62 | 						$hasil_guru = mysqli_query($koneksi, $tampil_guru);
 63 | 						$data_guru = mysqli_fetch_array($hasil_guru);
 64 | 
 65 | 						echo "	</TR>
 66 | 			<td> $data[kode_mata_pelajaran] </td>
 67 |             <td> $data[nama_matapelajaran] </td>
 68 | 			<td> $data_guru[nama_guru] </td>
 69 | 			<td width='100'> $data[kelas] </td>
 70 | 			<td width='100'> $data[jurusan] </td>
 71 | 			<td width='100'><a href='mata_pelajaran_edit.php?kode=$data[kode_mata_pelajaran]'> Edit </a></td>
 72 | 			<td width='100'><a href='Hapus_Mata_Pelajaran.php?kode=$data[kode_mata_pelajaran]'> Hapus</a></td>
 73 | 			</TR>";
 74 | 					}
 75 | 					?>
 76 | 				</table>
 77 | 			</div>
 78 | 
 79 | 			<div class="clearfix margin-bawah"></div>
 80 | 		</div>
 81 | 	</div>
 82 | 
 83 | 	<!-- //Mata Pelajaran -->
 84 | 
 85 | 	<!-- footer -->
 86 | 
 87 | 	<div class="w3layouts_copy_right">
 88 | 		<div class="container">
 89 | 			<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 90 | 		</div>
 91 | 	</div>
 92 | 	<!-- //footer -->
 93 | 
 94 | 	<!-- js-scripts -->
 95 | 	<!-- js-files -->
 96 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
 97 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
 98 | 	<!-- //js-files -->
 99 | 	<!-- Baneer-js -->
100 | 
101 | 
102 | 
103 | 	<!-- smooth scrolling -->
104 | 	<script src="../js/SmoothScroll.min.js"></script>
105 | 	<!-- //smooth scrolling -->
106 | 	<!-- stats -->
107 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
108 | 	<!-- //stats -->
109 | 	<!-- moving-top scrolling -->
110 | 	<script type="text/javascript" src="../js/move-top.js"></script>
111 | 	<script type="text/javascript" src="../js/easing.js"></script>
112 | 	<script type="text/javascript">
113 | 		jQuery(document).ready(function($) {
114 | 			$(".scroll").click(function(event) {
115 | 				event.preventDefault();
116 | 				$('html,body').animate({
117 | 					scrollTop: $(this.hash).offset().top
118 | 				}, 1000);
119 | 			});
120 | 		});
121 | 	</script>
122 | 	<script type="text/javascript">
123 | 		$(document).ready(function() {
124 | 			/*
125 | 				var defaults = {
126 | 				containerID: 'toTop', // fading element id
127 | 				containerHoverID: 'toTopHover', // fading element hover id
128 | 				scrollSpeed: 1200,
129 | 				easingType: 'linear' 
130 | 				};
131 | 			*/
132 | 			$().UItoTop({
133 | 				easingType: 'easeOutQuart'
134 | 			});
135 | 		});
136 | 	</script>
137 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
138 | 	<!-- //moving-top scrolling -->
139 | 	<!-- gallery popup -->
140 | 	<script src="../js/jquery.swipebox.min.js"></script>
141 | 	<script type="text/javascript">
142 | 		jQuery(function($) {
143 | 			$(".swipebox").swipebox();
144 | 		});
145 | 	</script>
146 | 	<!-- //gallery popup -->
147 | 	<!--/script-->
148 | 	<script src="../js/simplePlayer.js"></script>
149 | 	<script>
150 | 		$("document").ready(function() {
151 | 			$("#video").simplePlayer();
152 | 		});
153 | 	</script>
154 | 	<!-- //Baneer-js -->
155 | 	<!-- Calendar -->
156 | 	<script src="../js/jquery-ui.js"></script>
157 | 	<script>
158 | 		$(function() {
159 | 			$("#datepicker").datepicker();
160 | 		});
161 | 	</script>
162 | 	<!-- //Calendar -->
163 | 
164 | 	<!-- //js-scripts -->
165 | </body>
166 | 
167 | </html>


--------------------------------------------------------------------------------
/Admin/mata_pelajaran_edit.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | 
  4 | <head>
  5 | 	<title>SMK TERPADU</title>
  6 | 	<!-- Meta tag Keywords -->
  7 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  8 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | 	<meta name="keywords" content="SMK TERPADU" />
 10 | 	<script type="application/x-javascript">
 11 | 		addEventListener("load", function() {
 12 | 			setTimeout(hideURLbar, 0);
 13 | 		}, false);
 14 | 
 15 | 		function hideURLbar() {
 16 | 			window.scrollTo(0, 1);
 17 | 		}
 18 | 	</script>
 19 | 	<!--// Meta tag Keywords -->
 20 | 	<!-- css files -->
 21 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 22 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 23 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 24 | 	<link rel="stylesheet" href="../css/swipebox.css">
 25 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 26 | 	<link rel="stylesheet" href="../css/roma.css" />
 27 | 	<!-- //css files -->
 28 | 	<!-- online-fonts -->
 29 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 30 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 31 | 	<!-- //online-fonts -->
 32 | </head>
 33 | 
 34 | <body>
 35 | 
 36 | 	<?php include('../napigasi2.php'); ?>
 37 | 	<div class="clearfix"> </div>
 38 | 
 39 | 	<!-- Edit Mata Pelajaran -->
 40 | 	<div id="Edit_Akun">
 41 | 		<div class="container">
 42 | 			<h3 class="w3l-title cl"> Edit Mata Pelajaran </h3>
 43 | 			<div class="container margin-atas">
 44 | 
 45 | 				<?php
 46 | 				include('../koneksi.php');
 47 | 				$tampil = "SELECT * FROM `guru`";
 48 | 				$hasil = mysqli_query($koneksi, $tampil);
 49 | 
 50 | 				$Kode = $_GET['kode'];
 51 | 				$query = mysqli_query($koneksi, "select * from mata_pelajaran where kode_mata_pelajaran='$Kode'");
 52 | 				$data = mysqli_fetch_array($query);
 53 | 
 54 | 				$tampil_guru = "SELECT * FROM `guru` where nip = '$data[nip]'";
 55 | 				$hasil_guru = mysqli_query($koneksi, $tampil_guru);
 56 | 				$data_guru2 = mysqli_fetch_array($hasil_guru);
 57 | 				?>
 58 | 
 59 | 				<form class="form-group" action="Proses_Edit_Mata_Pelajaran.php" method="post">
 60 | 					<table class="table">
 61 | 						<tr>
 62 | 							<td> Kode Mata Pelajaran : </td>
 63 | 							<td> <input type="text" name="Kode_lama" onkeypress="return hanyaAngka(event)" value="<?php echo "$Kode"; ?>" Readonly> </td>
 64 | 						</tr>
 65 | 
 66 | 						<tr>
 67 | 							<td> Kode Mata Pelajaran Baru : </td>
 68 | 							<td> <input type="text" name="Kode_mapel" onkeypress="return hanyaAngka(event)" placeholder="<?php echo "$Kode"; ?>"> </td>
 69 | 						</tr>
 70 | 
 71 | 						<tr>
 72 | 							<td> Nama Mata Pelajaran : </td>
 73 | 							<td> <input type="text" name="Nama_Mata_Pelajaran" value="<?php echo "$data[nama_matapelajaran]"; ?>"> </td>
 74 | 						</tr>
 75 | 
 76 | 						<tr>
 77 | 							<td> Nama Guru : </td>
 78 | 							<td> <select name="NIP">
 79 | 									<?php
 80 | 									echo "<option value='$data_guru2[nip]' selected> $data_guru2[nama_guru] </option>";
 81 | 									while ($data_guru = mysqli_fetch_array($hasil)) {
 82 | 										echo "<option value='$data_guru[nip]'> $data_guru[nama_guru] </option> ";
 83 | 									}
 84 | 									?>
 85 | 								</select>
 86 | 							</td>
 87 | 						</tr>
 88 | 
 89 | 						<tr>
 90 | 							<td> Jurusan : </td>
 91 | 							<td><?php
 92 | 								if ($data['jurusan'] == "AP") {
 93 | 									echo "
 94 | 									<select name='Jurusan'>
 95 | 										<option value='AP' selected> AP </option>
 96 | 										<option value='RPL'> RPL </option>
 97 | 										<option value='TKR'> TKR </option>
 98 | 									</select>
 99 | 									";
100 | 								} else if ($data['jurusan'] == "RPL") {
101 | 									echo "
102 | 									<select name='Jurusan'>
103 | 										<option value='RPL' selected> RPL </option>
104 | 										<option value='AP'> AP </option>
105 | 										<option value='TKR'> TKR </option>
106 | 									</select>
107 | 									";
108 | 								} else {
109 | 									echo "
110 | 									<select name='Jurusan'>
111 | 										<option value='TKR' selected> TKR </option>
112 | 										<option value='RPL'> RPL </option>
113 | 										<option value='AP'> AP </option>
114 | 									</select>
115 | 									";
116 | 								}
117 | 								?>
118 | 							</td>
119 | 						</tr>
120 | 
121 | 						<tr>
122 | 							<td>Kelas : </td>
123 | 							<td><?php
124 | 								if ($data['kelas'] == 10) {
125 | 									echo "
126 | 									<select name='Kelas'>
127 | 										<option value='10' selected> 10 </option>
128 | 										<option value='11'> 11 </option>
129 | 										<option value='12'> 12 </option>
130 | 									</select>
131 | 									";
132 | 								}
133 | 
134 | 								if ($data['kelas'] == 11) {
135 | 									echo "
136 | 									<select name='Kelas'>
137 | 										<option value='11' selected> 11 </option>
138 | 										<option value='10'> 10 </option>
139 | 										<option value='12'> 12 </option>
140 | 									</select>
141 | 									";
142 | 								}
143 | 
144 | 								if ($data['kelas'] == 12) {
145 | 									echo "
146 | 									<select name='Kelas'>
147 | 										<option value='12' selected> 12 </option>
148 | 										<option value='11'> 11 </option>
149 | 										<option value='10'> 10 </option>
150 | 									</select>
151 | 									";
152 | 								}
153 | 								?>
154 | 							</td>
155 | 					</table>
156 | 
157 | 					<button class="btn btn-primary"> Simpan </button>
158 | 					<a href="mata_pelajaran.php" class="btn btn-primary"> Batal </a>
159 | 				</form>
160 | 
161 | 			</div>
162 | 
163 | 			<div class="clearfix margin-bawah"></div>
164 | 		</div>
165 | 	</div>
166 | 
167 | 	<script type="text/javascript">
168 | 		function hanyaAngka(evt) {
169 | 			var charCode = (evt.which) ? evt.which : event.keyCode
170 | 			if (charCode > 31 && (charCode < 48 || charCode > 57))
171 | 
172 | 				return false;
173 | 			return true;
174 | 		}
175 | 	</script>
176 | 
177 | 	<!-- //Edit Mata Pelajaran -->
178 | 
179 | 	<!-- footer -->
180 | 
181 | 	<div class="w3layouts_copy_right">
182 | 		<div class="container">
183 | 			<p>© 2018 SMK TERPADU </p>
184 | 		</div>
185 | 	</div>
186 | 	<!-- //footer -->
187 | 
188 | 	<!-- js-scripts -->
189 | 	<!-- js-files -->
190 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
191 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
192 | 	<!-- //js-files -->
193 | 	<!-- Baneer-js -->
194 | 
195 | 
196 | 
197 | 	<!-- smooth scrolling -->
198 | 	<script src="../js/SmoothScroll.min.js"></script>
199 | 	<!-- //smooth scrolling -->
200 | 	<!-- stats -->
201 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
202 | 	<!-- //stats -->
203 | 	<!-- moving-top scrolling -->
204 | 	<script type="text/javascript" src="../js/move-top.js"></script>
205 | 	<script type="text/javascript" src="../js/easing.js"></script>
206 | 	<script type="text/javascript">
207 | 		jQuery(document).ready(function($) {
208 | 			$(".scroll").click(function(event) {
209 | 				event.preventDefault();
210 | 				$('html,body').animate({
211 | 					scrollTop: $(this.hash).offset().top
212 | 				}, 1000);
213 | 			});
214 | 		});
215 | 	</script>
216 | 	<script type="text/javascript">
217 | 		$(document).ready(function() {
218 | 			/*
219 | 				var defaults = {
220 | 				containerID: 'toTop', // fading element id
221 | 				containerHoverID: 'toTopHover', // fading element hover id
222 | 				scrollSpeed: 1200,
223 | 				easingType: 'linear' 
224 | 				};
225 | 			*/
226 | 			$().UItoTop({
227 | 				easingType: 'easeOutQuart'
228 | 			});
229 | 		});
230 | 	</script>
231 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
232 | 	<!-- //moving-top scrolling -->
233 | 	<!-- gallery popup -->
234 | 	<script src="../js/jquery.swipebox.min.js"></script>
235 | 	<script type="text/javascript">
236 | 		jQuery(function($) {
237 | 			$(".swipebox").swipebox();
238 | 		});
239 | 	</script>
240 | 	<!-- //gallery popup -->
241 | 	<!--/script-->
242 | 	<script src="../js/simplePlayer.js"></script>
243 | 	<script>
244 | 		$("document").ready(function() {
245 | 			$("#video").simplePlayer();
246 | 		});
247 | 	</script>
248 | 	<!-- //Baneer-js -->
249 | 	<!-- Calendar -->
250 | 	<script src="../js/jquery-ui.js"></script>
251 | 	<script>
252 | 		$(function() {
253 | 			$("#datepicker").datepicker();
254 | 		});
255 | 	</script>
256 | 	<!-- //Calendar -->
257 | 
258 | 	<!-- //js-scripts -->
259 | </body>
260 | 
261 | </html>


--------------------------------------------------------------------------------
/Admin/murid.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include ('../koneksi.php');
  3 | ?>
  4 | <!DOCTYPE html>
  5 | <html lang="zxx">
  6 | <head>
  7 | <title>SMK TERPADU</title>
  8 | <!-- Meta tag Keywords -->
  9 | <meta name="viewport" content="width=device-width, initial-scale=1">
 10 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 11 | <meta name="keywords" content="SMK TERPADU" />
 12 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 13 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 14 | <!--// Meta tag Keywords -->
 15 | <!-- css files -->
 16 | <link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 17 | <link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 18 | <link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 19 | <link rel="stylesheet" href="../css/swipebox.css">
 20 | <link rel="stylesheet" href="../css/jquery-ui.css" />
 21 | <link rel="stylesheet" href="../css/roma.css"/>
 22 | <!-- //css files -->
 23 | <!-- online-fonts -->
 24 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 25 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 26 | <!-- //online-fonts -->
 27 | </head>
 28 | <body>
 29 | 
 30 | <?php include ('../napigasi2.php'); ?>
 31 | 
 32 | <div class="clearfix"> </div> 	
 33 | <!-- Murid -->
 34 | <div id="Murid">
 35 | 	<div class="container">
 36 |     <h3 class="w3l-title"> Murid </h3>
 37 |     
 38 |     <a href="tambah_murid.php"> <button class="btn"> Tambah Murid </button> </a>
 39 |     <div>
 40 |     	<table class="table table-bordered text-center">
 41 |         <tr>
 42 | 			<td width="130"><b> NISN </td>
 43 |         	<td><b> Nama </td>
 44 | 			<td><b> Username </td>
 45 |             <td width="100"><b> Kota </td>
 46 |             <td width="150"><b> Jenis Kelamin </td>
 47 | 			<td width="100"><b> Agama </td>
 48 |             <td width="80"><b> Kelas </td>
 49 |             <td width="100"><b> Jurusan </td>
 50 |             <td colspan="2" ><b> Aksi </td>
 51 |         </tr>
 52 | 	
 53 | <?php	
 54 | $tampil="SELECT * FROM `murid` ORDER BY `murid`.`nisn` ASC ";
 55 | $hasil=mysqli_query($koneksi, $tampil);
 56 | 
 57 | while ($data=mysqli_fetch_array($hasil))
 58 | {
 59 | 	echo "<td> $data[nisn] </td>";
 60 | 	echo "<td class='text-left'> $data[nama_murid] </td>";
 61 | 	echo "<td><b> $data[username] </td>";
 62 | 	echo "<td> $data[kota] </td>";
 63 | 	echo "<td> $data[jenkel] </td>";
 64 | 	echo "<td> $data[agama] </td>";
 65 | 	echo "<td> $data[kelas] </td>";
 66 | 	echo "<td> $data[jurusan] </td>";
 67 | 	echo "<td width='80'><a href='murid_edit.php?kode=$data[nisn]'>Edit </a></td>";
 68 | 	echo "<td width='80'><a href='Hapus_Murid.php?kode=$data[nisn]'> Hapus</a></td>
 69 | </TR>";
 70 | }
 71 | 		
 72 | ?>
 73 | 
 74 | 		
 75 |         </table>
 76 |     </div>
 77 |     
 78 |     <div class="clearfix margin-bawah"></div>
 79 |     </div>
 80 | </div>
 81 | 
 82 | <!-- //Murid -->
 83 | 
 84 | <!-- footer -->
 85 | 
 86 | <div class="w3layouts_copy_right">
 87 | 	<div class="container">
 88 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 89 | 	</div>
 90 | </div>
 91 | <!-- //footer -->
 92 | 
 93 | <!-- js-scripts -->			
 94 | <!-- js-files -->
 95 | <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
 96 | <script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
 97 | <!-- //js-files -->
 98 | <!-- Baneer-js -->
 99 | 
100 | 
101 | 
102 | <!-- smooth scrolling -->
103 | <script src="../js/SmoothScroll.min.js"></script>
104 | <!-- //smooth scrolling -->
105 | <!-- stats -->
106 | <script type="text/javascript" src="../js/numscroller-1.0.js"></script>
107 | <!-- //stats -->
108 | <!-- moving-top scrolling -->
109 | <script type="text/javascript" src="../js/move-top.js"></script>
110 | <script type="text/javascript" src="../js/easing.js"></script>
111 | <script type="text/javascript">
112 | 	jQuery(document).ready(function($) {
113 | 		$(".scroll").click(function(event){		
114 | 			event.preventDefault();
115 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
116 | 		});
117 | 	});
118 | </script>
119 | 	<script type="text/javascript">
120 | 		$(document).ready(function() {
121 | 		/*
122 | 			var defaults = {
123 | 			containerID: 'toTop', // fading element id
124 | 			containerHoverID: 'toTopHover', // fading element hover id
125 | 			scrollSpeed: 1200,
126 | 			easingType: 'linear' 
127 | 			};
128 | 		*/								
129 | 		$().UItoTop({ easingType: 'easeOutQuart' });
130 | 		});
131 | 	</script>
132 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
133 | <!-- //moving-top scrolling -->
134 | <!-- gallery popup -->
135 | <script src="../js/jquery.swipebox.min.js"></script> 
136 | <script type="text/javascript">
137 | jQuery(function($) {
138 | 	$(".swipebox").swipebox();
139 | });
140 | </script>
141 | <!-- //gallery popup -->
142 | <!--/script-->
143 | 	<script src="../js/simplePlayer.js"></script>
144 | 			<script>
145 | 				$("document").ready(function() {
146 | 					$("#video").simplePlayer();
147 | 				});
148 | 			</script>
149 | <!-- //Baneer-js -->
150 | <!-- Calendar -->
151 | <script src="../js/jquery-ui.js"></script>
152 | 	<script>
153 | 	  $(function() {
154 | 		$( "#datepicker" ).datepicker();
155 | 	 });
156 | 	</script>
157 | <!-- //Calendar -->	
158 | 
159 | <!-- //js-scripts -->
160 | </body>
161 | </html>


--------------------------------------------------------------------------------
/Admin/pesan.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include('../koneksi.php');
  3 | ?>
  4 | <!DOCTYPE html>
  5 | <html lang="zxx">
  6 | 
  7 | <head>
  8 | 	<title>SMK TERPADU</title>
  9 | 	<!-- Meta tag Keywords -->
 10 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 11 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 12 | 	<meta name="keywords" content="SMK TERPADU" />
 13 | 	<script type="application/x-javascript">
 14 | 		addEventListener("load", function() {
 15 | 			setTimeout(hideURLbar, 0);
 16 | 		}, false);
 17 | 
 18 | 		function hideURLbar() {
 19 | 			window.scrollTo(0, 1);
 20 | 		}
 21 | 	</script>
 22 | 	<!--// Meta tag Keywords -->
 23 | 	<!-- css files -->
 24 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 25 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 26 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 27 | 	<link rel="stylesheet" href="../css/swipebox.css">
 28 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 29 | 	<link rel="stylesheet" href="../css/roma.css" />
 30 | 	<!-- //css files -->
 31 | 	<!-- online-fonts -->
 32 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 33 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 34 | 	<!-- //online-fonts -->
 35 | </head>
 36 | 
 37 | <body>
 38 | 
 39 | 	<?php include('../napigasi2.php'); ?>
 40 | 
 41 | 	<div class="clearfix"> </div>
 42 | 	<!-- Pesan -->
 43 | 	<div id="Akun_Control">
 44 | 		<div class="container mar">
 45 | 			<h3 class="w3l-title">Pesan</h3>
 46 | 
 47 | 			<div class="margin-atas">
 48 | 				<table class="table table-bordered text-center">
 49 | 					<tr>
 50 | 						<td width="100"><b> Tanggal </td>
 51 | 						<td><b> Subject </td>
 52 | 						<td><b> Nama </td>
 53 | 						<td><b> Email </td>
 54 | 						<td width="150"><b> Nomor Handphone </td>
 55 | 						<td><b> Pesan </td>
 56 | 						<td width="50"><b> Aksi </td>
 57 | 					</tr>
 58 | 
 59 | 					<?php
 60 | 					$tampil = "SELECT * FROM `pesan` ORDER BY `pesan`.`Tanggal` ASC ";
 61 | 					$hasil = mysqli_query($koneksi, $tampil);
 62 | 
 63 | 					while ($data = mysqli_fetch_array($hasil)) {
 64 | 						echo "
 65 | 							<tr>
 66 | 								<td> $data[Tanggal] </td>
 67 | 								<td class='text-left'> $data[Subject] </td>
 68 | 								<td class='text-left'> $data[Nama] </td>
 69 | 								<td class='text-left'> $data[Email] </td>
 70 | 								<td> $data[No_HP] </td>
 71 | 								<td> $data[Isi] </td>		
 72 | 								<td width='100'> <a href='Hapus_Pesan.php?kode=$data[Isi]'> Hapus</a> </td>
 73 | 							</tr>";
 74 | 					}
 75 | 
 76 | 					?>
 77 | 
 78 | 				</table>
 79 | 			</div>
 80 | 
 81 | 			<div class="clearfix margin-bawah"></div>
 82 | 		</div>
 83 | 	</div>
 84 | 
 85 | 	<!-- //Pesan -->
 86 | 
 87 | 	<!-- footer -->
 88 | 
 89 | 	<div class="w3layouts_copy_right">
 90 | 		<div class="container">
 91 | 			<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 92 | 		</div>
 93 | 	</div>
 94 | 	<!-- //footer -->
 95 | 
 96 | 	<!-- js-scripts -->
 97 | 	<!-- js-files -->
 98 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
 99 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
100 | 	<!-- //js-files -->
101 | 	<!-- Baneer-js -->
102 | 
103 | 
104 | 
105 | 	<!-- smooth scrolling -->
106 | 	<script src="../js/SmoothScroll.min.js"></script>
107 | 	<!-- //smooth scrolling -->
108 | 	<!-- stats -->
109 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
110 | 	<!-- //stats -->
111 | 	<!-- moving-top scrolling -->
112 | 	<script type="text/javascript" src="../js/move-top.js"></script>
113 | 	<script type="text/javascript" src="../js/easing.js"></script>
114 | 	<script type="text/javascript">
115 | 		jQuery(document).ready(function($) {
116 | 			$(".scroll").click(function(event) {
117 | 				event.preventDefault();
118 | 				$('html,body').animate({
119 | 					scrollTop: $(this.hash).offset().top
120 | 				}, 1000);
121 | 			});
122 | 		});
123 | 	</script>
124 | 	<script type="text/javascript">
125 | 		$(document).ready(function() {
126 | 			/*
127 | 				var defaults = {
128 | 				containerID: 'toTop', // fading element id
129 | 				containerHoverID: 'toTopHover', // fading element hover id
130 | 				scrollSpeed: 1200,
131 | 				easingType: 'linear' 
132 | 				};
133 | 			*/
134 | 			$().UItoTop({
135 | 				easingType: 'easeOutQuart'
136 | 			});
137 | 		});
138 | 	</script>
139 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
140 | 	<!-- //moving-top scrolling -->
141 | 	<!-- gallery popup -->
142 | 	<script src="../js/jquery.swipebox.min.js"></script>
143 | 	<script type="text/javascript">
144 | 		jQuery(function($) {
145 | 			$(".swipebox").swipebox();
146 | 		});
147 | 	</script>
148 | 	<!-- //gallery popup -->
149 | 	<!--/script-->
150 | 	<script src="../js/simplePlayer.js"></script>
151 | 	<script>
152 | 		$("document").ready(function() {
153 | 			$("#video").simplePlayer();
154 | 		});
155 | 	</script>
156 | 	<!-- //Baneer-js -->
157 | 	<!-- Calendar -->
158 | 	<script src="../js/jquery-ui.js"></script>
159 | 	<script>
160 | 		$(function() {
161 | 			$("#datepicker").datepicker();
162 | 		});
163 | 	</script>
164 | 	<!-- //Calendar -->
165 | 
166 | 	<!-- //js-scripts -->
167 | </body>
168 | 
169 | </html>


--------------------------------------------------------------------------------
/Admin/process_guru.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('../koneksi.php');
 3 | $kelas = $_POST['Kelas'];
 4 | $jurusan = $_POST['Jurusan'];
 5 | $nama_mpl = $_POST['Nama_Mata_Pelajaran'];
 6 | 
 7 | $tampil_murid = "SELECT * FROM murid WHERE jurusan = '$_POST[Jurusan]' and kelas = '$_POST[Kelas]'";
 8 | $hasil_murid = mysqli_query($koneksi, $tampil_murid);
 9 | $N = 1;
10 | $T = 10000;
11 | $A = 20000;
12 | 
13 | while ($data_murid = mysqli_fetch_array($hasil_murid)) {
14 | 	$nama_murid = $_POST[$N];
15 | 	$nilai_uts = $_POST[$T];
16 | 	$nilai_uas = $_POST[$A];
17 | 
18 | 	$tampil_nilai = mysqli_query($koneksi, "SELECT * FROM `nilai` WHERE nama_murid = '$nama_murid' and jurusan = '$jurusan' and kelas = '$kelas' and nama_matapelajaran = '$nama_mpl'");
19 | 
20 | 	if (mysqli_num_rows($tampil_nilai) == 0) {
21 | 		$sqlstr = ("INSERT INTO `nilai` (`nama_murid`, `kelas`, `jurusan`, `nama_matapelajaran`, `nilai_UTS`, `nilai_UAS`) VALUES ('$nama_murid', '$kelas', '$jurusan', '$nama_mpl', '$nilai_uts', '$nilai_uas');");
22 | 		(mysqli_query($koneksi, $sqlstr));
23 | 	} else {
24 | 		$sqlstr = ("UPDATE `nilai` SET `nilai_UTS`= $nilai_uts,`nilai_UAS`= $nilai_uas WHERE nama_murid = '$nama_murid' and kelas = '$kelas' and jurusan = '$jurusan' and nama_matapelajaran = '$nama_mpl' ");
25 | 		(mysqli_query($koneksi, $sqlstr));
26 | 	}
27 | 
28 | 	$N++;
29 | 	$T++;
30 | 	$A++;
31 | }
32 | 
33 | 
34 | 
35 | // apakah query simpan berhasil?
36 | if ($sqlstr) {
37 | 	// kalau berhasil alihkan ke halaman index.php dengan status=sukses
38 | 	echo '<script language="javascript">
39 | 				alert("Input Nilai Berhasil");
40 | 				document.location="Nilai.php";
41 | 			  </script>';
42 | } else {
43 | 	// kalau gagal alihkan ke halaman indek.php dengan status=gagal
44 | 	echo '<script language="javascript">
45 | 				alert("Input Nilai Gagal");
46 | 				document.location="Nilai.php";
47 | 			  </script>';
48 | }
49 | 


--------------------------------------------------------------------------------
/Admin/tambah_akun.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | <head>
  4 | <title>SMK TERPADU</title>
  5 | <!-- Meta tag Keywords -->
  6 | <meta name="viewport" content="width=device-width, initial-scale=1">
  7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8 | <meta name="keywords" content="SMK TERPADU" />
  9 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 10 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 11 | <!--// Meta tag Keywords -->
 12 | <!-- css files -->
 13 | <link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 14 | <link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 15 | <link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 16 | <link rel="stylesheet" href="../css/swipebox.css">
 17 | <link rel="stylesheet" href="../css/jquery-ui.css" />
 18 | <link rel="stylesheet" href="../css/roma.css"/>
 19 | <!-- //css files -->
 20 | <!-- online-fonts -->
 21 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 22 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 23 | <!-- //online-fonts -->
 24 | </head>
 25 | <body>
 26 | 
 27 | <?php include ('../napigasi2.php'); ?>
 28 | <div class="clearfix"> </div> 
 29 | 
 30 | <!-- Tambah Akun -->
 31 | <div id="Edit_Akun">
 32 | 	<div class="container">
 33 |     <h3 class="w3l-title cl"> Akun Control </h3>
 34 |     <div class="container margin-atas">
 35 |     <form class="form-group" action="Proses_Input_Akun.php" method="post">
 36 |     <table class="table">
 37 |     <tr>
 38 |     	<td> Username : </td>
 39 |    		<td> <input type="text" name="Username"> </td>
 40 |     </tr>
 41 |     
 42 |     <tr>
 43 |     	<td> Password : </td>
 44 |         <td> <input type="password" name="Password"> </td>
 45 |     </tr>
 46 |     
 47 |     <tr>
 48 |     	<td>Level : </td>
 49 |         <td><select name="Level">
 50 |     			<option value="1" selected> Admin </option>
 51 | 				<option value="2"> Guru </option>
 52 | 				<option value="3"> Murid </option>
 53 | 			</select>
 54 |       	</td>
 55 |  	</tr>
 56 |     </table>
 57 |     
 58 |     <button class="btn btn-primary"> Simpan </button>
 59 |     <a href="akun.php" class="btn btn-primary"> Batal </a>
 60 |     </form>
 61 |     
 62 |     </div>
 63 |         
 64 |     <div class="clearfix margin-bawah"></div>
 65 |     </div>
 66 | </div>
 67 | 
 68 | <!-- Tambah Akun -->
 69 | 
 70 | <!-- footer -->
 71 | 
 72 | <div class="w3layouts_copy_right">
 73 | 	<div class="container">
 74 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 75 | 	</div>
 76 | </div>
 77 | <!-- //footer -->
 78 | 
 79 | <!-- js-scripts -->			
 80 | <!-- js-files -->
 81 | <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
 82 | <script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
 83 | <!-- //js-files -->
 84 | <!-- Baneer-js -->
 85 | 
 86 | 
 87 | 
 88 | <!-- smooth scrolling -->
 89 | <script src="../js/SmoothScroll.min.js"></script>
 90 | <!-- //smooth scrolling -->
 91 | <!-- stats -->
 92 | <script type="text/javascript" src="../js/numscroller-1.0.js"></script>
 93 | <!-- //stats -->
 94 | <!-- moving-top scrolling -->
 95 | <script type="text/javascript" src="../js/move-top.js"></script>
 96 | <script type="text/javascript" src="../js/easing.js"></script>
 97 | <script type="text/javascript">
 98 | 	jQuery(document).ready(function($) {
 99 | 		$(".scroll").click(function(event){		
100 | 			event.preventDefault();
101 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
102 | 		});
103 | 	});
104 | </script>
105 | 	<script type="text/javascript">
106 | 		$(document).ready(function() {
107 | 		/*
108 | 			var defaults = {
109 | 			containerID: 'toTop', // fading element id
110 | 			containerHoverID: 'toTopHover', // fading element hover id
111 | 			scrollSpeed: 1200,
112 | 			easingType: 'linear' 
113 | 			};
114 | 		*/								
115 | 		$().UItoTop({ easingType: 'easeOutQuart' });
116 | 		});
117 | 	</script>
118 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
119 | <!-- //moving-top scrolling -->
120 | <!-- gallery popup -->
121 | <script src="../js/jquery.swipebox.min.js"></script> 
122 | <script type="text/javascript">
123 | jQuery(function($) {
124 | 	$(".swipebox").swipebox();
125 | });
126 | </script>
127 | <!-- //gallery popup -->
128 | <!--/script-->
129 | 	<script src="../js/simplePlayer.js"></script>
130 | 			<script>
131 | 				$("document").ready(function() {
132 | 					$("#video").simplePlayer();
133 | 				});
134 | 			</script>
135 | <!-- //Baneer-js -->
136 | <!-- Calendar -->
137 | <script src="../js/jquery-ui.js"></script>
138 | 	<script>
139 | 	  $(function() {
140 | 		$( "#datepicker" ).datepicker();
141 | 	 });
142 | 	</script>
143 | <!-- //Calendar -->	
144 | 
145 | <!-- //js-scripts -->
146 | </body>
147 | </html>


--------------------------------------------------------------------------------
/Admin/tambah_guru.php:
--------------------------------------------------------------------------------
  1 | <?php include "../koneksi.php"; ?>
  2 | <!DOCTYPE html>
  3 | <html lang="zxx">
  4 | <head>
  5 | <title>SMK TERPADU</title>
  6 | <!-- Meta tag Keywords -->
  7 | <meta name="viewport" content="width=device-width, initial-scale=1">
  8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | <meta name="keywords" content="SMK TERPADU" />
 10 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 11 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 12 | <!--// Meta tag Keywords -->
 13 | <!-- css files -->
 14 | <link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 15 | <link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 16 | <link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 17 | <link rel="stylesheet" href="../css/swipebox.css">
 18 | <link rel="stylesheet" href="../css/jquery-ui.css" />
 19 | <link rel="stylesheet" href="../css/roma.css"/>
 20 | <!-- //css files -->
 21 | <!-- online-fonts -->
 22 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 23 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 24 | <!-- //online-fonts -->
 25 | </head>
 26 | <body>
 27 | 
 28 | <?php include ('../napigasi2.php'); ?>
 29 | 
 30 | <div class="clearfix"> </div> 
 31 | <!-- Input Guru -->
 32 | <div id="Edit_Akun">
 33 | 	<div class="container">
 34 |     <h3 class="w3l-title cl"> Guru </h3>
 35 |     <div class="container margin-atas">	
 36 | 	
 37 | <?php 
 38 | include ('../koneksi.php');
 39 | $tampil="SELECT * FROM `akun` ORDER BY `username` ASC ";
 40 | $hasil=mysqli_query($koneksi, $tampil);
 41 | ?>
 42 | 	
 43 |     <form class="form-group" action="Proses_Tambah_Guru.php" method="post" >
 44 |     <table class="table">
 45 | 	<tr>
 46 | 		<td> NIP : </td>
 47 | 		<td> <input type="text" name="nip" maxlength="10" size="8" onkeypress="return hanyaAngka(event)" required=""> </td>
 48 | 	</tr>
 49 | 	
 50 |     <tr>
 51 |     	<td> Nama Guru : </td>
 52 |    		<td> <input type="text" name="nama_guru"> </td>
 53 |     </tr>
 54 | 	
 55 | 	<tr>
 56 |     	<td> Username : </td>
 57 |    		<td> <select name="Username">
 58 | 				<?php 
 59 | 				while ($data=mysqli_fetch_array($hasil))
 60 | 				{
 61 | 					echo "<option value='$data[username]'> $data[username] </option> ";
 62 | 				}
 63 | 				?>
 64 | 			 </select>
 65 | 		</td>
 66 |     </tr>
 67 |     
 68 |     <tr>
 69 |     	<td> No Telepon : </td>
 70 |         <td> <input type="text" name="no_tlp" id="No_HP" onkeypress="return hanyaAngka(event)"/> </td>
 71 |     </tr>
 72 | 	
 73 | 	<tr>
 74 |     	<td> Jenis Kelamin : </td>
 75 |    		<td><select name="jenis_kelamin">
 76 |     			<option value="Laki-Laki" selected> Laki-Laki </option>
 77 | 				<option value="Perempuan"> Perempuan </option>
 78 | 			</select>
 79 | 		</td>
 80 |     </tr>
 81 | 	
 82 | 	<tr>
 83 |     	<td> Agama : </td>
 84 |    		<td><select name="agama">
 85 |     			<option value="Islam" selected> Islam </option>
 86 | 				<option value="Kristen"> Kristen </option>
 87 | 				<option value="Katolik"> Katolik </option>
 88 | 				<option value="Hindu" > Hindu </option>
 89 | 				<option value="Buddha"> Buddha </option>
 90 | 				<option value="Kong_Hu_Cu"> Kong Hu Cu </option>
 91 | 			</select>
 92 | 		</td>
 93 |     </tr>
 94 |     </table>    
 95 | 	
 96 |     <button class="btn btn-primary" id="Simpan"> Simpan </button>
 97 | 	<a href="guru.php" class="btn btn-primary"> Batal </a>
 98 |     </form>
 99 |     
100 |     </div>
101 |         
102 |     <div class="clearfix margin-bawah"></div>
103 |     </div>
104 | </div>
105 | 
106 | <script type="text/javascript">
107 | function hanyaAngka(evt) {
108 |     var charCode = (evt.which) ? evt.which : event.keyCode
109 |     if (charCode > 31 && (charCode < 48 || charCode > 57))
110 | 
111 |     return false;
112 |     return true;
113 | }
114 | </script>
115 | 
116 | <!-- //Admin Pannel -->
117 | 
118 | <!-- footer -->
119 | 
120 | <div class="w3layouts_copy_right">
121 | 	<div class="container">
122 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
123 | 	</div>
124 | </div>
125 | <!-- //footer -->
126 | 
127 | <!-- js-scripts -->			
128 | <!-- js-files -->
129 | <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
130 | <script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
131 | <!-- //js-files -->
132 | <!-- Baneer-js -->
133 | 
134 | 
135 | 
136 | <!-- smooth scrolling -->
137 | <script src="../js/SmoothScroll.min.js"></script>
138 | <!-- //smooth scrolling -->
139 | <!-- stats -->
140 | <script type="text/javascript" src="../js/numscroller-1.0.js"></script>
141 | <!-- //stats -->
142 | <!-- moving-top scrolling -->
143 | <script type="text/javascript" src="../js/move-top.js"></script>
144 | <script type="text/javascript" src="../js/easing.js"></script>
145 | <script type="text/javascript">
146 | 	jQuery(document).ready(function($) {
147 | 		$(".scroll").click(function(event){		
148 | 			event.preventDefault();
149 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
150 | 		});
151 | 	});
152 | </script>
153 | 	<script type="text/javascript">
154 | 		$(document).ready(function() {
155 | 		/*
156 | 			var defaults = {
157 | 			containerID: 'toTop', // fading element id
158 | 			containerHoverID: 'toTopHover', // fading element hover id
159 | 			scrollSpeed: 1200,
160 | 			easingType: 'linear' 
161 | 			};
162 | 		*/								
163 | 		$().UItoTop({ easingType: 'easeOutQuart' });
164 | 		});
165 | 	</script>
166 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
167 | <!-- //moving-top scrolling -->
168 | <!-- gallery popup -->
169 | <script src="../js/jquery.swipebox.min.js"></script> 
170 | <script type="text/javascript">
171 | jQuery(function($) {
172 | 	$(".swipebox").swipebox();
173 | });
174 | </script>
175 | <!-- //gallery popup -->
176 | <!--/script-->
177 | 	<script src="../js/simplePlayer.js"></script>
178 | 			<script>
179 | 				$("document").ready(function() {
180 | 					$("#video").simplePlayer();
181 | 				});
182 | 			</script>
183 | <!-- //Baneer-js -->
184 | <!-- Calendar -->
185 | <script src="../js/jquery-ui.js"></script>
186 | 	<script>
187 | 	  $(function() {
188 | 		$( "#datepicker" ).datepicker();
189 | 	 });
190 | 	</script>
191 | <!-- //Calendar -->	
192 | 
193 | <!-- //js-scripts -->
194 | </body>
195 | </html>


--------------------------------------------------------------------------------
/Admin/tambah_mata_pelajaran.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | 
  4 | <head>
  5 | 	<title>SMK TERPADU</title>
  6 | 	<!-- Meta tag Keywords -->
  7 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  8 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | 	<meta name="keywords" content="SMK TERPADU" />
 10 | 	<script type="application/x-javascript">
 11 | 		addEventListener("load", function() {
 12 | 			setTimeout(hideURLbar, 0);
 13 | 		}, false);
 14 | 
 15 | 		function hideURLbar() {
 16 | 			window.scrollTo(0, 1);
 17 | 		}
 18 | 	</script>
 19 | 	<!--// Meta tag Keywords -->
 20 | 	<!-- css files -->
 21 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 22 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 23 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 24 | 	<link rel="stylesheet" href="../css/swipebox.css">
 25 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 26 | 	<link rel="stylesheet" href="../css/roma.css" />
 27 | 	<!-- //css files -->
 28 | 	<!-- online-fonts -->
 29 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 30 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 31 | 	<!-- //online-fonts -->
 32 | </head>
 33 | 
 34 | <body>
 35 | 
 36 | 	<?php include('../napigasi2.php'); ?>
 37 | 	<div class="clearfix"> </div>
 38 | 
 39 | 	<!-- Tambah Mata Pelajaran -->
 40 | 	<div id="Edit_Akun">
 41 | 		<div class="container">
 42 | 			<h3 class="w3l-title cl"> Tambah Mata Pelajaran </h3>
 43 | 			<div class="container margin-atas">
 44 | 
 45 | 				<?php
 46 | 				include('../koneksi.php');
 47 | 				$tampil = "SELECT * FROM `guru`";
 48 | 				$hasil = mysqli_query($koneksi, $tampil);
 49 | 				?>
 50 | 
 51 | 				<form class="form-group" action="Proses_Input_Mata_Pelajaran.php" method="post">
 52 | 					<table class="table">
 53 | 						<tr>
 54 | 							<td> Kode Mata Pelajaran : </td>
 55 | 							<td> <input type="text" name="Kode" onkeypress="return hanyaAngka(event)" required=""> </td>
 56 | 						</tr>
 57 | 
 58 | 						<tr>
 59 | 							<td> Nama Mata Pelajaran : </td>
 60 | 							<td> <input type="text" name="Nama_Mata_Pelajaran"> </td>
 61 | 						</tr>
 62 | 
 63 | 						<tr>
 64 | 							<td> Nama Guru : </td>
 65 | 							<td> <select name="NIP">
 66 | 									<?php
 67 | 									while ($data = mysqli_fetch_array($hasil)) {
 68 | 										echo "<option value='$data[nip]'> $data[nama_guru] </option> ";
 69 | 									}
 70 | 									?>
 71 | 								</select>
 72 | 							</td>
 73 | 						</tr>
 74 | 
 75 | 						<tr>
 76 | 							<td> Jurusan : </td>
 77 | 							<td> <select name="Jurusan">
 78 | 									<option value="AP" selected> AP </option>
 79 | 									<option value="RPL"> RPL </option>
 80 | 									<option value="TKR"> TKR </option>
 81 | 								</select>
 82 | 							</td>
 83 | 						</tr>
 84 | 
 85 | 						<tr>
 86 | 							<td>Kelas : </td>
 87 | 							<td><select name="Kelas">
 88 | 									<option value="10" selected> 10 </option>
 89 | 									<option value="11"> 11 </option>
 90 | 									<option value="12"> 12 </option>
 91 | 								</select>
 92 | 							</td>
 93 | 						</tr>
 94 | 					</table>
 95 | 
 96 | 					<button class="btn btn-primary"> Simpan </button>
 97 | 					<a href="mata_pelajaran.php" class="btn btn-primary"> Batal </a>
 98 | 				</form>
 99 | 
100 | 			</div>
101 | 
102 | 			<div class="clearfix margin-bawah"></div>
103 | 		</div>
104 | 	</div>
105 | 
106 | 	<script type="text/javascript">
107 | 		function hanyaAngka(evt) {
108 | 			var charCode = (evt.which) ? evt.which : event.keyCode
109 | 			if (charCode > 31 && (charCode < 48 || charCode > 57))
110 | 
111 | 				return false;
112 | 			return true;
113 | 		}
114 | 	</script>
115 | 
116 | 	<!-- //Tambah Mata Pelajaran -->
117 | 
118 | 	<!-- footer -->
119 | 
120 | 	<div class="w3layouts_copy_right">
121 | 		<div class="container">
122 | 			<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
123 | 		</div>
124 | 	</div>
125 | 	<!-- //footer -->
126 | 
127 | 	<!-- js-scripts -->
128 | 	<!-- js-files -->
129 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
130 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
131 | 	<!-- //js-files -->
132 | 	<!-- Baneer-js -->
133 | 
134 | 
135 | 
136 | 	<!-- smooth scrolling -->
137 | 	<script src="../js/SmoothScroll.min.js"></script>
138 | 	<!-- //smooth scrolling -->
139 | 	<!-- stats -->
140 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
141 | 	<!-- //stats -->
142 | 	<!-- moving-top scrolling -->
143 | 	<script type="text/javascript" src="../js/move-top.js"></script>
144 | 	<script type="text/javascript" src="../js/easing.js"></script>
145 | 	<script type="text/javascript">
146 | 		jQuery(document).ready(function($) {
147 | 			$(".scroll").click(function(event) {
148 | 				event.preventDefault();
149 | 				$('html,body').animate({
150 | 					scrollTop: $(this.hash).offset().top
151 | 				}, 1000);
152 | 			});
153 | 		});
154 | 	</script>
155 | 	<script type="text/javascript">
156 | 		$(document).ready(function() {
157 | 			/*
158 | 				var defaults = {
159 | 				containerID: 'toTop', // fading element id
160 | 				containerHoverID: 'toTopHover', // fading element hover id
161 | 				scrollSpeed: 1200,
162 | 				easingType: 'linear' 
163 | 				};
164 | 			*/
165 | 			$().UItoTop({
166 | 				easingType: 'easeOutQuart'
167 | 			});
168 | 		});
169 | 	</script>
170 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
171 | 	<!-- //moving-top scrolling -->
172 | 	<!-- gallery popup -->
173 | 	<script src="../js/jquery.swipebox.min.js"></script>
174 | 	<script type="text/javascript">
175 | 		jQuery(function($) {
176 | 			$(".swipebox").swipebox();
177 | 		});
178 | 	</script>
179 | 	<!-- //gallery popup -->
180 | 	<!--/script-->
181 | 	<script src="../js/simplePlayer.js"></script>
182 | 	<script>
183 | 		$("document").ready(function() {
184 | 			$("#video").simplePlayer();
185 | 		});
186 | 	</script>
187 | 	<!-- //Baneer-js -->
188 | 	<!-- Calendar -->
189 | 	<script src="../js/jquery-ui.js"></script>
190 | 	<script>
191 | 		$(function() {
192 | 			$("#datepicker").datepicker();
193 | 		});
194 | 	</script>
195 | 	<!-- //Calendar -->
196 | 
197 | 	<!-- //js-scripts -->
198 | </body>
199 | 
200 | </html>


--------------------------------------------------------------------------------
/Admin/tambah_murid.php:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html lang="zxx">
  4 | <head>
  5 | <title>SMK TERPADU</title>
  6 | <!-- Meta tag Keywords -->
  7 | <meta name="viewport" content="width=device-width, initial-scale=1">
  8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | <meta name="keywords" content="SMK TERPADU" />
 10 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 11 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 12 | <!--// Meta tag Keywords -->
 13 | <!-- css files -->
 14 | <link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 15 | <link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 16 | <link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 17 | <link rel="stylesheet" href="../css/swipebox.css">
 18 | <link rel="stylesheet" href="../css/jquery-ui.css" />
 19 | <link rel="stylesheet" href="../css/roma.css"/>
 20 | <!-- //css files -->
 21 | <!-- online-fonts -->
 22 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 23 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 24 | <!-- //online-fonts -->
 25 | </head>
 26 | <body>
 27 | 
 28 | <?php include ('../napigasi2.php'); ?>
 29 | 
 30 | <div class="clearfix"> </div> 
 31 | <!-- Murid -->
 32 | <div id="Edit_Murid">
 33 | 	<div class="container">
 34 |     <h3 class="w3l-title cl"> Murid </h3>
 35 |     <div class="container margin-atas">
 36 | 	
 37 | <?php 
 38 | include ('../koneksi.php');
 39 | $tampil="SELECT * FROM `akun` ORDER BY `username` ASC ";
 40 | $hasil=mysqli_query($koneksi, $tampil);
 41 | ?>
 42 | 
 43 | 	
 44 |     <form class="form-group" action="Proses_Tambah_Murid.php" method="post" onSubmit="">
 45 |     <table class="table">
 46 | 	
 47 | 	<tr>
 48 |     	<td> NISN : </td>
 49 |    		<td> <input type="text" name="NISN" maxlength="10" onkeypress="return hanyaAngka(event)" size="10" required=""> </td>
 50 |     </tr>
 51 | 	
 52 |     <tr>
 53 |     	<td> Nama : </td>
 54 |    		<td> <input type="text" name="Nama"> </td>
 55 |     </tr>
 56 | 	
 57 | 	<tr>
 58 |     	<td> Username : </td>
 59 |    		<td> <select name="Username">
 60 | 				<?php 
 61 | 				while ($data=mysqli_fetch_array($hasil))
 62 | 				{
 63 | 					echo "<option value='$data[username]'> $data[username] </option> ";
 64 | 				}
 65 | 				?>
 66 | 			 </select>
 67 | 		</td>
 68 |     </tr>
 69 | 	
 70 | 	<tr>
 71 |     	<td> Kota : </td>
 72 |    		<td> <input type="text" name="Kota"> </td>
 73 |     </tr>
 74 | 	
 75 | 	<tr>
 76 |     	<td> Jenis Kelamin : </td>
 77 |    		<td><select name="Jenis_Kelamin">
 78 |     			<option value="Laki-Laki" selected> Laki-Laki </option>
 79 | 				<option value="Perempuan"> Perempuan </option>
 80 | 			</select>
 81 | 		</td>
 82 |     </tr>
 83 | 	
 84 | 	<tr>
 85 |     	<td> Agama : </td>
 86 |    		<td><select name="Agama">
 87 |     			<option value="Islam" selected> Islam </option>
 88 | 				<option value="Kristen"> Kristen </option>
 89 | 				<option value="Katolik"> Katolik </option>
 90 | 				<option value="Hindu" > Hindu </option>
 91 | 				<option value="Buddha"> Buddha </option>
 92 | 				<option value="Kong_Hu_Cu"> Kong Hu Cu </option>
 93 | 			</select>
 94 | 		</td>
 95 |     </tr>
 96 |     
 97 |     <tr>
 98 |     	<td> Jurusan : </td>
 99 |         <td> <select name="Jurusan">
100 |     			<option value="AP" selected> AP </option>
101 | 				<option value="RPL"> RPL </option>
102 | 				<option value="TKR"> TKR </option>
103 | 			 </select>
104 |        	</td>
105 |     </tr>
106 |     
107 |     <tr>
108 |     	<td>Kelas : </td>
109 |         <td><select name="Kelas">
110 |     			<option value="10" selected> 10 </option>
111 | 				<option value="11"> 11 </option>
112 | 				<option value="12"> 12 </option>
113 | 			</select>
114 |       	</td>
115 |  	</tr>
116 |     </table>
117 |     
118 |     <button class="btn btn-primary"> Simpan </button>
119 | 	<a href="murid.php" class="btn btn-primary"> Batal </a>
120 |     
121 |     </form>
122 |     
123 |     </div>
124 |         
125 |     <div class="clearfix margin-bawah"></div>
126 |     </div>
127 | </div>
128 | 
129 | <script type="text/javascript">
130 | function hanyaAngka(evt) {
131 |     var charCode = (evt.which) ? evt.which : event.keyCode
132 |     if (charCode > 31 && (charCode < 48 || charCode > 57))
133 | 
134 |     return false;
135 |     return true;
136 | }
137 | </script>
138 | 
139 | <!-- //Murid -->
140 | 
141 | <!-- footer -->
142 | 
143 | <div class="w3layouts_copy_right">
144 | 	<div class="container">
145 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
146 | 	</div>
147 | </div>
148 | <!-- //footer -->
149 | 
150 | <!-- js-scripts -->			
151 | <!-- js-files -->
152 | <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
153 | <script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
154 | <!-- //js-files -->
155 | <!-- Baneer-js -->
156 | 
157 | 
158 | 
159 | <!-- smooth scrolling -->
160 | <script src="../js/SmoothScroll.min.js"></script>
161 | <!-- //smooth scrolling -->
162 | <!-- stats -->
163 | <script type="text/javascript" src="../js/numscroller-1.0.js"></script>
164 | <!-- //stats -->
165 | <!-- moving-top scrolling -->
166 | <script type="text/javascript" src="../js/move-top.js"></script>
167 | <script type="text/javascript" src="../js/easing.js"></script>
168 | <script type="text/javascript">
169 | 	jQuery(document).ready(function($) {
170 | 		$(".scroll").click(function(event){		
171 | 			event.preventDefault();
172 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
173 | 		});
174 | 	});
175 | </script>
176 | 	<script type="text/javascript">
177 | 		$(document).ready(function() {
178 | 		/*
179 | 			var defaults = {
180 | 			containerID: 'toTop', // fading element id
181 | 			containerHoverID: 'toTopHover', // fading element hover id
182 | 			scrollSpeed: 1200,
183 | 			easingType: 'linear' 
184 | 			};
185 | 		*/								
186 | 		$().UItoTop({ easingType: 'easeOutQuart' });
187 | 		});
188 | 	</script>
189 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
190 | <!-- //moving-top scrolling -->
191 | <!-- gallery popup -->
192 | <script src="../js/jquery.swipebox.min.js"></script> 
193 | <script type="text/javascript">
194 | jQuery(function($) {
195 | 	$(".swipebox").swipebox();
196 | });
197 | </script>
198 | <!-- //gallery popup -->
199 | <!--/script-->
200 | 	<script src="../js/simplePlayer.js"></script>
201 | 			<script>
202 | 				$("document").ready(function() {
203 | 					$("#video").simplePlayer();
204 | 				});
205 | 			</script>
206 | <!-- //Baneer-js -->
207 | <!-- Calendar -->
208 | <script src="../js/jquery-ui.js"></script>
209 | 	<script>
210 | 	  $(function() {
211 | 		$( "#datepicker" ).datepicker();
212 | 	 });
213 | 	</script>
214 | <!-- //Calendar -->	
215 | 
216 | <!-- //js-scripts -->
217 | </body>
218 | </html>


--------------------------------------------------------------------------------
/Guru Di daftarkan Oleh Admin.txt:
--------------------------------------------------------------------------------
1 | Guru minta / menghubungi admin 
2 | dan admin membuat guru di pannel akun 


--------------------------------------------------------------------------------
/Guru/Nilai.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | 
  4 | <head>
  5 | 	<title>SMK TERPADU</title>
  6 | 	<!-- Meta tag Keywords -->
  7 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  8 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | 	<meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 10 | 	<script type="application/x-javascript">
 11 | 		addEventListener("load", function() {
 12 | 			setTimeout(hideURLbar, 0);
 13 | 		}, false);
 14 | 
 15 | 		function hideURLbar() {
 16 | 			window.scrollTo(0, 1);
 17 | 		}
 18 | 	</script>
 19 | 	<!--// Meta tag Keywords -->
 20 | 	<!-- css files -->
 21 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 22 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 23 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 24 | 	<link rel="stylesheet" href="../css/swipebox.css">
 25 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 26 | 	<link rel="stylesheet" href="../css/roma.css" />
 27 | 	<!-- //css files -->
 28 | 	<!-- online-fonts -->
 29 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 30 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 31 | 	<!-- //online-fonts -->
 32 | </head>
 33 | 
 34 | <body>
 35 | 
 36 | 	<?php include('../napigasi2.php'); ?>
 37 | 	<div class="clearfix"> </div>
 38 | 
 39 | 	<!-- Input Nilai -->
 40 | 	<?php
 41 | 	include "../koneksi.php";
 42 | 	$cari_guru = "SELECT * FROM `guru` WHERE username= '$_SESSION[username]' ";
 43 | 	$hasil_guru = mysqli_query($koneksi, $cari_guru);
 44 | 	$data_guru = mysqli_fetch_array($hasil_guru);
 45 | 
 46 | 	$mapel = "SELECT * FROM `mata_pelajaran` WHERE nip = '$data_guru[nip]' and nama_matapelajaran = '$_POST[Mata_Pelajaran]';";
 47 | 	$hasil_mapel = mysqli_query($koneksi, $mapel);
 48 | 	$data_mapel = mysqli_fetch_array($hasil_mapel)
 49 | 	?>
 50 | 
 51 | 
 52 | 	<div id="Input Nilai">
 53 | 		<div class="container roma-batasan">
 54 | 			<form action="process_guru.php" method="post">
 55 | 				Nama Mata Pelajaran : <input type="text" name="Nama_Mata_Pelajaran" value="<?php echo $_POST['Mata_Pelajaran']; ?>" Readonly> <br><br>
 56 | 				Jurusan : <input type="text" name="Jurusan" value="<?php echo $data_mapel['jurusan']; ?>" size='2' Readonly><br><br>
 57 | 				Kelas : <input type="text" name="Kelas" value="<?php echo $data_mapel['kelas']; ?>" size='2' Readonly><br><br>
 58 | 
 59 | 				<table class="table table-bordered">
 60 | 					<tr>
 61 | 						<td width="150" align="center">NISN</td>
 62 | 						<td width="150" align="center">Nama Murid</td>
 63 | 						<td width="80" align="center">Nilai UTS</td>
 64 | 						<td width="80" align="center">Nilai UAS</td>
 65 | 					<tr>
 66 | 
 67 | 						<?php
 68 | 						$tampil_murid = "SELECT * FROM murid WHERE jurusan = '$data_mapel[jurusan]' and kelas = '$data_mapel[kelas]'";
 69 | 						$hasil_murid = mysqli_query($koneksi, $tampil_murid);
 70 | 
 71 | 						$N = 1;
 72 | 						$T = 10000;
 73 | 						$A = 20000;
 74 | 
 75 | 						while ($data_murid = mysqli_fetch_array($hasil_murid)) {
 76 | 							$tampil_nilai = "SELECT * FROM `nilai` WHERE nama_murid = '$data_murid[nama_murid]' and jurusan = '$data_murid[jurusan]' and kelas = '$data_mapel[kelas]' and nama_matapelajaran = '$_POST[Mata_Pelajaran]'";
 77 | 							$hasil_nilai = mysqli_query($koneksi, $tampil_nilai);
 78 | 							$data_nilai = mysqli_fetch_array($hasil_nilai);
 79 | 
 80 | 							$nilai_UTS = !isset($data_nilai['nilai_UTS']) ? "" : $data_nilai['nilai_UTS'];
 81 | 							$nilai_UAS = !isset($data_nilai['nilai_UAS']) ? "" : $data_nilai['nilai_UAS'];
 82 | 
 83 | 							echo "
 84 | 							<td> $data_murid[nisn] </td>
 85 | 							<td class='text-left'> <input type='text' name='$N' value='$data_murid[nama_murid]' Readonly> </td>			
 86 | 							<td align='center'> <input type='text' name='$T' value='$nilai_UTS' maxlength='3' size='1'/>  </td>
 87 | 							<td align='center'> <input type='text' name='$A' value='$nilai_UAS' maxlength='3' size='1'/> </td>
 88 | 							</TR>
 89 | 						";
 90 | 							$N++;
 91 | 							$T++;
 92 | 							$A++;
 93 | 						}
 94 | 
 95 | 						?>
 96 | 
 97 | 				</table>
 98 | 				<button class="btn btn-primary"> Simpan </button>
 99 | 			</form>
100 | 		</div>
101 | 	</div>
102 | 
103 | 	<!-- //Laporan Nilai -->
104 | 
105 | 	<!-- footer -->
106 | 
107 | 	<div class="w3layouts_copy_right">
108 | 		<div class="container">
109 | 			<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
110 | 		</div>
111 | 	</div>
112 | 	<!-- //footer -->
113 | 
114 | 	<!-- js-scripts -->
115 | 	<!-- js-files -->
116 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
117 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
118 | 	<!-- //js-files -->
119 | 	<!-- Baneer-js -->
120 | 
121 | 
122 | 
123 | 	<!-- smooth scrolling -->
124 | 	<script src="../js/SmoothScroll.min.js"></script>
125 | 	<!-- //smooth scrolling -->
126 | 	<!-- stats -->
127 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
128 | 	<!-- //stats -->
129 | 	<!-- moving-top scrolling -->
130 | 	<script type="text/javascript" src="../js/move-top.js"></script>
131 | 	<script type="text/javascript" src="../js/easing.js"></script>
132 | 	<script type="text/javascript">
133 | 		jQuery(document).ready(function($) {
134 | 			$(".scroll").click(function(event) {
135 | 				event.preventDefault();
136 | 				$('html,body').animate({
137 | 					scrollTop: $(this.hash).offset().top
138 | 				}, 1000);
139 | 			});
140 | 		});
141 | 	</script>
142 | 	<script type="text/javascript">
143 | 		$(document).ready(function() {
144 | 			/*
145 | 				var defaults = {
146 | 				containerID: 'toTop', // fading element id
147 | 				containerHoverID: 'toTopHover', // fading element hover id
148 | 				scrollSpeed: 1200,
149 | 				easingType: 'linear' 
150 | 				};
151 | 			*/
152 | 			$().UItoTop({
153 | 				easingType: 'easeOutQuart'
154 | 			});
155 | 		});
156 | 	</script>
157 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
158 | 	<!-- //moving-top scrolling -->
159 | 	<!-- gallery popup -->
160 | 	<script src="../js/jquery.swipebox.min.js"></script>
161 | 	<script type="text/javascript">
162 | 		jQuery(function($) {
163 | 			$(".swipebox").swipebox();
164 | 		});
165 | 	</script>
166 | 	<!-- //gallery popup -->
167 | 	<!--/script-->
168 | 	<script src="../js/simplePlayer.js"></script>
169 | 	<script>
170 | 		$("document").ready(function() {
171 | 			$("#video").simplePlayer();
172 | 		});
173 | 	</script>
174 | 	<!-- //Baneer-js -->
175 | 	<!-- Calendar -->
176 | 	<script src="../js/jquery-ui.js"></script>
177 | 	<script>
178 | 		$(function() {
179 | 			$("#datepicker").datepicker();
180 | 		});
181 | 	</script>
182 | 	<!-- //Calendar -->
183 | 
184 | 	<!-- //js-scripts -->
185 | </body>
186 | 
187 | </html>


--------------------------------------------------------------------------------
/Guru/index.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | 
  4 | <head>
  5 | 	<title>SMK TERPADU</title>
  6 | 	<!-- Meta tag Keywords -->
  7 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  8 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | 	<meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 10 | 	<script type="application/x-javascript">
 11 | 		addEventListener("load", function() {
 12 | 			setTimeout(hideURLbar, 0);
 13 | 		}, false);
 14 | 
 15 | 		function hideURLbar() {
 16 | 			window.scrollTo(0, 1);
 17 | 		}
 18 | 	</script>
 19 | 	<!--// Meta tag Keywords -->
 20 | 	<!-- css files -->
 21 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 22 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 23 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 24 | 	<link rel="stylesheet" href="../css/swipebox.css">
 25 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 26 | 	<link rel="stylesheet" href="../css/roma.css" />
 27 | 	<!-- //css files -->
 28 | 	<!-- online-fonts -->
 29 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 30 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 31 | 	<!-- //online-fonts -->
 32 | </head>
 33 | 
 34 | <body>
 35 | 
 36 | 	<?php include('../napigasi2.php'); ?>
 37 | 	<div class="clearfix"> </div>
 38 | 
 39 | 	<!-- Pilih Mata Pelajaran -->
 40 | 	<div id="Pilih_Mata_Pelajaran">
 41 | 		<div class="container roma-batasan">
 42 | 			<form action="Nilai.php" method="post">
 43 | 				<table class="table roma-table" border=0>
 44 | 					<tr>
 45 | 						<td>Mata Pelajaran :</td>
 46 | 						<td>
 47 | 							<select name="Mata_Pelajaran">
 48 | 
 49 | 								<?php
 50 | 								include('../koneksi.php');
 51 | 
 52 | 								$cari_guru = "SELECT * FROM `guru` WHERE username= '$_SESSION[username]' ";
 53 | 								$hasil_guru = mysqli_query($koneksi, $cari_guru);
 54 | 								$data_guru = mysqli_fetch_array($hasil_guru);
 55 | 
 56 | 								$tampil = "SELECT * FROM `mata_pelajaran` WHERE nip = '$data_guru[nip]'";
 57 | 								$hasil = mysqli_query($koneksi, $tampil);
 58 | 
 59 | 								while ($data = mysqli_fetch_array($hasil)) {
 60 | 									echo "	<option value='$data[nama_matapelajaran]'>$data[nama_matapelajaran]</option> ";
 61 | 								}
 62 | 
 63 | 								?>
 64 | 							</select>
 65 | 						</td>
 66 | 					</tr>
 67 | 
 68 | 					<tr>
 69 | 						<td colspan=2 align="left"><button class="btn btn-primary"> Tampilkan </button> </td>
 70 | 					</tr>
 71 | 				</table>
 72 | 			</form>
 73 | 		</div>
 74 | 	</div>
 75 | 
 76 | 	<!-- //Pilih Pata Pelajaran -->
 77 | 
 78 | 	<!-- footer -->
 79 | 
 80 | 	<div class="w3layouts_copy_right">
 81 | 		<div class="container">
 82 | 			<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 83 | 		</div>
 84 | 	</div>
 85 | 	<!-- //footer -->
 86 | 
 87 | 	<!-- js-scripts -->
 88 | 	<!-- js-files -->
 89 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
 90 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
 91 | 	<!-- //js-files -->
 92 | 	<!-- Baneer-js -->
 93 | 
 94 | 
 95 | 
 96 | 	<!-- smooth scrolling -->
 97 | 	<script src="../js/SmoothScroll.min.js"></script>
 98 | 	<!-- //smooth scrolling -->
 99 | 	<!-- stats -->
100 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
101 | 	<!-- //stats -->
102 | 	<!-- moving-top scrolling -->
103 | 	<script type="text/javascript" src="../js/move-top.js"></script>
104 | 	<script type="text/javascript" src="../js/easing.js"></script>
105 | 	<script type="text/javascript">
106 | 		jQuery(document).ready(function($) {
107 | 			$(".scroll").click(function(event) {
108 | 				event.preventDefault();
109 | 				$('html,body').animate({
110 | 					scrollTop: $(this.hash).offset().top
111 | 				}, 1000);
112 | 			});
113 | 		});
114 | 	</script>
115 | 	<script type="text/javascript">
116 | 		$(document).ready(function() {
117 | 			/*
118 | 				var defaults = {
119 | 				containerID: 'toTop', // fading element id
120 | 				containerHoverID: 'toTopHover', // fading element hover id
121 | 				scrollSpeed: 1200,
122 | 				easingType: 'linear' 
123 | 				};
124 | 			*/
125 | 			$().UItoTop({
126 | 				easingType: 'easeOutQuart'
127 | 			});
128 | 		});
129 | 	</script>
130 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
131 | 	<!-- //moving-top scrolling -->
132 | 	<!-- gallery popup -->
133 | 	<script src="../js/jquery.swipebox.min.js"></script>
134 | 	<script type="text/javascript">
135 | 		jQuery(function($) {
136 | 			$(".swipebox").swipebox();
137 | 		});
138 | 	</script>
139 | 	<!-- //gallery popup -->
140 | 	<!--/script-->
141 | 	<script src="../js/simplePlayer.js"></script>
142 | 	<script>
143 | 		$("document").ready(function() {
144 | 			$("#video").simplePlayer();
145 | 		});
146 | 	</script>
147 | 	<!-- //Baneer-js -->
148 | 	<!-- Calendar -->
149 | 	<script src="../js/jquery-ui.js"></script>
150 | 	<script>
151 | 		$(function() {
152 | 			$("#datepicker").datepicker();
153 | 		});
154 | 	</script>
155 | 	<!-- //Calendar -->
156 | 
157 | 	<!-- //js-scripts -->
158 | </body>
159 | 
160 | </html>


--------------------------------------------------------------------------------
/Guru/process_guru.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('../koneksi.php');
 3 | $kelas = $_POST['Kelas'];
 4 | $jurusan = $_POST['Jurusan'];
 5 | $nama_mpl = $_POST['Nama_Mata_Pelajaran'];
 6 | 
 7 | $tampil_murid = "SELECT * FROM murid WHERE jurusan = '$_POST[Jurusan]' and kelas = '$_POST[Kelas]'";
 8 | $hasil_murid = mysqli_query($koneksi, $tampil_murid);
 9 | $N = 1;
10 | $T = 10000;
11 | $A = 20000;
12 | 
13 | while ($data_murid = mysqli_fetch_array($hasil_murid)) {
14 | 	$nama_murid = $_POST[$N];
15 | 	$nilai_uts = $_POST[$T];
16 | 	$nilai_uas = $_POST[$A];
17 | 
18 | 	$tampil_nilai = mysqli_query($koneksi, "SELECT * FROM `nilai` WHERE nama_murid = '$nama_murid' and jurusan = '$jurusan' and kelas = '$kelas' and nama_matapelajaran = '$nama_mpl'");
19 | 
20 | 	if (mysqli_num_rows($tampil_nilai) == 0) {
21 | 		$sqlstr = ("INSERT INTO `nilai` (`nama_murid`, `kelas`, `jurusan`, `nama_matapelajaran`, `nilai_UTS`, `nilai_UAS`) VALUES ('$nama_murid', '$kelas', '$jurusan', '$nama_mpl', '$nilai_uts', '$nilai_uas');");
22 | 		(mysqli_query($koneksi, $sqlstr));
23 | 	} else {
24 | 		$sqlstr = ("UPDATE `nilai` SET `nilai_UTS`= $nilai_uts,`nilai_UAS`= $nilai_uas WHERE nama_murid = '$nama_murid' and kelas = '$kelas' and jurusan = '$jurusan' and nama_matapelajaran = '$nama_mpl' ");
25 | 		(mysqli_query($koneksi, $sqlstr));
26 | 	}
27 | 
28 | 	$N++;
29 | 	$T++;
30 | 	$A++;
31 | }
32 | 
33 | 
34 | 
35 | // apakah query simpan berhasil?
36 | if ($sqlstr) {
37 | 	// kalau berhasil alihkan ke halaman index.php dengan status=sukses
38 | 	echo '
39 |   	<script language="javascript">
40 |   		alert("Input Nilai Berhasil");
41 | 		document.location="index.php";
42 | 	</script>';
43 | } else {
44 | 	// kalau gagal alihkan ke halaman indek.php dengan status=gagal
45 | 	echo '
46 | 	<script language="javascript">
47 | 		alert("Input Nilai Gagal");
48 | 		document.location="index.php";
49 | 	</script>';
50 | }
51 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2013-2018 Blackrock Digital LLC
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/Level.txt:
--------------------------------------------------------------------------------
1 | Level 1 = Admin
2 | Level 2 = Guru
3 | Level 3 = Murid
4 | 


--------------------------------------------------------------------------------
/Logika.txt:
--------------------------------------------------------------------------------
1 | List mata pelajaran untuk di nilai guru di dapat dari table mata pelajaran berdasarkan nama guru
2 | 
3 | di proses daftar tambahkan valiasi akun 
4 | 
5 | pilih pelajaran -> menampilkan data yang ada di database (termasuk jurusan dan kelas) jika tidak ada maka ubah fungsi dari update menjadi input ->


--------------------------------------------------------------------------------
/Murid/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include "../koneksi.php";
  3 | ?>
  4 | <!DOCTYPE html>
  5 | <html lang="zxx">
  6 | 
  7 | <head>
  8 | 	<title>SMK TERPADU</title>
  9 | 	<!-- Meta tag Keywords -->
 10 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 11 | 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 12 | 	<meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 13 | 	<script type="application/x-javascript">
 14 | 		addEventListener("load", function() {
 15 | 			setTimeout(hideURLbar, 0);
 16 | 		}, false);
 17 | 
 18 | 		function hideURLbar() {
 19 | 			window.scrollTo(0, 1);
 20 | 		}
 21 | 	</script>
 22 | 	<!--// Meta tag Keywords -->
 23 | 	<!-- css files -->
 24 | 	<link rel="stylesheet" href="../css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 25 | 	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 26 | 	<link rel="stylesheet" href="../css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 27 | 	<link rel="stylesheet" href="../css/swipebox.css">
 28 | 	<link rel="stylesheet" href="../css/jquery-ui.css" />
 29 | 	<link rel="stylesheet" href="../css/roma.css" />
 30 | 	<!-- //css files -->
 31 | 	<!-- online-fonts -->
 32 | 	<link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 33 | 	<link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 34 | 	<!-- //online-fonts -->
 35 | </head>
 36 | 
 37 | <body>
 38 | 
 39 | 	<?php include('../napigasi2.php'); ?>
 40 | 
 41 | 	<div class="clearfix"> </div>
 42 | 	<!-- //Modal2 -->
 43 | 	<!-- Laporan Nilai -->
 44 | 
 45 | 	<div id="Laporan Nilai">
 46 | 		<div class="container roma-batasan">
 47 | 
 48 | 			<?php
 49 | 			//$NISN=$_POST['NISN'];
 50 | 			$query = mysqli_query($koneksi, "select * from murid where username='$_SESSION[username]'");
 51 | 			$data = mysqli_fetch_array($query);
 52 | 			?>
 53 | 
 54 | 			<table class="table-condensed">
 55 | 				<tr>
 56 | 					<td> Nama </td>
 57 | 					<td> : </td>
 58 | 					<td> <input type="text" name="no_tlp" id="No_HP" value="<?php echo $data['nama_murid']; ?>" Readonly> </td>
 59 | 				</tr>
 60 | 				<tr>
 61 | 					<td> Kelas </td>
 62 | 					<td> : </td>
 63 | 					<td> <input type="text" name="no_tlp" id="No_HP" value="<?php echo $data['kelas']; ?>" Readonly> </td>
 64 | 				<tr>
 65 | 					<td> Jurusan </td>
 66 | 					<td> : </td>
 67 | 					<td> <input type="text" name="no_tlp" id="No_HP" value="<?php echo $data['jurusan']; ?>" Readonly> </td>
 68 | 				</tr>
 69 | 			</table>
 70 | 
 71 | 			<br>
 72 | 
 73 | 			<table border=1 class="table table-bordered">
 74 | 				<tr>
 75 | 					<td width="150" align="center">Mata Pelajaran</td>
 76 | 					<td width="80" align="center">Nilai UTS</td>
 77 | 					<td width="80" align="center">Nilai UAS</td>
 78 | 				<tr>
 79 | 
 80 | 					<?php
 81 | 					$Nama_Murid = $data['nama_murid'];
 82 | 					$Kelas 		= $data['kelas'];
 83 | 					$Jurusan	= $data['jurusan'];
 84 | 					$tampil = "SELECT * FROM nilai WHERE nama_murid = '$Nama_Murid' AND kelas = '$Kelas' AND jurusan = '$Jurusan'";
 85 | 					$hasil = mysqli_query($koneksi, $tampil);
 86 | 
 87 | 					while ($data = mysqli_fetch_array($hasil)) {
 88 | 						echo "
 89 | 						<tr>
 90 | 							<td> $data[nama_matapelajaran]</td>
 91 | 							<td align='center'>$data[nilai_UTS]</td>
 92 | 							<td align='center'>$data[nilai_UAS]</td>
 93 | 						<tr>
 94 | 					";
 95 | 					}
 96 | 
 97 | 					?>
 98 | 
 99 | 			</table>
100 | 
101 | 		</div>
102 | 	</div>
103 | 
104 | 	<!-- //Laporan Nilai -->
105 | 
106 | 	<!-- footer -->
107 | 
108 | 	<div class="w3layouts_copy_right">
109 | 		<div class="container">
110 | 			<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
111 | 			okky
112 | 		</div>
113 | 	</div>
114 | 	<!-- //footer -->
115 | 
116 | 	<!-- js-scripts -->
117 | 	<!-- js-files -->
118 | 	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
119 | 	<script type="text/javascript" src="../js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
120 | 	<!-- //js-files -->
121 | 	<!-- Baneer-js -->
122 | 
123 | 
124 | 
125 | 	<!-- smooth scrolling -->
126 | 	<script src="../js/SmoothScroll.min.js"></script>
127 | 	<!-- //smooth scrolling -->
128 | 	<!-- stats -->
129 | 	<script type="text/javascript" src="../js/numscroller-1.0.js"></script>
130 | 	<!-- //stats -->
131 | 	<!-- moving-top scrolling -->
132 | 	<script type="text/javascript" src="../js/move-top.js"></script>
133 | 	<script type="text/javascript" src="../js/easing.js"></script>
134 | 	<script type="text/javascript">
135 | 		jQuery(document).ready(function($) {
136 | 			$(".scroll").click(function(event) {
137 | 				event.preventDefault();
138 | 				$('html,body').animate({
139 | 					scrollTop: $(this.hash).offset().top
140 | 				}, 1000);
141 | 			});
142 | 		});
143 | 	</script>
144 | 	<script type="text/javascript">
145 | 		$(document).ready(function() {
146 | 			/*
147 | 				var defaults = {
148 | 				containerID: 'toTop', // fading element id
149 | 				containerHoverID: 'toTopHover', // fading element hover id
150 | 				scrollSpeed: 1200,
151 | 				easingType: 'linear' 
152 | 				};
153 | 			*/
154 | 			$().UItoTop({
155 | 				easingType: 'easeOutQuart'
156 | 			});
157 | 		});
158 | 	</script>
159 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
160 | 	<!-- //moving-top scrolling -->
161 | 	<!-- gallery popup -->
162 | 	<script src="../js/jquery.swipebox.min.js"></script>
163 | 	<script type="text/javascript">
164 | 		jQuery(function($) {
165 | 			$(".swipebox").swipebox();
166 | 		});
167 | 	</script>
168 | 	<!-- //gallery popup -->
169 | 	<!--/script-->
170 | 	<script src="../js/simplePlayer.js"></script>
171 | 	<script>
172 | 		$("document").ready(function() {
173 | 			$("#video").simplePlayer();
174 | 		});
175 | 	</script>
176 | 	<!-- //Baneer-js -->
177 | 	<!-- Calendar -->
178 | 	<script src="../js/jquery-ui.js"></script>
179 | 	<script>
180 | 		$(function() {
181 | 			$("#datepicker").datepicker();
182 | 		});
183 | 	</script>
184 | 	<!-- //Calendar -->
185 | 
186 | 	<!-- //js-scripts -->
187 | </body>
188 | 
189 | </html>


--------------------------------------------------------------------------------
/Note Untuk Database.txt:
--------------------------------------------------------------------------------
1 | Cara membuat jadwal pelajaran yang memungkinkan 1 hari ada lebih dari 1 pelajaran dengan sistem simpan,edit hapus bisa 1 mata pelajaran saja
2 | 
3 | no_hp guru di ubah varchar 30 agar bisa menambahkan 0 di awal nomor


--------------------------------------------------------------------------------
/Proses_Kirim.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "koneksi.php";
 3 | 
 4 | date_default_timezone_set('Asia/Jakarta');
 5 | $input="INSERT INTO `pesan` (`Tanggal`, `Subject`, `Nama`, `Email`, `No_HP`, `Isi`) VALUES ('".date('d-m-Y')."', '$_POST[subject]', '$_POST[Name]', '$_POST[Email]', '$_POST[number]', '$_POST[Message]');";
 6 | //Apabila perintah SQL untuk menginput data benar
 7 | 
 8 | 
 9 | 
10 | mysqli_query($koneksi, $input);
11 | if ($input) 
12 | {
13 | echo	"<script>	alert('Pesan Terkirim'); document.location='index.php'; </script>";
14 | //header("Location: index.php");
15 | }
16 | else{
17 | echo	"<script>	alert('Pesan Gagal Di Kirim'); document.location='index.php'; </script>";
18 | }
19 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # WEB-Sekolah
 2 | 
 3 | Content management system (CMS) untuk Web sekolah <br>
 4 | Untuk contoh runningnya bisa di lihat di sini <br>
 5 | Project ini hanya memakai bootstrap v3 dan tidak memakai framework lain
 6 | 
 7 | https://cms-websekolah3.000webhostapp.com/
 8 | 
 9 | Admin <br>
10 | username : roma <br>
11 | password : 1
12 | 
13 | Guru <br>
14 | username : hendika <br>
15 | password : 1 <br>
16 | 
17 | Murid <br>
18 | username : okky <br>
19 | password : 1 <br>
20 | 
21 | Fitur
22 | 
23 | - Login
24 | - Level Akun
25 | - Contact US
26 | 
27 | Level Akses
28 | 
29 | - Admin
30 |   - Akun Control
31 |   - Manajemen Murid
32 |   - Manajemen Guru
33 |   - Manajemen Nilai
34 |   - Email / Contact masuk
35 |   - Manajemen Matapelajaran
36 | - Guru
37 |   - Manajemen Nilai
38 | - Murid
39 |   - Melihat Nilai
40 | 
41 | # Screenshot
42 | 
43 | <img src=https://github.com/romadebrian/WEB-Sekolah/blob/master/screenshot/beranda.png />
44 | <img src=https://github.com/romadebrian/WEB-Sekolah/blob/master/screenshot/admin.png />
45 | 
46 | ################### BUGS #########################
47 | 
48 | - tulis di sini jika ada atau tulis di menu Issues
49 | 
50 | ################### Next Update #########################
51 | 
52 | - ganti template
53 | - Penggunaan inlude page
54 | - Encrypt Password HASH tersendiri
55 | - System log mencatat waktu, IP addres, dan MAC addres ketika login
56 | - Title WEB bisa di ganti di CMS Pannel Admin dan konsisten dengan semua page
57 | - Beranda bersifat dinamis
58 | - Page Profil
59 | - Page Daftar seperti web sekolah pada umumnya (standar)
60 | - Bikin Pannel Pengaturan WEB
61 |   - Manajemen Posting
62 |   - Manajemen Beranda
63 |   - Manajemen Sejarah Sekolah
64 |   - Manajemen Jurusan
65 |   - Manajemen Fasilitas
66 |   - Pengaturan Title, Keyword, Logo, dan warna
67 | 
68 | Jika ada pertanyaan bisa langsung tanya ke https://www.facebook.com/romadebrian <br>
69 | Tolong berikan masukan dan saran di sini atau jika ada bugs tolong tulis di issues!!
70 | 
71 | Progress projectnya https://github.com/users/romadebrian/projects/2
72 | 
73 | Sumber template web nya https://w3layouts.com/template/scholarly-education-category-bootstrap-responsive-web-template/
74 | 


--------------------------------------------------------------------------------
/akutansi.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | <head>
  4 | <title>SMK TERPADUS</title>
  5 | <!-- Meta tag Keywords -->
  6 | <meta name="viewport" content="width=device-width, initial-scale=1">
  7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8 | <meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
  9 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 10 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 11 | <!--// Meta tag Keywords -->
 12 | <!-- css files -->
 13 | <link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 14 | <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 15 | <link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 16 | <link rel="stylesheet" href="css/swipebox.css">
 17 | <link rel="stylesheet" href="css/roma.css">
 18 | <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
 19 | <link rel="stylesheet" href="css/jquery-ui.css" />
 20 | <!-- //css files -->
 21 | <!-- online-fonts -->
 22 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 23 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 24 | <!-- //online-fonts -->
 25 | </head>
 26 | <body>
 27 | 
 28 | <?php include ('napigasi.php'); ?>
 29 | 
 30 | <div class="clearfix"> </div> 
 31 | 
 32 | <!-- Slideshoww -->	
 33 | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 34 |   <!-- Indicators -->
 35 |   <ol class="carousel-indicators">
 36 |     <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 37 |     <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 38 |     <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 39 |   </ol>
 40 | 
 41 |   <!-- Wrapper for slides -->
 42 |   <div class="carousel-inner" role="listbox">
 43 |     <div class="item active">
 44 |       <img src="images/akun/akun.png"alt="...">
 45 |       <div class="carousel-caption">
 46 | 	  <h1><b>Akuntansi</b> </h1>
 47 |               <p>adalah pengukuran, penjabaran, atau pemberian kepastian mengenai informasi yang akan membantu manajer, investor, otoritas pajak dan pembuat keputusan lain untuk membuat alokasi sumber daya keputusan di dalam perusahaan, organisasi, dan lembaga pemerintah. Akuntansi adalah seni dalam mengukur, berkomunikasi dan menginterpretasikan aktivitas keuangan. Secara luas, akuntansi juga dikenal sebagai "bahasa bisnis".</p>
 48 |       </div>
 49 |     </div>
 50 |     <div class="item">
 51 |       <img src="images/akun/e akun.png" alt="...">
 52 |       <div class="carousel-caption">
 53 | 	  <h1><b>E-accounting</b> </h1>
 54 |               <p>adalah akuntansi berbasis cloud yang didesain untuk mendukung kegiatan pengelolaan bisnis atau usaha. E-accounting menyediakan berbagai fitur akuntansi yang sudah biasa digunakan oleh pelaku usaha dan juga disupport dengan teknologi terkini, menjadikan E-accounting mudah digunakan, aman dan handal serta dapat diakses kapanpun dan dimanapun.</p>
 55 |       </div>
 56 |     </div>
 57 | 	<div class="item">
 58 |       <img src="images/akun/kumpul.jpg" alt="...">
 59 |       <div class="carousel-caption">
 60 | 	  <h1><b>Akuntansi</b> </h1>
 61 |               <p>Informasi ini terakumulasi dalam catatan akuntansi dengan transaksi akuntansi, yang dicatat baik melalui transaksi bisnis standar seperti pelanggan faktur atau pemasok faktur, atau melalui transaksi lebih khusus, yang dikenal sebagai jurnal.</p>
 62 |       </div>
 63 |     </div>
 64 |   </div>
 65 | 
 66 |   <!-- Controls -->
 67 |   <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 68 |     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 69 |     <span class="sr-only">Previous</span>
 70 |   </a>
 71 |   <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 72 |     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 73 |     <span class="sr-only">Next</span>
 74 |   </a>
 75 | </div>
 76 | <!-- //Slideshoww -->
 77 |   
 78 | <!-- footer -->
 79 | <div class="w3layouts_copy_right">
 80 | 	<div class="container">
 81 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 82 | 	</div>
 83 | </div>
 84 | <!-- //footer -->
 85 | 
 86 | <!-- js-scripts -->			
 87 | <!-- js-files -->
 88 | <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
 89 | <script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
 90 | <!-- //js-files -->
 91 | <!-- Baneer-js -->
 92 | 
 93 | 
 94 | <!-- smooth scrolling -->
 95 | <script src="js/SmoothScroll.min.js"></script>
 96 | <!-- //smooth scrolling -->
 97 | <!-- stats -->
 98 | <script type="text/javascript" src="js/numscroller-1.0.js"></script>
 99 | <!-- //stats -->
100 | <!-- moving-top scrolling -->
101 | <script type="text/javascript" src="js/move-top.js"></script>
102 | <script type="text/javascript" src="js/easing.js"></script>
103 | <script type="text/javascript">
104 | 	jQuery(document).ready(function($) {
105 | 		$(".scroll").click(function(event){		
106 | 			event.preventDefault();
107 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
108 | 		});
109 | 	});
110 | </script>
111 | 	<script type="text/javascript">
112 | 		$(document).ready(function() {
113 | 		/*
114 | 			var defaults = {
115 | 			containerID: 'toTop', // fading element id
116 | 			containerHoverID: 'toTopHover', // fading element hover id
117 | 			scrollSpeed: 1200,
118 | 			easingType: 'linear' 
119 | 			};
120 | 		*/								
121 | 		$().UItoTop({ easingType: 'easeOutQuart' });
122 | 		});
123 | 	</script>
124 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
125 | <!-- //moving-top scrolling -->
126 | <!-- gallery popup -->
127 | <script src="js/jquery.swipebox.min.js"></script> 
128 | <script type="text/javascript">
129 | jQuery(function($) {
130 | 	$(".swipebox").swipebox();
131 | });
132 | </script>
133 | <!-- //gallery popup -->
134 | <!--/script-->
135 | 	<script src="js/simplePlayer.js"></script>
136 | 			<script>
137 | 				$("document").ready(function() {
138 | 					$("#video").simplePlayer();
139 | 				});
140 | 			</script>
141 | <!-- //Baneer-js -->
142 | <!-- Calendar -->
143 | <script src="js/jquery-ui.js"></script>
144 | 	<script>
145 | 	  $(function() {
146 | 		$( "#datepicker" ).datepicker();
147 | 	 });
148 | 	</script>
149 | <!-- //Calendar -->	
150 | 
151 | <!-- //js-scripts -->
152 | </body>
153 | </html>


--------------------------------------------------------------------------------
/css/roma.css:
--------------------------------------------------------------------------------
 1 | .menu-wrap ul {
 2 | 	list-style:none;
 3 | }
 4 |  
 5 | .menu-wrap ul li a {
 6 | 	float:left; 
 7 | 	width:150px; 
 8 | 	display:block; 
 9 | 	text-align:center; 
10 | 	color:#FFF; 
11 | 	text-decoration:none; 
12 | 	text-transform:uppercase;
13 | }
14 |  
15 | .menu-wrap ul li a:hover {
16 | 	background-color:#666; 
17 | 	display:block;
18 | }
19 |  
20 | .menu-wrap ul li:hover ul {
21 | 	display:block;
22 | }
23 |  
24 | .menu-wrap ul ul {
25 | 	display:none; 
26 | 	list-style:none; 
27 | 	position:absolute; 
28 | 	background-color:#53bd84;
29 | 	left:300px; 
30 | 	top:50px; 
31 | 	width:190px;
32 | }
33 |  
34 | .menu-wrap ul ul li a {
35 | 	float:none; 
36 | 	display:block; 
37 | 	padding-left:30px; 
38 | 	text-align:left; 
39 | 	width:160px;
40 | }
41 |  
42 | .menu-wrap ul ul li a:hover {
43 | 	color:#fff;
44 | }
45 | 
46 | .roma-color-background 
47 | {
48 | 	background-color : red;
49 | }
50 | 
51 | .roma-table
52 | {
53 | 	width : 500px;
54 | }
55 | 
56 | .roma-batasan
57 | {
58 | 	margin-top : 50px;
59 | 	margin-bottom : 100px;
60 | }
61 | 
62 | .margin-atas
63 | {
64 | 	margin-top : 50px;
65 | }
66 | 
67 | 
68 | .margin-bawah
69 | {
70 | 	margin-bottom : 50px;
71 | }
72 | 
73 | .detail_img {
74 |     position: absolute;
75 |     line-height: 2.4;
76 |     bottom: 0%;
77 | 	height: 70px;
78 |     left: 0;
79 |     opacity: 1;
80 |     width: 100%;
81 |     color: #010;
82 |     background: rgba(195, 192, 186, 0.52);
83 |     -ms-transform: translateY(0%);
84 |     -webkit-transform: translateY(0%);
85 |     transform: translateY(0%);
86 |     -webkit-transition: 0.35s all ease;
87 |     transition: 0.35s all ease;
88 |     text-align: center;
89 |     font-size: 2em;
90 | }
91 | 
92 | 
93 | 
94 | 
95 | 


--------------------------------------------------------------------------------
/css/swipebox.css:
--------------------------------------------------------------------------------
  1 | /*! Swipebox v1.2.8 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
  2 | html.swipebox-html.swipebox-touch {
  3 |   overflow: hidden !important;
  4 | }
  5 | 
  6 | #swipebox-overlay img {
  7 |   border: none !important;
  8 | }
  9 | 
 10 | #swipebox-overlay {
 11 |   width: 100%;
 12 |   height: 100%;
 13 |   position: fixed;
 14 |   top: 0;
 15 |   left: 0;
 16 |   z-index: 99999 !important;
 17 |   overflow: hidden;
 18 |   -webkit-user-select: none;
 19 |   -moz-user-select: none;
 20 |   -ms-user-select: none;
 21 |   user-select: none;
 22 | }
 23 | 
 24 | #swipebox-container {
 25 |   position: relative;
 26 |   width: 100%;
 27 |   height: 100%;
 28 | }
 29 | 
 30 | #swipebox-slider {
 31 |   -webkit-transition: -webkit-transform 0.4s ease;
 32 |   transition: transform 0.4s ease;
 33 |   height: 100%;
 34 |   left: 0;
 35 |   top: 0;
 36 |   width: 100%;
 37 |   white-space: nowrap;
 38 |   position: absolute;
 39 |   display: none;
 40 |   cursor: pointer;
 41 | }
 42 | #swipebox-slider .slide {
 43 |   height: 100%;
 44 |   width: 100%;
 45 |   line-height: 1px;
 46 |   text-align: center;
 47 |   display: inline-block;
 48 | }
 49 | #swipebox-slider .slide:before {
 50 |   content: "";
 51 |   display: inline-block;
 52 |   height: 43%;
 53 |   width: 1px;
 54 |   margin-right: -1px;
 55 | }
 56 | #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
 57 |   display: inline-block;
 58 |   max-height: 100%;
 59 |   max-width: 100%;
 60 |   margin: 0;
 61 |   padding: 0;
 62 |   width: auto;
 63 |   height: auto;
 64 |   vertical-align: middle;
 65 | }
 66 | #swipebox-slider .slide .swipebox-video-container {
 67 |   background: none;
 68 |   max-width: 1140px;
 69 |   max-height: 100%;
 70 |   width: 100%;
 71 |   padding: 5%;
 72 |   -webkit-box-sizing: border-box;
 73 |   box-sizing: border-box;
 74 |   -moz-box-sizing: border-box;
 75 | }
 76 | #swipebox-slider .slide .swipebox-video-container .swipebox-video {
 77 |   width: 100%;
 78 |   height: 0;
 79 |   padding-bottom: 56.25%;
 80 |   overflow: hidden;
 81 |   position: relative;
 82 | }
 83 | #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
 84 |   width: 100% !important;
 85 |   height: 100% !important;
 86 |   position: absolute;
 87 |   top: 0;
 88 |   left: 0;
 89 | }
 90 | #swipebox-slider .slide-loading {
 91 |   background: url(../images/loader.gif) no-repeat center center;
 92 | }
 93 | 
 94 | #swipebox-bottom-bar,
 95 | #swipebox-top-bar {
 96 |   -webkit-transition: 0.5s all;
 97 |   transition: 0.5s all;
 98 |   -moz-transition: 0.5s all;
 99 |   position: absolute;
100 |   left: 0;
101 |   z-index: 999;
102 |   height: 50px;
103 |   width: 100%;
104 | }
105 | 
106 | #swipebox-bottom-bar {
107 |   bottom: -50px;
108 | }
109 | #swipebox-bottom-bar.visible-bars {
110 |   -webkit-transform: translate3d(0, -50px, 0);
111 |   transform: translate3d(0, -50px, 0);
112 |   -moz-transform: translate3d(0, -50px, 0);
113 |   -o-transform: translate3d(0, -50px, 0);
114 |   -ms-transform: translate3d(0, -50px, 0);
115 | }
116 | 
117 | #swipebox-top-bar {
118 |     bottom: 14%;
119 | }
120 | #swipebox-title {
121 |     display: block;
122 |     width: 45%;
123 |     text-align: center;
124 |     margin: 0 auto !important;
125 | } 
126 | #swipebox-prev,
127 | #swipebox-next,
128 | #swipebox-close {
129 |   background-image: url(../images/icons.png);
130 |   background-repeat: no-repeat;
131 |   border: none !important;
132 |   text-decoration: none !important;
133 |   cursor: pointer;
134 |   width: 50px;
135 |   height: 50px;
136 |   top: 0;
137 | }
138 | 
139 | #swipebox-arrows {
140 |   display: block;
141 |   margin: 0 auto;
142 |   width: 100%;
143 |   height: 50px;
144 | }
145 | 
146 | #swipebox-prev {
147 |   background-position: -32px 13px;
148 |   float: left;
149 | }
150 | 
151 | #swipebox-next {
152 |   background-position: -78px 13px;
153 |   float: right;
154 | } 
155 | #swipebox-close {
156 | 	right: 50px;
157 | 	top: 12px;
158 | 	position: absolute;
159 | 	z-index: 9999;
160 | 	background-position: 15px 12px;
161 | }
162 | .swipebox-no-close-button #swipebox-close {
163 |   display: none;
164 | }
165 | 
166 | #swipebox-prev.disabled,
167 | #swipebox-next.disabled {
168 |   opacity: 0.3;
169 | }
170 | 
171 | .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
172 |   -webkit-animation: rightSpring 0.3s;
173 |   animation: rightSpring 0.3s;
174 |   -moz-animation: rightSpring 0.3s;
175 | }
176 | .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
177 |   -webkit-animation: leftSpring 0.3s;
178 |   animation: leftSpring 0.3s;
179 |   -moz-animation: leftSpring 0.3s;
180 | }
181 | 
182 | .swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
183 |   -webkit-backface-visibility: hidden;
184 |   backface-visibility: hidden;
185 |   -webkit-transition: all .3s ease;
186 |   transition: all .3s ease;
187 |   -moz-transition: all .3s ease;
188 |   content: ' ';
189 |   position: absolute;
190 |   z-index: 999;
191 |   top: 0;
192 |   height: 100%;
193 |   width: 20px;
194 |   opacity: 0;
195 | }
196 | .swipebox-touch #swipebox-container:before {
197 |   left: 0;
198 |   -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
199 |   box-shadow: inset 10px 0px 10px -8px #656565;
200 |   -moz-box-shadow: inset 10px 0px 10px -8px #656565;
201 | }
202 | .swipebox-touch #swipebox-container:after {
203 |   right: 0;
204 |   -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
205 |   box-shadow: inset -10px 0px 10px -8px #656565;
206 |   -moz-box-shadow: inset -10px 0px 10px -8px #656565;
207 | }
208 | .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
209 |   opacity: 1;
210 | }
211 | .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
212 |   opacity: 1;
213 | }
214 | 
215 | @-webkit-keyframes rightSpring {
216 |   0% {
217 |     left: 0;
218 |   }
219 | 
220 |   50% {
221 |     left: -30px;
222 |   }
223 | 
224 |   100% {
225 |     left: 0;
226 |   }
227 | }
228 | 
229 | @keyframes rightSpring {
230 |   0% {
231 |     left: 0;
232 |   }
233 | 
234 |   50% {
235 |     left: -30px;
236 |   }
237 | 
238 |   100% {
239 |     left: 0;
240 |   }
241 | }
242 | @-webkit-keyframes leftSpring {
243 |   0% {
244 |     left: 0;
245 |   }
246 | 
247 |   50% {
248 |     left: 30px;
249 |   }
250 | 
251 |   100% {
252 |     left: 0;
253 |   }
254 | }
255 | @keyframes leftSpring {
256 |   0% {
257 |     left: 0;
258 |   }
259 | 
260 |   50% {
261 |     left: 30px;
262 |   }
263 | 
264 |   100% {
265 |     left: 0;
266 |   }
267 | }
268 | @media screen and (min-width: 800px) {
269 |   #swipebox-close {
270 |     right: 50px;
271 | 	top: 12px;
272 |   }
273 | 
274 |   #swipebox-arrows {
275 |     width: 80%;
276 |     max-width: 800px;
277 |   }
278 | }
279 | /* Skin 
280 | --------------------------*/
281 | #swipebox-overlay {
282 |   background: #0d0d0d;
283 | }
284 | 
285 | #swipebox-bottom-bar,
286 | #swipebox-top-bar {
287 |   opacity: 1;
288 | }
289 | 
290 | #swipebox-top-bar {
291 |   color: white !important;
292 |   font-size: 15px;
293 |   line-height: 30px; 
294 | }
295 | @media(max-width:1366px){
296 | #swipebox-top-bar {
297 |     bottom: 20%;
298 | }
299 | }
300 | @media(max-width:1080px){
301 | #swipebox-title {
302 |     width: 61%;
303 |     line-height: 1.8em;
304 |     margin: 1em auto 0 !important;
305 | } 
306 | }
307 | @media(max-width:768px){
308 | #swipebox-title {
309 |     width: 75%;
310 | }
311 | #swipebox-arrows {
312 |     width: 83%;
313 | }
314 | }
315 | @media(max-width:667px){
316 | #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container { 
317 |     max-width: 80%; 
318 | }
319 | #swipebox-title {
320 |     width: 82%;
321 |     font-size: 14px;
322 |     font-weight: 300;
323 | }
324 | }
325 | @media(max-width:640px){
326 | #swipebox-title {
327 |     width: 82%;
328 |     font-size: .9em;
329 | }
330 | #swipebox-arrows {
331 |     width: 80%;
332 | }
333 | }
334 | @media(max-width:480px){
335 | #swipebox-title {
336 |     width: 85%; 
337 | } 
338 | #swipebox-close {
339 |     right: 30px;
340 | }
341 | #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
342 |     max-width: 90%;
343 | }
344 | #swipebox-container { 
345 |     width: 97%; 
346 | }
347 | }
348 | @media(max-width:414px){
349 | #swipebox-container { 
350 |     width: 96%; 
351 | }
352 | }
353 | @media(max-width:384px){
354 | #swipebox-top-bar {
355 |     bottom: 23%;
356 | }
357 | }


--------------------------------------------------------------------------------
/css/utama.css:
--------------------------------------------------------------------------------
 1 | .menu-wrap ul {
 2 | 	list-style:none;
 3 | }
 4 |  
 5 | .menu-wrap ul li a {
 6 | 	float:left; 
 7 | 	width:150px; 
 8 | 	display:block; 
 9 | 	text-align:center; 
10 | 	color:#FFF; 
11 | 	text-decoration:none; 
12 | 	text-transform:uppercase;
13 | }
14 |  
15 | .menu-wrap ul li a:hover {
16 | 	background-color:#666; 
17 | 	display:block;
18 | }
19 |  
20 | .menu-wrap ul li:hover ul {
21 | 	display:block;
22 | }
23 |  
24 | .menu-wrap ul ul {
25 | 	display:none; 
26 | 	list-style:none; 
27 | 	position:absolute; 
28 | 	background-color:#53bd84;
29 | 	left:300px; 
30 | 	top:50px; 
31 | 	width:190px;
32 | }
33 |  
34 | .menu-wrap ul ul li a {
35 | 	float:none; 
36 | 	display:block; 
37 | 	padding-left:30px; 
38 | 	text-align:left; 
39 | 	width:160px;
40 | }
41 |  
42 | .menu-wrap ul ul li a:hover {
43 | 	color:#fff;
44 | }


--------------------------------------------------------------------------------
/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/fonts/glyphicons-halflings-regular.woff2


--------------------------------------------------------------------------------
/images/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/1.jpg


--------------------------------------------------------------------------------
/images/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/2.jpg


--------------------------------------------------------------------------------
/images/Backup/ab1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/ab1.jpg


--------------------------------------------------------------------------------
/images/Backup/ab2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/ab2.jpg


--------------------------------------------------------------------------------
/images/Backup/avb1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/avb1.jpg


--------------------------------------------------------------------------------
/images/Backup/banner2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/banner2.jpg


--------------------------------------------------------------------------------
/images/Backup/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/bg1.jpg


--------------------------------------------------------------------------------
/images/Backup/g1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g1.jpg


--------------------------------------------------------------------------------
/images/Backup/g10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g10.jpg


--------------------------------------------------------------------------------
/images/Backup/g11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g11.jpg


--------------------------------------------------------------------------------
/images/Backup/g12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g12.jpg


--------------------------------------------------------------------------------
/images/Backup/g2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g2.jpg


--------------------------------------------------------------------------------
/images/Backup/g3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g3.jpg


--------------------------------------------------------------------------------
/images/Backup/g4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g4.jpg


--------------------------------------------------------------------------------
/images/Backup/g5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g5.jpg


--------------------------------------------------------------------------------
/images/Backup/g6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g6.jpg


--------------------------------------------------------------------------------
/images/Backup/g7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g7.jpg


--------------------------------------------------------------------------------
/images/Backup/g8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g8.jpg


--------------------------------------------------------------------------------
/images/Backup/g9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/g9.jpg


--------------------------------------------------------------------------------
/images/Backup/t1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/t1.jpg


--------------------------------------------------------------------------------
/images/Backup/t2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/t2.jpg


--------------------------------------------------------------------------------
/images/Backup/t3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/t3.jpg


--------------------------------------------------------------------------------
/images/Backup/t4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/t4.jpg


--------------------------------------------------------------------------------
/images/Backup/t5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/t5.jpg


--------------------------------------------------------------------------------
/images/Backup/t6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Backup/t6.jpg


--------------------------------------------------------------------------------
/images/FUTSALL.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/FUTSALL.jpg


--------------------------------------------------------------------------------
/images/Lap1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Lap1.jpg


--------------------------------------------------------------------------------
/images/MURID1-b.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/MURID1-b.jpg


--------------------------------------------------------------------------------
/images/MURID1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/MURID1.jpg


--------------------------------------------------------------------------------
/images/MURID2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/MURID2.jpg


--------------------------------------------------------------------------------
/images/MURID3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/MURID3.jpg


--------------------------------------------------------------------------------
/images/SMKBARUNAWATI.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/SMKBARUNAWATI.jpg


--------------------------------------------------------------------------------
/images/Thumbs.db:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/Thumbs.db


--------------------------------------------------------------------------------
/images/akun/akun.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/akun/akun.png


--------------------------------------------------------------------------------
/images/akun/e akun.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/akun/e akun.png


--------------------------------------------------------------------------------
/images/akun/kumpul.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/akun/kumpul.jpg


--------------------------------------------------------------------------------
/images/baruna2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/baruna2.jpg


--------------------------------------------------------------------------------
/images/basket.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/basket.jpg


--------------------------------------------------------------------------------
/images/basket1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/basket1.jpg


--------------------------------------------------------------------------------
/images/bengkel.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/bengkel.jpg


--------------------------------------------------------------------------------
/images/c-arrows.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/c-arrows.png


--------------------------------------------------------------------------------
/images/carousel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/carousel.png


--------------------------------------------------------------------------------
/images/icon_gambar.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/icon_gambar.ico


--------------------------------------------------------------------------------
/images/icons.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?> <!-- Generator: IcoMoon.io --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="120" height="24" viewBox="0 0 120 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M 17.384,17.705q0.00,0.536 -0.375,0.911l-1.821,1.821q-0.375,0.375 -0.911,0.375t-0.911-0.375l-3.938-3.938l-3.938,3.938q-0.375,0.375 -0.911,0.375t-0.911-0.375l-1.821-1.821q-0.375-0.375 -0.375-0.911t 0.375-0.911l 3.938-3.938l-3.938-3.938q-0.375-0.375 -0.375-0.911t 0.375-0.911l 1.821-1.821q 0.375-0.375 0.911-0.375t 0.911,0.375l 3.938,3.938l 3.938-3.938q 0.375-0.375 0.911-0.375t 0.911,0.375l 1.821,1.821q 0.375,0.375 0.375,0.911 t-0.375,0.911l-3.938,3.938l 3.938,3.938q 0.375,0.375 0.375,0.911zM 57.938,21.067l-8.732-8.719q-0.496-0.496 -0.496-1.212t 0.496-1.212l 8.732-8.719q 0.496-0.496 1.212-0.496t 1.212,0.496l 1.004,1.004q 0.496,0.496 0.496,1.212t-0.496,1.212l-6.509,6.509l 6.509,6.496q 0.496,0.509 0.496,1.219t-0.496,1.205l-1.004,1.004q-0.496,0.496 -1.212,0.496t-1.212-0.496zM 110.719,11.143q0.00,0.696 -0.496,1.219l-8.732,8.719q-0.496,0.496 -1.205,0.496t-1.205-0.496l-1.018-1.004q-0.496-0.522 -0.496-1.219q0.00-0.71 0.496-1.205l 6.509-6.509l-6.509-6.496q-0.496-0.522 -0.496-1.219q0.00-0.71 0.496-1.205l 1.018-1.004q 0.482-0.509 1.205-0.509t 1.205,0.509l 8.732,8.719q 0.496,0.496 0.496,1.205z"></path></svg>


--------------------------------------------------------------------------------
/images/kantin.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/kantin.jpg


--------------------------------------------------------------------------------
/images/komputer.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/komputer.jpg


--------------------------------------------------------------------------------
/images/logo.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/logo.ico


--------------------------------------------------------------------------------
/images/lpg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/lpg.png


--------------------------------------------------------------------------------
/images/otomotif/oto.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/otomotif/oto.jpg


--------------------------------------------------------------------------------
/images/otomotif/oto2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/otomotif/oto2.jpg


--------------------------------------------------------------------------------
/images/otomotif/oto3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/otomotif/oto3.png


--------------------------------------------------------------------------------
/images/perpustakaan.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/perpustakaan.jpg


--------------------------------------------------------------------------------
/images/perpustkaan.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/perpustkaan.jpg


--------------------------------------------------------------------------------
/images/play-button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/play-button.png


--------------------------------------------------------------------------------
/images/rpl/rpl.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/rpl/rpl.jpg


--------------------------------------------------------------------------------
/images/rpl/rpl2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/rpl/rpl2.jpg


--------------------------------------------------------------------------------
/images/rpl/rpl3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/rpl/rpl3.jpg


--------------------------------------------------------------------------------
/images/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/search.png


--------------------------------------------------------------------------------
/images/sekolah.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/sekolah.jpg


--------------------------------------------------------------------------------
/images/tanaman.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/tanaman.jpg


--------------------------------------------------------------------------------
/images/up2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/up2.png


--------------------------------------------------------------------------------
/images/voly.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/images/voly.jpg


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
  1 | <?php session_start(); ?>
  2 | <!DOCTYPE html>
  3 | <html lang="zxx">
  4 | 
  5 | <head>
  6 |   <title>SMK TERPADU</title>
  7 |   <!-- Meta tag Keywords -->
  8 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  9 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 10 |   <meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 11 |   <script type="application/x-javascript">
 12 |     addEventListener("load", function() {
 13 |       setTimeout(hideURLbar, 0);
 14 |     }, false);
 15 | 
 16 |     function hideURLbar() {
 17 |       window.scrollTo(0, 1);
 18 |     }
 19 |   </script>
 20 |   <!--// Meta tag Keywords -->
 21 |   <!-- css files -->
 22 |   <link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 23 |   <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
 24 |   <link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 25 |   <link rel="stylesheet" href="css/swipebox.css">
 26 |   <link rel="stylesheet" href="css/roma.css">
 27 |   <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
 28 |   <link rel="stylesheet" href="css/jquery-ui.css" />
 29 |   <!-- //css files -->
 30 |   <!-- online-fonts -->
 31 |   <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 32 |   <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 33 |   <!-- //online-fonts -->
 34 | </head>
 35 | 
 36 | <body>
 37 | 
 38 |   <?php include('napigasi.php'); ?>
 39 | 
 40 |   <div class="clearfix"> </div>
 41 |   <!-- Slideshoww -->
 42 |   <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 43 |     <!-- Indicators -->
 44 |     <ol class="carousel-indicators">
 45 |       <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 46 |       <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 47 |       <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 48 |     </ol>
 49 | 
 50 |     <!-- Wrapper for slides -->
 51 |     <div class="carousel-inner" role="listbox">
 52 |       <div class="item active">
 53 |         <img src="images/MURID1.jpg" alt="gambar 1" style="width:100%; height: 500px">
 54 |       </div>
 55 |       <div class="item">
 56 |         <img src="images/MURID2.jpg" alt="gambar 2" style="width:100%; height: 500px">
 57 |       </div>
 58 |       <div class="item">
 59 |         <img src="images/MURID3.jpg" alt="gambar 3" style="width:100%; height: 500px">
 60 |       </div>
 61 |     </div>
 62 | 
 63 |     <!-- Controls -->
 64 |     <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 65 |       <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 66 |       <span class="sr-only">Previous</span>
 67 |     </a>
 68 |     <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 69 |       <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 70 |       <span class="sr-only">Next</span>
 71 |     </a>
 72 |   </div>
 73 |   <!-- //Slideshoww -->
 74 | 
 75 |   <!-- Event -->
 76 |   <div class="jumbotron">
 77 |     <div class="container">
 78 |       <h1>EVENT SEKOLAH</h1>
 79 |       <!-- Thumbniell-->
 80 | 
 81 |       <div class="row margin-atas">
 82 |         <div class="col-sm-6 col-md-3">
 83 |           <div class="thumbnail">
 84 |             <img src="images/FUTSALL.jpg" alt="Lomba Futsal" he>
 85 |             <div class="caption">
 86 |               <h3>Lomba Futsal antar kelas</h3>
 87 | 
 88 |             </div>
 89 |           </div>
 90 |         </div>
 91 |         <div class="col-sm-6 col-md-3">
 92 |           <div class="thumbnail">
 93 |             <img src="images/basket.jpg" alt="Lomba Basket">
 94 |             <div class="caption">
 95 |               <h3>Lomba Basket antar smk </h3>
 96 |             </div>
 97 |           </div>
 98 |         </div>
 99 |         <div class="col-sm-6 col-md-3">
100 |           <div class="thumbnail">
101 |             <img src="images/tanaman.jpg" alt="Hari Pohon Sedunia">
102 |             <div class="caption">
103 |               <h3>Memperingati Hari Pohon Sedunia</h3>
104 |             </div>
105 |           </div>
106 |         </div>
107 |         <div class="col-sm-6 col-md-3">
108 |           <div class="thumbnail">
109 |             <img src="images/voly.jpg" alt="Lomba voly">
110 |             <div class="caption">
111 |               <h3>Lomba voly persahabatan</h3>
112 |             </div>
113 |           </div>
114 |         </div>
115 |       </div>
116 |       <!-- //Thumbniell-->
117 |     </div>
118 |   </div>
119 | 
120 | 
121 |   <!-- footer -->
122 | 
123 |   <div class="w3layouts_copy_right">
124 |     <div class="container">
125 |       <!-- <p>© 2018 SMK TERPADU </p> -->
126 |       <p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
127 |     </div>
128 |   </div>
129 |   <!-- //footer -->
130 | 
131 |   <!-- js-scripts -->
132 |   <!-- js-files -->
133 |   <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
134 |   <script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
135 |   <!-- //js-files -->
136 |   <!-- Baneer-js -->
137 | 
138 | 
139 |   <!-- smooth scrolling -->
140 |   <script src="js/SmoothScroll.min.js"></script>
141 |   <!-- //smooth scrolling -->
142 |   <!-- stats -->
143 |   <script type="text/javascript" src="js/numscroller-1.0.js"></script>
144 |   <!-- //stats -->
145 |   <!-- moving-top scrolling -->
146 |   <script type="text/javascript" src="js/move-top.js"></script>
147 |   <script type="text/javascript" src="js/easing.js"></script>
148 |   <script type="text/javascript">
149 |     jQuery(document).ready(function($) {
150 |       $(".scroll").click(function(event) {
151 |         event.preventDefault();
152 |         $('html,body').animate({
153 |           scrollTop: $(this.hash).offset().top
154 |         }, 1000);
155 |       });
156 |     });
157 |   </script>
158 |   <script type="text/javascript">
159 |     $(document).ready(function() {
160 |       /*
161 |       	var defaults = {
162 |       	containerID: 'toTop', // fading element id
163 |       	containerHoverID: 'toTopHover', // fading element hover id
164 |       	scrollSpeed: 1200,
165 |       	easingType: 'linear' 
166 |       	};
167 |       */
168 |       $().UItoTop({
169 |         easingType: 'easeOutQuart'
170 |       });
171 |     });
172 |   </script>
173 |   <a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
174 |   <!-- //moving-top scrolling -->
175 |   <!-- gallery popup -->
176 |   <script src="js/jquery.swipebox.min.js"></script>
177 |   <script type="text/javascript">
178 |     jQuery(function($) {
179 |       $(".swipebox").swipebox();
180 |     });
181 |   </script>
182 |   <!-- //gallery popup -->
183 |   <!--/script-->
184 |   <script src="js/simplePlayer.js"></script>
185 |   <script>
186 |     $("document").ready(function() {
187 |       $("#video").simplePlayer();
188 |     });
189 |   </script>
190 |   <!-- //Baneer-js -->
191 |   <!-- Calendar -->
192 |   <script src="js/jquery-ui.js"></script>
193 |   <script>
194 |     $(function() {
195 |       $("#datepicker").datepicker();
196 |     });
197 |   </script>
198 |   <!-- //Calendar -->
199 | 
200 |   <!-- //js-scripts -->
201 | </body>
202 | 
203 | </html>


--------------------------------------------------------------------------------
/js/easing.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * jQuery EasIng v1.1.2 - http://gsgd.co.uk/sandbox/jquery.easIng.php
  3 |  *
  4 |  * Uses the built In easIng capabilities added In jQuery 1.1
  5 |  * to offer multiple easIng options
  6 |  *
  7 |  * Copyright (c) 2007 George Smith
  8 |  * Licensed under the MIT License:
  9 |  *   http://www.opensource.org/licenses/mit-license.php
 10 |  */
 11 | 
 12 | // t: current time, b: begInnIng value, c: change In value, d: duration
 13 | 
 14 | jQuery.extend( jQuery.easing,
 15 | {
 16 | 	easeInQuad: function (x, t, b, c, d) {
 17 | 		return c*(t/=d)*t + b;
 18 | 	},
 19 | 	easeOutQuad: function (x, t, b, c, d) {
 20 | 		return -c *(t/=d)*(t-2) + b;
 21 | 	},
 22 | 	easeInOutQuad: function (x, t, b, c, d) {
 23 | 		if ((t/=d/2) < 1) return c/2*t*t + b;
 24 | 		return -c/2 * ((--t)*(t-2) - 1) + b;
 25 | 	},
 26 | 	easeInCubic: function (x, t, b, c, d) {
 27 | 		return c*(t/=d)*t*t + b;
 28 | 	},
 29 | 	easeOutCubic: function (x, t, b, c, d) {
 30 | 		return c*((t=t/d-1)*t*t + 1) + b;
 31 | 	},
 32 | 	easeInOutCubic: function (x, t, b, c, d) {
 33 | 		if ((t/=d/2) < 1) return c/2*t*t*t + b;
 34 | 		return c/2*((t-=2)*t*t + 2) + b;
 35 | 	},
 36 | 	easeInQuart: function (x, t, b, c, d) {
 37 | 		return c*(t/=d)*t*t*t + b;
 38 | 	},
 39 | 	easeOutQuart: function (x, t, b, c, d) {
 40 | 		return -c * ((t=t/d-1)*t*t*t - 1) + b;
 41 | 	},
 42 | 	easeInOutQuart: function (x, t, b, c, d) {
 43 | 		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
 44 | 		return -c/2 * ((t-=2)*t*t*t - 2) + b;
 45 | 	},
 46 | 	easeInQuint: function (x, t, b, c, d) {
 47 | 		return c*(t/=d)*t*t*t*t + b;
 48 | 	},
 49 | 	easeOutQuint: function (x, t, b, c, d) {
 50 | 		return c*((t=t/d-1)*t*t*t*t + 1) + b;
 51 | 	},
 52 | 	easeInOutQuint: function (x, t, b, c, d) {
 53 | 		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
 54 | 		return c/2*((t-=2)*t*t*t*t + 2) + b;
 55 | 	},
 56 | 	easeInSine: function (x, t, b, c, d) {
 57 | 		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
 58 | 	},
 59 | 	easeOutSine: function (x, t, b, c, d) {
 60 | 		return c * Math.sin(t/d * (Math.PI/2)) + b;
 61 | 	},
 62 | 	easeInOutSine: function (x, t, b, c, d) {
 63 | 		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
 64 | 	},
 65 | 	easeInExpo: function (x, t, b, c, d) {
 66 | 		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
 67 | 	},
 68 | 	easeOutExpo: function (x, t, b, c, d) {
 69 | 		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
 70 | 	},
 71 | 	easeInOutExpo: function (x, t, b, c, d) {
 72 | 		if (t==0) return b;
 73 | 		if (t==d) return b+c;
 74 | 		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
 75 | 		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
 76 | 	},
 77 | 	easeInCirc: function (x, t, b, c, d) {
 78 | 		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
 79 | 	},
 80 | 	easeOutCirc: function (x, t, b, c, d) {
 81 | 		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
 82 | 	},
 83 | 	easeInOutCirc: function (x, t, b, c, d) {
 84 | 		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
 85 | 		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
 86 | 	},
 87 | 	easeInElastic: function (x, t, b, c, d) {
 88 | 		var s=1.70158;var p=0;var a=c;
 89 | 		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 90 | 		if (a < Math.abs(c)) { a=c; var s=p/4; }
 91 | 		else var s = p/(2*Math.PI) * Math.asin (c/a);
 92 | 		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 93 | 	},
 94 | 	easeOutElastic: function (x, t, b, c, d) {
 95 | 		var s=1.70158;var p=0;var a=c;
 96 | 		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 97 | 		if (a < Math.abs(c)) { a=c; var s=p/4; }
 98 | 		else var s = p/(2*Math.PI) * Math.asin (c/a);
 99 | 		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
100 | 	},
101 | 	easeInOutElastic: function (x, t, b, c, d) {
102 | 		var s=1.70158;var p=0;var a=c;
103 | 		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
104 | 		if (a < Math.abs(c)) { a=c; var s=p/4; }
105 | 		else var s = p/(2*Math.PI) * Math.asin (c/a);
106 | 		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
107 | 		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
108 | 	},
109 | 	easeInBack: function (x, t, b, c, d, s) {
110 | 		if (s == undefined) s = 1.70158;
111 | 		return c*(t/=d)*t*((s+1)*t - s) + b;
112 | 	},
113 | 	easeOutBack: function (x, t, b, c, d, s) {
114 | 		if (s == undefined) s = 1.70158;
115 | 		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
116 | 	},
117 | 	easeInOutBack: function (x, t, b, c, d, s) {
118 | 		if (s == undefined) s = 1.70158; 
119 | 		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
120 | 		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
121 | 	},
122 | 	easeInBounce: function (x, t, b, c, d) {
123 | 		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
124 | 	},
125 | 	easeOutBounce: function (x, t, b, c, d) {
126 | 		if ((t/=d) < (1/2.75)) {
127 | 			return c*(7.5625*t*t) + b;
128 | 		} else if (t < (2/2.75)) {
129 | 			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
130 | 		} else if (t < (2.5/2.75)) {
131 | 			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
132 | 		} else {
133 | 			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
134 | 		}
135 | 	},
136 | 	easeInOutBounce: function (x, t, b, c, d) {
137 | 		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
138 | 		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
139 | 	}
140 | });
141 | 


--------------------------------------------------------------------------------
/js/move-top.js:
--------------------------------------------------------------------------------
1 | /* UItoTop jQuery Plugin 1.2 | Matt Varone | http://www.mattvarone.com/web-design/uitotop-jquery-plugin */
2 | (function($){$.fn.UItoTop=function(options){var defaults={text:'To Top',min:200,inDelay:600,outDelay:400,containerID:'toTop',containerHoverID:'toTopHover',scrollSpeed:1000,easingType:'linear'},settings=$.extend(defaults,options),containerIDhash='#'+settings.containerID,containerHoverIDHash='#'+settings.containerHoverID;$('body').append('<a href="#" id="'+settings.containerID+'">'+settings.text+'</a>');$(containerIDhash).hide().on('click.UItoTop',function(){$('html, body').animate({scrollTop:0},settings.scrollSpeed,settings.easingType);$('#'+settings.containerHoverID,this).stop().animate({'opacity':0},settings.inDelay,settings.easingType);return false;}).prepend('<span id="'+settings.containerHoverID+'"></span>').hover(function(){$(containerHoverIDHash,this).stop().animate({'opacity':1},600,'linear');},function(){$(containerHoverIDHash,this).stop().animate({'opacity':0},700,'linear');});$(window).scroll(function(){var sd=$(window).scrollTop();if(typeof document.body.style.maxHeight==="undefined"){$(containerIDhash).css({'position':'absolute','top':sd+$(window).height()-50});}
3 | if(sd>settings.min)
4 | $(containerIDhash).fadeIn(settings.inDelay);else
5 | $(containerIDhash).fadeOut(settings.Outdelay);});};})(jQuery);


--------------------------------------------------------------------------------
/js/numscroller-1.0.js:
--------------------------------------------------------------------------------
 1 | /**
 2 | * jQuery scroroller Plugin 1.0
 3 | *
 4 | * http://www.tinywall.net/
 5 | * 
 6 | * Developers: Arun David, Boobalan
 7 | * Copyright (c) 2014 
 8 | */
 9 | (function($){
10 |     $(window).on("load",function(){
11 |         $(document).scrollzipInit();
12 |         $(document).rollerInit();
13 |     });
14 |     $(window).on("load scroll resize", function(){
15 |         $('.numscroller').scrollzip({
16 |             showFunction    :   function() {
17 |                                     numberRoller($(this).attr('data-slno'));
18 |                                 },
19 |             wholeVisible    :     false,
20 |         });
21 |     });
22 |     $.fn.scrollzipInit=function(){
23 |         $('body').prepend("<div style='position:fixed;top:0px;left:0px;width:0;height:0;' id='scrollzipPoint'></div>" );
24 |     };
25 |     $.fn.rollerInit=function(){
26 |         var i=0;
27 |         $('.numscroller').each(function() {
28 |             i++;
29 |            $(this).attr('data-slno',i); 
30 |            $(this).addClass("roller-title-number-"+i);
31 |         });        
32 |     };
33 |     $.fn.scrollzip = function(options){
34 |         var settings = $.extend({
35 |             showFunction    : null,
36 |             hideFunction    : null,
37 |             showShift       : 0,
38 |             wholeVisible    : false,
39 |             hideShift       : 0,
40 |         }, options);
41 |         return this.each(function(i,obj){
42 |             $(this).addClass('scrollzip');
43 |             if ( $.isFunction( settings.showFunction ) ){
44 |                 if(
45 |                     !$(this).hasClass('isShown')&&
46 |                     ($(window).outerHeight()+$('#scrollzipPoint').offset().top-settings.showShift)>($(this).offset().top+((settings.wholeVisible)?$(this).outerHeight():0))&&
47 |                     ($('#scrollzipPoint').offset().top+((settings.wholeVisible)?$(this).outerHeight():0))<($(this).outerHeight()+$(this).offset().top-settings.showShift)
48 |                 ){
49 |                     $(this).addClass('isShown');
50 |                     settings.showFunction.call( this );
51 |                 }
52 |             }
53 |             if ( $.isFunction( settings.hideFunction ) ){
54 |                 if(
55 |                     $(this).hasClass('isShown')&&
56 |                     (($(window).outerHeight()+$('#scrollzipPoint').offset().top-settings.hideShift)<($(this).offset().top+((settings.wholeVisible)?$(this).outerHeight():0))||
57 |                     ($('#scrollzipPoint').offset().top+((settings.wholeVisible)?$(this).outerHeight():0))>($(this).outerHeight()+$(this).offset().top-settings.hideShift))
58 |                 ){
59 |                     $(this).removeClass('isShown');
60 |                     settings.hideFunction.call( this );
61 |                 }
62 |             }
63 |             return this;
64 |         });
65 |     };
66 |     function numberRoller(slno){
67 |             var min=$('.roller-title-number-'+slno).attr('data-min');
68 |             var max=$('.roller-title-number-'+slno).attr('data-max');
69 |             var timediff=$('.roller-title-number-'+slno).attr('data-delay');
70 |             var increment=$('.roller-title-number-'+slno).attr('data-increment');
71 |             var numdiff=max-min;
72 |             var timeout=(timediff*1000)/numdiff;
73 |             //if(numinc<10){
74 |                 //increment=Math.floor((timediff*1000)/10);
75 |             //}//alert(increment);
76 |             numberRoll(slno,min,max,increment,timeout);
77 |             
78 |     }
79 |     function numberRoll(slno,min,max,increment,timeout){//alert(slno+"="+min+"="+max+"="+increment+"="+timeout);
80 |         if(min<=max){
81 |             $('.roller-title-number-'+slno).html(min);
82 |             min=parseInt(min)+parseInt(increment);
83 |             setTimeout(function(){numberRoll(eval(slno),eval(min),eval(max),eval(increment),eval(timeout))},timeout);
84 |         }else{
85 |             $('.roller-title-number-'+slno).html(max);
86 |         }
87 |     }
88 | })(jQuery);


--------------------------------------------------------------------------------
/js/simplePlayer.js:
--------------------------------------------------------------------------------
 1 | 
 2 | var YTdeferred = jQuery.Deferred();
 3 | 
 4 | window.onYouTubeIframeAPIReady = function() {
 5 | 	YTdeferred.resolve(window.YT);
 6 | };
 7 | 
 8 | (function( $ ) {
 9 | 
10 | 	$.ajaxSetup({
11 | 		cache: true
12 | 	});
13 | 
14 | 	$.getScript( "https://www.youtube.com/iframe_api")
15 | 		.done(function( script, textStatus ) {
16 | 	});
17 | 
18 | 	$.fn.simplePlayer = function() {
19 | 
20 | 		var	video = $(this);
21 | 
22 | 		var play = $('<div />', { id: 'play' }).hide();
23 | 
24 | 		var defaults = {
25 | 				autoplay: 1,
26 | 				autohide: 1,
27 | 				border: 0,
28 | 				wmode: 'opaque',
29 | 				enablejsapi: 1,
30 | 				modestbranding: 1,
31 | 				version: 3,
32 | 				hl: 'en_US',
33 | 				rel: 0,
34 | 				showinfo: 0,
35 | 				hd: 1,
36 | 				iv_load_policy: 3 // add origin
37 | 			};
38 | 
39 | 		// onYouTubeIframeAPIReady
40 | 
41 | 		YTdeferred.done(function(YT) {
42 | 			play.appendTo( video ).fadeIn('slow');
43 | 		});
44 | 
45 | 		function onPlayerStateChange(event) {
46 | 			if (event.data == YT.PlayerState.ENDED) {
47 | 				play.fadeIn(500);
48 | 			}
49 | 		}
50 | 
51 | 		function onPlayerReady(event) {
52 | 			var replay = document.getElementById('play');
53 | 			replay.addEventListener('click', function() {
54 | 				player.playVideo();
55 | 			});
56 | 		}
57 | 
58 | 		play.bind('click', function () {
59 | 
60 | 			if ( !$('#player' ).length ) {
61 | 
62 | 				$('<iframe />', {
63 | 					id: 'player',
64 | 					src: 'https://www.youtube.com/embed/' + video.data('video') + '?' + $.param(defaults)
65 | 				})
66 | 				.attr({ width: video.width(), height: video.height(), seamless: 'seamless' })
67 | 				.css('border', 'none')
68 | 				.appendTo( video );
69 | 
70 | 				video.children('img').hide();
71 | 
72 | 				$(this).css('background-image', 'url(play-button.png), url(' + video.children().attr('src') + ')').hide();
73 | 	
74 | 				player = new YT.Player('player', {events: {'onStateChange': onPlayerStateChange, 'onReady': onPlayerReady}});
75 | 			}
76 | 
77 | 			$(this).hide();
78 | 		});
79 | 
80 | 		return this;
81 | 	};
82 | }( jQuery ));


--------------------------------------------------------------------------------
/koneksi.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | $host 				= "localhost";
 3 | $username_database 	= "root";
 4 | $password_database 	= "";
 5 | $nama_database		= "school";
 6 | 
 7 | $koneksi = mysqli_connect($host, $username_database, $password_database, $nama_database);
 8 | 
 9 | // mengecek koneksi
10 | if (!$koneksi) 
11 | {
12 | 	die("Koneksi gagal: " . mysqli_connect_error());
13 | }
14 | ?>


--------------------------------------------------------------------------------
/logout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | session_start();
3 | session_destroy();
4 |  
5 | echo '<script language="javascript">alert("Anda berhasil Logout!"); document.location="index.php";</script>';
6 | ?>
7 | 


--------------------------------------------------------------------------------
/mail.php:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html lang="zxx">
  4 | <head>
  5 | <title>SMK TERPADU</title>
  6 | <!-- Meta tag Keywords -->
  7 | <meta name="viewport" content="width=device-width, initial-scale=1">
  8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | <meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 10 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 11 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 12 | <!--// Meta tag Keywords -->
 13 | <!-- css files -->
 14 | <link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 15 | <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 16 | <link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 17 | <link rel="stylesheet" href="css/swipebox.css">
 18 | <link rel="stylesheet" href="css/roma.css">
 19 | <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
 20 | <link rel="stylesheet" href="css/jquery-ui.css" />
 21 | <!-- //css files -->
 22 | <!-- online-fonts -->
 23 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 24 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 25 | <!-- //online-fonts -->
 26 | </head>
 27 | <body>
 28 | 
 29 | <?php include ('napigasi.php'); ?>
 30 | 
 31 | <div class="clearfix"> </div> 
 32 | <!-- contact -->
 33 | <div id="mail" class="contact">
 34 | 	<div class="container">
 35 | 		<h3 class="w3l-title">Mail Us</h3>	
 36 | 			<div class="contact-grid1">
 37 | 				<div class="contact-top1">
 38 | 					<form action="Proses_Kirim.php" method="post">
 39 | 						<div class="col-md-6 col-xs-6 wthree_contact_left_grid">
 40 | 							<label>Name*</label>
 41 | 							<input type="text" name="Name" placeholder="Name" required="">
 42 | 							<label>E-mail*</label>
 43 | 							<input type="email" name="Email" placeholder="E-mail" required="">
 44 | 						</div>
 45 | 						<div class="col-md-6 col-xs-6 wthree_contact_left_grid">
 46 | 							<label>Phone Number*</label>
 47 | 							<input type="text" name="number" placeholder="Phone Number" required="">
 48 | 							<label>Subject*</label>
 49 | 							<input type="text" name="subject" placeholder="Subject" required="">
 50 | 						</div>
 51 | 						<div class="form-group">
 52 | 							<label>Message*</label>
 53 | 							<textarea placeholder name="Message" required></textarea>
 54 | 						</div>
 55 | 							<input type="submit" value="Send">
 56 | 					</form>
 57 | 				</div>
 58 | 			</div>
 59 | 	</div>
 60 | </div>
 61 | <div id="map"></div>
 62 | <!-- footer -->
 63 | 
 64 | <div class="w3layouts_copy_right">
 65 | 	<div class="container">
 66 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 67 | 	</div>
 68 | </div>
 69 | <!-- //footer -->
 70 | 
 71 | <!-- js-scripts -->			
 72 | <!-- js-files -->
 73 | <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
 74 | <script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
 75 | <!-- //js-files -->
 76 | <!-- Baneer-js -->
 77 | 
 78 | 
 79 | <!-- smooth scrolling -->
 80 | <script src="js/SmoothScroll.min.js"></script>
 81 | <!-- //smooth scrolling -->
 82 | <!-- stats -->
 83 | <script type="text/javascript" src="js/numscroller-1.0.js"></script>
 84 | <!-- //stats -->
 85 | <!-- moving-top scrolling -->
 86 | <script type="text/javascript" src="js/move-top.js"></script>
 87 | <script type="text/javascript" src="js/easing.js"></script>
 88 | <script type="text/javascript">
 89 | 	jQuery(document).ready(function($) {
 90 | 		$(".scroll").click(function(event){		
 91 | 			event.preventDefault();
 92 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
 93 | 		});
 94 | 	});
 95 | </script>
 96 | 	<script type="text/javascript">
 97 | 		$(document).ready(function() {
 98 | 		/*
 99 | 			var defaults = {
100 | 			containerID: 'toTop', // fading element id
101 | 			containerHoverID: 'toTopHover', // fading element hover id
102 | 			scrollSpeed: 1200,
103 | 			easingType: 'linear' 
104 | 			};
105 | 		*/								
106 | 		$().UItoTop({ easingType: 'easeOutQuart' });
107 | 		});
108 | 	</script>
109 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
110 | <!-- //moving-top scrolling -->
111 | <!-- gallery popup -->
112 | <script src="js/jquery.swipebox.min.js"></script> 
113 | <script type="text/javascript">
114 | jQuery(function($) {
115 | 	$(".swipebox").swipebox();
116 | });
117 | </script>
118 | <!-- //gallery popup -->
119 | <!--/script-->
120 | 	<script src="js/simplePlayer.js"></script>
121 | 			<script>
122 | 				$("document").ready(function() {
123 | 					$("#video").simplePlayer();
124 | 				});
125 | 			</script>
126 | <!-- //Baneer-js -->
127 | <!-- Calendar -->
128 | <script src="js/jquery-ui.js"></script>
129 | 	<script>
130 | 	  $(function() {
131 | 		$( "#datepicker" ).datepicker();
132 | 	 });
133 | 	</script>
134 | <!-- //Calendar -->	
135 | 
136 | <!-- //js-scripts -->
137 | </body>
138 | </html>


--------------------------------------------------------------------------------
/otomotif.php:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html lang="zxx">
  4 | <head>
  5 | <title>SMK TERPADU</title>
  6 | <!-- Meta tag Keywords -->
  7 | <meta name="viewport" content="width=device-width, initial-scale=1">
  8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | <meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 10 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 11 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 12 | <!--// Meta tag Keywords -->
 13 | <!-- css files -->
 14 | <link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 15 | <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 16 | <link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 17 | <link rel="stylesheet" href="css/swipebox.css">
 18 | <link rel="stylesheet" href="css/roma.css">
 19 | <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
 20 | <link rel="stylesheet" href="css/jquery-ui.css" />
 21 | <!-- //css files -->
 22 | <!-- online-fonts -->
 23 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 24 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 25 | <!-- //online-fonts -->
 26 | </head>
 27 | <body>
 28 | 
 29 | <?php include ('napigasi.php'); ?>
 30 | 
 31 | <div class="clearfix"> </div>  
 32 | 
 33 | <!-- Slideshoww -->	
 34 | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 35 |   <!-- Indicators -->
 36 |   <ol class="carousel-indicators">
 37 |     <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 38 |     <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 39 |     <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 40 |   </ol>
 41 | 
 42 |   <!-- Wrapper for slides -->
 43 |   <div class="carousel-inner" role="listbox">
 44 |     <div class="item active">
 45 |       <img src="images/otomotif/oto.jpg"alt="...">
 46 |       <div class="carousel-caption">
 47 | 	  <h1><b>Otomotif</b> </h1>
 48 |               <p>Teknik otomotif adalah salah satu cabang ilmu teknik mesin yang mempelajari tentang bagaimana merancang, membuat dan mengembangkan alat-alat transportasi darat yang menggunakan mesin, terutama sepeda motor, mobil, bis dan truk.</p>
 49 |       </div>
 50 |     </div>
 51 |     <div class="item">
 52 |       <img src="images/otomotif/oto2.jpg" alt="...">
 53 |       <div class="carousel-caption">
 54 | 	  <h1><b>Otomotif</b> </h1>
 55 |               <p>Teknik otomotif menggabungkan elemen-elemen pengetahuan mekanika, listrik, elektronik, keselamatan dan lingkungan serta matematika, fisika, kimia, biologi dan manajemen.</p>
 56 |       </div>
 57 |     </div>
 58 | 	<div class="item">
 59 |       <img src="images/otomotif/oto3.png" alt="...">
 60 |       <div class="carousel-caption">
 61 | 	  <h1><b>Otomotif</b> </h1>
 62 |               <p>Secara khusus tujuan Program Keahlian Teknik otomotif adalah membekali peserta didik dengan keterampilan, pengetahuan dan sikap agar memiliki kompetensi yang bersaing.</p>
 63 |       </div>
 64 |     </div>
 65 |   </div>
 66 | 
 67 |   <!-- Controls -->
 68 |   <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 69 |     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 70 |     <span class="sr-only">Previous</span>
 71 |   </a>
 72 |   <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 73 |     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 74 |     <span class="sr-only">Next</span>
 75 |   </a>
 76 | </div>
 77 | <!-- //Slideshoww -->
 78 |   
 79 | <!-- footer -->
 80 | 
 81 | <div class="w3layouts_copy_right">
 82 | 	<div class="container">
 83 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 84 | 	</div>
 85 | </div>
 86 | <!-- //footer -->
 87 | 
 88 | <!-- js-scripts -->			
 89 | <!-- js-files -->
 90 | <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
 91 | <script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
 92 | <!-- //js-files -->
 93 | <!-- Baneer-js -->
 94 | 
 95 | 
 96 | <!-- smooth scrolling -->
 97 | <script src="js/SmoothScroll.min.js"></script>
 98 | <!-- //smooth scrolling -->
 99 | <!-- stats -->
100 | <script type="text/javascript" src="js/numscroller-1.0.js"></script>
101 | <!-- //stats -->
102 | <!-- moving-top scrolling -->
103 | <script type="text/javascript" src="js/move-top.js"></script>
104 | <script type="text/javascript" src="js/easing.js"></script>
105 | <script type="text/javascript">
106 | 	jQuery(document).ready(function($) {
107 | 		$(".scroll").click(function(event){		
108 | 			event.preventDefault();
109 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
110 | 		});
111 | 	});
112 | </script>
113 | 	<script type="text/javascript">
114 | 		$(document).ready(function() {
115 | 		/*
116 | 			var defaults = {
117 | 			containerID: 'toTop', // fading element id
118 | 			containerHoverID: 'toTopHover', // fading element hover id
119 | 			scrollSpeed: 1200,
120 | 			easingType: 'linear' 
121 | 			};
122 | 		*/								
123 | 		$().UItoTop({ easingType: 'easeOutQuart' });
124 | 		});
125 | 	</script>
126 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
127 | <!-- //moving-top scrolling -->
128 | <!-- gallery popup -->
129 | <script src="js/jquery.swipebox.min.js"></script> 
130 | <script type="text/javascript">
131 | jQuery(function($) {
132 | 	$(".swipebox").swipebox();
133 | });
134 | </script>
135 | <!-- //gallery popup -->
136 | <!--/script-->
137 | 	<script src="js/simplePlayer.js"></script>
138 | 			<script>
139 | 				$("document").ready(function() {
140 | 					$("#video").simplePlayer();
141 | 				});
142 | 			</script>
143 | <!-- //Baneer-js -->
144 | <!-- Calendar -->
145 | <script src="js/jquery-ui.js"></script>
146 | 	<script>
147 | 	  $(function() {
148 | 		$( "#datepicker" ).datepicker();
149 | 	 });
150 | 	</script>
151 | <!-- //Calendar -->	
152 | 
153 | <!-- //js-scripts -->
154 | </body>
155 | </html>


--------------------------------------------------------------------------------
/profile_sekolah.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zxx">
  3 | <head>
  4 | <title>SMK TERPADU</title>
  5 | <!-- Meta tag Keywords -->
  6 | <meta name="viewport" content="width=device-width, initial-scale=1">
  7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8 | <meta name="keywords" content="Scholarly web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
  9 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 10 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 11 | <!--// Meta tag Keywords -->
 12 | <!-- css files -->
 13 | <link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 14 | <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 15 | <link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 16 | <link rel="stylesheet" href="css/swipebox.css">
 17 | <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
 18 | <link rel="stylesheet" href="css/jquery-ui.css" />
 19 | <!-- //css files -->
 20 | <!-- online-fonts -->
 21 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 22 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 23 | <!-- //online-fonts -->
 24 | <style>
 25 | img {
 26 | 	height : auto;
 27 | 	margin-top:20px;
 28 | 	margin-left:520px;
 29 | }
 30 | 
 31 | p {
 32 | 	margin-top : 20px;
 33 | 	color : #000000
 34 | }
 35 | 
 36 | h3 {
 37 | 	margin-top : 50px;
 38 | }
 39 | 
 40 | </style>
 41 | </head>
 42 | <body>
 43 | 
 44 | <?php include ('napigasi.php'); ?>
 45 | 
 46 | <!--- gambar -->
 47 | 				
 48 | 				<div class="jumbotron">
 49 | 					<div class="container">
 50 | 						<div class="gallery-item" >
 51 | 							<center><h2>Sejarah Sekolah</h2></center>
 52 | 								<img src="images/icon_gambar.ico" alt="sekolah">
 53 | 					<p align = "justify">SMK Negeri Terpadu Jakarta merupakan SMK Negeri pertama yang ada di Jakarta dan diresmikan pada tahun 1963. Dahulu alamatnya berada di Jl. KH Agus Salim no 77. Namun telah berganti menjadi Jl. KH Agus Salim no 181. Sampai tahun 2010, sekitar 45 angkatan alumni telah berhasil lulus dengan jumlah alumninya yang begitu besar. SMK Negeri Terpadu Jakarta telah mencetak alumni-alumni yang berhasil bersaing di universitas-universitas ternama .</p></align>
 54 | 				</div>
 55 | 				</div>
 56 | 				</div>
 57 | 				<div class="jumbotron">
 58 | 					<div class="container">
 59 | 						<center><h2>Visi dan Misi</h2></center>
 60 | 						<h3> VISI</h3>
 61 | 						<p>- Berwawasan global dalam IPTEK, kompetitif, aktual, berbudaya lingkungan berlandaskan iman  dan taqwa</p></align>
 62 | 						<h3> MISI</h3>
 63 | 						<p align = "justify">- Mengaktualisasikan sains, teknologi, sosial, seni dan budaya, dalam meningkatkan nilai tambah sehingga </p></align>
 64 | 						<p align = "justify">- menghasilkan siswa berkepribadian tangguh dan mandiri serta memiliki kemampuan berkomunikasi secara global.</p></align>
 65 | 						<p align = "justify">- Mengembangkan keunggulan ekstrakurikuler secara intensif dan berkelanjutan.</p></align>
 66 | 						<p align = "justify">- Mewujudkan sekolah peduli dan berbudaya lingkungan serta melakukan upaya perlindungan dan pengelolaan lingkungan hidup.</p></align>
 67 | 						<p align = "justify">- Menerapkan manajemen sekolah yang kooperatif dan terstandar</p></align>
 68 | 						<p align = "justify">- Menumbuhkan penghayatan dan pengamalan beribadah sebagai sumber kearifan dan nilai-nilai budi pekerti.</p></align>
 69 | 					</div>
 70 | 				</div>
 71 | 					
 72 | <!--- //gambar -->
 73 | 
 74 | <!-- footer -->
 75 | 
 76 | <div class="w3layouts_copy_right">
 77 | 	<div class="container">
 78 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 79 | 	</div>
 80 | </div>
 81 | <!-- //footer -->
 82 | 
 83 | <!-- js-scripts -->			
 84 | <!-- js-files -->
 85 | <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
 86 | <script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
 87 | <!-- //js-files -->
 88 | <!-- Baneer-js -->
 89 | 
 90 | 
 91 | <!-- smooth scrolling -->
 92 | <script src="js/SmoothScroll.min.js"></script>
 93 | <!-- //smooth scrolling -->
 94 | <!-- stats -->
 95 | <script type="text/javascript" src="js/numscroller-1.0.js"></script>
 96 | <!-- //stats -->
 97 | <!-- moving-top scrolling -->
 98 | <script type="text/javascript" src="js/move-top.js"></script>
 99 | <script type="text/javascript" src="js/easing.js"></script>
100 | <script type="text/javascript">
101 | 	jQuery(document).ready(function($) {
102 | 		$(".scroll").click(function(event){		
103 | 			event.preventDefault();
104 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
105 | 		});
106 | 	});
107 | </script>
108 | 	<script type="text/javascript">
109 | 		$(document).ready(function() {
110 | 		/*
111 | 			var defaults = {
112 | 			containerID: 'toTop', // fading element id
113 | 			containerHoverID: 'toTopHover', // fading element hover id
114 | 			scrollSpeed: 1200,
115 | 			easingType: 'linear' 
116 | 			};
117 | 		*/								
118 | 		$().UItoTop({ easingType: 'easeOutQuart' });
119 | 		});
120 | 	</script>
121 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
122 | <!-- //moving-top scrolling -->
123 | <!-- gallery popup -->
124 | <script src="js/jquery.swipebox.min.js"></script> 
125 | <script type="text/javascript">
126 | jQuery(function($) {
127 | 	$(".swipebox").swipebox();
128 | });
129 | </script>
130 | <!-- //gallery popup -->
131 | <!--/script-->
132 | 	<script src="js/simplePlayer.js"></script>
133 | 			<script>
134 | 				$("document").ready(function() {
135 | 					$("#video").simplePlayer();
136 | 				});
137 | 			</script>
138 | <!-- //Baneer-js -->
139 | <!-- Calendar -->
140 | <script src="js/jquery-ui.js"></script>
141 | 	<script>
142 | 	  $(function() {
143 | 		$( "#datepicker" ).datepicker();
144 | 	 });
145 | 	</script>
146 | <!-- //Calendar -->	
147 | 
148 | <!-- //js-scripts -->
149 | </body>
150 | </html>


--------------------------------------------------------------------------------
/proses_daftar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include 'koneksi.php';
 3 | 
 4 | $password = md5($_POST['password']);
 5 | 
 6 | $sql = mysql_query("SELECT * FROM `akun` WHERE username = '$_POST[username]' ") or die(mysql_error());
 7 | if(mysql_num_rows($sql) == 0)
 8 | {
 9 | 	$input_akun="INSERT INTO `akun` (`username`, `password`, `level`) VALUES ('$_POST[username]', '$password', '3');";
10 | 
11 | 	$input_murid="INSERT INTO `murid` (`nisn`, `nama_murid`, `kota`, `jenkel`, `agama`, `jurusan`, `kelas`) VALUES ('$_POST[Nisn]', '$_POST[Nama_Murid]', '$_POST[Kota]', '$_POST[Jenis_Kelamin]', '$_POST[Agama]', '$_POST[Jurusan]', '$_POST[Kelas]');";
12 | 
13 | 	echo (" <SCRIPT LANGUAGE='JavaScript'>
14 | 				window.alert('Berhasil Registrasi')
15 | 				window.location.href='index.php';
16 | 			</SCRIPT>");
17 | 	(mysql_query($input_akun));
18 | 	(mysql_query($input_murid));
19 | }	
20 | else
21 | {
22 | 	echo (" <SCRIPT LANGUAGE='JavaScript'>
23 | 				window.alert('Registrasi Gagal Username sudah Terdaftar')
24 | 				window.location.href='index.php';
25 | 			</SCRIPT>");
26 | }
27 | 
28 | 
29 | ?>
30 | 


--------------------------------------------------------------------------------
/proses_login.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('koneksi.php');
 3 | 
 4 | $user = $_POST['username'];
 5 | $pass = md5($_POST['password']);
 6 | $sql = mysqli_query($koneksi, "SELECT * FROM akun WHERE username='$user' AND password='$pass'") or die(mysqli_error());
 7 | 
 8 | if(mysqli_num_rows($sql) == 0)
 9 | {
10 | 	echo '<script language="javascript">alert("Username dan Password salah atau tidak terdaftar"); document.location="index.php";</script>';
11 | }
12 | else
13 | {
14 | 	$row = mysqli_fetch_assoc($sql);
15 | 	session_start();
16 | 
17 | 	if($row['level'] == 1)
18 | 	{
19 | 		$_SESSION['username']=$user;
20 | 		$_SESSION['level']='admin';
21 | 		header("Location: index.php");
22 | 	}
23 | 	else if($row['level'] == 2)
24 | 	{
25 | 		$_SESSION['username']=$user;
26 | 		$_SESSION['level']='guru';
27 | 		header("Location: index.php");
28 | 	}
29 | 	else if($row['level'] == 3)
30 | 	{
31 | 		$_SESSION['username']=$user;
32 | 		$_SESSION['level']='siswa';
33 | 		header("Location: index.php");
34 | 	}
35 | 	else
36 | 	{
37 | 		echo '<script language="javascript">alert("Username dan Password salah atau tidak terdaftar"); document.location="index.php";</script>';
38 | 	}
39 | }
40 | ?>
41 | 


--------------------------------------------------------------------------------
/rpl.php:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html lang="zxx">
  4 | <head>
  5 | <title>SMK TERPADU</title>
  6 | <!-- Meta tag Keywords -->
  7 | <meta name="viewport" content="width=device-width, initial-scale=1">
  8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9 | <meta name="keywords" content="Sekolah CMS, Source Code" />
 10 | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 11 | function hideURLbar(){ window.scrollTo(0,1); } </script>
 12 | <!--// Meta tag Keywords -->
 13 | <!-- css files -->
 14 | <link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
 15 | <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
 16 | <link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
 17 | <link rel="stylesheet" href="css/swipebox.css">
 18 | <link rel="stylesheet" href="css/roma.css">
 19 | <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
 20 | <link rel="stylesheet" href="css/jquery-ui.css" />
 21 | <!-- //css files -->
 22 | <!-- online-fonts -->
 23 | <link href="//fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
 24 | <link href="//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
 25 | <!-- //online-fonts -->
 26 | </head>
 27 | <body>
 28 | 
 29 | <?php include ('napigasi.php'); ?>
 30 | 
 31 | <div class="clearfix"> </div> 
 32 | 
 33 | <!-- Slideshoww -->	
 34 | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 35 |   <!-- Indicators -->
 36 |   <ol class="carousel-indicators">
 37 |     <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 38 |     <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 39 |     <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 40 |   </ol>
 41 | 
 42 |   <!-- Wrapper for slides -->
 43 |   <div class="carousel-inner" role="listbox">
 44 |     <div class="item active">
 45 |       <img src="images/rpl/rpl.jpg"alt="...">
 46 |       <div class="carousel-caption">
 47 | 	  <h1><b>Rekayasa Perangkat Lunak</b> </h1>
 48 |               <p>adalah satu bidang profesi yang mendalami cara-cara pengembangan perangkat lunak termasuk pembuatan, pemeliharaan, manajemen organisasi pengembanganan perangkat lunak dan manajemen kualitas.</p>
 49 |       </div>
 50 |     </div>
 51 |     <div class="item">
 52 |       <img src="images/rpl/rpl2.jpg" alt="...">
 53 |       <div class="carousel-caption">
 54 | 	  <h1><b>Rekayasa Perangkat Lunak</b> </h1>
 55 |               <p>IEEE Computer Society mendefinisikan rekayasa perangkat lunak sebagai penerapan suatu pendekatan yang sistematis, disiplin dan terkuantifikasi atas pengembangan, penggunaan dan pemeliharaan perangkat lunak, serta studi atas pendekatan-pendekatan ini, yaitu penerapan pendekatan engineering atas perangkat lunak.</p>
 56 |       </div>
 57 |     </div>
 58 | 	<div class="item">
 59 |       <img src="images/rpl/rpl3.jpg" alt="...">
 60 |       <div class="carousel-caption">
 61 | 	  <h1><b>Rekayasa Perangkat Lunak</b> </h1>
 62 |               <p>rekayasa perangkat lunak adalah pengubahan perangkat lunak itu sendiri guna mengembangkan, memelihara, dan membangun kembali dengan menggunakan prinsip reakayasa untuk menghasilkan perangkat lunak yang dapat bekerja lebih efisien dan efektif untuk pengguna.</p>
 63 |       </div>
 64 |     </div>
 65 |   </div>
 66 | 
 67 |   <!-- Controls -->
 68 |   <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 69 |     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 70 |     <span class="sr-only">Previous</span>
 71 |   </a>
 72 |   <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 73 |     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 74 |     <span class="sr-only">Next</span>
 75 |   </a>
 76 | </div>
 77 | <!-- //Slideshoww -->
 78 |  
 79 | <!-- footer -->
 80 | 
 81 | <div class="w3layouts_copy_right">
 82 | 	<div class="container">
 83 | 		<p>© 2018 SMK TERPADU | Design by <a href="http://w3layouts.com">W3layouts.</a></p>
 84 | 	</div>
 85 | </div>
 86 | <!-- //footer -->
 87 | 
 88 | <!-- js-scripts -->			
 89 | <!-- js-files -->
 90 | <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
 91 | <script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
 92 | <!-- //js-files -->
 93 | <!-- Baneer-js -->
 94 | 
 95 | 
 96 | <!-- smooth scrolling -->
 97 | <script src="js/SmoothScroll.min.js"></script>
 98 | <!-- //smooth scrolling -->
 99 | <!-- stats -->
100 | <script type="text/javascript" src="js/numscroller-1.0.js"></script>
101 | <!-- //stats -->
102 | <!-- moving-top scrolling -->
103 | <script type="text/javascript" src="js/move-top.js"></script>
104 | <script type="text/javascript" src="js/easing.js"></script>
105 | <script type="text/javascript">
106 | 	jQuery(document).ready(function($) {
107 | 		$(".scroll").click(function(event){		
108 | 			event.preventDefault();
109 | 			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
110 | 		});
111 | 	});
112 | </script>
113 | 	<script type="text/javascript">
114 | 		$(document).ready(function() {
115 | 		/*
116 | 			var defaults = {
117 | 			containerID: 'toTop', // fading element id
118 | 			containerHoverID: 'toTopHover', // fading element hover id
119 | 			scrollSpeed: 1200,
120 | 			easingType: 'linear' 
121 | 			};
122 | 		*/								
123 | 		$().UItoTop({ easingType: 'easeOutQuart' });
124 | 		});
125 | 	</script>
126 | 	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
127 | <!-- //moving-top scrolling -->
128 | <!-- gallery popup -->
129 | <script src="js/jquery.swipebox.min.js"></script> 
130 | <script type="text/javascript">
131 | jQuery(function($) {
132 | 	$(".swipebox").swipebox();
133 | });
134 | </script>
135 | <!-- //gallery popup -->
136 | <!--/script-->
137 | 	<script src="js/simplePlayer.js"></script>
138 | 			<script>
139 | 				$("document").ready(function() {
140 | 					$("#video").simplePlayer();
141 | 				});
142 | 			</script>
143 | <!-- //Baneer-js -->
144 | <!-- Calendar -->
145 | <script src="js/jquery-ui.js"></script>
146 | 	<script>
147 | 	  $(function() {
148 | 		$( "#datepicker" ).datepicker();
149 | 	 });
150 | 	</script>
151 | <!-- //Calendar -->	
152 | 
153 | <!-- //js-scripts -->
154 | </body>
155 | </html>


--------------------------------------------------------------------------------
/screenshot/admin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/screenshot/admin.png


--------------------------------------------------------------------------------
/screenshot/akun.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/screenshot/akun.png


--------------------------------------------------------------------------------
/screenshot/beranda.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/screenshot/beranda.png


--------------------------------------------------------------------------------
/screenshot/contact.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/screenshot/contact.png


--------------------------------------------------------------------------------
/screenshot/guru.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/screenshot/guru.png


--------------------------------------------------------------------------------
/screenshot/matapelajaran.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/screenshot/matapelajaran.png


--------------------------------------------------------------------------------
/screenshot/murid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/screenshot/murid.png


--------------------------------------------------------------------------------
/screenshot/nilai.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/screenshot/nilai.png


--------------------------------------------------------------------------------
/urutan.txt:
--------------------------------------------------------------------------------
 1 | ##### Fitur berdasarkan hak akses #####
 2 | 
 3 | <pengunjung>
 4 | akutansi 
 5 | fasilitas
 6 | email
 7 | otomotif
 8 | profil sekolah
 9 | rpl
10 | 
11 | <Murid>
12 | index murid
13 | laporan nilai murid
14 | 
15 | <Guru>
16 | index guru
17 | Nilai Guru
18 | 
19 | <Admin>
20 | akun
21 | akun edit
22 | tambah akun
23 | 
24 | guru
25 | tambah guru
26 | guru edit
27 | 
28 | index
29 | 
30 | nilai
31 | Input_Nilai
32 | 
33 | murid
34 | tambah murid
35 | murid edit
36 | 
37 | pesan
38 | 
39 | Matapelajaran
40 | 
41 | 
42 | 


--------------------------------------------------------------------------------
/validasi_daftar.js:
--------------------------------------------------------------------------------
 1 | var check = function() {
 2 |   if (document.getElementById('Password1').value == "" && document.getElementById('Password2').value == "")
 3 | 	{
 4 | 	
 5 | 	}
 6 |   else if (document.getElementById('Password1').value == document.getElementById('Password2').value) 
 7 | 	{
 8 |     document.getElementById('message').style.color = 'green';
 9 |     document.getElementById('message').innerHTML = 'Password Benar';
10 | 	document.getElementById('Daftar').disabled = false;
11 | 	} 
12 |   else 
13 |   {
14 |     document.getElementById('message').style.color = 'red';
15 |     document.getElementById('message').innerHTML = 'Password Tidak Sama';
16 | 	document.getElementById('Daftar').disabled = true;
17 |   }
18 | }


--------------------------------------------------------------------------------
/w3layouts-License.txt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romadebrian/WEB-Sekolah/e4fdb267f34d16dc6df464e35148abe69fb3f567/w3layouts-License.txt


--------------------------------------------------------------------------------