Sistem Informasi Penjadwalan Mata Pelajaran di SD 101882 Tanjung Morawa Menggunakan Metode Tabu Search

(1)

LISTING PROGRAM

koneksi.php

<?php

$my['host'] = "localhost"; $my['user'] = "root"; $my['pass'] = "";

$my['dbs'] = "database";

$koneksi = mysql_connect($my['host'],

$my['user'], $my['pass']); if (! $koneksi) {

echo "Gagal koneksi boss..!"; mysql_error();

}

mysql_select_db($my['dbs'])

or die ("Database nggak ada tuh".mysql_error());

?>

login.php

<!DOCTYPE html> <html lang="en">

<head>

<!--[if lte IE 9]>

<![endif]-->

<!--[if lte IE 9]>

(2)

<!--[if lt IE 9]>

<![endif]--> </head>

<span class="red">Penjadwalan</span>

<span class="white" id="id-text2">Sekolah</span> </h1>

<h4 class="blue" id="id-company-text">© SD 101882 Tanjung Morawa </h4>

</div>

<h4 class="header blue

lighter bigger"> <i

class="ace-icon fa fa-coffee green"></i>Please Enter Your Information

</h4>

</label>

(3)

<option value="" selected>---Level---</option> <option value="Admin">Admin</option>

</span> </label>

<div class="space"></div> <div class="clearfix"

<span class="bigger-110">Login</span> </button>

</div>

</div> </div>

</div>

<a id="btn-login-light" href="#">Light</a>      

</div> </div>

</div> </div>

</div> </div>

src='assets/js/jquery.js'>"+"<"+"/script>"); </script>

(4)

<!--[if IE]> <script type="text/javascript">

window.jQuery || document.write("<script src='assets/js/jquery1x.js'>"+"<"+"/script>"); </script>

<![endif]-->

if('ontouchstart' in document.documentElement) document.write("<script

src='assets/js/jquery.mobile.custom.js'>"+"<"+"/script>"); </script>

<script type="text/javascript">

jQuery(function($) {

$(document).on('click', '.toolbar a[data-target]', function(e) {

e.preventDefault();

var target = $(this).data('target');

$('.widget-box.visible').removeClass('visible');//hide others

$(target).addClass('visible');//show target });

});

//you don't need this, just used for changing background jQuery(function($) {

$('#btn-login-dark').on('click', function(e) { $('body').attr('class', 'login-layout');

$('#id-text2').attr('class', 'white');

$('#id-company-text').attr('class', 'blue');

e.preventDefault(); });

$('#btn-login-light').on('click', function(e) { $('body').attr('class', 'login-layout light-login'); $('#id-text2').attr('class', 'grey');

$('#id-company-text').attr('class', 'blue');

e.preventDefault();

});

$('#btn-login-blur').on('click', function(e) { $('body').attr('class', 'login-layout blur-login'); $('#id-text2').attr('class', 'white');

$('#id-company-text').attr('class', 'light-blue');

e.preventDefault();

}); }); </script>

(5)

</script>

</body> </html>

logout.php

<?php session_start(); session_unset();

session_destroy();

header("location:login.php"); ?>

home.php

<?php

$sql_admin = mysql_query("SELECT * FROM admin ORDER BY id_admin ASC");

$sql_guru = mysql_query("SELECT * FROM guru ORDER BY id_guru ASC") or die(mysql_error());

$sql_kelas = mysql_query("SELECT a.*,b.* FROM kelas a, ruang b where a.id_ruang=b.id_ruang ORDER BY a.id_kelas ASC");

$sql_mata_pelajaran = mysql_query("SELECT * FROM mata_pelajaran ORDER BY id_mata_pelajaran ASC") or die(mysql_error());

$sql_waktu = mysql_query("SELECT * FROM waktu ORDER BY id_waktu ASC") or die(mysql_error());

?>

<div class="breadcrumbs" id="breadcrumbs">

try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}

</script>

li><i class="ace-icon fa fa-home home-icon"></i><a href="#">Home</a>

</li>

<li class="active">Dashboard</li> </ul>

</div>

<div class="page-content">

(6)

</select>

</div>

<span>  Choose Skin</span>

</div>

<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>

</div>

(7)

<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>

</div>

<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>

</div>

<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>

</div>

Inside

<b>.container</b>

