Praktikum PHP6
Assalamualaikum.. Kali ini saya akan berbagi tutorial praktikum PHP 6 tentang Validasi Form dengan PHP. Dan yang akan saya bahas adalah tentang membuat validation form menggunakan session ditambah dengan validasi captcha.
Langsung saja seperti biasa, buka dreamweaver CS6.
Langsung saja seperti biasa, buka dreamweaver CS6.
1. Pertama buat captcha terlebih dahulu untuk ditambahkan pasa validation form nanti. CAPTCHA atau Captcha adalah suatu bentuk uji tantangan-tanggapan (challange-response test) yang digunakan dalam perkomputeran untuk memastikan bahwa jawaban tidak dihasilkan oleh suatu komputer. Proses ini biasanya melibatkan suatu komputer (server) yang meminta seorang pengguna untuk menyelesaikan suatu uji sederhana yang dapat dihasilkan dan dinilai oleh komputer tersebut. Karena komputer lain tidak dapat memecahkan CAPTCHA, pengguna manapun yang dapat memberikan jawaban yang benar akan dianggap sebagai manusia.
2. Buat skrip untuk kode captcha nya :
<?php
session_start();
$alphaNumeric = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
$random = substr(str_shuffle($alphaNumeric),0,5);
$image = imagecreatefromjpeg("bg_captcha.jpg");
$textcolor = imagecolorallocate ($image, 0, 0, 0); //hitam
imagestring ($image, 5, 5, 8, $random, $textcolor);
$_SESSION['image_random_value']=md5($random);
//header("Expires: MOn, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s"). " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
header('Content-type: image/jpeg');
imagejpeg($image);
imagedestroy($image);
?>
3. Setelah captcha dibuat, kemudian buatlah form.php dimana form.php adalah halaman untuk memasukkan inputtan dimana inputan itu nanti akan di resume pada halaman action.php. Catatan: pada form.php nanti akan muncul pesan error jika inputan masih kosong atau tidak esuai dengan format yang ditentukan. Berikut adalah skrip nya :
<?php
session_start();
if(isset($_SESSION['error'])){
$error = $_SESSION['error'];
$true = $_SESSION['true'];
$_POST = $_SESSION['post'];
unset ($_SESSION['error']);
unset ($_SESSION['true']);
unset ($_SESSION['post']);
}
if (empty($nama) || empty($gender) || empty($email) || empty($alamat) || empty($tempat) || empty($email) || empty($pwd) || empty($agama) || empty($noHP) || empty($captcha) || empty($hari) ||empty($bualan) ||empty($bulan) ){
?>
<!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=utf-8" />
<link rel="stylesheet" type="text/css" href="button.css" />
<title>Formulir</title>
</head>
<body style="background-image:url(blue.jpg); background-repeat:repeat;">
<form action="action.php" name="form1" method="post">
<table cellspacing="0" cellpadding="4" bgcolor="#FFFFFF" border="0" width="800" height="440" background="4.png" Style='border-radius:20px;border-color:white;
box-shadow: 0 0 5px 5px black; position:fixed;left:350px;top:55px;'>
<tr>
<td rowspan="10" width="250" background="4.png"=' border-top-left-radius:20px; border-bottom-left-radius:20px '><center><img src="logotelkom.jpg" width="200" 0height="200" /></center></td>
<td colspan="3" background="4.png" bgcolor="#CCCCCC" Style=' border-top-right-radius:20px; '>
<center><strong><font color="#0000CC" size="+2">INPUTAN BIODATA</font></strong></center>
</td>
</tr>
<tr>
<td> Nama Lengkap</td>
<td width="1"><center>:</center></td>
<td><input type='text' name="nama" size="40" placeholder="Nama Lengkap" value="<?php echo isset($_POST['nama']) ? $_POST['nama'] : ''; ?>" />
<font size="-1" color="red"><?php echo isset($error['nama']) ? $error['nama'] : '';?></font>
<font ><?php echo isset ($true['nama'])? $true['nama'] : '';?></font>
</td>
</tr>
<tr>
<td> Jenis Kelamin</td>
<td><center>:</center></td>
<td>
<input type="radio" name="gender" value="L" <?php echo isset($_POST['gender']) ? $_POST['gender']=='L' ? ' checked' : '': ''; ?>/>Laki - Laki
<input type="radio" name="gender" value="P" <?php echo isset($_POST['gender']) ? $_POST['gender']=='P' ? ' checked' : '': ''; ?>/>Perempuan
<font size="-1" color="red"><?php echo isset($error['gender']) ? $error['gender'] : '';?></font>
<?php echo isset ($true['gender'])? $true['gender'] : '';?>
</td>
</tr>
<tr>
<td>TTL</td>
<td><center>:</center></td>
<td>
<input type='text' placeholder="Tempat" name="tempat" size="8" value="<?php echo isset($_POST['tempat']) ? $_POST['tempat'] : ''; ?>" />
<font size="-1" color="red"><?php echo isset($error['tempat']) ? $error['tempat'] : '';?></font>
<font ><?php echo isset ($true['tempat'])? $true['tempat'] : '';?></font>
<?php
$bulan=array("Januari" ,"Februari", "Maret" ,"April", "Mei", "Juni",
"Juli", "Agustus", "September", "Oktober", "November", "Desember");
echo '<select name="hari" >';
echo "<option value=hari>Hari</option>";
$hari=1;
$haripilih = isset($_POST['hari']) ? $_POST['hari'] : "hari";
while($hari<=31) {
echo "<option value=$hari";
echo $hari == $haripilih ? " selected" : "";
echo '>'.$hari.'</option>';
$hari++;
}
echo '</select>';
echo '<select name="bulan">';
echo "<option value=bulan>Bulan</option>";
$jumlah=count($bulan);
$bulanpilih = isset($_POST['bulan']) ? $_POST['bulan'] : "bulan";
for($i=0; $i<$jumlah ; $i++){
echo "<option value=$bulan[$i]";
echo $bulan[$i] == $bulanpilih ? " selected" : "";
echo '>'.$bulan[$i].'</option>';
}
echo '</select>';
echo '<select name="tahun">';
echo "<option value=tahun>Tahun</option>";
$tahunpilih = isset($_POST['tahun']) ? $_POST['tahun'] : "tahun";
for($tahun=1995; $tahun<2010; $tahun++){
echo "<option value='$tahun'";
echo $tahun == $tahunpilih? " selected" : "";
echo '>'.$tahun.'</option>';
}
echo '</option>';
?>
</td>
</tr>
<tr>
<td>Alamat</td>
<td><center>:</center></td>
<td><input type='text' placeholder="Alamat" name="alamat" size="40" value="<?php echo isset($_POST['alamat']) ? $_POST['alamat'] : ''; ?>" />
<font size="-1" color="red"><?php echo isset($error['alamat']) ? $error['alamat'] : '';?></font>
<font ><?php echo isset ($true['alamat'])? $true['alamat'] : '';?></font>
</td>
</tr>
<tr>
<td>E-mail</td>
<td><center>:</center></td>
<td><input type='text' name="email" placeholder="E-mail" size="40" value="<?php echo isset($_POST['email']) ? $_POST['email'] : ''; ?>" />
<font size="-1" color="red"><?php echo isset($error['email']) ? $error['email'] : '';?></font>
<font ><?php echo isset ($true['email'])? $true['email'] : '';?></font>
</td>
</tr>
<tr>
<td>Password</td>
<td><center>:</center></td>
<td><input type='password' placeholder="Password" name="pwd" size="40" value="<?php echo isset($_POST['pwd']) ? $_POST['pwd'] : ''; ?>" />
<font size="-1" color="red"><?php echo isset($error['pwd']) ? $error['pwd'] : '';?></font>
<font ><?php echo isset ($true['pwd'])? $true['pwd'] : '';?></font>
</td>
</tr>
<tr>
<td>No. HP</td>
<td><center>:</center></td>
<td><input type='text' placeholder="No.HP" name="HP" size="40" value="<?php echo isset($_POST['HP']) ? $_POST['HP'] : ''; ?>" />
<font size="-1" color="red"><?php echo isset($error['HP']) ? $error['HP'] : '';?></font>
<font ><?php echo isset ($true['HP'])? $true['HP'] : '';?></font>
</td>
</tr>
<tr>
<td>Captcha <img height="30" style="vertical-align:middle;" src="captcha.php?data=<?php echo date('YmdHis');?> alt="securiy image" /></td>
<td><center>:</center></td>
<td>
<input name="pin" placeholder="Captcha" type="text" value="<?php echo isset($_POST['captcha']) ? $_POST['captcha'] : ''; ?>" />
<font size="-1" color="red"><?php echo isset($error['pin']) ? $error['pin'] : '';?></font>
<font ><?php echo isset ($true['pin'])? $true['pin'] : '';?></font>
</td>
</tr>
<tr>
<td colspan="3" Style=' border-bottom-right-radius:20px;'><center><button type="reset" value="Refresh" ONCLICK="history.go(0)"> Reset </button>
<button type="submit" name="submit"> Kirim </button></center>
</td>
</tr>
</table>
</form>
<?php } ?>
</body>
</html>
4. Selanjutnya membuat action.php dan fungsinya untuk menampilkan hasil inputan dari form.php Berikut adalah script action.php.
<?php
session_start();
if($_POST){
$nama=$_POST['nama'];
$gender=isset($_POST['gender'])? $_POST['gender']:"";
$tempat=$_POST['tempat'];
$hari=$_POST['hari'];
$bulan=$_POST['bulan'];
$tahun=$_POST['tahun'];
$alamat=$_POST['alamat'];
$email=$_POST['email'];
$pwd=$_POST['pwd'];
$noHP=$_POST['HP'];
$CAPTCHA=$_POST['pin'];
$emailpattern = '/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/';
$imgTrue = '<img src=bener.JPG width="20px" style="vertical-align:middle" /><br>
';
$imgEmp = '<img src=empty.GIF style="vertical-align:middle" width="20px" /><br>
';
$imgErr = '<img src=error.JPG style="vertical-align:middle" /><br>
';
$error = array();
if(empty ($nama)){
$error['nama'] = $imgEmp.'Nama tidak boleh kosong';
} else if(preg_match('/[^a-zA-Z ]/', $nama)) {
$error['nama'] = $imgErr.'Inputan nama hanyalah huruf saja';
} else{
$true['nama'] = $imgTrue;
}
if(empty ($email)){
$error['email'] = $imgEmp.'Email tidak boleh kosong';
} elseif (!preg_match($emailpattern, $email)){
$error['email'] = $imgErr.'Email salah tulis (xxxxxxx@xxxxx.xxx)';
} else{
$true['email'] = $imgTrue;
}
if(empty ($alamat)){
$error['alamat'] = $imgEmp.'Alamat tidak boleh kosong';
} else{
$true['alamat'] = $imgTrue;
}
if(empty ($pwd)){
$error['pwd'] = $imgEmp.'Password tidak boleh kosong';
} else{
$true['pwd'] = $imgTrue;
}
if (empty($gender)){
$error['gender'] = $imgEmp.'Jenis kelamin tidak boleh kosong';
} else{
$true['gender'] = $imgTrue;
}
if(empty ($tempat)){
$error['tempat'] = $imgEmp.'TTL tidak boleh kosong';
} else{
$true['tempat'] = $imgTrue;
}
if(empty ($noHP)){
$error['HP'] = $imgEmp.'No HP tidak boleh kosong';
} else if(preg_match('/[^0-9 ]/', $noHP)) {
$error['HP'] = $imgErr.'Inputan No HP hanyalah angka saja';
}
else{
$true['HP'] = $imgTrue;
}
if(empty ($CAPTCHA)){
$error['pin'] = $imgEmp.'Captcha tidak boleh kosong';
} elseif (md5($_POST['pin']) <> $_SESSION['image_random_value']){
$error['pin'] = $imgErr.'Salah, coba ulangi kembali';
} else {
$true['pin'] = $imgTrue;
}
if(empty($error)){
if($gender=='Laki - Laki'){
echo'<h2><center>Selamat Datang Saudara, '.$nama.'
<br> Berikut Biodatamu</center></h2>';
}
else{
echo'<h2><center>Selamat Datang Saudari, '.$nama.'
<br>Berikut Biodatamu</center></h2>';
}
print("
<table cellspacing='0' cellpadding='4' bgcolor='#CCCCCC' border='0' width='650' height='300' Style='border-radius:20px;border-color:white; position:fixed;left:360px;top:110px;box-shadow: 0 0 5px 5px blue; '>
<tr>
<td colspan='4' bgcolor='#3399FF' Style=' border-top-left-radius:20px; border-top-right-radius:20px'>
<center><strong><font color='white'><div class='Da'>DATA DIRI</div></font></strong></center>
</td>
</tr>
<tr>
<td> Nama Lengkap </td>
<td width='1'><center>:</center></td>
<td> $nama</td>
</tr>
<tr>
<td> Jenis Kelamin</td>
<td><center>:</center></td>
<td> $gender </td>
</tr>
<tr>
<td>TTL</td>
<td><center>:</center></td>
<td>$tempat, $hari - $bulan - $tahun</td>
</tr>
<tr>
<td>Alamat</td>
<td><center>:</center></td>
<td> $alamat</td>
</tr>
<tr>
<td>E-mail</td>
<td><center>:</center></td>
<td>$email</td>
</tr>
<tr>
<td>Password</td>
<td><center>:</center></td>
<td> $pwd</td>
</tr>
<tr>
<td Style=' border-bottom-left-radius:20px'>No. HP</td>
<td><center>:</center></td>
<td>$noHP</td>
</tr>
<tr>
</table>
");
}
else{
$_SESSION['error']=$error;
$_SESSION['true'] =$true;
header("location:form.php");
}
}
?>
5. Dan hasilnya ketika di run adalah :
Bagaimana? Mudah toh? selamat mencoba. terimakasih
01.29 | Label: PHP | 1 Comments
Praktikum PHP 5
Assalamualaikum wr.wb. Kali ini saya akan membahas Praktikum
selanjutnya yaitu Praktikum PHP 5. Saya akan membahas tentang :
- Array
- Fungi
- Modularisasi
A. ARRAY
1. Array merupakan variabel yang berisi lebih dari 1
variabel, atau dapat dikatakan sebagai variabel jamak. Variabel array pada PHP,
kadang tidak perlu kita definisikan. Namun untuk indeks array, kita menggunakan
indeks mulai dari 0 hingga sejumlah elemen array dikurang 1.Sebagai analogi,
ketika kita mempunyai banyak nama buah (variabel), maka daripada kita
menyatakan tiap nama buah dengan variabel $buah1, $buah2, $buah3, ...dst.
CONTOH :
B. FUNGSI
Fungsi dapat dikategorikan kedalam:
a. Built-in
b. User Defined
Function (UDF)
c. External
Fungsi Built-in: merupakan fungsi yang sudah ada pada PHP,
user tinggal menggunakannya. Contoh:
-Fungsi Matematika : sin(), cos(), tan(), asin(), deg2rad(),
dll.
-Fungsi Tanggal & waktu : date(), checkdate()
-Fungsi String : strlen(), strops(), strtolower(),
strtoupper(), substr(), dll.
Contoh Fungsi Aritmatik :
Contoh Fungsi Date :
Contoh Fungsi String :
Contoh Fungsi Tanpa Umpan Balik :
Contoh Fungsi Dengan Umpan Balik :
C. Modularisasi
-Modularisasi dalam pemrograman umum dilakukan dan sangat
diperlukan untuk mempermudah debugging
dan pengembangan program.
-Modularisasi berarti melakukan pembuatan program
berdasarkan modul-modul .
-Setiap modul dikembangkan untuk tujuan atau fungsi khusus.
Modul dibuat secara general (umum). Modul dapat berupa fungsi atau prosedur.
-Statement Require digunakan untuk membaca nilai variable
dan fungsi-fungsi dari file lain-Cara penulisan statement Require adalah:
require(namafile);
-Teknik ini cocok untuk membuat template (pola) yang
memudahkan proses pengembangan aplikasi dengan menggunakan pola tampilan. Misal
dalam membuat design web yang dilakukan dengan kerja tim, pola dan
gambar-gambar yang dibutuhkan dapat dibuat dengan teknik ini.
Contohnya :
terimakasih. selamat mencoba :)
00.47 | Label: PHP | 0 Comments
Praktikum ASP 5
Assalamualaikum, selamat siang kali ini saya akan posting tentang tugas praktikum ASP yg ke 5. Langsung saja ya..
1. pertama,kita buat file new dulu,yaitu ASP web Application
2.kedua,setelah terbuat file nya ketikkan script berikut :
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="InputBiodata.aspx.cs" Inherits="PraktikumASP5.InputBiodata" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Entrykan Data Diri</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<center style="width: 342px">Wajib Di isi</center>
<h3></h3>
<table border="1">
<tr>
<td rowspan="8"><embed src="r.jpg"width="320" height="350" ></embed></td>
<td colspan="3">
Inputan Biodata
</td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td>
<asp:TextBox ID="txtNama" runat="server"></asp:TextBox>
</td>
<asp:Label ID="lblNama" runat="server"></asp:Label>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td width="1"><center>:</center></td>
<td>
<input id="Radio1" type="radio" name="gender" value="Laki-Laki" />Laki-Laki
<input id="Radio2" type="radio" name="gender" value="Perempuan" />Perempuan
</td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td>
<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
</td>
<asp:Label ID="lblEmail" runat="server"></asp:Label><br />
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td>
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
</td>
<asp:Label ID="lblPassword" runat="server"></asp:Label><br />
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>
<asp:TextBox ID="TxtAlamat" runat="server" TextMode="MultiLine"></asp:TextBox>
</td>
<asp:Label ID="lblAlamat" runat="server"></asp:Label><br />
</tr>
<tr>
<td>Cita Cita</td>
<td>:</td>
<td>
<asp:RadioButton ID="rdbtnpresiden" runat="server" Text="Presiden" GroupName="Source" /><br />
<asp:RadioButton ID="rdbtnMenteri" runat="server" Text="Menteri" GroupName="Source" /><br />
<asp:RadioButton ID="rdbtnLainya" runat="server" Text="Lainya" GroupName="Source"/><br />
<asp:TextBox ID="txtLainya" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="3">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" PostBackUrl="~/InputBiodataResult.aspx" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Dan hasilnya adalah
Oke sekian terimakasi. Semoga bermanfaat
00.20 | Label: ASP | 0 Comments
Praktikum ASP4 Menggunakan Visual Studio 2012
Good night :))
Kali ini saya akan membahas tentang Design dan Validation
Form untuk project ASP4 saya.. langsung ya begini caranya :
1. 1. Buat Project baru, pilih Windows Forms
Application, beri nama terserah anda, Location tempatkan di folder pilihan
Anda, Solution pilih Add to Solution (tidak membuat solution baru)
2. 2. Design form
dengan cara beri judul form dengan nama Validation Form
3. 3. Tambahkan
beberapa Component dari ToolBox -> All Windows Forms -> Label, TextBox,
Button, ProgressBar, ErrorProvider -> Beri nama masing-masing Component
4. 4. Drag dan Drop Component yang sudah dipilih ke atas
Form dan Atur tata letak masing-masing Component
5. 5. Untuk penamaan
masing-masing component (Name) dan Text Display dapat dilakukan di jendela
Properties.
6.
6. Untuk
BackgroundImage Form dapat diganti sesuai selera dengan cara memberi image jpg
dari browse localdisk
7. 7. Untuk BackColor
Label dapat diberi warna transparant agar menyatu dengan backgroundImage Form.
8. 8.Kemudian beri
code program dengan cara klik kanan Form -> View Code, dan ketik code
seperti dibawah ini :
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace PraktikumASP4
{
static class
Program
{
///
<summary>
/// The main
entry point for the application.
///
</summary>
[STAThread]
static void
Main()
{
Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);
Application.Run(new Form1());
}
}
}
9. 9. Run (Ctrl+F5)
kemudian beri inputan kosong dan berisi
Kosongkan NIS, Kelas dan Asal smp maka akan muncul MessageBox seperti pada gambar
dibawah ini :
Kosongkan NIS, Kelas dan Asal smp maka akan muncul MessageBox seperti pada gambar
dibawah ini :
1. 10. Inilah hasilnya
jika semua form diisi dengan baik dan benar:
Bagaimana? Cukup mudah bukan? Selamat mencoba ;))
06.42 | Label: ASP | 0 Comments
Langganan:
Postingan (Atom)













