Selasa, 24 Mei 2016

Tips menghadapi UKK SMK

Cara sukses menghadapi UKK (Ujian kompetensi Kejuruan)

UKK merupakan Ujian praktek bagi seluruh siswa SMK, dan itu selalu menjadi sebuah hal yang sangat menakutkan bagi mereka, penulis juga pernah mengalaminya karena dulu penulis juga tamatan SMK jurusan RPL (Rekayasa Perangkat Lunak),MM (Multimedia), maupun TKJ (Teknik Komputer dan Jaringan), selain lulus UN (Ujian Nasional) UKK merupakan salah satu tujuan bagi setiap siswa selama menduduki bangku SMK sehingga pada saat ujian UKK akan tiba maka semua siswa secara otomatis akan berubah total, artinya menjadi sangat giat untuk menekuni bidang mereka masing-masing, walaupun ada yang terpaksa untuk belajar, karena takut tidak lulus. nah.. sesuai dengan pengalaman penulis yang pernah mengalami hal yang sama dan sekarang sudah menjadi panitia UKK untuk adik kelas, maka penulis ingin membagi sedikit cara untuk menghadapi UKK, walaupun tidak tentu akan berhasil tetapi setidaknya dapat memberi sedikit kesan bahwa UKK dapat kita hadapi dengan baik :
  1. Siapkan diri terlebih dahulu artinya kita harus memastikan bahwa diri sendiri sudah mampu melewati UKK tersebut(Walaupun tidak 100%), tidak perduli dengan cara apapun yang penting tidak curang, mengapa demikian? karena dengan cara tersebut kita dapat lebih percaya diri
  2. Mengajari teman-teman, biasanya akan banyak teman yang tertinggal karena tidak pernah mau mendengarkan guru, boros belajar dan segala alasan, dan pada saat UKK hampir tiba mereka akan pusing, tidak tahu apa yang harus di lakukan, tetapi karena adanya kita yang bersedia mengajari mereka, maka itu akan menjadi sebuah keajaiban bagi mereka, nah... di sini teman-teman pasti akan muncul sebuah pertanyaan, "saya sendiri aja tidak bisa, dan belum tentu akan lewat mungkinkah mengajari yang lain?" jawabanya adalah mungkin, karena dengan mengajari apa yang kita bisa kepada orang lain maka secara tidak langsung akan membuat kita semakin dekat dan mengenal dengan pelajaran tersebut. perlu di ketahui bahwa jika kita setiap saat belajar praktek dan sukses maka ilmu yang kita ada itu akan tetap segitu saja dan akan berbeda jika kita mengajari kepada yang lain karena kita akan mendapatkan masalah yang berbeda dari yang mereka hadapi dan pada saat itu juga kita mendapat hal yang baru. di saat UKK ada juga sesi tanya jawab, jika kita sudah sering mengajari dan menjelaskan kepada teman-teman yang tidak bisa maka pada saat kita di tanya oleh penguji tersebut semuanya akan terasa sangat mudah dan dapat di jawab secara spontan dari mulut kita sendiri dan nilai 100 akan berada di tangan kita (pengalaman penulis) silahkan coba^^
  3. Membantu guru menyiapkan peralatan yang akan di gunakan pada saat UKK, selain skill dan ilmu yang harus di persiapkan, alat-alat praktek juga merupakan inti dari UKK, coba kita bayangkan jika pada saat proses Ujian dan ternyata terjadi kesalahan atau kerusakan pada peralatan yang kita gunakan, maka tentunya akan menjadi sebuah masalah yang sangat besar bukan? bahkan akan menyebabkan ketidaklulusan, untuk mencegah masalah tersebut, mari kita membantu guru pembimbing untuk sama-sama menjaga, mensetting, dan menyediakan peralatan tersebut di samping itu kita juga dapat menambahkan kebersamaan dengan guru pembimbing kita, inti dari sebuah kesuksesan adalah kebersamaan kerja (Team Work)
  4. Tenangkan diri dan berikan diri sendiri waktu ruang untuk melakukan refreshing, sebenarnya tidak perlu membebani hal tersebut karena jika kita gagal maka akan ada ujian ulang dan itu di jamin pasti lewat, justru jika kita semakin membebani hal itu maka persentase untuk lewat akan semakin sedikit. jadikan hal tersebut sederhana, tidak perlu harus lembur merubah hidup kita menjadi rumit secara mendadak, biasanya kan sangat santai dan tidak pernah belajar, hahahaha... tetap jalani hari-hari seperti biasa asalkan belajar dengan serius ketika memang pada saat sedang belajar.
                    SEMOGA SUKSES dI UKK SMK Umar Fatah Rembang Tahun 2017