</label>

</div>

</div>

(8)

<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>

</div>

<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>

</div>

<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>

</div>

</div>

</div>

Dashboard

<small>

overview & stats

</small></h1> </div> <div class="row">

</div>

(9)

</div>

</div>

<div class="col-sm-12 infobox-container"> <!--

#section:pages/dashboard.infobox --> <div

class="infobox infobox-green">

<div class="infobox-content">Admin </div>

</div>

<!--

#section:pages/dashboard.infobox.stat -->

</div>

</div>

</div> </div>

<i class="ace-icon fa

fa-shopping-cart"></i> </div>

(10)

class="infobox-data-number"><?php echo mysql_num_rows($sql_waktu);?></span>

<div class="infobox-content">Waktu</div>

</div>

</div>

<span class="infobox-data-number"><?php echo

mysql_num_rows($sql_mata_pelajaran);?></span>

<div class="infobox-content">Mata Pelajaran</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div> </div>

index.php

<?php ob_start(); session_start();

(11)

error_reporting(0);

if($_SESSION['id_admin'] || $_SESSION['id_guru2']){

include 'koneksi.php'; ?>

<!DOCTYPE html> <html lang="en">

<head>

<!--[if lte IE 9]>

<![endif]-->

<!--[if lte IE 9]>

<!--[if lte IE 8]>

<![endif]--> </head>

(12)

<div id="navbar" class="navbar navbar-default"> <script

type="text/javascript">

try{ace.settings.check('navbar' , 'fixed')}catch(e){} </script>

<span class="sr-only">Toggle sidebar</span> <span class="icon-bar"></span>

</button>  <div class="navbar-header pull-left">

<a href="#" class="navbar-brand">

<small>

SD 101882 TANJUNG MORAWA (TABU SEARCH) </small>

</a>

</div>

<li class="light-blue">

<span class="user-info"> <small>Welcome,</small>

<?php

if($_SESSION['id_admin']){

echo $_SESSION['username'];

} else if($_SESSION['id_guru2']){

echo $_SESSION['nama'];

}

(13)

</span>

<?php

if($_SESSION['id_admin']){ ?>

<li>

<a href="index.php?page=ubah_password_admin"> <i class="ace-icon fa fa-cog"></i>Password</a>

</li> <li>

<a href="index.php?page=ubah_profile_admin"> <i class="ace-icon fa fa-user"></i>Profile</a>

</li>

<?php }

else if($_SESSION['id_guru2']){ ?>

<li>

<a href="index.php?page=ubah_password_guru"> <i class="ace-icon fa fa-cog"></i>Password</a> </li>

<li>

<a href="index.php?page=ubah_profile_guru"> <i class="ace-icon fa fa-user"></i>Profile</a>

</li>

<?php } ?>

<i class="ace-icon fa fa-power-off"></i>Logout</a>

</li> </ul> </li>

</ul>

</div>

</div>

</div>

(14)

try{ace.settings.check('main-container' , 'fixed')}catch(e){}

</script>

try{ace.settings.check('sidebar' , 'fixed')}catch(e){} </script>

<div class="sidebar-shortcuts" id="sidebar-shortcuts"> <p>Penjadwalan Mata Pelajaran</p>

</div> <ul class="nav nav-list">

</li> <?php

if($_SESSION['id_admin']){ ?>

<i class="menu-icon fa fa-pencil-square-o"></i> <span class="menu-text"> Form Admin </span></a> <b class="arrow"></b>

</li>

<span class="menu-text"> Data Admin </span></a>

</li> <li class="">

</li> <li class="">

</li>

<li class=""><a href="index.php?page=form_ruang"> <i class="menu-icon fa fa-pencil-square-o"></i> <span class="menu-text"> Form Ruang </span></a> <b class="arrow"></b>

(15)

<span class="menu-text"> Data Ruang </span></a> <b class="arrow"></b>

</li> <li class=""><a href="index.php?page=form_kelas"> <i class="menu-icon fa fa-pencil-square-o"></i> <span class="menu-text"> Form Kelas </span> </a>

<span class="menu-text"> Data Kelas </span> </a>

</li>

<li class=""><a href="index.php?page=form_waktu"> <i class="menu-icon fa fa-pencil-square-o"></i> <span class="menu-text"> Form Waktu </span></a>

</li> <li class="">

<span class="menu-text"> Data Waktu </span>

</a>

</li> <li class="">

<span class="menu-text"> Form Mata Pelajaran </span></a> <b class="arrow"></b>

</li> <li class=""><a

href="index.php?page=data_mata_pelajaran"> <i class="menu-icon fa fa-list"></i>

<span class="menu-text"> Data Mata Pelajaran </span></a>

</li>

</li>

(16)

</li>

<i class="menu-icon fa fa-pencil-square-o"></i> <span class="menu-text"> Form Mengajar</span></a> <b class="arrow"></b>

</li> <li class="">

<span class="menu-text"> Data Mengajar </span></a> <b class="arrow"></b>

</li>

<span class="menu-text"> Kesediaan Mengajar </span></a> <b class="arrow"></b>

</li>

<?php } else if($_SESSION['id_guru2']){?> <li class="">

<i class="menu-icon fa fa-pencil-square-o"></i> <span class="menu-text"> Mengajar </span></a> <b class="arrow"></b>

</li>

<span class="menu-text"> Kesediaan Mengajar </span></a> <b class="arrow"></b>

</li>

<span class="menu-text"> Cetak Jadwal Saya </span></a> <b class="arrow"></b>

</li>

<?php } ?>

</ul>

<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">

i class="ace-icon fa fa-angle-double-left"

data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>

(17)

<script type="text/javascript"> try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}

