Perancangan Aplikasi E-Learning Berbasis Web Pada Yayasan Pendidikan R.A. Kartini
LISTING PROGRAM
Koneksi.php
<?php
mysql_connect("localhost","root","") or die("Nggak bisa koneksi");
mysql_select_db("elearning");//sesuaikan dengan nama database anda
?>
Index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11"> <title>e-Learning</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="styles/layout.css" type="text/css" />
</head>
<body class="no-side"> <div class="login-box"> <div class="login-border"> <div class="login-style">
<div class="login-header"> <div class="logo clear">
<div align="center"><img
src="images/dunia-elearning.png" alt="Demo Elearning" width="169" height="116" /></span>
(2)
</div> </div>
<form name="login" action="log.php?op=in" method="POST" onSubmit="return validasi(this)">
<div class="login-inside"> <div class="login-data">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center"> <table cellpadding="0" cellspacing="0">
<tr> <td
height="25"><b>Username</b></td> <td> :
<input type="text" name="username" class="text" /></td>
</tr> <tr> <td
height="26"><b>Password</b></td> <td> :
<input type="password" class="text" name="password" /></td>
</tr>
<tr>
<td colspan="2"><div align="right"> <input name="submit" class="submit" type="submit" value="LOGIN" /> </div></td></tr> <tr>
</table> </div></td> </tr>
</table> </div> </div>
(3)
</div> </div> </div>
Log.php <?php
session_start();
include('koneksi.php');
$username = $_POST['username']; $password = $_POST['password']; $op = $_GET['op'];
if($op=="in"){
$cek = mysql_query("SELECT * FROM siswa WHERE nis='$username' AND password='$password'");
if(mysql_num_rows($cek)==1){//jika berhasil akan bernilai 1
$c = mysql_fetch_array($cek); $_SESSION['nis'] = $c['nis']; $_SESSION['level'] = $c['level']; if($c['level']=="siswa"){
echo "<script>window.location = 'admin/homesiswa.php';</script>";
} }else{ die("
<script language='javascript'>
alert('password anda salah') window.back();
</script> ");
}
}else if($op=="out"){
unset($_SESSION['username']); unset($_SESSION['level']); header("location:index.php"); }
(4)
Style.css
html,body{height:100%}
body{color:#444;background:#eaeaea;font:12px/1.8 Arial,sans-serif}
input,button,select,textarea{font:12px/15px Arial,sans-serif}
a{color:#0d8b9b;text-decoration:none} a:hover{color:#cb6400}
p{margin-bottom:20px}
p:last-child{margin-bottom:0} h1,h2{font-weight:normal} h1{font-size:21px}
h2{font-size:18px} h3{font-size:17px} h4{font-size:16px} h5{font-size:15px} h6{font-size:14px}
h3,h4,h5,h6{margin-bottom:.7em} .floatLeft{float:left}
.floatRight{float:right}
.alignright{text-align:right}
img[align="left"],img.alignleft{float:left;margin:6px 15px 15px 0}
img[align="right"],img.alignright{float:right;margin:6p x 0 15px 15px}
header#top{
height:50px; color:#ccc;
border-bottom:1px solid #000; background:#2c2c2c;
min-width:960px}
div#logo{margin-top:8px;font-size:18px}
header#top div#logo a{text-decoration:none;color:#aaa} header#top div#logo a:hover{color:#ccc}
div#logo img{vertical-align:middle} div#logo a span{color:#eee}
a#view-site{
font-size:11px; font-weight:normal; border:1px solid #444; padding:1px 3px;
(5)
margin-left:10px; background:#333;
vertical-align:middle}
#userinfo{margin-top:15px;text-align:right} #userinfo a{
padding:4px 10px 4px 25px;
background:url(../images/icons/user-silhouette.png) 5px 4px no-repeat}
footer#bottom{ height:40px; color:#ccc; font-size:11px; background:#2c2c2c; padding:20px 0; min-width:960px}
header#top a:hover,footer#bottom a:hover{color:#fff} nav#topmenu{
height:34px;
line-height:36px; min-width:960px; position:relative; z-index:1;
background:#29a1b3;
border-top:1px solid #4bc9de;border-bottom:1px solid #0d8b9b}
nav ul li{float:left;position:relative;top:-1px} nav ul li a{display:block;color:#fff;padding:0 10px} nav ul li{text-shadow:1px 1px 0 #555}
nav ul ul li{text-shadow:none}
nav ul li.current a,nav ul li a:hover{color:#eee} nav ul#mainmenu{float:left}
nav ul#usermenu{float:right;font-size:11px} nav ul#usermenu a.inbox{
background-image:url(../images/icons/mail.png); background-position:8px center;
background-repeat:no-repeat; padding-left:28px}
section#content{ min-height:80%; padding:20px 0; min-width:960px; text-align:justify}
(6)
article{border:1px solid
#aaa;background:#fff;padding:20px;margin-bottom:15px} article h1{
font-family:Tahoma; font-weight:normal; background:#f4f4f4; padding:1px 10px; margin-bottom:15px}
article h2{color:#902452;margin:15px 0 10px} article .links{text-align:right;margin-top:10px} .content img{border:1px solid #ddd;padding:4px} .content ul,.content ol{margin-left:10px;padding-left:10px;margin-bottom:10px}
.content ul ul,.content ol ol{margin-bottom:0} .content ul{list-style:circle}
.content ol{list-style:decimal}
.content ol ol{list-style:lower-alpha} .content dl dd{margin:0 0 10px 20px} .box{
background:#fff; margin-bottom:15px; position:relative; padding:0;
border:1px solid #bbb;
background:#fff url(../images/box-header.gif) 0 0 repeat-x}
.box h2{
position:relative; height:23px;
padding:5px 36px; font-size:13px; font-weight:bold; color:#555;
text-shadow:1px 1px 0 #fff;
background:url(../images/icons/bullet_go.png) 10px center no-repeat}
.box section{padding:10px;font-size:11px} .box
img.toggle{position:absolute;top:10px;right:10px;cursor :pointer}
.box.info
(7)
.box.menu
h2{background-image:url(../images/icons/bookmarks.png)} .search{padding:15px
10px;border-color:#ccc;background:#f4f4f4} .search label{
font:11px Tahoma,sans-serif; color:#777;
font-weight:bold; margin:0 0 3px 2px; display:block}
#login{
width:300px;
position:absolute; top:50%;
left:50%;
margin-left:-150px; margin-top:-150px} #login
h2{background-image:url(../images/icons/key.png)} #login section{padding:20px}
#login a{font-size:11px}
input#username,input#adminpassword{width:230px} #login #forgot{margin-left:20px}
#dashboard h2{margin:30px 0 10px 5px} .statistics{float:left;width:200px} .statistics table{width:100%}
.statistics table td{border:1px solid #eee;padding:5px 10px}
.statistics table td a{font-weight:bold} #pageviews{float:right}
section.icons{text-align:center} .icons ul{margin-top:20px}
.icons ul li{ width:80px;
margin:0 20px 20px 0;
display:-moz-inline-stack; display:inline-block;
vertical-align:top; zoom:1;
*display:inline}
.icons ul li a{display:block;padding:5px;border:1px solid #f1f1f1}
(8)
.icons ul li a img{}.icons ul li a span{ font:11px Tahoma,sans-serif;
color:#333; display:block}
.box ul li{padding:0;border-bottom:1px dashed #D6D8D9} .box ul li a{
padding:3px 5px 3px 18px; color:#333;
display:block;
background:url(../images/icons/bullet_yellow.png) 0 center no-repeat}
.box ul li a:hover{background-color:#FFFAE3} .box ul ul{margin-left:15px}
.box ul ul li{border-bottom:none}
.news li{padding:8px 0;border-bottom:1px dashed #D6D8D9}
.news li .date{font-size:10px;color:#aaa;margin-right:5px}
.news li img{vertical-align:middle;margin-left:5px} ul.sortable li img{cursor:move}
ul.photos{border:none} ul.photos li{
margin:6px; padding:0; border:none;
background-color:#fff; display:-moz-inline-stack; display:inline-block;
vertical-align:top; zoom:1;
*display:inline; _height:150px} ul.photos li img{
padding:5px;
border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
-moz-box-shadow:2px 2px 0 #eee}
ul.photos li img:hover{border:1px solid #999} ul.photos div.links{margin:0}
ul.photos div.links a{ color:#aaa;
(9)
background:#fff;
font:10px Tahoma,sans-serif; padding:2px 3px;
margin:0 0 0 3px; border:none}
ul.photos div.links a:hover{background-color:#888;color:#fff}
ul.photos div.links a.delete:hover{background-color:#BC1515}
ul.comments li{padding:6px 0;border-bottom:1px dashed #d6d8d9}
img.comment-avatar{ float:left;
margin:5px 10px 5px 0; width:36px;
height:36px;
border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
padding:3px}
ul.comments li div.links{margin:0} ul.comments li div.links a{
color:#fff;
background:#aaa;
font:10px Tahoma,sans-serif; padding:2px 3px;
margin:0 0 0 1px; border:none}
ul.comments li div.links a.delete{background-color:#F06C6C}
ul.comments li div.links a.delete:hover{background-color:#BC1515}
ul.comments li div.links
a:hover{border:none;background:#000}
ul.comments span.date{font-size:10px;color:#aaa;margin-right:10px}
div.msg{padding:10px 10px 10px 37px;margin-bottom:10px;cursor:pointer}
div.success{
border:1px solid #6cd858;
background:#e3ffde url(../images/icons/tick.png) 10px 13px no-repeat}
(10)
div.error{
border:1px solid #ffa2aa; background:#fae8e8
url(../images/icons/exclamation-red.png) 10px 13px no-repeat}
div.warning{
border:1px solid #d6d61f; background:#ffffd3
url(../images/icons/exclamation.png) 10px 13px no-repeat}
div.information{
border:1px solid #b4dbe8; background:#e3f2f7
url(../images/icons/information-balloon.png) 10px 13px no-repeat}
.gtable{width:100%}
.gtable th{text-align:left;padding:5px 10px}
.gtable thead tr{color:#333;border:1px solid #ccc} .gtable thead th{background:#efefef}
.gtable tbody tr td{border-bottom:1px solid #eee} .gtable tbody tr:nth-child(odd) td,.detailtable tbody tr.odd td{
background-color:#fff}
.gtable tbody tr:nth-child(even) td,.detailtable tbody tr.even td{
background-color:#f7f7f7}
.gtable tbody tr:hover td{background-color:#FFFAE3} .gtable td{padding:5px 10px}.gtable input{vertical-align:middle}
.gtable img{vertical-align:middle;margin-right:5px} .gtable tr.detail{font-size:11px}
.gtable tr.detail td{padding:0}
.gtable tr.detail td td,.gtable tr.detail td th{padding:2px 10px;color:#777}
.gtable .detail table{width:100%;border:5px solid #fff7d1}
.gtable .detail table tr td,.gtable .detail table tr th{
background:#ffffed;
border-bottom:1px solid #fff7d1} table.sortable img.move{cursor:move}
.tablefooter{background:#f7f7f7;border-top:1px solid #fff}
(11)
.tablefooter .actions{float:left;padding:5px 10px} .tablefooter .pagination{float:right;padding:5px 10px} .pagination{font:11px Tahoma,sans-serif;margin:7px 0;text-align:right}
.pagination a{
padding:4px 7px; color:#333;
background:#fff; margin:0;
border:1px solid #e4e4e4} .pagination a.current{
font-weight:bold; color:#fff;
background:#555
;border:1px solid #555} .pagination
a:hover{color:#fff;background:#777;border:1px solid #777}
form fieldset{margin:10px;padding:10px;border:1px solid #e5e5e5}
form legend{
font:10px Tahoma,sans-serif; text-transform:uppercase; color:#555;
text-shadow:1px 1px 1px #fff; font-weight:bold;
padding:0 5px 0 30px;
background:url(../images/icons/block.png) 5px 0 no-repeat;
line-height:18px; margin:10px 0}
form dt{margin-bottom:2px} form dd{margin-bottom:15px} form dt label{
cursor:pointer;
font:11px Tahoma,sans-serif; font-weight:bold;
color:#555}
form p{clear:left;margin-bottom:0;padding:5px 0;width:100%}
form p label{
display:block; float:left;
(12)
cursor:pointer;
font:11px Tahoma,sans-serif; font-weight:bold;
color:#555; width:100px;
vertical-align:middle; padding:5px;
text-align:right; margin-right:10px}
form p small{display:block;margin:0 10px 0 120px;font-size:10px;color:#aaa}
form dl.inline dt{clear:both;width:25%;float:left;text-align:right}
form dl.inline dt label{margin-right:12px}
form dl.inline dd{float:left;width:75%;margin:0 0 15px} form dl dd
small{display:block;font-size:11px;color:#aaa}
form div.buttons{margin:20px 0 10px 25%}
form input[type="text"],form input[type="email"],form input[type="password"],form select,form textarea{
border:1px solid #ccc; padding:4px 5px;
background:#fff url(../images/input-bg.gif) 0 0 repeat-x}
form select{padding:3px}
form input[type="text"]:hover,form input[type="email"]:hover,form
input[type="password"]:hover,form select:hover,form textarea:hover{border:1px solid #999}
form input[type="text"]:focus,form input[type="email"]:focus,form
input[type="password"]:focus,form select:focus,form textarea:focus{border:1px solid #777}
form input[type="radio"],form
input[type="checkbox"]{vertical-align:top} form input.small,form select.small,form textarea.small{width:130px}
form input.medium,form select.medium,form textarea.medium{width:300px}
form input.big,form select.big,form textarea.big{width:540px}
(13)
form label.error{font:10px Tahoma,sans-serif;color:#ED7476;margin-left:5px}
form input.error,form input.error:hover,form input.error:focus,form select.error,form textarea.error{border:1px solid
#ED7476;background:#FFEDED} ul.tabs{
font-size:13px; line-height:14px; font-weight:bold;
border-bottom:3px solid #666; padding:7px 0}
.tabs li{display:inline}
.tabs a{background:#f3f3f3;padding:6px 12px;color:#888;outline:0}
.tabs a:hover{color:#555;background:#eee} .tabs .selected a{color:#fff;background:#666} .tabcontent{padding:10px 0}
#settings .tabcontent{padding-top:25px} .accordion h3{
padding:2px 8px; font-size:14px; margin-bottom:2px; cursor:pointer; font-weight:bold; color:#555;
background:#eee}
div.accordion h3.active{color:#fff;background:#666} .accordion h3:hover{background:#eee}
.accordion div{margin:5px 0} .accordion div div{margin:0} .button{
font:11px Tahoma,sans-serif; font-weight:bold;
color:#fff;
display:inline-block; zoom:1;
*display:inline;
vertical-align:baseline; margin:0 3px 0 1px;
outline:none; cursor:pointer; text-align:center;
(14)
padding:6px 8px;
text-shadow:1px 1px 1px #555; width:auto;
overflow:visible; line-height:110%} .button:hover{
opacity:0.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity =90)";
filter:alpha(opacity=90)} a.button:hover{color:#fff}
.button:active{position:relative;top:1px} .button.big{font:15px Arial,sans-serif;font-weight:bold;padding:8px 10px}
.button.small{font-weight:normal;padding:4px 5px} .button.blue{border:1px solid
#0d717e;background:#28a0b2} .button.orange{border:1px solid #c16729;background:#ff9435}
.button.black{border:1px solid #000;background:#444} .button.gray{border:1px solid #444;background:#888} .button.white{
color:#444;
text-shadow:1px 1px 0 #fff; border:1px solid #999;
background:#f7f7f7}
.button.white:hover{color:#444} section.buttons{text-align:center}
section.buttons .button{margin-bottom:15px} header#top{
background:-webkit-gradient(linear,0 0,0 bottom,from(#2c2c2c),to(#222));
background:-moz-linear-gradient(#2c2c2c,#222); background:linear-gradient(#2c2c2c,#222);
-pie-background:linear-gradient(#2c2c2c,#222)} nav#topmenu{
background:-webkit-gradient(linear,0 0,0 bottom,from(#29a1b3),to(#239db0));
background:-moz-linear-gradient(#29a1b3,#239db0); background:linear-gradient(#29a1b3,#239db0);
-pie-background:linear-gradient(#29a1b3,#239db0)} .button{
(15)
-webkit-box-shadow:inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 15px rgba(0,0,0,.3),1px 1px 1px #ccc;
-moz-box-shadow:inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 15px rgba(0,0,0,.3),1px 1px 1px #ccc;
box-shadow:inset 0 1px 2px
rgba(255,255,255,.6),inset 0 -5px 15px rgba(0,0,0,.3),1px 1px 1px #ccc}
a#view-site{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
nav ul li.current a,nav ul li a:hover,nav ul li:hover{ -webkit-box-shadow:inset 0 3px 20px
rgba(0,0,0,.2);
-moz-box-shadow:inset 0 3px 20px rgba(0,0,0,.2); box-shadow:inset 0 3px 20px rgba(0,0,0,.2)}
footer#bottom{
background:-webkit-gradient(linear,0 0,0 bottom,from(#2c2c2c),to(#222));
background:-moz-linear-gradient(#2c2c2c,#222); background:linear-gradient(#2c2c2c,#222);
-pie-background:linear-gradient(#2c2c2c,#222)} article{
-webkit-box-shadow:3px 3px 0 #ddd; -moz-box-shadow:3px 3px 0 #ddd; box-shadow:3px 3px 0 #ddd;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
article h1{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
article .links a{
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.box{
-webkit-box-shadow:#e1e1e1 2px 2px 0; -moz-box-shadow:#e1e1e1 2px 2px 0; box-shadow:#e1e1e1 2px 2px 0;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
(16)
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.search{
background:-webkit-gradient(linear,0 0,0 bottom,from(#fafafa),to(#e3e3e3));
background:-moz-linear-gradient(#fafafa,#e3e3e3); background:linear-gradient(#fafafa,#e3e3e3);
-pie-background:linear-gradient(#fafafa,#e3e3e3); -webkit-box-shadow:inset 0 -5px 7px #f4f4f4,1px 1px 4px #ddd;
-moz-box-shadow:inset 0 -5px 7px #f4f4f4,1px 1px 4px #ddd;
box-shadow:inset 0 -5px 7px #f4f4f4,1px 1px 4px #ddd}
.icons ul li a{
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
-webkit-box-shadow:inset 0 0 15px #f4f4f4; -moz-box-shadow:inset 0 0 15px #f4f4f4; box-shadow:inset 0 0 15px #f4f4f4}
form fieldset{
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
form input[type="text"],form input[type="email"],form input[type="password"],form select,form textarea{
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
div.msg{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.gtable thead th{
background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#efefef));
background:-moz-linear-gradient(#fff,#efefef); background:linear-gradient(#fff,#efefef);
-pie-background:linear-gradient(#fff,#efefef)} .pagination a.current{
background:-webkit-gradient(linear,0 0,0 bottom,from(#888),to(#555));
(17)
background:linear-gradient(#888,#555); -webkit-box-shadow:inset 0 1px 0
rgba(255,255,255,.3);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
box-shadow:inset 0 1px 0 rgba(255,255,255,.3)} .tabs a,.accordion h3{
background:-webkit-gradient(linear,0 0,0 bottom,from(#eee),to(#e4e4e4));
background:-moz-linear-gradient(#eee,#e4e4e4); background:linear-gradient(#eee,#e4e4e4);
-pie-background:linear-gradient(#eee,#e4e4e4)} .tabs .selected a,div.accordion h3.active{
background:-webkit-gradient(linear,0 0,0 bottom,from(#888),to(#666));
background:-moz-linear-gradient(#888,#666); background:linear-gradient(#888,#666);
-pie-background:linear-gradient(#888,#666)} a#view-site,.search{behavior:url(js/PIE.html)} #colorstyle{margin-top:15px}
#colorstyle div{float:left;margin-right:5px} #colorstyle a{
outline:none; display:block; width:16px; height:16px; float:left;
margin:3px 0 0 4px; opacity:0.75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity =75)";
filter:alpha(opacity=75); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
-moz-box-shadow:inset 0 0 6px
rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.5); -webkit-box-shadow:inset 0 0 6px
rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.5); box-shadow:inset 0 0 6px
(18)
#colorstyle
a:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity =100)";filter:alpha(opacity=100)}
#colorstyle a[rel="blue"]{background:#239db0} #colorstyle a[rel="orange"]{background:#ff7f04} #colorstyle a[rel="black"]{background:#2b2b2b} #colorstyle a[rel="gray"]{background:#666}
Admin.php
<?php
session_start();
require_once("../koneksi.php"); include ("include/fungsi.php");
if(!hasLogin()) header('Location: index.php'); if(isset($_GET['logout'])){
unset($_SESSION['typelog']); header('Location: index.php');} function hasLogin(){
return isset($_SESSION['typelog']); }
?> <html> <head>
<title>E-Learning R.A. Kartini</title> <link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/skins/gray.css" title="gray"> <link rel="stylesheet" type="text/css" href="css/superfish.css">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
</head>
<body onLoad="startclock()"> <header id="top">
<div class="container_12 clearfix"> <div id="logo" class="grid_5">
<!-- replace with your website title or logo -->
(19)
<a id="site-title"
href="dashboard.html"><span>ADMINISTRATOR</span><br><sp an>E-Learning Yayasan Pendidikan R.A.
Kartini</span></a> </div>
<div class="grid_4" id="colorstyle"> </div>
<div id="userinfo" class="grid_3"> Welcome, <a href='#'>Administrator</a> </div>
</div> </header>
<nav id="topmenu">
<div class="container_12 clearfix"> <div class="grid_12">
<ul id="mainmenu" class="sf-menu"> <li class="current"><a
href="admin.php">Beranda</a></li>
<li><a href="#">Manajemen Users</a> <ul>
<li><a
href="admin.php?hlmn=tabelguru">Pengajar</a></li> </ul></li>
<li><a href="#">Setting</a> <ul>
<li><a href="">Modules</a></li></ul> </li>
</ul>
<ul id="usermenu">
<li><a href="logout.php">Logout</a></li></ul> </div>
</div> </nav>
<section id="content">
<section class="container_12 clearfix">
<!--- Tabel --->
(20)
<article id="dashboard"> <?
if(!isset($_GET['hlmn'])) { include"home.php"; }
else {
$hlmn = $_GET['hlmn']; switch ($hlmn)
{
//guru
case 'tabelguru':
include("include/guru/tabelguru.php"); break;
case 'edit_guru':
include("include/guru/edit_guru.php"); break;
case 'tambah_guru':include ("include/guru/tambah_guru.php");
break;
case 'hapus_guru':include ("include/guru/hapus_guru.php");
break;
case 'ptambah_guru':include
("include/guru/tambah_guru_proses.php"); break;
case 'pedit_guru':include ("include/guru/edit_proses.php");
break; //siswa case
'tabelsiswa':include("include/siswa/tabelsiswa.php"); break;
case
'tambah_siswa':include("include/siswa/tambah_siswa.php" );
break; case
'edit_siswa':include("include/siswa/edit_siswa.php"); break;
case
'hapus_siswa':include("include/siswa/hapus_siswa.php"); break;
(21)
case 'ptambah_siswa':include
("include/siswa/tambah_siswa_proses.php"); break;
case 'pedit_siswa':include ("include/siswa/edit_proses.php");
break; //kelas
case 'kelas':include("include/kelas/kelas.php");
break;
case
'tambah_kelas':include("include/kelas/tambah_kelas.php" );
break; case
'edit_kelas':include("include/kelas/edit_kelas.php"); break;
case
'hapus_kelas':include("include/kelas/hapus_kelas.php"); break;
case 'ptambah_kelas':include
("include/kelas/tambah_kelas_proses.php"); break;
case 'pedit_kelas':include ("include/kelas/edit_proses.php");
break;
//mata pelajaran case
'tabelmapel':include("include/mapel/tabelmapel.php"); break;
case 'tambah_mapel':
include("include/mapel/tambah_mapel.php"); break;
case 'edit_mapel':
include("include/mapel/edit_mapel.php"); break;
case 'ptambah_mapel':include
("include/mapel/tambah_mapel_proses.php"); break;
case 'pedit_mapel':include ("include/mapel/edit_proses.php");
break; //berita
(22)
case 'arsip_berita':
include("include/berita/arsip_berita.php"); break;
case 'berita_lenkap':
include("include/berita/berita_lenkap.php"); break;
case 'input_berita':
include("include/berita/input_berita.php"); break;
case 'edit_berita':
include("include/berita/edit_berita.php"); break;
//materi
case 'materi':
include("include/materi/materi.php"); }
}
?> </article> </section>
<!--- Jam Kiri --->
<aside id="sidebar" class="grid_3 pull_9"> <div class="box info">
<h2>Assalamuallaikum</h2> <section>
<SCRIPT language=JavaScript>var d = new Date();
var h = d.getHours(); if (h < 11) {
document.write('Selamat Pagi, Pengunjung...'); } else { if (h < 15) { document.write('Selamat Siang, Pengunjung..'); } else { if (h < 19) { document.write('Selamat Sore, Pengunjung..'); } else { if (h <= 23) { document.write('Selamat Malam, Pengunjung..'); } }}}</SCRIPT>
</section> </div>
(23)
<!--- Menu Kiri--->
<div class="box menu"> <?
if($_SESSION['typelog'] =="admin") ?> <h2>Menu Utama</h2>
<section><ul>
<li class='garisbawah'><a
href='admin.php?hlmn=tabelsiswa'>Manajemen Siswa</a></li>
<li class='garisbawah'><a
href='admin.php?hlmn=kelas'>Manajemen Kelas</a></li> <li class='garisbawah'><a
href='admin.php?hlmn=arsip_berita'>Manajemen Berita</a></li>
<li class='garisbawah'><a href='admin.php?hlmn=tabelmapel'>Mata Pelajaran</a></li>
<li class='garisbawah'><a
href='admin.php?hlmn=materi'>Materi</a></li> </ul>
</section> </div>
<div class="box">
<h2>Informasi</h2>
<section>Anda masih dalam keadaan login sebagai : <b>Administrator</b>. <br>Jangan lupa untuk <a
href=logout.php><b>Logout</b></a> sebelum meninggalkan website ini.</section>
</div> </aside> </section>
</section> <!-- end content -->
<footer id="bottom">
<section class="container_12 clearfix"> <div class="grid_6 alignright">
Copyright © 2011 <a href="#">>E-Learning Y.P. R.A. Kartini</a>
(24)
</div> </section> </footer>
</body> </html>
Guru.php
<?php
session_start();
require_once("../koneksi.php"); include ("include/fungsi.php");
if(!hasLogin()) header('Location: index.php'); if(isset($_GET['logout'])){
unset($_SESSION['typelog']); header('Location: index.php');} function hasLogin(){
return isset($_SESSION['typelog']); }
?> <html> <head>
<title>E-Learning R.A. Kartini</title> <link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/skins/gray.css" title="gray"> <link rel="stylesheet" type="text/css" href="css/superfish.css">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
</head>
<body onLoad="startclock()"> <header id="top">
<div class="container_12 clearfix"> <div id="logo" class="grid_5">
<!-- replace with your website title or logo -->
<a id="site-title"
(25)
an>E-Learning Yayasan Pendidikan R.A. Kartini</span></a>
</div>
<div class="grid_4" id="colorstyle"> </div>
<div id="userinfo" class="grid_3">
Welcome, <a href='#'>Teacher</a> </div>
</div> </header>
<nav id="topmenu">
<div class="container_12 clearfix"> <div class="grid_12">
<ul id="mainmenu" class="sf-menu"> <li class="current"><a
href="guru.php">Beranda</a></li>
<li><a href="#">Setting Ukuran</a> <ul id="layoutwidth">
<li><a href="#" rel="fixed">Kecil</a></li>
<li><a href="#" rel="fluid">Besar</a></li></ul>
</li> </ul>
<ul id="usermenu">
<li><a href="logout.php">Logout</a></li></ul> </div>
</div> </nav>
<section id="content">
<section class="container_12 clearfix">
<section id="main" class="grid_9 push_3"> <article id="dashboard">
<?
if(!isset($_GET['hlmn'])) { include"home.php";
}
else {
(26)
switch ($hlmn) {
//siswa case
'tabelsiswa':include("include/siswa/tabelsiswa.php"); break;
case
'tambah_siswa':include("include/siswa/tambah_siswa.php" );
break; case
'edit_siswa':include("include/siswa/edit_siswa.php"); break;
case
'hapus_siswa':include("include/siswa/hapus_siswa.php"); break;
case 'ptambah_siswa':include ("include/siswa/tambah_siswa_proses.php");
break;
case 'pedit_siswa':include ("include/siswa/edit_proses.php");
break; //kelas case
'kelas':include("include/kelas/kelas.php");
break;
case
'tambah_kelas':include("include/kelas/tambah_kelas.php" );
break; case
'edit_kelas':include("include/kelas/edit_kelas.php"); break;
case
'hapus_kelas':include("include/kelas/hapus_kelas.php"); break;
case 'ptambah_kelas':include ("include/kelas/tambah_kelas_proses.php");
break;
case 'pedit_kelas':include ("include/kelas/edit_proses.php");
break;
(27)
case
'tabelmapel':include("../tabelmapel.php"); break;
//materi case 'materi':
include("include/materi/materi.php"); }
} ?>
<script> function confirmdelete(delUrl) {
if (confirm("Anda yakin ingin menghapus?")) { document.location = delUrl;
} }
</script>
</article> </section>
<aside id="sidebar" class="grid_3 pull_9"> <div class="box info">
<h2>Assalamuallaikum</h2> <section>
<SCRIPT language=JavaScript>var d = new Date();
var h = d.getHours(); if (h < 11) {
document.write('Selamat Pagi, Pengunjung...'); } else { if (h < 15) {
document.write('Selamat Siang, Pengunjung..'); } else { if (h < 19) {
document.write('Selamat Sore, Pengunjung..'); } else { if (h <= 23) {
document.write('Selamat Malam, Pengunjung..'); } }}}</SCRIPT>
</section> </div>
<div class="box menu"> <?
$_SESSION['typelog'] =="guru" ?> <h2>Menu Utama</h2>
(28)
<section> <ul>
<li class='garisbawah'><a
href='guru.php?hlmn=kelas'>Manajemen Kelas</a></li> <li class='garisbawah'><a
href='guru.php?hlmn=tabelmapel'>Mata Pelajaran</a></li> <li class='garisbawah'><a
href='guru.php?hlmn=materi'>Materi</a></li> </ul>
</section> </div>
<div class="box">
<h2>Informasi</h2>
<section>Anda masih dalam keadaan login sebagai : <b>Pengajar</b>. <br>Jangan lupa untuk <a href=logout.php><b>Logout</b></a> sebelum meninggalkan website ini.</section>
</div>
</aside>
</section> </section>
<footer id="bottom">
<section class="container_12 clearfix"> <div class="grid_6 alignright">
Copyright © 2011 <a href="#">>E-Learning Yayasan Pendidikan R.A. Kartini</a>
</div> </section> </footer>
</body> </html>
Siswa.php
<?php
(29)
include "koneksi.php";
//cek apakah user sudah login if(!isset($_SESSION['nis'])){
die("Anda belum login");//jika belum login jangan lanjut..
}
//cek level user
if($_SESSION['level']!="siswa"){
die("Anda bukan siswa");//jika bukan admin jangan lanjut
} ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11"> <title>E-Learning</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript"
src="scripts/jquery.jcarousel.pack.js"></script> <script type="text/javascript"
src="scripts/jquery.jcarousel.setup.js"></script> </head>
<body id="top">
<div class="wrapper col1"> <div id="header">
<div id="topnav"> <ul>
<li><a href="admin/homesiswa.php">Home</a></li> <li><a href="#">About</a>
(30)
<ul>
<li><a href="profil.php">Profil</a></li> <li><a href="visi.php">Misi dan
Misi</a></li> </ul>
<li><a href="logout.php">Log Out</a></li> </li>
</ul> </div>
<br class="clear" /> </div>
</div>
<div class="wrapper col2"> <div id="featured_slide"> <div id="featured_content"> <ul>
<li><img src="admin/images/1801267-bintang-gugus-bola-620X310.jpg" alt="" />
<div class="floater">
<?php include "berita.php"?>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div> </li> <li><img
src="admin/images/1293_Calung_renteng_salah_satu_warisa n_budaya_agraris_nusant.jpg" alt="" />
<div class="floater">
<?php include "berita.php"?>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div> </li> <li><img
src="admin/images/1312_Kaligrafi_yang_dibuat_dari_ukira n-ukiran_kayu_menjadi_s.jpg" alt="" />
<div class="floater"> <?php include "berita.php"?>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div> </li>
(31)
</ul> </div>
<a href="javascript:void(0);" id="featured-item-prev"><img src="images/prev.png" alt="" /></a><a
href="javascript:void(0);" id="featured-item-next"><img src="images/next.png" alt="" /></a></div>
</div>
<div class="wrapper col3"> <div id="container">
<div class="homepage"> <ul>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/300x150.gif" alt="" /></a></div> <?php include "berita.php"?>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li> <li>
<div class="imgholder"><a href="#"><img src="images/demo/300x150.gif" alt="" /></a></div> <?php include "berita.php"?>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<div class="imgholder"><a href="#"><img src="images/demo/300x150.gif" alt="" /></a></div> <?php include "berita.php"?>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li> </ul> </div>
<br class="clear" /> </div>
</div>
<div class="wrapper col5"> <div id="copyright">
<p class="fl_left">Copyright © 2011 - All Rights Reserved - <a href="#">Domain Name</a></p>
(32)
<p class="fl_right">Template by <a
href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" /> </div>
</div> </body> </html>
Tabelguru.php
<h2>Management Guru</h2><hr />
<input type="button" class='button black' value="Tambah Data"
onclick="window.location.href='admin.php?hlmn=tambah_gu ru'" /><br /><br />
<table border="1" id='table1' class='gtable sortable'>
<tr>
<thead align="center"><td>No</td> <td>NIP</td>
<td>Nama</td> <td>Jabatan</td>
<td>Tempat Lahir</td> <td>Tanggal Lahir</td> <td>Agama</td>
<td>Foto</td> <td>Action</td> </tr></thead>
<?php
include "../koneksi.php";
$sql=mysql_query("select*from guru"); $no=+1;
while($a=mysql_fetch_array($sql)) {
echo" <tr>
<td>$no</td>
<td>".$a['nip']."</td> <td>".$a['nama']."</td>
(33)
<td>".$a['jabatan']."</td> <td>".$a['t_lahir']."</td> <td>".$a['tgl_lahir']."</td> <td>".$a['agama']."</td> <td>".$a['foto']."</td> <td>
<a
href='admin.php?hlmn=edit_guru&id=".$a['id_guru']."'>ed it </a>||
<a
href='admin.php?hlmn=hapus_guru&id=".$a['id_guru']."' >hapus</a>
</td>" ;
$no++; }
?> </table>
Kelas.php
<h2>Management Kelas</h2><hr />
<input type="button" class='button blue' value="Tambah Data"
onclick="window.location.href='admin.php?hlmn=tambah_ke las'" /><br><br>
<table border="1" id='table1' class='gtable sortable'>
<thead align="center"><tr> <td>No</td>
<td>Id Kelas</td> <td>Nama Kelas</td> <td>Id Guru</td> <td>Id Siswa</td> <td>Action</td> </tr></thead>
<?php
include '../koneksi.php';
$sql=mysql_query("select*from kelas"); $no=+1;
(34)
{
echo"
<thead align='center'> <td>$no</td>
<td>".$a['id_kelas']."</td> <td>".$a['nama_kelas']."</td> <td>".$a['id_guru']."</td> <td>".$a['id_siswa']."</td> <td>
<a
href='admin.php?hlmn=edit_kelas&id=".$a['id']."'>edit </a>||
<a
href='admin.php?hlmn=hapus_kelas&id=".$a['id']."' >hapus</a>
</td></thead>" ;
$no++; }
?> </table>
Tabelmapel.php
<h2>Management Mata Pelajaran</h2><hr />
<input type="button" class='button blue' value="Tambah Data"
onclick="window.location.href='admin.php?hlmn=tambah_ma pel'" /><br /><br />
<table border="1" id='table1' class='gtable sortable'>
<tr><thead > <td>No</td>
<td>Nama</td> <td>id guru</td> <td>Action</td> </tr></thead>
<?php
include "../koneksi.php";
$query = "select mapel.*,guru.nama from mapel,guru where guru.id_guru=mapel.id_guru";
(35)
require_once("pagging.inc.php"); $pg = new
Pagging("homesiswa.php?hlmn=tabel_mapel"); $pg->totalRecordPage = 50;
$pg->setSQL($query);
foreach($pg->data as $hsl) { $id_mapel = $hsl['id_mapel']; $nama = $hsl['nama']; $id_guru = $hsl['id_guru']; ?>
<tr class="<?=(++$no%2) ? "tr1" : "tr2" ?>"> <td><?=++$pg->indexNumber ?></td>
<td><?=$id_mapel; ?></td>
<td align="left"><input type="hidden" name="id_guru" id="id_guru"
value="<?=$id_guru;?>"><?=$nama; ?></td> <td>
<a
href='admin.php?hlmn=edit_mapel&id=".$a['id']."'>edit </a>||
<a href='admin.php?hlmn=hapus_mapel&id=".$a['id']."' >hapus</a></td>
<?php } ?>
</table>
Materi.php
<body>
<h2>Management File</h2><hr />
<input type="button" class='button black' value="Tambah Data" onclick="window.location.href='tambah_file.php'" /><br /><br />
<table border="1" id='table1' class='gtable sortable'>
<tr>
<thead><td>No</td> <td>Id file</td> <td>Judul</td> <td>Id kelas</td>
(36)
<td>Id mapel</td> <td>Nama file</td> <td>tahun Posting</td> <td>Pembuat</td>
<td>Action</td> </tr></thead>
<?php
include "../koneksi.php";
$sql=mysql_query("select*from materi"); $no=+1;
while($a=mysql_fetch_array($sql)) {
echo" <tr>
<td>$no</td>
<td>".$a['id_file']."</td> <td>".$a['judul']."</td> <td>".$a['id_kelas']."</td> <td>".$a['id_mapel']."</td> <td>".$a['file']."</td> <td>".$a['tahun']."</td> <td>".$a['sumber']."</td> <td>
<a
href='hapus.php?id=&id=".$a['id_guru']."' >hapus</a> </td>"
; $no++; }
?> </table>
Tabelsiswa.php
<body>
<h2>Management Siswa</h2><hr />
<input type="button" class='button blue' value="Tambah Data" onclick="window.location.href='tambah_siswa.php'" /><br /><br />
<table border="1" id='table1' class='gtable sortable'>
(37)
<thead align="center"><tr> <td>No</td>
<td>NIS</td> <td>Nama</td> <td>Kelas</td> <td>Tempat</td> <td>Tgl Lahir</td> <td>Alamat</td> <td>Foto</td> <td>Action</td> </tr></thead>
<?php
include '../koneksi.php';
$sql=mysql_query("select*from siswa"); $no=+1;
while($a=mysql_fetch_array($sql)) {
echo" <tr>
<td>$no</td>
<td>".$a['nis']."</td>
<td width='100'>".$a['nama']."</td> <td>".$a['id_kelas']."</td>
<td>".$a['t_lahir']."</td> <td>".$a['tgl_lahir']."</td> <td>".$a['alamat']."</td> <td>".$a['foto']."</td> <td>
<a
href='edit_siswa.php?id_siswa=".$a['id_siswa']."'>edit </a>||
<a
href='hapus_siswa.php?id_siswa=".$a['id_siswa']."' >hapus</a>
</td>" ;
$no++; }
?> </table>
(38)
Tambah_siswa.php
<form method="post" action="tambah_siswa_proses.php" enctype="multipart/form-data">
<fieldset>
<legend>Tambah Siswa</legend> <dl class='inline'>
<dt><label>Nis</label></dt> <dd>: <input type="text" placeholder="NIS" name="nis" /></dd>
<dt><label>Nama</label></dt>
<dd>: <input type="text" placeholder="Nama" name="nama" /></dd>
<dt><label>Kelas</label></dt> <dd>: <select name="kelas"> <?php
include "../../../koneksi.php";
$sql=mysql_query("select * from kelas") or die (mysql_error());
while($row=mysql_fetch_array($sql)) {
$nama_kelas=$row['nama_kelas']; $id_kelas=$row['id_kelas']; echo "<option
value='$id_kelas'>$nama_kelas</option>"; }
?> </select></dd>
<dt><label>Agama</label></dt>
<dd>: <input type="text" placeholder="Agama" name="agama" /></dd>
<dt><label>Tempat/Tgl Lahir</label></dt> <dd>: <input type="text"
placeholder="Tempat Lahir" name="t_lahir" /> <input type="text" placeholder="yyyy-mm-dd" name="tgl_lahir" /></dd>
(39)
<dd>: <input type="text" placeholder="L/P" name="jenkel" /></dd>
<dt><label>Alamat</label></dt>
<dd>: <textarea placeholder="Alamat" name="alamat"></textarea></dd>
<dt><label>Upload Foto</label></dt> <dd>: <input type="file" name="upload" /></dd>
</dl> <div class='buttons'>
<input class='button blue' type=submit value=Simpan>
<input class='button blue' type=button value=Batal onclick=self.history.back()>
</div>
</fieldset></form>
Tambah_proses_mapel.php
<?php
include"../koneksi.php";
$nis=$_REQUEST['nis']; $nama=$_REQUEST['nama']; $kelas=$_REQUEST['kelas']; $agama=$_REQUEST['agama']; $t_lahir=$_REQUEST['t_lahir']; $tgl_lahir=$_REQUEST['tgl_lahir']; $jenkel=$_REQUEST['jenkel'];
$alamat=$_REQUEST['alamat'];
$lokasi_file = $_FILES['upload']['tmp_name']; $nama_file = $_FILES['upload']['name'];
$tipe_file = $_FILES['upload']['type']; $ukuran_file = $_FILES['upload']['size'];
if($nis!='' && $nama!='' && $agama!='' && $t_lahir!='' && $tgl_lahir!='' && $jenkel!='' && $alamat!='')
(40)
$sql=mysql_query("insert into siswa (nis, nama, id_kelas,agama, t_lahir, tgl_lahir, jenkel, alamat) values ('$nis','$nama','$kelas','$agama', '$t_lahir', '$tgl_lahir', '$jenkel', '$alamat') ") or die
(mysql_error()); if($sql)
{
$sql_cari=mysql_query("SELECT * FROM siswa WHERE nis='$nis' AND nama='$nama' AND
agama='$agama' AND t_lahir='$t_lahir' AND
tgl_lahir='$tgl_lahir' AND jenkel='$jenkel' AND alamat='$alamat' ");
$cari=mysql_fetch_array($sql_cari); $id=$cari['id_siswa'];
$nama_gambar="$id.jpg";
$lokasi_penyimpanan="../../images/photo/$nama_gamb ar";
$proses_upload=move_uploaded_file($lokasi_file,"$l okasi_penyimpanan");
if($proses_upload) {
$update=mysql_query("UPDATE siswa SET foto='$nama_gambar' WHERE id_siswa='$id'");
if($update) {
?><script language="javascript">
alert('data berhasil ditambah')
window.location = "tabelsiswa.php";
--></script> <?php
} else
(41)
{ ?>
<script language="javascript">
alert('data gagal ditambah')
window.back(); </script>
<?php } }
} }
?>
Edit_siswa.php
<?php
include"../koneksi.php";
$id_siswa=$_REQUEST['id_siswa'];
$sql=mysql_query("select*from siswa where id_siswa='$id_siswa'");
$a=mysql_fetch_array($sql); $id_kelas1= $a['id_kelas']; ?>
<form action="edit_proses.php" method="post" enctype="multipart/form-data">
<input type="hidden" name="id_siswa" value="<?php echo $a['id_siswa'];?>"/>
<fieldset>
<legend>Edit Siswa</legend> <dl class='inline'>
<dt><label>Nis</label></dt>
<dd>: <input type="text" value="<?php echo $a['nis'];?>" name="nis"/></dd>
<dt><label>Nama</label></dt>
<dd>: <input type="text" value="<?php echo $a['nama'];?>" name="nama"/></dd>
(42)
<dt><label>Kelas</label></dt> <dd>: <select name="kelas"> <?php
$sql=mysql_query("select * from kelas") or die (mysql_error());
while($row=mysql_fetch_array($sql)) {
$nama_kelas=$row['nama_kelas']; $id_kelas=$row['id_kelas']; if($id_kelas1==$id_kelas) {
echo "<option
value='$id_kelas' selected>$nama_kelas</option>"; }
else {
echo "<option value='$id_kelas'>$nama_kelas</option>";
} }
?>
</select></dd>
<dt><label>Agama</label></dt>
<dd>: <input type="text" value="<?php echo $a['agama'];?>" name="agama"/></dd>
<dt><label>Tempat</label></dt>
<dd>: <input type="text" value="<?php echo $a['t_lahir'];?>" name="t_lahir"/> <input type="text" value="<?php echo $a['tgl_lahir'];?>"
name="tgl_lahir"/></dd>
<dt><label>Jenis Kelamin</label></dt> <dd>: <input type="text" value="<?php echo $a['jenkel'];?>" name="jenkel"/></dd>
<dt><label>Alamat</label></dt>
<dd>: <textarea value="<?php echo $a['alamat'];?>" name="alamat"></textarea></dd>
(43)
<dd>: <input type="file" name="upload"/> <img src="../../images/photo/<?php echo $a['foto'];?>" height="200"/></dd>
</dl>
<div class='buttons'>
<input class='button blue' type=submit value=Simpan>
<input class='button blue'
type=button value=Batal onclick=self.history.back()> </div>
<div style="float:left; width:300px; height:300px;"></div>
</fieldset></form>
Editsiswa_proses.php
<?php
include"../koneksi.php";
$id_siswa=$_REQUEST['id_siswa']; $nis=$_REQUEST['nis'];
$nama=$_REQUEST['nama']; $kelas=$_REQUEST['kelas']; $agama=$_REQUEST['agama']; $t_lahir=$_POST['t_lahir'];
$tgl_lahir=$_REQUEST['tgl_lahir']; $jenkel=$_REQUEST['jenkel'];
$alamat=$_REQUEST['alamat']; $a=mysql_query("update siswa set
nis='$nis',nama='$nama',id_kelas='$kelas',agama='$agama ',t_lahir='$t_lahir',tgl_lahir='$tgl_lahir',jenkel='$je nkel',alamat='$alamat' where id_siswa='$id_siswa'"); $lokasi_file = $_FILES['upload']['tmp_name'];
$nama_file = $_FILES['upload']['name']; $tipe_file = $_FILES['upload']['type']; $ukuran_file = $_FILES['upload']['size']; $nama_gambar="$id_siswa.jpg";
(44)
$proses_upload=move_uploaded_file($lokasi_file,"$lokasi _penyimpanan");
if($a && $proses_upload) {
?>
<script language="javascript">
alert('data berhasi ditambah')
window.location = "tabelsiswa.php"; </script>
<?php }
?>
Berita.php
<?php
include "../koneksi.php"; ?>
<html>
<head><title>Arsip Berita</title> <script language="javascript"> function tanya() {
if (confirm ("Apakah Anda yakin akan menghapus berita ini ?")) {
return true;
} else {
return false;
}
}
</script> </head> <body>
<h2>Arsip Berita</h2><hr/> <ol>
<?
$query = "SELECT A.id_berita, B.nm_kategori, A.judul, A.pengirim, A.tanggal FROM berita A, kategori B WHERE A.id_kategori=B.id_kategori ORDER BY
A.id_berita DESC";
(45)
while ($hasil = mysql_fetch_array ($sql)) { $id_berita = $hasil['id_berita'];
$kategori = stripslashes ($hasil['nm_kategori']);
$judul = stripslashes ($hasil['judul']); $pengirim = stripslashes
($hasil['pengirim']);
$tanggal = stripslashes ($hasil['tanggal']); //tampilkan arsip berita
echo "<li><a
href='berita_lengkap.php?id=$id_berita'>$judul</a><br>" ;
echo "<small>Berita dikirimkan oleh
<b>$pengirim</b> pada tanggal <b>$tanggal</b> dalam kategori
<b>$kategori</b><br>";
echo "<b>Action : </b><a
href='edit_berita.php?id=$id_berita'>Edit</a> | ";
echo "<a
href='delete_berita.php?id=$id_berita' onClick='return tanya()'>Delete</a>";
echo "</small></li><br><br>"; }
?> </ol> </body> </html>
Berita_lengkap.php
<?php
include "../../../koneksi.php"; if (isset($_GET['id'])) {
$id_berita = $_GET['id']; } else {
die ("Error. No Id Selected! "); }
?> <html>
<head><title>Berita Lengkap</title> </head>
(46)
<body>
<a href="index.php">Halaman Depan</a> |
<a href="arsip_berita.php">Arsip Berita</a> | <a href="input_berita.php">Input Berita</a> <br><br>
<h2>Berita Lengkap</h2> <?
$query = "SELECT A.id_berita, B.nm_kategori, A.judul, A.isi, A.pengirim, A.tanggal FROM berita A, kategori B WHERE A.id_kategori=B.id_kategori &&
A.id_berita='$id_berita'";
$sql = mysql_query ($query);
$hasil = mysql_fetch_array ($sql); $id_berita = $hasil['id_berita'];
$kategori = stripslashes ($hasil['nm_kategori']); $judul = stripslashes ($hasil['judul']);
$isi = nl2br(stripslashes ($hasil['isi'])); $pengirim = stripslashes ($hasil['pengirim']); $tanggal = stripslashes ($hasil['tanggal']); //tampilkan berita
echo "<font size=5 color=blue>$judul</font><br>"; echo "<small>Berita dikirimkan oleh
<b>$pengirim</b>pada tanggal <b>$tanggal</b> dalam kategori<b>$kategori</b></small>";
echo "<p>$isi</p>"; ?>
</body> </html>
Input_berita.php
<?php
include '../koneksi.php'; //proses input berita
if (isset($_POST['Input'])) {
$judul = addslashes (strip_tags ($_POST['judul']));
$kategori = $_POST['kategori']; $headline = addslashes (strip_tags ($_POST['headline']));
$isi_berita = addslashes (strip_tags ($_POST['isi']));
$pengirim = addslashes (strip_tags ($_POST['pengirim']));
(47)
//insert ke tabel
$query = "INSERT INTO berita
VALUES('','$kategori','$judul','$headline','$isi_berita ','$pengirim',now())";
$sql = mysql_query ($query); if ($sql) {
echo "<h2><font color=blue>Berita telah berhasil ditambahkan</font></h2>";
} else {
echo "<h2><font color=red>Berita gagal ditambahkan</font></h2>";
} } ?>
<FORM ACTION="" METHOD="POST" NAME="input">
<table cellpadding="0" cellspacing="0" border="0" width="700">
<tr>
<td colspan="2"><h2>Input Berita</h2></td> </tr>
<tr>
<td width="200">Judul Berita</td> <td>: <input type="text" name="judul" size="30"></td>
</tr> <tr>
<td>Kategori</td>
<td>: <select name="kategori">
<?
$query = "SELECT id_kategori,
nm_kategori FROM kategori ORDER BY nm_kategori";
$sql = mysql_query ($query);
while ($hasil = mysql_fetch_array
($sql)) {
echo "<option
value='$hasil[id_kategori]'>$hasil[nm_kategori]</option >";
}
?>
</select></td> </tr>
(48)
<tr>
<td>Headline Berita</td>
<td>: <textarea name="headline" cols="50" rows="4"></textarea></td>
</tr> <tr>
<td>Isi Berita</td>
<td>: <textarea name="isi" cols="50" rows="10"></textarea></td>
</tr> <tr>
<td>Pengirim</td>
<td>: <input type="text" name="pengirim" size="20"></td>
</tr> <tr>
<td> </td>
<td> <input type="submit" name="Input" value="Input Berita">
<input type="reset" name="reset" value="Cancel"></td>
</tr> </table> </FORM> </body> </html>
Edit_berita.php
<?php
include '../koneksi.php'; if (isset($_GET['id'])) {
$id_berita = $_GET['id'];
} else {
die ("Error. No Id Selected! "); }
$query = "SELECT id_berita, id_kategori, judul, headline, isi, pengirim, tanggal FROM berita WHERE id_berita='$id_berita'";
$sql = mysql_query ($query);
(49)
$id_berita = $hasil['id_berita'];
$id_kategori = stripslashes ($hasil['id_kategori']); $judul = stripslashes ($hasil['judul']);
$headline = stripslashes ($hasil['headline']); $isi = stripslashes ($hasil['isi']);
$pengirim = stripslashes ($hasil['pengirim']); $tanggal = stripslashes ($hasil['tanggal']); //proses edit berita
if (isset($_POST['Edit'])) {
$id_berita = $_POST['hidberita']; $judul = addslashes (strip_tags ($_POST['judul']));
$kategori = $_POST['kategori']; $headline = addslashes (strip_tags ($_POST['headline']));
$isi_berita = addslashes (strip_tags ($_POST['isi']));
$pengirim = addslashes (strip_tags ($_POST['pengirim']));
//update berita
$query = "UPDATE berita SET
id_kategori='$kategori',judul='$judul',headline='$headl ine', isi='$isi_berita',pengirim='$pengirim' WHERE ='$id_berita'";
$sql = mysql_query ($query); if ($sql) {
echo "<h2><font color=blue>Berita telah berhasil diedit</font></h2>";
} else {
echo "<h2><font color=red>Berita gagal diedit</font></h2>";
}
} ?> <html>
<head><title>Edit Berita</title> </head>
<body>
(50)
<table cellpadding="0" cellspacing="0" border="0" width="700">
<tr>
<td colspan="2"><h2>Input Berita</h2></td> </tr>
<tr>
<td width="200">Judul Berita</td>
<td>: <input type="text" name="judul" size="30" value="<? echo $judul ?>"></td>
</tr> <tr>
<td>Kategori</td> <td>:
<select name="kategori"> <?
$query = "SELECT id_kategori, nm_kategori FROM kategori ORDER BY nm_kategori"; $sql = mysql_query ($query);
while ($hasil = mysql_fetch_array ($sql)) {
$selected = ($hasil['id_kategori']== $id_kategori) ? "selected" : "";
echo "<option value='$hasil[id_kategori]'
$selected>$hasil[nm_kategori]</option>"; }
?>
</select></td> </tr>
<tr>
<td>Headline Berita</td>
<td>: <textarea name="headline" cols="50" rows="4"><?=$headline?></textarea></td>
</tr> <tr>
<td>Isi Berita</td>
<td>: <textarea name="isi" cols="50" rows="10"><?=$isi?></textarea></td>
</tr> <tr>
<td>Pengirim</td>
<td>: <input type="text" name="pengirim" size="20" value="<?=$pengirim?>"></td>
(51)
</tr> <tr>
<td> </td> <td>
<input type="hidden" name="hidberita" value="<?=$id_berita?>">
<input type="submit" name="Edit" value="Edit Berita">
<input type="reset" name="reset" value="Cancel"></td>
</tr> </table> </FORM> </body> </html>
Home.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title> </head>
<body>
<p>Hai <b>Ahmad Humaidi</b>, Selamat datang di halaman Administrator E-learning Yayasan Pendidikan R.A.
Kartini<br>
Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola website.</p> <h2>Quick Links</h2>
<section class="icons"> <ul>
<li>
<a href="?module=home">
<img src="images/eleganticons/Home.png" />
(52)
</li> <li>
<a href="?module=admin">
<img src="images/eleganticons/Person-group.png" />
<span>Administrator</span></a> </li>
<li>
<a href="admin.php?hlmn=tabelguru"> <img src="images/eleganticons/Person-group.png" />
<span>Pengajar</span></a> </li>
<li>
<a href="admin.php?hlmn=tabelsiswa"> <img src="images/eleganticons/Person-group.png" />
<span>Siswa</span></a> </li>
<li>
<a href="?module=modul"> <img
src="images/eleganticons/Config.png" /> <span>Module</span></a> </li>
<li>
<a href="admin.php?hlmn=kelas">
<img src="images/eleganticons/Info.png" />
<span>Kelas</span></a> </li>
<li>
<a href="admin.php?hlmn=tabelmapel"> <img src="images/eleganticons/Info.png" />
<span>Mata Pelajaran</span></a> </li>
<li>
<a href="?module=materi"> <img
src="images/eleganticons/folder.png" /> <span>Materi</span></a> </li>
(53)
<li>
<a href="logout.php">
<img src="images/eleganticons/X.png" /> span>Logout</span></a>
</li> </ul>
</body> </html>
pagging.inc.php
<?
class Pagging{ var $page;
var $totalRecordPage = 10; var $param1;
var $param2; var $urutan; var $data;
var $navigator = array(); var $indexNumber;
var $numRows;
var $prevstr = "Prev"; var $nextstr = "Next";
function
Pagging($page,$param1="first",$param2="part"){ $this->param1 = $param1;
$this->param2 = $param2;
$_p = explode("&".$this->param1."=",$page); $this->page = $_p[0];
}
function setSQL($sql){
$awal=(!empty($_GET[$this->param1]) &&
is_numeric($_GET[$this->param1])) ? intval($_GET[$this->param1]) : 0;
$hal =(!empty($_GET[$this->param2]) &&
is_numeric($_GET[$this->param2])) ? intval($_GET[$this->param2]) - 1 : 0;
$src = (ereg(".+FROM.+",$sql)) ? "FROM" : "from";
(54)
$expsql = substr( $sql , strpos($sql,$src) + strlen($src) , strlen($sql) - 1 );
$koneksi = mysql_query("SELECT COUNT(*) FROM ".$expsql);
list($jumlah) = mysql_fetch_row($koneksi); // ambil total record
$this->numRows = $jumlah;
$koneksi = mysql_query($sql." LIMIT $awal,$this->totalRecordPage");
$data = array();
while($row = mysql_fetch_array($koneksi)){ $data[] = $row;
}
$urut = $jumlah-($hal*$this->totalRecordPage); $i=ceil($jumlah/$this->totalRecordPage);
$awalloop = 0;
if(!(($awal == 0) || ($awal%$this->totalRecordPage != 0)))
$this->navigator[] = "<a href='$this-
>page&$this->param1=".($awal-$this->totalRecordPage)."&$this->param2=$hal' title='Previous'>$this->prevstr</a>";
for($j=1;$j<=$i;$j++){
$awalloop=(($j-1)*($this->totalRecordPage-1)+$j)-1;
$str = (isset($_GET[$this->param2]) &&
$_GET[$this->param2] == $j) ? "<b><u>$j</u></b>" : $j; $this->navigator[]="<a href='$this->page&$this->param1=$awalloop&$this->param2=$j'>$str</a>";
}
if(!(($awal == $awalloop) || ($awal%$this->totalRecordPage != 0)))
$this->navigator[] = "<a href='$this-
>page&$this->param1=".($awal+$this->totalRecordPage)."&$this->param2=".($hal+2)."' title='Next'>$this->nextstr</a>";
$hal = (isset($_GET[$this->param2])) ? intval($_GET[$this->param2])-1 : 0;
(55)
>indexNumber = $hal * $this->totalRecordPage;
$this->urutan = $urut; $this->data = $data; }
} ?>
Edit_proses.php
<?php
include '../koneksi.php'; $id=$_REQUEST['id'];
$id_mapel=$_REQUEST['id_mapel']; $nama_mapel=$_REQUEST['nama_mapel']; $kelas=$_REQUEST['kelas'];
$guru=$_REQUEST['guru'];
$deskripsi=$_REQUEST['deskripsi'];
$a=mysql_query("update mapel set id_mapel='$id_mapel' where id='$id'");
$b=mysql_query("update mapel set
nama_mapel='$nama_mapel' where id='$id'");
$c=mysql_query("update mapel set id_kelas='$kelas' where id='$id'");
$d=mysql_query("update mapel set id_guru='$guru' where id='$id'");
$e=mysql_query("update mapel set deskripsi='$deskripsi' where id='$id'");
if($a && $b && $c && $d && $e) {
?>
<script language="javascript"> <!--
alert('data berhasil diedit') window.location =
"admin.php?hlmn=tabel_mapel"; --></script>
(56)
<?php }
else {
?><script language="javascript"> <!--
alert('edit gagal') window.back(); --></script>
<?php } ?>
Edit_mapel.php
<?php
include '../koneksi.php'; $id=$_REQUEST['id'];
$sql=mysql_query("select*from mapel where id='$id'"); $a=mysql_fetch_array($sql);
?>
<form action="admin.php?hlmn=pedit_mapel" method="post">
<fieldset>
<legend>Edit Mata Pelajaran</legend> <dl class='inline'>
<dt><label>Id Mata Pelajaran</label></dt>
<dd>: <input type="text" value="<?php echo $a['id_mapel'];?>" name="id_mapel"/></dd>
<dt><label>Nama Mata Pelajaran</label></dt>
<dd>: <input type="text" value="<?php echo $a['nama_mapel'];?>" name="nama_mapel"/></dd>
<dt><label>Id Kelas</label></dt> <dd>: <select name="kelas">
(57)
$sql=mysql_query("select * from kelas") or die (mysql_error());
while($row=mysql_fetch_array($sql)) {
$nama_kelas=$row['nama_kelas']; $id_kelas=$row['id_kelas']; if($id_kelas1==$id_kelas) {
echo "<option
value='$id_kelas' selected>$nama_kelas</option>"; }
else {
echo "<option value='$id_kelas'>$nama_kelas</option>";
} }
?>
</select></dd>
<dt><label>Id Guru</label></dt> <dd>: <select name="guru">
<?php
$sql=mysql_query("select * from guru") or die (mysql_error());
while($row=mysql_fetch_array($sql)) {
$nama=$row['nama'];
$id_guru=$row['id_guru']; if($id_guru1==$id_guru) {
echo "<option value='$id_guru' selected>$nama</option>";
} else {
echo "<option value='$id_guru'>$nama</option>";
} }
?>
</select></dd>
(58)
<dt><label>Deskripsi</label></dt> <dd>: <textarea value="<?php echo
$a['deskripsi'];?>" name="deskripsi"/></textarea></dd> </dl>
<div class='buttons'>
<input type="hidden" name="id" value="<?php echo $a['id'];?>"/>
<input class='button blue' type=submit value=Simpan>
<input class='button blue' type=button value=Batal onclick=self.history.back()>
</div>
</fieldset></form>
Tambah_mapel.php
<form method="post"
action="admin.php?hlmn=ptambah_mapel"> <fieldset>
<legend>Tambah Mata Pelajaran</legend> <dl class='inline'>
<dt><label>Id Mata Pelajaran</label></dt> <dd>: <input type="text" name="id_mapel" /></dd>
<dt><label>Nama</label></dt>
<dd>: <input type="text" name="nama_mapel" /></dd>
<dt><label>Kelas</label></dt> <dd>: <select name="kelas"> <?php
include "../../../koneksi.php";
$sql=mysql_query("select * from kelas") or die (mysql_error());
while($row=mysql_fetch_array($sql)) {
$nama_kelas=$row['nama_kelas']; $id_kelas=$row['id_kelas']; echo "<option
(59)
} ?> </select></dd>
<dt><label>Id Guru</label></dt> <dd>: <select name="guru"> <?php
include "../../../koneksi.php";
$sql=mysql_query("select * from guru") or die (mysql_error());
while($row=mysql_fetch_array($sql)) {
$nama=$row['nama'];
$id_guru=$row['id_guru']; echo "<option
value='$id_guru'>$nama</option>"; }
?></select></dd>
<dt><label>Deskripsi</label></dt> <dd>: <textarea
name="deskripsi"></textarea></dd> </dl>
<div class='buttons'>
<input class='button blue' type=submit value=Simpan>
<input class='button blue' type=button value=Batal onclick=self.history.back()>
</div>
</fieldset></form>
Tambah_proses.php
<?php
include '../koneksi.php';
$id_mapel=$_REQUEST['id_mapel']; $nama_mapel=$_REQUEST['nama_mapel']; $kelas=$_REQUEST['kelas'];
$guru=$_REQUEST['guru'];
$deskripsi=$_REQUEST['deskripsi'];
if($id_mapel!='' && $nama_mapel!='' && $deskripsi!='') {
(60)
$sql=mysql_query("insert into mapel (id_mapel, nama_mapel, id_kelas, id_guru, deskripsi) values
('$id_mapel','$nama_mapel','$kelas','$guru','$deskripsi ') ") or die (mysql_error());
?>
<script language="javascript">
alert('data berhasil ditambah') window.location =
"admin.php?hlmn=tabel_mapel"; </script>
<?php }
else { ?>
<script language="javascript"> alert('data gagal ditambah') window.back();
</script>
<?php } ?>
Logout.php
<?php
session_start(); unset($_SESSION); session_destroy();
header("Location:index.php");// ke index ?>
(1)
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpahan karunia-Nya penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul Perancangan Aplikasi E-Learning Berbasis Web Pada Yayasan Pendidikan R.A. Kartini.
Terima kasih penulis sampaikan kepada Bapak Drs. Ujian Sinulingga, M.Si. selaku pembimbing 1 yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini. Terima kasih kepada Bapak Dr. Sutarman, M.Sc selaku Dekan FMIPA USU. Terima kasih kepada Bapak Syahriol Sitorus, S.Si., M.I.T dan Ibu Dra. Elly Rosmaini, M.Si selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dra. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, seluruh Staf dan Dosen FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa membalasnya.
(2)
PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB PADA YAYASAN PENDIDIKAN R.A. KARTINI
ABSTRAK
Inovasi dalam teknologi pembelajaran memang tidak dapat berhanti. Setiap saat pendidik yang tergabung di dalamnya berusaha untuk mengembangkan teknologi yang digunakan selama ini dan memperbaiki kelemahan-kelemahan untuk kualitas pendidikan yang lebih baik. Yayasan Pendidikan R.A. Kartini merupakan wujud kepedulian terhadap program pemerintah Indonesia di bidang pendidikan yaitu turut mencerdaskan kehidupan bangsa dan mempersiapkan sumber daya manusia yang unggul. Tujuan utama dari pengembangan sistem ini adalah untuk menunjukkan bahwa ada solusi alternatif dalam mendidik siswa-siswi dengan menggunakan teknologi informasi. Sistem ini dibangun dengan menggunakan perangkat lunak Adobe Dreamwaver CS 5, Adobe Photoshop, XAMPP, CorelDraw dan internet browser Mozilla Firefox. Sistem informasi akademik ini dirancang untuk mempermudah pengolahan data, pengolahan nilai dan berbagai hal yang berhubungan dengan kegiatan Yayasan Pendidikan R.A. Kartini.
(3)
DAFTAR ISI
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Daftar Isi vi
Daftar Gambar ix
Bab 1 Pendahuluan
1.1Latar Belakang 1
1.2Rumusan Maslah 2
1.3Batasan Masalah 2
1.4Tujuan Penelitian 3
1.5Manfaat Penelitian 4
1.6Tinjauan Pustaka 4
1.7Sistematika Penulisan 6
Bab 2 Landasan Teori
2.1E-Learning 8
2.1.1 Pengertian E-Learning 8
2.1.2 Sejarah E-Learning 8
2.1.3 Fungsi E-Learning 10
2.2Pengertian Internet 11
2.2.1 Sekilas Mengenai Web 12
2.2.2 Sejarah Web 12
2.2.3 Web Server 13
2.2.4 HTTP (Hypertext Transfer Protocol) 13
2.3HTML 14
2.4PHP 14
2.4.1 Sejarah PHP 14
2.4.2 Kelebihan PHP 16
2.4.3 Penggabungan Script PHP dan HTML 17
2.4.3.1Embedded Script 17
2.4.3.2Non Embedded Script 18
2.5MySQL 19
2.5.1 Sejarah MySQL 19
2.6Adobe Dreamwaver CS 5 20
(4)
3.2.2 Misi Yayasan Pendidikan R.A. Kartini 23 Bab 4 Perancangan Sistem
4.1Perancangan Sistem 24
4.2Perancangan Database 24
4.2.1 Tabel Admin 25
4.2.2 Tabel Guru 25
4.2.3 Tabel Siswa 26
4.2.4 Tabel Mapel 26
4.2.5 Tabel Kelas 27
4.2.6 Tabel Materi 27
4.2.7 Tabel Berita 27
4.3Diagram Alir Data 28
4.3.1 Perancangan Data Flow Diagran (DFD) 28
4.3.2 Data Flow Diagram Level Nol 29
4.4Flowchart 31
4.4.1 Flowchart Login 32
4.4.2 Flowchart Menu Utama 33
4.4.3 Flowchart Data Guru 34
4.4.4 Flowchart Data Siswa 35
4.4.5 Flowchart Data Materi 35
4.4.6 Flowchart Data Pelajaran 36
4.4.7 Flowchart Kelas 36
4.4.8 Flowchart Berita 37
Bab 5 Implementasi Sistem
5.1 Definisi Implementasi Sistem 38
5.2 Tujuan Implementasi Sistem 38
5.3 Spesifikasi Hardware 39
5.4 Spesifikasi Software 39
5.5 Brainware 40
5.6 Instalasi XAMPP 40
5.7Menjalankan Apache dan MySQL 41
5.8Pengujian di Browser 41
5.9Demonstrasi Program 43
5.9.1 Halaman Login 43
5.9.2 Halaman Home Admin 44
5.9.3 Halaman Management Data 44
5.9.4 Halaman Tambah Guru 45
5.9.5 Halaman Siswa 45
Bab 6 Kesimpulan Dan Saran
6.1 Kesimpulan 47
6.2 Saran 47
Daftar pustaka 48
(5)
DAFTAR GAMBAR
Gambar 4.1 Tabel Admin 25
Gambar 4.2 Tabel Guru 25
Gambar 4.3 Tabel Siswa 26
Gambar 4.4 Tabel Mapel 26
Gambar 4.5 Tabel Kelas 27
Gambar 4.6 Tabel Materi 27
Gambar 4.7 Tabel Berita 28
Gambar 4.8 Konteks E-Learning pada Yayasan Pendidikan R.A. Kartini 29 Gambar 4.9 DFD Level Nol pada Yayasan Pendidikan R.A. Kartini 30
Gambar 4.10 Tabel Simbol-Simbol Flowchart 31
Gambar 4.11 Flowchart Login 33
Gambar 4.12 Flowchart Menu Utama 34
Gambar 4.13 Flowchart Data Guru 34
Gambar 4.14 Flowchart Data Siswa 35
Gambar 4.15 Flowchart Data Materi 35
Gambar 4.16 Flowchart Data Pelajaran 36
Gambar 4.17 Flowchart Data Kelas 36
Gambar 4.18 Flowchart Data Berita 37
Gambar 5.1 Menjalankan Apache dan MySQL 41
Gambar 5.2 Gambar URL E-Learning 42
Gambar 5.3 Tampilan Awal 42
Gambar 5.4 Tampilan Login 43
Gambar 5.5 Tampilan Halaman Utama Admin 44
Gambar 5.6 Tampilan Management Data 44
Gambar 5.7 Tampilan Tambah Guru 45
(6)
DAFTAR LAMPIRAN
Lampiran 1 : Listing Program
Lampiran 2 : Surat Pengumpulan Data Riset Mahasiswa Lampiran 3 : Surat Balasan Riset Pengumpulan Data Lampiran 4 : Kartu Bimbingan Mahasiswa