Minggu, 01 Mei 2016

pedaftaran online

gambar 1 tabel pendaftar

DOWNLOAD 

setelah membuat tabel pendaftar, kita akan membuat koneksi ke database dengan script php,:
konek.php
$db="smaku";
$sambung=mysql_connect("localhost","root","");
$pilih_db=mysql_select_db($db,$sambung);
//if($pilih_db){echo"OK";}
?>

setelah itu buat form pendaftarannya,
finputpendaftar.php

==========================scriptnya======================================= 
===================================================================

setelah itu kita buat file yg berisi script menyimpan data ke database..
inputpendaftar.php
$tahun=date("Y");
?>if(isset($_POST['simpan'])){
include "../konek.php";
//$no = $_POST['no'];

$nilai=$_POST['nilai'];
$email=$_POST['email'];
$alamat=$_POST['alamat'];
$tahun=$_POST['tahun'];

$jml=$_POST['jml'];
$pass=$_POST['pass'];
$pass2=$_POST['pass2'];
$nama = $_POST['nama'];
//$ktgr=$_POST['select'];
    $fileName = $_FILES['foto']['name']; //get the file name
    $fileSize = $_FILES['foto']['size']; //get the size
    $fileError = $_FILES['foto']['error']; //get the error when upload
    $uploaddir='../img/';
    $lokasi=$uploaddir.$fileName;
   
   
if(trim($nama=='') or trim($nilai=='') or trim($alamat=='') or trim($pass=='') or trim($fileName=='') or trim($pass!= $pass2)){
echo"Data Gagal disimpan, pastikan semua data sudah terisi dengan benar atau periksa kecocokan password anda ..! ";
}
 else{
    //echo "Success!";
$q = "INSERT into pendaftar VALUES('','$nama','$nilai','$email','$alamat','$tahun','$jml','','$fileName','../img/$fileName','$pass','')"; //insert image property to database
mysql_query($q);

    if($q){
    $move = move_uploaded_file($_FILES['foto']['tmp_name'],$lokasi); //save image to the folder
        if($move){
            echo"";
            } else { echo "
Gambar / foto wajib diisi atau diupload !"; }
        }
}  
}
?>

membuat login keren

1. Buat file baru dengan nama login.php, kemudian copy source code yang ada di bawah ini :

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>ADMINISTRATOR DIGILIB</title>
<style>
/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
background: #DCDDDF url(http://cssdeck.com/uploads/media/items/7/7AF2Qzt.png);
color: #000;
font: 14px Arial;
margin: 0 auto;
padding: 0;
position: relative;
}
h1{ font-size:28px;}
h2{ font-size:26px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
h1,h2,h3,h4,h5,h6{ color:#563D64;}
small{ font-size:10px;}
b, strong{ font-weight:bold;}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.left { float:left; }
.right { float:right; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.clearfix:after,
form:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container { margin: 25px auto; position: relative; width: 900px; }
#content {
background: #f9f9f9;
background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow: 0 1px 0 #fff inset;
-ms-box-shadow: 0 1px 0 #fff inset;
-o-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
border: 1px solid #c4c6ca;
margin: 0 auto;
padding: 25px 0 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 #fff;
width: 400px;
}
#content h1 {
color: #7E7E7E;
font: bold 25px Helvetica, Arial, sans-serif;
letter-spacing: -0.05em;
line-height: 20px;
margin: 10px 0 30px;
}
#content h1:before,
#content h1:after {
content: "";
height: 1px;
position: absolute;
top: 10px;
width: 27%;
}
#content h1:after {
background: rgb(126,126,126);
background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
#content h1:before {
background: rgb(126,126,126);
background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
#content:after,
#content:before {
background: #f9f9f9;
background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
border: 1px solid #c4c6ca;
content: "";
display: block;
height: 100%;
left: -1px;
position: absolute;
width: 100%;
}
#content:after {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
top: 0;
z-index: -1;
}
#content:before {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
top: 0;
z-index: -2;
}
#content form { margin: 0 20px; position: relative }
#content form input[type="text"],
#content form input[type="password"] {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: #eae7e7 url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) no-repeat;
border: 1px solid #c8c8c8;
color: #777;
font: 13px Helvetica, Arial, sans-serif;
margin: 0 0 10px;
padding: 15px 10px 15px 40px;
width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
-webkit-box-shadow: 0 0 2px #ed1c24 inset;
-moz-box-shadow: 0 0 2px #ed1c24 inset;
-ms-box-shadow: 0 0 2px #ed1c24 inset;
-o-box-shadow: 0 0 2px #ed1c24 inset;
box-shadow: 0 0 2px #ed1c24 inset;
background-color: #fff;
border: 1px solid #ed1c24;
outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
#content form input[type="submit"] {
background: rgb(254,231,154);
background: -moz-linear-gradient(top,  rgba(254,231,154,1) 0%, rgba(254,193,81,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
background: -o-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
background: linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
-o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
border: 1px solid #D69E31;
color: #85592e;
cursor: pointer;
float: left;
font: bold 15px Helvetica, Arial, sans-serif;
height: 35px;
margin: 20px 0 35px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
width: 120px;
}
#content form input[type="submit"]:hover {
background: rgb(254,193,81);
background: -moz-linear-gradient(top,  rgba(254,193,81,1) 0%, rgba(254,231,154,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
background: -o-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
background: linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 );
}
#content form div a {
color: #004a80;
    float: right;
    font-size: 12px;
    margin: 30px 15px 0 0;
    text-decoration: underline;
}
.button {
background: rgb(247,249,250);
background: -moz-linear-gradient(top,  rgba(247,249,250,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
background: linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0',GradientType=0 );
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-top: 1px solid #CFD5D9;
padding: 15px 0;
}
.button a {
background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
color: #7E7E7E;
font-size: 17px;
padding: 2px 0 2px 40px;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.button a:hover {
background-position: 0 -135px;
color: #00aeef;
}
</style>
</head>
<body>
<div class="container">
<section id="content">
<form  method="post" action="proses.php" onSubmit="return validasiForm(this)">
<h1>Login Admin</h1>
<div>
<input type="text" placeholder="Username" required="" name="username" />
</div>
<div>
<input type="password" placeholder="Password" required="" name="password" />
</div>
<div>
<input type="submit" value="Login" />
</div>
</form>
    <!-- form -->
<div class="button">
VENDIDIT.BLOGSPOT.COM &copy; 2015
</div><!-- button -->
</section><!-- content -->
</div><!-- container -->
</body>
</html>

2. Paste code di atas pada file login.php
3. Buat file lagi dengan nama proses.php, copy code di bawah ini :

<?php
 $user = $_POST['username'];
 $password = $_POST['password'];
  
 if ($user == "admin" and $password == "admin"){
        echo"Login Berhasil";
 }else{
       echo"<script language='javascript'>alert('Terjadi kesalahan, silakan ulangi !')</script>";
       echo"<script language='javascript'>window.location = '../login'</script>";
 }
?>

4. Paste code di atas pada file proses.php
5. Selesai dan jalankan pada browser, Hasilnya :


Keterangan : Untuk username = admin dan Password = admin, selain itu salah,  akan ada warning sebagai berikut :
Jika benar :

Pada form login ini juga sudah ada validasi form nya, lihat gambar berikut :