Anda di halaman 1dari 6

Pencatatan Absensi Otomatis I

Langsung saja pada topik yang saya mau pustingkan,,,,,



Asumsi
>> Saya mengasumsikan kawan-kawan telah mengetahui dasar-dasar dalam tag HTML.
>> Kawan-kawan telah membuat sebuah database (T.absen & T.member).
>> Apace & Sql suadah terinstal dan berjalan di komputer.
>> Sudah mengetahui system CSS.

Langkah-langkahnya:

1. Buat koneksi. (conn.php)

<?php
$host="localhost";
$user="root";
$pass="";
$db="rans_uas";
$entries=20;
$konten=4;

$tanggal=date("Y-m-d",time());

date_default_timezone_set('Asia/Jakarta'); >?

2. Mwmbuat Index. (index.php)

<html>
<?php require_once 'config/conn.php'; ?>

</head>

<body style='width:1003px; margin:0 auto;'>
<div class='header radius_bawah'>
<div class='headerkiri'>
<?php include "logo.php"; //"dapat diacuhkan" ?>
</div>
<?php include "inc/menuatas.php"; ?>
</div>

<?php if ( ($koneksi=mysql_connect($host,$user,$pass)) and ( mysql_select_db($db) ) )
{//echo "berhasil : )"; ?>

<div class='conten'>
<div class='layout'>
<div id='kiri'>

<?php
include "inc/memberarea.php";
include "inc/jam.php"; //"dapat diacuhkan"
?>
</div>
<div id='kanan'>
<?php
include "./inc/isi.php";
?>
</div>
</div>
</div>
<div class='footer'>
<?php
include "inc/footer.php"; //"dapat diacuhkan"
?>
</div>
<?php
}else{
include "maintenance.php";
?><script language="javascript">alert("Maintenance !!")</script><?php
}
?>
</body>
</html>

3. Membuat pengingat jika Sql tidakdapat terhubung (maentenance.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=iso-8859-1" />
<title>Maintenance</title>
<style type="text/css">
<!--
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
-->
</style>
</head>

<body>
<div class='conten'>
<h1 align="center"><b><span class="style2"><font color="#FF3399"><u>THIS website
is</u></font></span> <u><font color="#66FF00">MAINTENANCE</font></u></b></h1>
</div>
</body>
</html>

4. Membuat menu link login/logout, sebagai proses pencatatan waktu (memberarea.php).

<?php
session_start();
require_once 'config/conn.php';
?>

<div class='layout0 font samping'>
<?php //$l = mysql_query (" SELECT id_member FROM member where username = $p");

;?>
<table border="0" width="100%" cellspacing="3">
<tr align="center">

<td>

<?php if (isset($_SESSION['user']) && isset ($_SESSION['id'])){

$p = $_SESSION['user'];
$id = $_SESSION['id'];
$Ptgl= $tanggal;
$wak = date ("H:i:s",time());
$Pjmasuk= $wak;

//untuk mengisi database dengan waktu masuk
$ins= mysql_query("INSERT INTO absen(
id_member,
tgl_absen,
jam_masuk)
VALUES(
'$id',
'$Ptgl',
'$Pjmasuk')");
echo $p; ?>

</td>
</tr>
<tr height="2px">
</tr>

<tr>
<td id="dot1" height="10px">
<a href="logoutproses.rd">&nbsp;Logout&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
</td>
</tr>
</table>
<?php

}else {?>
Umum
<tr height="1px">
<tr>
<td id="dot1" height="10px">
<a href="login.rd">&nbsp;Login&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
</td>
</tr>
<tr height="1px">
</tr>
</table>

<?php } ?>
</div>

5. Membuat menu conten dengan (isi.php) sebagai pemilihan

<?php
$rans=$_GET["ransdoank"];
switch($rans)
{
case "login";
require_once "inc/login.php";
break;

case "isi";
require_once "inc/loginproses.php";
break;

case "home";
require_once "inc/home.php";
break;

case "information";
require_once "inc/informasi.php";
break;

case "member";
require_once "inc/member.php";
break;

case "logout";
require_once "inc/logout.php";
break;

case "logoutproses";
require_once "inc/logoutproses.php";
break;

case "about";
require_once "inc/about.php";
break;

case "wrong";
require_once "inc/wronguser.php";
break;

default;
require_once "inc/home.php";
break;
}
?>

6. Membuat form Login (login.php).

<?php session_start();
?>

<html>
<head>
<link rel="stylesheet" type="text/css" href="./config/style.css">
</head>
<body>
<div align="center">
<form action="isi.rd" method="POST">
<table align="center">
<tr>
<td><font color="#CCCCCC" face="verdana" size="2">Username</font></td>
<td width="2px"> <font color="#CCCCCC" face="verdana" size="2">:</font></td>
<td> <input type="text" value="" name="_username" /></td>
<td width="2px">&nbsp;</td>
<td> <font color="#CCCCCC" face="verdana" size="2">Password</font></td>
<td width="2px"> <font color="#CCCCCC" face="verdana" size="2">:</font></td>
<td> <input type="password" value="" name="_pass" /></td>
<td width="2px">&nbsp;</td>
<td colspan="2" align="right"><input type="submit" value="Login" name="login" /></td>
<td width="2px">&nbsp;</td>
</tr>
</table></form></div>
</body>
</html>

7. Membuat login proses (loginproses.php) sebagai pemrosesan input user & password

<?php
session_start();
require_once 'config/conn.php';
//Variable
$user=$_POST['_username'];
$pass=md5($_POST['_pass']);

if($_GET['ransdoank']=='isi'){
$Q=mysql_query("SELECT id_member, username, password FROM member
WHERE username='".$user."'
AND
password='".$pass."' ");
$r=mysql_fetch_array($Q);
//cek jika data ketemu
if(mysql_num_rows($Q)){
//CREATE SESSION
$_SESSION['id']= $r['id_member'];
$_SESSION['user']=$r['username'];
$_SESSION['pass']=$r['password'];

header ('location:../uas_indas/member.rd') ;
}else {
header ('location:../uas_indas/wrong.rd') ;
}
}
?>

Untuk Postingan kali ini saya hanya memberikan tutor untuk pencatatan waktu masuknya
terlebih dahulu......
Nantikan kelanjutannya di >> Pencatatan Absensi Otomatis II.
Trimakasih,,,,
Silahkan berikan komentar bila ada yang tidak paham

Anda mungkin juga menyukai