1. Buka aplikasi Dreamweaver. Klik File>New dipojok kiri atas klik Create. Buat file php dengan nama PraktikumPHP6.php
2. Agar nantinya tombol submit dapat dilihat hasilnya pada live view maka lakukan setting berikut.
3. Ketikkan script berikut.
<?php4. Buat file php baru dengan nama captcha.php dan ketikkan script berikut pada workspace.
session_start();
if(isset($_SESSION['error'])){
$error = $_SESSION['error'];
$_POST = $_SESSION['post'];
unset($_SESSION['error']);
unset($_SESSION['post']);
}if(empty($nama) || empty($email) || empty($alamat) || empty($hp) || empty($password) || empty($gender) || empty($tempat) || empty($hari) || empty($bulan) || empty($tahun) || empty($pin)){?>
<form name="form1" method="post" action="valid.php">
<center>
<table width="779" border="9">
<tr>
<td width="183" rowspan="10"><img src="logosmk.jpg" width="183" height="179" /></td>
<td colspan="3" bgcolor="#0099FF"><center>
Inputan Biodata</center>
</td>
</tr>
<tr>
<td width="118">Nama Lengkap</td>
<td width="3">:</td>
<td width="517"><input name="nama" placeholder="Masukkan Nama Anda" id="nama" type="text" value="<?php echo isset($_POST['nama']) ? $_POST['nama'] : '';?>"> <font color="#FF0000"><?php echo isset($error['nama']) ? $error ['nama'] :"";?></font></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input name="gender" type="radio" value="Pria" <?php echo isset($_POST['gender'])? $_POST['gender']=='Pria' ? 'checked' : "":'';?> />
L
<input name="gender" type="radio" value="Wanita" <?php echo isset($_POST['gender'])? $_POST['gender']=='Wanita' ? 'checked' : "":'';?> />
P <font color="#FF0000"><?php echo isset($error['gender']) ? $error ['gender'] : "";?></font></td>
</tr>
<tr>
<td>TTL</td>
<td>:</td>
<td><input name="tempat" type="text" id="tempat2" placeholder="Masukkan Tempat Lahir" value="<?php echo isset($_POST['tempat']) ? $_POST['tempat'] : '';?>">,<select name="hari">
<option value=hari>Hari</option>
<?php
$hari=1;
$day = isset($_POST['hari']) ? $_POST['hari'] : "hari";
while($hari<32){
echo "<option value=$hari";
echo $hari == $day ? " selected" : "";
echo '>'.$hari.'</option>';
$hari++;
}
?>
</select>
<select name="bulan">
<option value="bulan">Bulan</option>
<?php
$bulan = array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
$jumlah=count($bulan);
$month = isset($_POST['bulan']) ? $_POST['bulan'] : "bulan";
for($i=0; $i<$jumlah; $i++){
echo "<option value=$bulan[$i]";
echo $bulan[$i] == $month ? " selected" : "";
echo '>'.$bulan[$i].'</option>' ;
}
?></select>
<select name="tahun">
<option value=tahun>Tahun</option>
<?php
$year = isset($_POST['tahun']) ? $_POST['tahun'] : "tahun";
for($tahun=1995; $tahun<2015; $tahun++){
echo "<option value='$tahun'";
echo $tahun == $year? " selected" : "";
echo '>'.$tahun.'</option>';
}
?>
</select>
<font color="#FF0000"><?php echo isset($error['tempat']) ? $error ['tempat'] :"";?></font></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input name="email" placeholder="Masukkan Email Anda" id="email" type="text" value="<?php echo isset($_POST['email']) ? $_POST['email'] : '';?>" /><font color="#FF0000"><?php echo isset($error['email']) ? $error ['email'] : "";?></font></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input name="password" placeholder="Masukkan Password" type="password" id="password2" value="<?php echo isset($_POST['password']) ? $_POST['password'] : '';?>" /><font color="#FF0000"><?php echo isset($error['password']) ? $error ['password'] : "";?></font></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input name="alamat" placeholder="Masukkan Alamat Anda" id="alamat2" type="text" value="<?php echo isset($_POST['alamat']) ? $_POST['alamat'] : '';?>" /><font color="#FF0000"><?php echo isset($error['alamat']) ? $error ['alamat'] : "";?></font></td>
</tr>
<tr>
<td>No.HP</td>
<td>:</td>
<td><input name="hp" placeholder="Masukkan Nomor HP Anda" type="text" id="hp2" value="<?php echo isset($_POST['hp']) ? $_POST['hp'] : '';?>" /><font color="#FF0000"><?php echo isset($error['hp']) ? $error ['hp'] : "";?></font></td>
</tr>
<tr>
<td>Inputkan Captcha<br><img src="captcha.php?date=<?php echo date('YmdHis'); ?>" alt="security image(tidak muncul)" /></td>
<td>:</td>
<td> <input type="text" placeholder="Masukkan Kode Captcha" name="pin" value="<?php echo isset($_POST['pin']) ? $_POST['pin'] : '';?>" /><font color="#FF0000"><?php echo isset($error['pin']) ? $error ['pin'] : "";?></font></td>
</tr>
<tr>
<td colspan="3"><center>
<input type="Submit" name="Submit" value="Submit" class="button" style="background-color:#0099FF; border-radius:20px" /></center>
</td>
</tr>
</table>
</form>
<?php } ?> </center>
</body>
</html>
<?php5. Buat file php baru dengan nama valid.php dan ketikkan script berikut pada workspace.
session_start();
$alphaNumerik = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
$random = substr (str_shuffle($alphaNumerik), 0,5);
$image = imagecreatefromjpeg ("bg_captcha.JPG");
$textColor = imagecolorallocate ($image, 0, 0, 0);
imagestring ($image, 5, 5, 8, $random, $textColor);
$_SESSION['image_random_value'] = md5($random);
//header(Expires : Mon, 09 Oktober 2013 07: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);
?>
<?php6. Tekan F12 untuk Run pada browser. Maka tampilannya sebagai berikut.
session_start();
if($_POST){
$nama=$_POST['nama'];
$email=$_POST['email'];
$gender=$_POST['gender'];
$tempat=$_POST['tempat'];
$hari=$_POST['hari'];
$bulan=$_POST['bulan'];
$month=$_POST['bulan'];
$tahun=$_POST['tahun'];
$pin=$_POST['pin'];
$gender2;
$emailPattern = '/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/';
$password=$_POST['password'];
$alamat=$_POST['alamat'];
$hp=$_POST['hp'];
$imgErr='<img src=warning.png style"vertical=align:middle" width="10" height="10">
';
$error = array();
if(empty($nama)){
$error['nama'] = $imgErr.'Nama anda kosong';
}
if (empty($gender)){
$error['gender'] = $imgErr.'Gender anda kosong';}
if (empty($tempat) || empty($hari) || empty($bulan) || empty($tahun)){
$error['tempat'] = $imgErr.'Tempat dan Tanggal Lahir anda kosong';
}
if(empty($email)){
$error['email'] = $imgErr.'Email anda kosong';
} elseif (!preg_match($emailPattern, $email)) {
$error['email'] = $imgErr.'Email salah penulisan (xxxxxx@xxxx.xxx)';
}
if (empty($password)){
$error['password'] = $imgErr.'Password anda kosong';}
if (empty($alamat)){
$error['alamat'] = $imgErr.'Alamat anda kosong';}
if (empty($hp)){
$error['hp'] = $imgErr.'Nomor Hp anda kosong';}
if (empty($pin)){
$error['pin'] = $imgErr.'Captcha anda kosong';}
else if (md5($_POST['pin'])<> $_SESSION['image_random_value']){ $error['pin'] = $imgErr.'Kode Captcha salah!';}
if($gender == "Pria"){
$gender2 = "Mas";}
else {
$gender2 = "Mbak";};
$umur = 2013 - $tahun;
if(empty($error)){
echo "<center>
<font size='12' color='Black'>Terima Kasih Sudah Mengisi Semua Inputan $gender2 $nama </font>";
echo ("<table width='707' border='9'>
<tr>
<td width='183' rowspan='8'><img src='logosmk.jpg' width='183' height='179' /></td>
<td colspan='3' bgcolor='#0099FF' ><center>
Inputan Biodata</center>
</td>
</tr>
<tr>
<td width='102'>Nama Lengkap</td>
<td width='13'>:</td>
<td width='298'> $nama </td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td> $gender </td>
</tr>
<tr>
<td>TTL</td>
<td>:</td>
<td>$tempat , $hari $month $tahun ($umur tahun) </td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td>$email</td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td>$password</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>$alamat</td>
</tr>
<tr>
<td>No.HP</td>
<td>:</td>
<td>$hp</td>
</tr>
</table>");
echo "<a href='PraktikumPHP6.php'><font color='white'>KEMBALI</font></a>";
}else{
$_SESSION['error'] = $error;
$_SESSION['post'] = $_POST;
header("location:PraktikumPHP6.php");
}
}
?>
