Scribd
Upload
106 views4 pages

Absensi HTML

The document is a login page for an online attendance system used at UIN Raden Mas Said Surakarta. It contains fields for the user to enter their username, password, and captcha code. It also allows the user to select their attendance type from options like "Check-In", "Check-Out", or "Overtime Check-In/Out". Additional information is displayed about accessing the system only being allowed through UIN Surakarta's WiFi network starting August 1st, 2022.

Uploaded by

roby tyo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
106 views4 pages

Absensi HTML

The document is a login page for an online attendance system used at UIN Raden Mas Said Surakarta. It contains fields for the user to enter their username, password, and captcha code. It also allows the user to select their attendance type from options like "Check-In", "Check-Out", or "Overtime Check-In/Out". Additional information is displayed about accessing the system only being allowed through UIN Surakarta's WiFi network starting August 1st, 2022.

Uploaded by

roby tyo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

<html><head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- Tell the browser to be responsive to screen width -->


<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
name="viewport">
<link rel="icon" type="image/png" href="assets/img/pegawai.png">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet"
href="assets/bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="assets/bower_components/font-awesome/css/font-
awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="assets/bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="assets/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="assets/css/skins/_all-skins.min.css">
<!-- Date Picker -->
<link rel="stylesheet"
href="assets/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="assets/bower_components/select2/dist/css/select2.min.css">

<!-- timepicker -->


<link rel="stylesheet" href="assets/plugins/jquery-timepicker/jquery.timepicker.min.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:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<!-- Google Font -->


<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
<link rel="stylesheet" href="assets/css/tambahan_nav.css">

<!-- Function klik Pulang -->


<script language="javascript">
function choixPersonne(chaine){
var a = document.getElementById("rien");
var b= document.getElementById("option");
if (chaine == 'cacher1'){
a.style.display = "none";b.style.display = "block";}else
if (chaine == 'cacher2'){
a.style.display = "block";b.style.display = "none";}}
</script>

<title>Presensi Online - UIN RM Said Surakarta</title>


</head>
<body class="hold-transition login-page" onload="notifabsen()" data-new-gr-c-s-check-
loaded="14.1082.0" data-gr-ext-installed="">
<div class="login-box">
<div class="login-logo">
<img src="assets/img/logokecil.png" width="130px" height="170px"><br>
Presensi Online
</div>

<div class="login-box-body">
<form action="logincek.php" method="post">

<div class="form-group has-feedback">


<label for="">User ID </label>
<input id="username" type="text" class="form-control" name="username"
placeholder="Username" onfocus="this.placeholder=''"
onblur="this.placeholder='Username'">
</div>
<div class="form-group has-feedback">
<label for="">Password</label>
<input type="password" class="form-control cos" name="password"
placeholder="Password" onfocus="this.placeholder=''"
onblur="this.placeholder='Password'">
</div>
<div class="form-group has-feedback">
<label for="">Jenis Kehadiran</label><br>
<input type="radio" id="masuk" name="absen" value="0"
onchange="choixPersonne('cacher2')">
<label for="masuk">Masuk</label>
<input type="radio" id="pulang" name="absen" value="1"
onchange="choixPersonne('cacher2')">
<label for="pulang">Pulang</label>
<input type="radio" id="lemburmasuk" name="absen" value="4"
onchange="choixPersonne('cacher2')">
<label for="lemburmasuk">Lembur Masuk</label>
<input type="radio" id="lemburpulang" name="absen" value="5"
onchange="choixPersonne('cacher1') ">
<label for="lemburpulang">Lembur Pulang</label>
<div id="rien" style="display:none">
<fieldset class="Style7"></fieldset>
</div>
<div id="option" style="display:none">
<fieldset class="Style7">
<label style="display:inline">
<font color="red">Lembur pulang berpasangan dengan Lembur masuk... <br>
Berlaku jika ada surat perintah lemburnya..</font>
</label>
<button type="submit" class="btn btn-primary btn-block btn-flat">Khusus
Presensi Lembur Pulang</button>
</fieldset>
</div>

</div>
<div class="form-group has-feedback">
<label for="">Kode Captcha</label>
<input type="text" name="captcha" class="form-control cos" placeholder="Kode
Captcha" onfocus="this.placeholder=''" onblur="this.placeholder='Kode Captcha'">
<img src="captcha.php">Jam Presensi : 06.00 - 19.00<br>
</div>

<div class="row">
<div class="col-xs-12">
<center> IP Anda : 103.209.98.103-OK<center><button type="submit" class="btn
btn-primary btn-block btn-flat">Presensi</button><br>
</center></center></div></div>
</form>
<div class="col-xs-12">
PTIPD v 2.0 | <a href="https://presensi.uinsaid.ac.id/users/login"
target="_blank">Ganti Password </a> | <a
href="https://presensi.uinsaid.ac.id/fmobile/lokasiku.php" target="_blank">Lokasiku</a> |
<button onclick="history.go(0);" style="border:none;">Refresh</button>
<br>
</div>
<br>

</div><script>

<!--
//Disable right click script //
var message="Tidak Diijinkan klik Kanan";
////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

<script>
function notifabsen() {
alert("Informasi Presensi Online\n\n"+
"Berdasarkan SE No. 9 Tahun 2022 Point E butir 4 " +
"maka mulai tanggal 01 Agustus 2022, Aplikasi Presensi hanya bisa diakses dalam
jaringan internet UIN Raden Mas Said Surakarta.\n"+
"\nSetiap piranti yang akan digunakan untuk presensi, harus terhubung dalam WIFI
UIN Surakarta " +
"kemudian lakukan presensi seperti biasa. Akses Aplikasi tidak memerlukan login ke
jaringan. \n "+
"" );
}
</script>

</div></body><grammarly-desktop-integration
data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>

You might also like