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.

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>
        &nbsp;<input type="radio" name="gender" value="L" <?php echo isset($_POST['gender']) ? $_POST['gender']=='L' ? ' checked' : '': ''; ?>/>Laki - Laki
     
            &nbsp;<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)">&nbsp;Reset&nbsp;</button>&nbsp;
  <button type="submit" name="submit">&nbsp;Kirim&nbsp;</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






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 :)



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 &nbsp;
                    <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

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 :



1.   10. Inilah hasilnya jika semua form diisi dengan baik dan benar:





Bagaimana? Cukup mudah bukan? Selamat mencoba ;)) 

Followers