A3. Source Code
1.
Jawab 1
<!DOCTYPE html>
<?php
include_once("../../koneksi.php");
session_start();S
$nama = $_SESSION['nama'];
$nis = $_SESSION['nis'];
$status = $_SESSION['status'];
?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Multimedia Pembelajaran</title>
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="../css/freelancer.css" rel="stylesheet">
type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link
href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#page-top"><b>Hai, <?php echo $nama; ?>!</b></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<li class="icon-bar">
<a href="../"><i class="fa fa-home"></i>Kembali</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3>Hasil Nilai Pretest</h3>
<?php
if(isset($_POST['submit'])){
$pilihan=$_POST["pilihan"];
$id_soal=$_POST["id"];
$jumlah=$_POST['jumlah'];
$score=0;
$benar=0;
$salah=0;
$kosong=0;
$nomor=$id_soal[$i];
//jika user tidak memilih jawaban
if (empty($pilihan[$nomor])){
$kosong++;
}else{
//jawaban dari user
$jawaban=$pilihan[$nomor];
//cocokan jawaban user dengan jawaban di database
$query=mysql_query("select * from soal where id_soal='$nomor' and jawaban_benar='$jawaban'");
$cek=mysql_num_rows($query);
if($cek){
//jika jawaban cocok (benar)
$benar++;
}else{
//jika salah
$salah++;
}
}
$score = $benar*5;
}
?>
<center><form action="?page=simpan" method="post">
<table width="100%" border="0">
<tr>
<td width="12%"><font color="#00000">Benar</font></td><td
width="88%"><font color="#000000">= <?php echo $benar;?> soal x 5 point</font></td>
</tr>
<tr>
<td><font color="#000000">Salah</font></td><td><font color="#000000">= <?php echo $salah;?> soal </font></td>
</tr>
<tr>
<td><font color="#000000">Kosong</font></td><td><font color="#000000">= <?php echo $kosong;?> soal </font></td>
</tr>
<tr>
<td><font color="#000000"><b>Nilai Pretest</b></td><td>= <b><?php echo $score;?></b></font></td>
</tr>
</table>
<p></p>
<?php
?>
</form></center>
</div>
</div>
</div>
</header>
Jawab 2
<!DOCTYPE html>
<?php
include_once("../../koneksi.php");
session_start();
$nama = $_SESSION['nama'];
$nis = $_SESSION['nis'];
$status = $_SESSION['status'];
?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Multimedia Pembelajaran</title>
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="../css/freelancer.css" rel="stylesheet">
<!-- Custom Fonts -->
rel="stylesheet" type="text/css">
<link
href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#page-top"><b>Hai, <?php echo $nama; ?>!</b></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<li class="icon-bar">
<a href="../"><i class="fa fa-home"></i>Kembali</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3>Hasil Nilai Posttest</h3>
<?php
if(isset($_POST['submit'])){
$pilihan=$_POST["pilihan"];
$id_soal=$_POST["id"];
$jumlah=$_POST['jumlah'];
$score=0;
$benar=0;
$salah=0;
$kosong=0;
$nomor=$id_soal[$i];
//jika user tidak memilih jawaban
if (empty($pilihan[$nomor])){
$kosong++;
}else{
//jawaban dari user
$jawaban=$pilihan[$nomor];
//cocokan jawaban user dengan jawaban di database
$query=mysql_query("select * from soal where id_soal='$nomor' and jawaban_benar='$jawaban'");
$cek=mysql_num_rows($query);
if($cek){
//jika jawaban cocok (benar)
$benar++;
}else{
//jika salah
$salah++;
}
}
}
}
?>
<center><form action="?page=simpan" method="post">
<table width="100%" border="0">
<tr>
<td width="12%"><font color="#00000">Benar</font></td><td
width="88%"><font color="#000000">= <?php echo $benar;?> soal x 5 point</font></td>
</tr>
<tr <td><font
color="#000000">Salah</font></td><td><font color="#000000">= <?php echo $salah;?> soal </font></td>
</tr>
<tr> <td><font
color="#000000">Kosong</font></td><td><font color="#000000">= <?php echo $kosong;?> soal </font></td>
</tr>
<tr>
<td><font color="#000000"><b>Nilai Pretest</b></td><td>= <b><?php echo $score;?></b></font></td>
</tr>
</table>
<p></p>
</form></center>
</div>
</div>
</div>
</header>
</body>
2.
Shoutbox
<html>
<meta http-equiv="refresh" content="20"/>
<center><IFRAME style="border:1px solid #ccc;" SRC="chat.php" WIDTH=450 HEIGHT=490></iframe></center>
</html>
3.
Index
<!DOCTYPE html>
<?php
include_once("../koneksi.php");
session_start();
if(isset($_SESSION['nama'])||($_SESSION['nis'])||($_SESSION['status'])){
$nama = $_SESSION['nama'];
$nis = $_SESSION['nis'];
$status = $_SESSION['status'];
}
?>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Multimedia Pembelajaran</title>
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/freelancer.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link
href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script
src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#page-top"><b>Hai, <?php echo $nama; ?>!</b></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a href="#portfolio">Materi</a>
</li>
<li class="page-scroll">
<a href="#nilai">Nilai</a>
</li>
<li class="page-scroll">
<a href="#contact">Saran</a>
</li>
<li class="icon-bar">
<a href="../forum/index.php" target="_blank">Forum</a>
</li>
<li class="icon-bar">
<a href="../logout.php">LogOut</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<img class="img-responsive" src="img/profile.png" alt="">
<div class="intro-text">
<span class="name">Jaringan Komputer</span>
<hr class="star-light">
<span class="skills">Topologi Jaringan - Konsep Jaringan - Piranti Jaringan</span>
</br>
</br>
<?php
$q="SELECT * FROM nilai WHERE nis='$nis'";
$query=mysql_query($q);
$fetch=mysql_fetch_array($query);
if($fetch['status_pretest']==0){
?>
<a href="ujian/pretest.php" class="btn btn-lg btn-outline">
<i class="fa fa-book"> </i> PreTest!
<?php
}else{
<a href="ujian/pretest.php" class="btn btn-lg btn-outline" disabled="disabled">
<i class="fa fa-book"> </i> Anda Sudah Melakukan PreTest
<?php
}
?>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- Portfolio Grid Section -->
<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Materi</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/pdf.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/pensil.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
<div class="caption">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/video.png" class="img-responsive" alt="">
</a>
</div>
</div>
<div class="col-lg-8 col-lg-offset-2 text-center">
<a href="http://scholar.google.com" target="_blank" class="btn lg btn-primary"">
<i class="fa fa-search-plus"></i> Click to Start Google Search
</a>
</div>
</div>
</section>
<!-- About Section -->
<section class="success" id="nilai">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Nilai</h2>
<hr class="star-light">
</div>
<div class="col-lg-4 col-lg-offset-2">
<p align='center'> <font color="#000000"> <h3> HASIL NILAI PRE TEST</h3></font></br>
<?php
$query=mysql_query("select pretest from nilai where nis='$nis'");
$row = mysql_fetch_array($query);
$pretest = $row['pretest'];
?>
<font color="#ffffff" size='14'><?php echo $pretest; ?></font>
</p>
</div>
<div class="col-lg-4">
<p align='center'> <font color="#000000"> <h3> HASIL NILAI POST TEST</h3></font></br>
<?php
$query1=mysql_query("select posttest from nilai where nis='$nis'");
$row1 = mysql_fetch_array($query1);
$posttest = $row1['posttest'];
?>
<font color="#ffffff" size='14'><?php echo $posttest; ?></font>
</div>
<div class="col-lg-8 col-lg-offset-2 text-center">
<?php
$q="SELECT * FROM nilai WHERE nis='$nis'";
$query=mysql_query($q);
$fetch=mysql_fetch_array($query);
if($fetch['status_posttest']==0 && $fetch['status_pretest']==0){
?>
<a href="ujian/posttest.php" class="btn btn-lg btn-outline" disabled="disabled">
<i class="fa fa-book"> </i>Anda Belum Melakukan Pre Test!
<?php
}else if($fetch['status_posttest']==0 && $fetch['status_pretest']==1){
?>
<a href="ujian/posttest.php" class="btn btn-lg btn-outline">
<i class="fa fa-book"> </i>Post Test!
<?php
}else{
?>
<a href="ujian/pretest.php" class="btn btn-lg btn-outline" disabled="disabled">
<i class="fa fa-book"> </i> Anda Sudah Melakukan Post Test
<?php
}
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Saran Pengembangan</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<!-- To configure the contact form email address, go to
mail/contact_me.php and update the email address in the PHP file on line 19. -->
<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
<form name="sentMessage" id="contactForm" novalidate>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Email Address</label>
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Phone Number</label>
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a
message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<br>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12">
<button type="submit" class="btn success btn-lg">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center">
<div class="footer-above">
<div class="container">
<div class="row">
<h3>Location</h3>
<p>Jl. Setiabudhi No. 229<br>Bandung, Jawa Barat</p>
</div>
<div class="footer-col col-md-4">
<h3>Social Media</h3>
<ul class="list-inline">
<li>
<a href="http://facebook.com/raksa.gembel" target="_blank" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
</li>
<li>
<a href="http://instagram.com/raksa_gr" target="_blank" class="btn-social btn-outline"><i class="fa fa-fw fa-instagram"></i></a>
</li>
<li>
<a href="http://twitter.com/raksagr" target="_blank" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
</li>
</ul>
</div>
<div class="footer-col col-md-4">
<h3>About Developer</h3>
<p>Mahasiswa yang melakukan penelitian di Departemen <a
href="http://cs.upi.edu" target="_blank">Pendidikan Ilmu Komputer UPI</a>.</p>
</div>
</div>
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
Copyright © Multimedia Jaringan Komputer 2015
</div>
</div>
</div>
</div>
</footer>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<div class="scroll-top page-scroll visible-xs visible-sm">
<a class="btn btn-primary" href="#page-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<!-- Portfolio Modals -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
</div>
</div>
<p> Close </p>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body"> <img src="img/portfolio/pdf.png" class="img-responsive img-centered" alt="" width="5%" height="5%">
<h2>Jaringan Dasar</h2>
<hr class="star-primary">
<p><object data="doc/pdf/jaringandasar.pdf " type="application/pdf" width="100%" height="1000px"></object></p>
<ul class="list-inline item-details">
<li>Sumber:
<strong><a href="www.vedcmalang.com">Sumber Materi</a>
</strong>
</li>
<li>Tanggal:
<strong><a href="#">5 September 2015</a>
</strong>
</li>
<li>Email:
<strong><a
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
<p>Close</p>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<img src="img/portfolio/pensil.png" class="responsive img-centered" alt="" width="5%" height="5%">
<h2>Rangkuman Materi</h2>
<hr class="star-primary">
<p><object data="doc/pdf/jarda1.pdf " type="application/pdf" width="100%" height="1000px"></object></p>
<ul class="list-inline item-details">
<li>Judul:
<strong><a href="#">Konsep Dasar Jaringan Komputer</a>
</strong>
</li>
<li>Sumber:
<strong><a href="#">Modul Sekolah</a>
</strong>
</li>
</ul>
</br>
<p><object data="doc/pdf/jarda2.pdf " type="application/pdf" width="100%" height="1000px"></object></p>
<ul class="list-inline item-details">
<li>Judul:
<strong><a href="#">Topologi Jaringan</a>
</strong>
</li>
<li>Sumber:
</li>
</ul>
<p><object data="doc/pdf/Jarda3.pdf " type="application/pdf" width="100%" height="1000px"></object></p>
<ul class="list-inline item-details">
<li>Judul:
<strong><a href="#">Perangkat Keras Jaringan</a>
</strong>
</li>
<li>Sumber:
<strong><a href="#">Modul Sekolah</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div> <p>Close</p>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<img src="img/portfolio/video.png" class="responsive img-centered" alt="" width="5%" height="5%">
<h2>Video Materi</h2>
<hr class="star-primary">
<p>
<video width="100%" height="100%" controls="controls">
<source src="doc/vid/1_tutorial.mp4" type="video/mp4">
</video>
</p>
<ul class="list-inline item-details">
<li>Judul:
<strong><a href="#">Tutorial Jaringan Dasar</a>
<li>Tanggal:
<strong><a href="http://startbootstrap.com">10 Agustus 2015</a>
</strong>
</li>
<li>Source:
<strong><a href="http://youtube.com">Youtube</a>
</strong>
</li>
</ul>
</br>
<p>
<video width="100%" height="100%" controls="controls">
<source src="doc/vid/2_perangkat_keras.mp4" type="video/mp4">
</video>
</p>
<ul class="list-inline item-details">
<li>Judul: <strong><a href="#">Pengenalan perangkat jaringan komputer dan fungsinya</a>
</strong>
</li>
<li>Tanggal:
<strong><a href="http://startbootstrap.com">29 Juni 2014</a>
</li>
<li>Source:
<strong><a
href="https://www.youtube.com/watch?v=oSnw5gUqYDU">Youtube</a>
</strong>
</li>
</ul>
</br>
<p>
<video width="100%" height="100%" controls="controls">
<source src="doc/vid/2_pp_cs.mp4" type="video/mp4">
</video>
</p>
<ul class="list-inline item-details">
<li>Judul:
<strong><a href="#">Peer to Peer vs Client Server</a>
</strong>
</li>
<li>Tanggal:
<strong><a href="http://startbootstrap.com">10 Agustus 2015</a>
</strong>
</li>
<li>Source:
<strong><a href="http://youtube.com">Youtube</a>
</ul>
</br>
<p>
<video width="100%" height="100%" controls="controls">
<source src="doc/vid/3_bus.mp4" type="video/mp4">
</video>
</p>
<ul class="list-inline item-details">
<li>Judul:
<strong><a href="#">Topologi Bus</a>
</strong>
</li>
<li>Tanggal:
<strong><a href="http://startbootstrap.com">10 Agustus 2015</a>
</strong>
</li>
<li>Source:
<strong><a href="http://youtube.com">Youtube</a>
</strong>
</li>
</ul>
</br>
<video width="100%" height="100%" controls="controls">
<source src="doc/vid/4_ring.mp4" type="video/mp4">
</video>
</p>
<ul class="list-inline item-details">
<li>Judul:
<strong><a href="#">Topologi Ring</a>
</strong>
</li>
<li>Tanggal:
<strong><a href="http://startbootstrap.com">10 Agustus 2015</a>
</strong>
</li>
<li>Source:
<strong><a href="http://youtube.com">Youtube</a>
</strong>
</li>
</ul>
</br>
<p>
<video width="100%" height="100%" controls="controls">
<source src="doc/vid/5_star.mp4" type="video/mp4">
</video>
<li>Judul:
<strong><a href="#">Topologi Star</a>
</strong>
</li>
<li>Tanggal:
<strong><a href="http://startbootstrap.com">10 Agustus 2015</a>
</strong>
</li>
<li>Source:
<strong><a href="http://youtube.com">Youtube</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/freelancer.js"></script>
</body>
</html>
4. Preetest
<!DOCTYPE html>
<?php
include_once("../../koneksi.php");
session_start();
$nama = $_SESSION['nama'];
$nis = $_SESSION['nis'];
$status = $_SESSION['status'];
?>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Multimedia Pembelajaran</title>
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="../css/freelancer.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link
href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><b>Hai, <?php echo $nama; ?>!</b></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container">
<div class="row">
<div class="col-lg-12">
</br></br></br></br></br><center><h1>Selamat mengerjakan Pretest !</h1></center>
<?php
if($num==0){
$hasil=mysql_query("select * from soal limit 30");
$jumlah=mysql_num_rows($hasil);
$urut=0;
while($row = mysql_fetch_array($hasil)){
$id=$row["id_soal"];
$soal=$row["soal"];
$jawaban_a=$row["jawaban_a"];
$jawaban_b=$row["jawaban_b"];
$jawaban_c=$row["jawaban_c"];
$jawaban_d=$row["jawaban_d"];
$jawaban_e=$row["jawaban_e"];
$jawaban_benar=$row["jawaban_benar"];
?>
<form name="form" method="POST" action="jawab1.php">
<input type="hidden" name="id[]" value=<?php echo $id; ?>>
<input type="hidden" name="jumlah" value=<?php echo $jumlah; ?>>
<table>
<tr>
<td width="30"><?php echo $urut=$urut+1; ?>.</td>
<td><?php echo $soal; ?></td><br>
<tr>
<td height="21"> </td>
<td><input name="pilihan[<?php echo $id; ?>]" type="radio" value="A"> a. <?php echo "$jawaban_a";?> </td>
</tr>
<tr>
<td> </td>
<td><input name="pilihan[<?php echo $id; ?>]" type="radio" value="B"> b. <?php echo "$jawaban_b";?> </td>
</tr>
<tr>
<td> </td>
<td><input name="pilihan[<?php echo $id; ?>]" type="radio" value="C"> c. <?php echo "$jawaban_c";?> </td>
</tr>
<tr>
<td> </td>
<td><input name="pilihan[<?php echo $id; ?>]" type="radio" value="D"> d. <?php echo "$jawaban_d";?> </td>
</tr>
<tr>
<td> </td>
<td><input name="pilihan[<?php echo $id; ?>]" type="radio" value="E"> e. <?php echo "$jawaban_e";?> </td>
</tr>
}
}else{
header('location:../');
}
?>
<tr>
<td> </td>
<td><center><input type="submit" class="btn btn-lg btn-primary" name="submit" value="JAWAB" onclick="return confirm('Apakah Anda yakin dengan jawaban Anda?')"></center></td>
</tr>
</form>
</div>
</div>
</div>
</body>
</html>
5. Daftar
<!DOCTYPE html>
<?php
include_once("koneksi.php");
session_start();
if (isset($_POST['submit'])){
$nama = $_POST['nama'];
$password = $_POST['password'];
$q1 = mysql_query("SELECT nis from siswa WHERE nis='$nis'");
$f1 = mysql_fetch_array($q1);
$n1 = mysql_num_rows($q1);
if ($n1 == 1){
$warning="Username sudah terdaftar!";
}else{
$query1 = mysql_query("INSERT INTO siswa (nis, nama, password) values ('$nis','$nama','$password')");
if(mysql_affected_rows()!=0){
header('location:index.php');
}else{
$warning="Data anda tidak tersimpan!";
}
}
}
?>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Multimedia Pembelajaran</title>
<meta name="description" content="An admin template from Square Turtle Studios" />
<!-- Styles -->
<!-- Logo Font - Molle -->
<link href="css/molle.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.css" rel="stylesheet" />
<link rel="stylesheet" href="css/icon-style.css" />
<!--[if lte IE 7]>
<script src="../scripts/lte-ie7.js"></script>
<![endif]-->
<link href="css/bootstrap-responsive.css" rel="stylesheet" />
<link href="css/radmin.css" rel="stylesheet" id="main-stylesheet" />
<link href="css/radmin-responsive.css" rel="stylesheet" />
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts/jquery.cloneposition.js"></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<!--[if lte IE 9]>
<script src="scripts/placeholder.js" type="text/javascript"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body id="body-login">
<div class="container-fluid">
<div class="row-fluid">
<div class="span4"></div>
<div class="span4 login-span">
<div class="login-radmin align-center">
</div>
<div class="login-wrapper">
<div class="login-inner">
<h2 class="sign-in">Mendaftar</h2>
<small class="muted">Isilah data dengan baik</small>
<div class="squiggly-border"></div>
<div class="login-inner">
<form class="form-horizontal" method="POST" action="#" />
<div class="input-prepend">
<span class="add-on"> <i class="radmin-icon radmin-user"></i>
</span>
<input class="input-large" id="username" name="nis" size="16" type="text" placeholder="Username/NIS" required /></div>
<br />
<br />
</span>
<input class="input-large" id="username" name="nama" size="16" type="text" placeholder="Nama Lengkap" required /></div>
<br />
<br />
<div class="input-prepend">
<span class="add-on"> <i class="radmin-icon radmin-locked"></i>
</span>
<input class="input-large" id="password" name="password" size="16" type="password" placeholder="Password" required /></div>
<div class="form-actions">
<a class="btn-link pull-left" href="index.php" id="login">Sudah mendaftar?</a>
<button class="btn btn-large btn-inverse pull-right" type="submit" id="submit" name="submit">Daftar</button>
</div>
<font color="red">
<center>
<?php if (isset($warning)): ?>
<div id="warning">
<?php echo $warning;?>
</div>
</center>
</font>
</form>
</div>
</div>
</div>
</div>
<div class="span4"></div>
</div>
</div>
</body>
</html>
6. Freelance.css
/*!
* Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com) * Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0. */
body {
overflow-x: hidden; }
p {
font-size: 20px; }
p.small {
a, a:hover, a:focus, a:active, a.active { outline: 0; color: #18bc9c; }
h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
hr.star-light, hr.star-primary {
margin: 25px auto 30px; padding: 0;
max-width: 250px; border: 0;
border-top: solid 5px; text-align: center; }
hr.star-light:after, hr.star-primary:after { content: "\f005"; display: inline-block; position: relative; top: -.8em;
padding: 0 .25em;
font-family: FontAwesome; font-size: 2em;
hr.star-light {
border-color: #fff; }
hr.star-light:after { color: #fff;
background-color: #18bc9c; }
hr.star-primary {
border-color: #2c3e50; }
hr.star-primary:after { color: #2c3e50;
background-color: #fff; }
.img-centered {
margin: -1px 154px; position: absolute; }
header {
text-align: center; color: #fff;
background: #18bc9c; }
header .container { padding-top: 100px; padding-bottom: 50px; }
header img { display: block; margin: 0 auto 20px; }
header .intro-text .name { display: block;
font-size: 2em; font-weight: 700; }
header .intro-text .skills { font-size: 1.25em; font-weight: 300; }
@media(min-width:768px) { header .container {
padding-top: 200px; padding-bottom: 100px; }
header .intro-text .name { font-size: 4.75em; }
header .intro-text .skills { font-size: 1.75em; }
}
@media(min-width:768px) { .navbar-fixed-top {
padding: 25px 0;
-webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; }
.navbar-fixed-top .navbar-brand { font-size: 2em;
-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
}
.navbar-fixed-top.navbar-shrink .navbar-brand { font-size: 1.5em;
} }
.navbar {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
.navbar a:focus { outline: 0; }
.navbar .navbar-nav { letter-spacing: 1px; }
.navbar .navbar-nav li a:focus { outline: 0;
}
.navbar-default, .navbar-inverse { border: 0; }
section {
padding: 100px 0; }
section h2 { margin: 0; font-size: 3em; }
section.success { color: #fff;
section.success a, section.success a:hover, section.success a:focus, section.success a:active, section.success a.active { outline: 0;
color: #2c3e50; }
@media(max-width:767px) { section {
padding: 75px 0; }
section.first {
padding-top: 75px; }
}
#portfolio .portfolio-item { right: 0;
margin: 0 0 15px; }
#portfolio .portfolio-item .portfolio-link { display: block;
position: relative; margin: 0 auto; max-width: 400px; }
#portfolio .portfolio-item .portfolio-link .caption { position: absolute;
width: 100%; height: 100%; opacity: 0;
}
#portfolio .portfolio-item .portfolio-link .caption:hover { opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content { position: absolute;
top: 50%; width: 100%; height: 20px; margin-top: -12px; text-align: center; font-size: 20px; color: #fff; }
#portfolio .portfolio-item .portfolio-link .caption .caption-content i { margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3, #portfolio .portfolio-item .portfolio-link .caption .caption-content h4 { margin: 0;
}
#portfolio * { z-index: 2; }
@media(min-width:767px) { #portfolio .portfolio-item { margin: 0 0 30px; }
}
.btn-outline {
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active { border: solid 2px #fff; color: #18bc9c; background: #fff; }
.floating-label-form-group { position: relative;
margin-bottom: 0; padding-bottom: .5em;
border-bottom: 1px solid #eee; }
.floating-label-form-group input, .floating-label-form-group textarea { z-index: 1;
position: relative; padding-right: 0; padding-left: 0; border: 0; border-radius: 0; font-size: 1.5em; background: 0 0;
box-shadow: none!important; resize: none;
}
.floating-label-form-group label { display: block;
z-index: 0; position: relative; top: 2em;
margin: 0; font-size: .85em;
vertical-align: baseline; opacity: 0;
-webkit-transition: top .3s ease,opacity .3s ease; -moz-transition: top .3s ease,opacity .3s ease; -ms-transition: top .3s ease,opacity .3s ease; transition: top .3s ease,opacity .3s ease; }
.floating-label-form-group::not(:first-child) { padding-left: 14px;
border-left: 1px solid #eee; }
.floating-label-form-group-with-value label { top: 0;
opacity: 1; }
.floating-label-form-group-with-focus label { color: #18bc9c;
}
form .row:first-child .floating-label-form-group { border-top: 1px solid #eee;
}
footer { color: #fff; }
footer h3 {
margin-bottom: 30px; }
footer .footer-above { padding-top: 50px;
background-color: #2c3e50; }
footer .footer-below { padding: 25px 0;
background-color: #233140; }
.btn-social {
display: inline-block; width: 50px;
height: 50px;
border: 2px solid #fff; border-radius: 100%; text-align: center; font-size: 20px; line-height: 45px; }
.btn:focus, .btn:active, .btn.active { outline: 0; }
.scroll-top { z-index: 1049; position: fixed; right: 2%; bottom: 2%; width: 50px; height: 50px; }
.scroll-top .btn { width: 50px; height: 50px;
border-radius: 100%; font-size: 20px; line-height: 28px; }
}
.portfolio-modal .modal-content { padding: 100px 0;
min-height: 100%; border: 0;
border-radius: 0; text-align: center;
background-clip: border-box; -webkit-box-shadow: none; box-shadow: none;
}
.portfolio-modal .modal-content h2 { margin: 0;
font-size: 2em; }
.portfolio-modal .modal-content img { margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details { margin: 30px 0;
}
.portfolio-modal .close-modal { position: absolute;
top: 25px; right: 25px; width: 75px; height: 75px;
background-color: transparent; cursor: pointer;
}
.portfolio-modal .close-modal:hover { opacity: .3;
}
height: 75px; margin-left: 35px; background-color: red;
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.portfolio-modal .close-modal .lr .rl { z-index: 1052;
width: 10px; height: 75px;
background-color: red;
-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.portfolio-modal .modal-backdrop { display: none;
opacity: 0; }
7. Index.php
<?php
/**
* Simple Machines Forum (SMF) *
* @package SMF
* @author Simple Machines http://www.simplemachines.org * @copyright 2011 Simple Machines
* @license http://www.simplemachines.org/about/smf/license.php BSD *
* @version 2.0.11 */
/* This, as you have probably guessed, is the crux on which SMF functions.
'action-in-url' => array('Source-File.php', 'FunctionToCall'),
Then, you can access the FunctionToCall() function from Source-File.php
with the URL index.php?action=action-in-url. Relatively simple, no? */
$forum_version = 'SMF 2.0.11'; @ini_set('memory_limit', '128M');
// Get everything started up... define('SMF', 1);
if (function_exists('set_magic_quotes_runtime')) @set_magic_quotes_runtime(0);
error_reporting(defined('E_STRICT') ? E_ALL | E_STRICT : E_ALL); $time_start = microtime();
// This makes it so headers can be sent! ob_start();
// Do some cleaning, just in case.
foreach (array('db_character_set', 'cachedir') as $variable) if (isset($GLOBALS[$variable]))
unset($GLOBALS[$variable], $GLOBALS[$variable]);
// Load the settings...
require_once(dirname(__FILE__) . '/Settings.php');
// Make absolutely sure the cache directory is defined.
if ((empty($cachedir) || !file_exists($cachedir)) && file_exists($boarddir . '/cache'))
$cachedir = $boarddir . '/cache';
// And important includes.
require_once($sourcedir . '/QueryString.php'); require_once($sourcedir . '/Subs.php');
require_once($sourcedir . '/Errors.php'); require_once($sourcedir . '/Load.php'); require_once($sourcedir . '/Security.php');
require_once($sourcedir . '/Subs-Compat.php');
// If $maintenance is set specifically to 2, then we're upgrading or something. if (!empty($maintenance) && $maintenance == 2)
db_fatal_error();
// Create a variable to store some SMF specific functions in. $smcFunc = array();
// Initate the database connection and define some database functions to use. loadDatabase();
// Load the settings from the settings table, and perform operations like optimizing.
reloadSettings();
// Clean the request variables, add slashes, etc. cleanRequest();
$context = array();
// Seed the random generator.
if (empty($modSettings['rand_seed']) || mt_rand(1, 250) == 69) smf_seed_generator();
// Before we get carried away, are we doing a scheduled task? If so save CPU cycles by jumping out!
if (isset($_GET['scheduled'])) {
require_once($sourcedir . '/ScheduledTasks.php'); AutoTask();
}
// Check if compressed output is enabled, supported, and not already being done.
if (!empty($modSettings['enableCompressedOutput']) && !headers_sent()) {
// If zlib is being used, turn off output compression. if (@ini_get('zlib.output_compression') == '1' || @ini_get('output_handler') == 'ob_gzhandler' ||
@version_compare(PHP_VERSION, '4.2.0') == -1)
{
ob_end_clean();
ob_start('ob_gzhandler'); }
}
// Emit some headers for some modicum of protection against nasties. if (!headers_sent())
{
// Future versions will make some of this configurable. This is primarily a 'safe' configuration for most cases for now.
header('X-Frame-Options: SAMEORIGIN'); header('X-XSS-Protection: 1');
header('X-Content-Type-Options: nosniff'); }
// Register an error handler. set_error_handler('error_handler');
// Start the session. (assuming it hasn't already been.) loadSession();
// Determine if this is using WAP, WAP2, or imode. Technically, we should check that wap comes before application/xhtml or text/html, but this doesn't work in practice as much as it should.
if (isset($_REQUEST['wap']) || isset($_REQUEST['wap2']) || isset($_REQUEST['imode']))
unset($_SESSION['nowap']); elseif (isset($_REQUEST['nowap'])) $_SESSION['nowap'] = true; elseif (!isset($_SESSION['nowap'])) {
if (isset($_SERVER['HTTP_ACCEPT']) &&
strpos($_SERVER['HTTP_ACCEPT'], 'application/vnd.wap.xhtml+xml') !== false)
$_REQUEST['wap2'] = 1;
elseif (isset($_SERVER['HTTP_ACCEPT']) &&
strpos($_SERVER['HTTP_ACCEPT'], 'text/vnd.wap.wml') !== false) {
else
$_REQUEST['wap'] = 1; }
}
if (!defined('WIRELESS'))
define('WIRELESS', isset($_REQUEST['wap']) || isset($_REQUEST['wap2']) || isset($_REQUEST['imode']));
// Some settings and headers are different for wireless protocols. if (WIRELESS)
{
define('WIRELESS_PROTOCOL', isset($_REQUEST['wap']) ? 'wap' : (isset($_REQUEST['wap2']) ? 'wap2' : (isset($_REQUEST['imode']) ? 'imode' : '')));
// Some cellphones can't handle output compression... $modSettings['enableCompressedOutput'] = '0'; // !!! Do we want these hard coded?
$modSettings['defaultMaxMessages'] = 5; $modSettings['defaultMaxTopics'] = 9;
// Wireless protocol header.
if (WIRELESS_PROTOCOL == 'wap')
header('Content-Type: text/vnd.wap.wml'); }
// Restore post data if we are revalidating OpenID. if (isset($_GET['openid_restore_post']) &&
!empty($_SESSION['openid']['saved_data'][$_GET['openid_restore_post']]['p ost']) && empty($_POST))
{
$_POST =
$_SESSION['openid']['saved_data'][$_GET['openid_restore_post']]['post']; unset($_SESSION['openid']['saved_data'][$_GET['openid_restore_pos t']]);
}
// Call obExit specially; we're coming from the main area ;). obExit(null, null, true);
// The main controlling function. function smf_main()
{
global $modSettings, $settings, $user_info, $board, $topic, $board_info, $maintenance, $sourcedir;
// Special case: session keep-alive, output a transparent pixel. if (isset($_GET['action']) && $_GET['action'] == 'keepalive') {
header('Content-Type: image/gif');
die("\x47\x49\x46\x38\x39\x61\x01\x00\x01\x00\x80\x00\x00\x00\x0 0\x00\x00\x00\x00\x21\xF9\x04\x01\x00\x00\x00\x00\x2C\x00\x00\x00\x00\ x01\x00\x01\x00\x00\x02\x02\x44\x01\x00\x3B");
}
// Load the user's cookie (or set as guest) and load their settings. loadUserSettings();
// Load the current board's information. loadBoard();
// Load the current user's permissions. loadPermissions();
// Attachments don't require the entire theme to be loaded. if (isset($_REQUEST['action']) && $_REQUEST['action'] == 'dlattach' && (!empty($modSettings['allow_guestAccess']) && $user_info['is_guest']))
detectBrowser();
// Load the current theme. (note that ?theme=1 will also work, may be used for guest theming.)
else
loadTheme();
duck out now.
if (!empty($topic) && empty($board_info['cur_topic_approved']) && !allowedTo('approve_posts') && ($user_info['id'] !=
$board_info['cur_topic_starter'] || $user_info['is_guest'])) fatal_lang_error('not_a_topic', false);
// Do some logging, unless this is an attachment, avatar, toggle of editor buttons, theme option, XML feed etc.
if (empty($_REQUEST['action']) || !in_array($_REQUEST['action'], array('dlattach', 'findmember', 'jseditor', 'jsoption', 'requestmembers', 'smstats', '.xml', 'xmlhttp', 'verificationcode', 'viewquery', 'viewsmfile')))
{
// Log this user as online. writeLog();
// Track forum statistics and hits...? if (!empty($modSettings['hitStats']))
trackStats(array('hits' => '+')); }
// Is the forum in maintenance mode? (doesn't apply to administrators.) if (!empty($maintenance) && !allowedTo('admin_forum'))
{
// You can only login.... otherwise, you're getting the "maintenance mode" display.
if (isset($_REQUEST['action']) && ($_REQUEST['action'] == 'login2' || $_REQUEST['action'] == 'logout'))
{
require_once($sourcedir . '/LogInOut.php');
return $_REQUEST['action'] == 'login2' ? 'Login2' : 'Logout';
}
// Don't even try it, sonny. else
{
require_once($sourcedir . '/Subs-Auth.php'); return 'InMaintenance';
} }
elseif (empty($modSettings['allow_guestAccess']) && $user_info['is_guest'] && (!isset($_REQUEST['action']) ||
!in_array($_REQUEST['action'], array('coppa', 'login', 'login2', 'register', 'register2', 'reminder', 'activate', 'help', 'smstats', 'mailq', 'verificationcode', 'openidreturn'))))
{
require_once($sourcedir . '/Subs-Auth.php'); return 'KickGuest';
}
elseif (empty($_REQUEST['action'])) {
// Action and board are both empty... BoardIndex! if (empty($board) && empty($topic))
{
require_once($sourcedir . '/BoardIndex.php'); return 'BoardIndex';
}
// Topic is empty, and action is empty.... MessageIndex! elseif (empty($topic))
{
require_once($sourcedir . '/MessageIndex.php'); return 'MessageIndex';
}
// Board is not empty... topic is not empty... action is empty.. Display!
else {
require_once($sourcedir . '/Display.php'); return 'Display';
} }
// Here's the monstrous $_REQUEST['action'] array - $_REQUEST['action'] => array($file, $function).
$actionArray = array(
'activate' => array('Register.php', 'Activate'), 'admin' => array('Admin.php', 'AdminMain'), 'announce' => array('Post.php', 'AnnounceTopic'), 'attachapprove' => array('ManageAttachments.php', 'ApproveAttach'),