You are on page 1of 8

MEMBUAT APLIKASI

BERBASIS WEB
(APLIKASI DATA NILAI SISWA DENGAN BERBEDA-BEDA
HAK AKSES)

LAPORAN

Diajukan Untuk memenuhi salah satu syarat Pelaksanaan Uji


Kompetensi

Praktek Kejuruan SMK SWASTA TELADAN SUMATERA UTARA 2

TAHUN AJARAN 2016/2017

Oleh:

NAMA :DAVID TUPADO. S


01-152-056-7

KOMPETENSI KEAHLIAN REKAYASA PERANGKAT LUNAK


SMK SWASTA TELADAN SUMATERA UTARA-2
2017

Berikut ini hasil dari laporan kerja UKK (Ujian Kompetensi


Keahlian) :

Ini adalah tampilan awal aplikasi nilai siswa berbasis web, yang dimana terdapat
3 hak akses, berikut penjelasannya :
Master : Bisa menghapus guru, mengedit guru, namun tidak bisa
menambahkan nilai
siswa .
Siswa : hanya bisa melihat nilai dan data siswa .
Guru : Bisa mengedit, menambahkan , menghapus data siswa dan
nilai siswa , namun tidak bisa mengedit dan menghapus master.

Gambar 1.1 Tampilan Awal aplikasi berbasis Web

Berikut tampilan scriptnya dengan nama index.php

<!DOCTYPE html>
<html>
<head>
<title>Webseite saya </title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="style.css">
<div id="header">
</div>
<div id="header-bawah">
<marquee><bold> WELCOME TO APLICATION NILAI SISWA YAYASAN PERGURUAN
TELADAN SUMUT-2</H2></bold></marquee>
</div>
<div id="content">
<div id="isi">
<table width="200px" border="2" height="500px" >
<tr>
<td><center><h1>MASTER</h1><img style="border:0px; width:200px; height:200px;"
src="gambar/master.png"/><input type="button" value ="LOGIN" onclick
="window.location='master/login/index.php';"/></center></td>
<td><center><h1>SISWA</h1> <img style="border:0px; width:200px;
height:200px;" src="gambar/guru.png"/><input type="button" value ="LOGIN" onclick
="window.location='siswa/login/index.php';"/></center></td>
<td><center><h1>GURU</h1> <img style="border:0px; width:200px;
height:200px;" src="gambar/siswa.png"/><input type="button" value ="LOGIN" onclick
="window.location='guru/login/index.php';"/></center></td>
</tr>
</table>
</div>
</div>
<div id="footer">
<center>
&copyDavid Tupado <br>
Yayasan Perguruan Teladan Sumut 2 <br>
Medan
</center>
</div>
</body>
</html>

Berikut ini adalah tampilan login dari Master


Gambar 1.2
Berikut scriptnya yang berada pada folder master/login/index.php

<?php
include('login.php'); // Memasuk-kan skrip Login

if(isset($_SESSION['login_user'])){
header("location: ../profile.php");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Form Login</title>

<!-- Skrip CSS -->


<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="container">
<div class="main">
<form action="" method="post">
<h2>LOGIN MASTER</h2><hr/>

<label>Username :</label>
<input id="name" name="username" placeholder="username" type="text">
<label>Password :</label>
<input id="password" name="password" placeholder="**********" type="password">
<input type="submit" name="submit" id="submit" value="Login">
<a href="../../index.php"> ----KEMBALI </a>
</form>
</div>
</div>
</body>
</html>

Kemudian script koneksi database dengan nama session.php


<?php
// Membangun Koneksi dengan Server dengan nama server, user_id dan password sebagai parameter
$connection = mysql_connect("localhost", "root", "");
// Seleksi Database
$db = mysql_select_db("nilai", $connection);
session_start();// Memulai Session
// Menyimpan Session
$user_check=$_SESSION['login_user'];
// Ambil nama karyawan berdasarkan username karyawan dengan mysql_fetch_assoc
$ses_sql=mysql_query("select nama_master from master where nim='$user_check'",
$connection);
$row = mysql_fetch_assoc($ses_sql);
$login_session =$row['nama_master'];
if(!isset($login_session)){
mysql_close($connection); // Menutup koneksi
header('Location: index.php'); // Mengarahkan ke Home Page
}
?>

Setelah proses login maka akan di arahkan ke form master

Gambar 1.3

Kemudian dibawah ini adalah proses dari form master , yaitu berupa update,
delete dan insert
Gambar 1.4

Form login siswa sama dengan form login master lihat gambar 1.2
Kemudian pada tampilan siswa dibawah ini terdapa form nilai siswa ,
dan data siswa
Gambar 1.5
Catatan : index nya sama dengan form Master begitu juga dengan tampilan CSS
nya , hanya saja proses nya berbeda dengan form master ,

Tampilan Login juga sama seperti login siswa dan master lihat Gambar1.2 ,
Kemudian pada tampilan guru berikut terdapat seperti berikut

Gambar 1.6
Berikut ini adalah tampilan database nilai yang terdapat beberapa tabel , seperti
berikut ini :

Tabel master dan tabel guru


Gambar 1.7

Tabel siswa dan tabel nilai_siswa

Gambar 1.8

You might also like