</script> </div>

<?php

if(isset($_GET['page'])){

$page=htmlentities($_GET['page']); }else{

$page="artikel";

}

$file="$page.php"; $cek=strlen($page);

if($cek>30 || !file_exists($file) || empty($page)){ include ("home.php");

}else{

include ($file); }

?>

<span class="blue bolder">gloryprb</span>SD 101882 TANJUNG MORAWA © <?php echo date("Y");?></span>

</div>

</div> </div>

</div>

src='assets/js/jquery.js'>"+"<"+"/script>"); </script>

(18)

window.jQuery || document.write("<script src='assets/js/jquery1x.js'>"+"<"+"/script>"); </script>

<![endif]-->

if('ontouchstart' in document.documentElement) document.write("<script

src='assets/js/jquery.mobile.custom.js'>"+"<"+"/script>"); </script>

<script

(19)

src="assets/js/ace/ace.settings-<script src="assets/js/ace/ace.searchbox-autocomplete.js"></script>

<script type="text/javascript">

jQuery(function($) { //initiate dataTables plugin

var oTable1 = $('#dynamic-table')

//.wrap("<div class='dataTables_borderWrap' />") //if you are applying horizontal scrolling (sScrollX)

.dataTable( { bAutoWidth: false, "aoColumns": [

{ "bSortable": false }, null, null,null, null, null, { "bSortable": false }

],

"aaSorting": [],

//,

//"sScrollY": "200px", //"bPaginate": false,

//"sScrollX": "100%", //"sScrollXInner": "120%", //"bScrollCollapse": true,

//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"

//you may want to wrap the table inside a "div.dataTables_borderWrap" element

//"iDisplayLength": 50 } );

//oTable1.fnAdjustColumnSizing();

//TableTools settings

TableTools.classes.container = "btn-group btn-overlap"; TableTools.classes.print = {

"body": "DTTT_Print",

"info": "tableTools-alert item-wrapper gritter-info gritter-center white","message": "tableTools-print-navbar"

}

//initiate TableTools extension

var tableTools_obj = new $.fn.dataTable.TableTools( oTable1, {

"sSwfPath":

"assets/js/dataTables/extensions/TableTools/swf/copy_csv_xls_pdf.s wf", //in Ace demo assets will be replaced by correct assets path

"sRowSelector": "td:not(:last-child)", "sRowSelect": "multi",

(20)

try { $(row).find('input[type=checkbox]').get(0).checked = true }

catch(e) {}

}, "fnRowDeselected": function(row) { //uncheck checkbox

try { $(row).find('input[type=checkbox]').get(0).checked = false }

catch(e) {} },

"sSelectedClass": "success", "aButtons": [ {

"sExtends": "copy",

"sToolTip": "Copy to clipboard",

"sButtonClass": "btn btn-white btn-primary btn-bold",

"sButtonText": "<i class='fa fa-copy bigger-110 pink'></i>",

"fnComplete": function() {

this.fnInfo( '<h3 class="no-margin-top smaller">Table copied</h3>\

<p>Copied '+(oTable1.fnSettings().fnRecordsTotal())+' row(s) to the clipboard.</p>',

1500

);

}

},

{

"sExtends": "csv",

"sToolTip": "Export to CSV",

"sButtonText": "<i class='fa fa-file-excel-o bigger-110 green'></i>"

},

{

"sExtends": "pdf",

"sToolTip": "Export to PDF",

(21)

"sButtonText": "<i class='fa fa-file-pdf-o bigger-110 red'></i>"

},

{

"sExtends": "print",

"sToolTip": "Print view",

"sButtonText": "<i class='fa fa-print bigger-110 grey'></i>",

"sMessage": "<div class='navbar navbar-default'><div class='navbar-header pull-left'><a class='navbar-brand'

href='#'><small>Optional Navbar & Text</small></a></div></div>",

"sInfo": "<h3 class='no-margin-top'>Print view</h3>\

<p>Please use your browser's print function to\

print this table.\

<br />Press <b>escape</b> when finished.</p>", } ]

} );

//we put a container before our table and append TableTools element to it

$(tableTools_obj.fnContainer()).appendTo($('.tableTools-container'));

//also add tooltips to table tools buttons

//addding tooltips directly to "A" buttons results in buttons disappearing (weired! don't know why!)

//so we add tooltips to the "DIV" child after it becomes inserted

//flash objects inside table tools buttons are inserted with some delay (100ms) (for some reason)

setTimeout(function() {

$(tableTools_obj.fnContainer()).find('a.DTTT_button').ea ch(function() {

var div = $(this).find('> div');

(22)

else $(this).tooltip({container: 'body'});

}); }, 200);

//ColVis extension

colvis = new $.fn.dataTable.ColVis( oTable1, { "buttonText": "<i class='fa fa-search'></i>", "aiExclude": [0, 1],

"bShowAll": true, //"bRestore": true, "sAlign": "right",

"fnLabel": function(i, title, th) { $(th).text();//remove icons, etc

}

});

//style it

$(colvis.button()).addClass('btn-group').find('button').addClass('btn btn-white btn-info btn-bold')

//and append it to our table tools btn-group, also add tooltip

$(colvis.button())

.prependTo('.tableTools-container .btn-group')

.attr('title', 'Show/hide columns').tooltip({container: 'body'});

//and make the list, buttons and checkboxed Ace-like $(colvis.dom.collection)

.addClass('dropdown-menu dropdown-light dropdown-caret dropdown-caret-right')

.find('li').wrapInner('<a href="javascript:void(0)" />') //'A' tag is required for better styling

.find('input[type=checkbox]').addClass('ace').next().add Class('lbl padding-8');

///////////////////////////////// //table checkboxes

$('th input[type=checkbox], td

input[type=checkbox]').prop('checked', false);

//select/deselect all rows according to table header checkbox

$('#dynamic-table > thead > tr > th

input[type=checkbox]').eq(0).on('click', function(){

var th_checked = this.checked;//checkbox inside "TH" table header

$(this).closest('table').find('tbody > tr').each(function(){

var row = this;

if(th_checked) tableTools_obj.fnSelect(row); else tableTools_obj.fnDeselect(row);

(23)

//select/deselect a row when the checkbox is checked/unchecked

$('#dynamic-table').on('click', 'td input[type=checkbox]' , function(){

var row = $(this).closest('tr').get(0);

if(!this.checked) tableTools_obj.fnSelect(row); else

tableTools_obj.fnDeselect($(this).closest('tr').get(0)); });

$(document).on('click', '#dynamic-table .dropdown-toggle', function(e) {

e.stopImmediatePropagation(); e.stopPropagation();

e.preventDefault();

});

//And for the first simple table, which doesn't have TableTools or dataTables

//select/deselect all rows according to table header checkbox var active_class = 'active';

$('#simple-table > thead > tr > th

input[type=checkbox]').eq(0).on('click', function(){

var th_checked = this.checked;//checkbox inside "TH" table header

$(this).closest('table').find('tbody > tr').each(function(){ var row = this;

if(th_checked)

$(row).addClass(active_class).find('input[type=checkbox]').eq(0).p rop('checked', true);

else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0 ).prop('checked', false);

}); });

//select/deselect a row when the checkbox is checked/unchecked

$('#simple-table').on('click', 'td input[type=checkbox]' , function(){

var $row = $(this).closest('tr');

if(this.checked) $row.addClass(active_class); else $row.removeClass(active_class);

});

/********************************/

//add tooltip for small view action buttons in dropdown menu

'[data-rel="tooltip"]').tooltip({placement: tooltip_placement});

//tooltip placement on right or left

function tooltip_placement(context, source) { var $source = $(source);

var $parent = $source.closest('table') var off1 = $parent.offset();

(24)

//var w2 = $source.width();

if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';

return 'left';

}

}) </script>

href="docs/assets/js/themes/sunburst.css" />

<script

src="docs/assets/js/language/generic.js"></script>

<script

src="docs/assets/js/language/javascript.js"></script>

</body> </html>

<?php } else {

header('location:login.php'); }

(25)

periksa.php

<?php ob_start(); session_start(); include "koneksi.php";

if($_POST['level'] == "Admin"){ $TxtUser = $_REQUEST['username']; $TxtPasswd = $_REQUEST['password'];

$sql_cek = "SELECT * FROM admin WHERE username='$TxtUser' AND password='$TxtPasswd' "; $qry_cek = mysql_query($sql_cek) or die(mysql_error());

$ada_cek = mysql_num_rows($qry_cek); $array2 = mysql_fetch_array($qry_cek); if ($ada_cek >=1) {

session_start();

$_SESSION['id_admin']=$array2['id_admin'];

$_SESSION['username']=$array['username'];

header ("location: index.php"); exit;

} else { ?>

window.location='login.php'; </script>

<?php

exit; }

}

else if($_POST['level'] == "Guru"){ $TxtUser = $_REQUEST['username']; $TxtPasswd = $_REQUEST['password'];

$sql_cek = "SELECT * FROM guru WHERE nip='$TxtUser' AND password='$TxtPasswd' "; $qry_cek = mysql_query($sql_cek) or die(mysql_error());

$ada_cek = mysql_num_rows($qry_cek); $array2 = mysql_fetch_array($qry_cek); if ($ada_cek >=1) {

session_start(); $_SESSION['id_guru2']=$array2['id_guru'];

$_SESSION['nip']=$array2['nip']; $_SESSION['nama']=$array2['nama'];

header ("location: index.php"); exit;

(26)

window.location='login.php'; </script>

<?php

exit; }

} ?>

form_cetak_tabu.php

<div class="breadcrumbs" id="breadcrumbs"> <script type="text/javascript">

</script>

</li>

<li>

<a href="#">Forms</a> </li>

<li class="active">Form Admin</li> </ul>

(27)

</select>

</div>

</div>

</div>

(28)

</div>

Inside

<b>.container</b> </label>

</div>

(29)

</div> <div class="ace-settings-item">

</div>

</div>

<div class="page-header"> <h1>Form Admin

<small>

<i class="ace-icon fa fa-angle-double-right"></i>Untuk Menginput Data Admin

</small> </h1>

</div> <div class="row">

<div class="col-xs-12"> <?php

error_reporting (E_ALL ^ E_NOTICE);

$post = (!empty($_POST)) ? true : false;

if($post){ $error = '';

$sql_cek = mysql_query("SELECT * FROM admin WHERE username='" . $_POST['username'] . "'");

if(mysql_num_rows($sql_cek)){

$error .= "Username " . $_POST['username'] . " Sudah Pernah Diinput <br>";

(30)

if($_POST['password'] != $_POST['cpassword']){

$error .= "Password Tidak Sama"; }

if(empty($error)){

$username = $_POST['username']; $password = $_POST['password'];

$nama_lengkap = $_POST['nama_lengkap']; $alamat = $_POST['alamat'];

$tempat_lahir = $_POST['tempat_lahir']; $tgl_lahir = $_POST['tgl_lahir'];

$jenis_kelamin = $_POST['jenis_kelamin']; $tambah=mysql_query("INSERT INTO admin

VALUES('','$username','$password','$nama_lengkap','$alamat','$temp at_lahir','$tgl_lahir','$jenis_kelamin')") or die(mysql_error()); if($tambah){

?>

<strong>Success!</strong>Data Admin Berhasil Ditambah

</div> <?php

}

else { ?>

<strong>Error!</strong> <?php echo $error;?>

</div><?php

}

} ?>

Username</label>

(31)

</div>

<label class="col-sm-3 control-label no-padding-right"

for="form-field-4">Password</label>

</div>

<label class="col-sm-3 control-label no-padding-right" for="form-field-4">Konfirmasi Password</label>

<input class="col-xs-10 col-sm-5" type="password" required name="cpassword"

id="form-field-4" />

</div>

(32)

<label class="col-sm-3 control-label no-padding-right" for="form-field-4">Nama

Lengkap</label>

</div>

<label class="col-sm-3 control-label no-padding-right" for="form-field-4">Alamat</label>

</div>

<label class="col-sm-3 control-label no-padding-right" for="form-field-4">Tempat

Lahir</label>

(33)

</div>

<label class="col-sm-3 control-label no-padding-right" for="form-field-4">Tanggal

Lahir</label>

<input class="col-xs-10 col-sm-5 tcal" type="text" required name="tgl_lahir"

id="form-field-4" />

</div>

</div> <div class="space-4"></div> <div class="form-group">

<label class="col-sm-3 control-label no-padding-right" for="form-field-4">Jenis

Kelamin</label>

<option value="Laki-Laki">Laki-Laki</option> <option value="Perempuan">Perempuan</option>

</select>

</div>

<i class="ace-icon fa fa-check bigger-110"></i>Submit

</button>

(34)

<i class="ace-icon fa fa-undo bigger-110"></i>Reset </button>

</div>

</form>

</div>

</div> </div>

</div>

form_mata_pelajaran.php

div class="breadcrumbs" id="breadcrumbs"> <script type="text/javascript">

</script> <ul class="breadcrumb">

<li>

</li>

<li>

<li class="active">Form Mata Pelajaran</li> </ul>

div class="ace-settings-container" id="ace-settings-container">

(35)

</select>

</div>

(36)

</div>

Inside

<b>.container</b>

</label>

</div>

(37)

</div>

</div>

</div>

<div class="page-header"> <h1>Form Mata Pelajaran

<small>

<i class="ace-icon fa fa-angle-double-right"></i>Untuk Menginput Data Mata Pelajaran

</small> </h1>

</div>

<div class="col-xs-12"> <?php

error_reporting (E_ALL ^ E_NOTICE);

$post = (!empty($_POST)) ? true : false;

if($post){ $error = '';

(38)

$error .= "Mata Pelajaran " . $_POST['kode_mata_pelajaran'] . " Sudah Pernah Diinput <br>";

}

if(empty($error)){

$kode_mata_pelajaran = $_POST['kode_mata_pelajaran']; $nama_mata_pelajaran = $_POST['nama_mata_pelajaran'];

$kategori = $_POST['kategori'];

$tambah=mysql_query("INSERT INTO mata_pelajaran

VALUES('','$kode_mata_pelajaran','$nama_mata_pelajaran' ,'$kategori')") or die(mysql_error());

if($tambah){ ?>

<strong>Success!</strong>Data Mata Pelajaran Berhasil Ditambah </div>

<?php

}

else { ?>

<strong>Error!</strong> <?php echo $error;?>

</div><?php

}

} ?>

<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> Kode Mata Pelajaran</label>

(39)

</div>

<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> Nama Mata Pelajaran</label>

<input type="text" id="form-field-1"

name="nama_mata_pelajaran" class="col-xs-10 col-sm-5" required /> </div>

</div>

<label class="col-sm-3 control-label no-padding-right"

for="form-field-1">Kategori</label>

<option value="Muatan Lokal">Muatan Lokal</option> <option value="Wajib">Wajib</option>

</select>

</div>

<i class="ace-icon fa fa-check bigger-110"></i>Submit

</button>

(40)

<i class="ace-icon fa fa-undo bigger-110"></i>Reset

</button>

</div>

</form>

</div>

</div> </div>

</div>

form_mengajar.php

<div class="breadcrumbs" id="breadcrumbs"> <script type="text/javascript">

</script>

</li>

<li>

<li class="active">Form Mengajar</li> ul>

(41)

</select>

</div>

(42)

</div>

Inside

<b>.container</b>

</label>

</div>