KERAH: Praktikum Pemrograman Internet (Pertemuan 6)

MODUL 6

INTERNET PROGRAMMING : PHP (3)

A. Tujuan

1. Memahami tentang penggunaan Form

2. Memahami tentang perbedaan antara metode GET & POST

3. Memahami tentang pemrosesan validasi form

B. Dasar Teori

a. Pengolahan Data Dari Form

Web menerima input dari user atau pengunjung menggunakan metode GET dan POST. GET akan mengirimkan data bersama dengan URL, sedangkan POST mengirimkannya secara terpisah.

User mengirimkan data input dengan mengisi teks atau pilihan pada attribut form html. Apa saja yang merupakan komponen form html diantaranya :

Form

Note : target window name diisikan berupa:

_blank

_self

_parent

_top

Form Input Check Box

Form Input File

Form Input Hidden

Form Input Password

Form Input Radio Button

Form Input Reset

Form Input Submit

Form Input Button

Form Input Text

Form Select

<SELECT NAME=name>option entries </SELECT>

<SELECT NAME=name MULTIPLE>option entries </SELECT>

<SELECT NAME=name SIZE=size>option entries </SELECT>

<SELECT NAME=name SRC=URL WIDTH=width HEIGHT=height UNITS=units>option entries </SELECT>

<OPTION>content

<OPTION SELECTED>content

<OPTION VALUE=value>content

Form Text Area

<TEXTAREA NAME=name COLS=# columns ROWS=# rows>content </TEXTAREA>

b. Form Validation

Validasi proses merupakan hal yang harus diperhatikan dalam pembuatan web. Untuk melakukan validasi bisa menggunakan Javascript maupun PHP script. Perbedaannya dari keduanya, jika Javascript akan diproses disisi client, PHP script akan diproses disisi server.

Tugas pendahuluan

Buatlah desain flowchart untuk setiap soal dalam percobaan

Latihan

1. Perbandingan 2 bilangan menggunakan metode : POST

a. Untuk membuat inputan dan beri nama file : bandingnilai.php

Flowchart

Syntax program

<html>

<head>

<title>Contoh Form dengan POST</title>

</head>

<body>

Bil I :

<br>

Bil II :

<br>

</form>

</body>

</html>

Tampilan Program

b. Buat file untuk memporses variable, beri nama filenya : proc_post.php

<html>

<head>

<title>Proses Input</title>

</head>

<body>

<?php

$bil1=$_POST["bil1"];

$bil2=$_POST["bil2"];

<h1>Perbandingan Bilangan</h1>

<hr />

Bil 1 : <?php echo $bil1?>

<br>

Bil 2 : <?php echo $bil2?>

<br>

<?php

if ($bil1 < $bil2){

echo "$bil1 lebih kecil dari $bil2";

}

elseif ($bil1 > $bil2){

echo "$bil1 lebih besar dari $bil2";

}

else{

echo "$bil1 sama dengan $bil2";

}

</body>

</html>

Tampilan Program

2. Pemrosesan Buku Tamu dengan metode : POST

a. Untuk membuat inputan, dan beri nama file :bukutamu.php

Flowchart

Syntax program

<html>

<head>

<title>Contoh Form dengan POST</title>

</head>

<body>

Komentar dan saran sangat kami butuhkan untuk meningkatkan kualitas situs kami.

<hr>

<pre>

Nama anda : <input type="text" name="nama" size="25" maxlength="50">

Email address : <input type="text" name="email" size="25" maxlength="50">

Komentar : <textarea name="komentar" cols="40" rows="5"></textarea>

</pre>

</form>

</body>

</html>

Tampilan program

b. Buat file untuk memproses variable, beri nama filenya: proc_bukutamu.php

<html>

<head>

</head>

<body>

<?php

$nama=$_POST["nama"];

$email=$_POST["email"];

$komentar=$_POST["komentar"];

<hr />

Nama anda : <?php echo $nama ?>

<br />

Email address : <?php echo $email ?>

<br />

Komentar :

<?php echo $komentar ?></textarea>

<br />

</body>

</html>

Tampilan program

3. Form Validation

a. Bebasis Javascript

Flow Chart

Syntax program

function pesan() {

var ceknama = document.forms[0].elements[0].value;

var cekumur = document.forms[0].elements[1].value;

var cekemail = document.forms[0].elements[2].value;

if (ceknama.length == 0)

window.alert("Anda belum memasukkan nama Anda");

else if ((cekumur < 0) || (isNaN(cekumur)) ||

(cekumur.length == 0))

window.alert("Input umur Anda salah");

else if ((cekemail.length == 0) || (cekemail.indexOf("@",1)

== -1))

window.alert("Periksa kembali alamat email Anda");

else

document.forms[0].submit();

}

</SCRIPT>

<html>

<head><title>Wiyat Suwiryat</title>

<body>

<H1> Selamat Datang di Situs Kami</H1>

Silakan isi identitas Anda <BR>

<PRE>

Nama : <INPUT TYPE="text" NAME="nama">

Umur : <INPUT TYPE="text" NAME="umur"> tahun

Email : <INPUT TYPE="text" NAME="email">

</PRE></FORM>

</body>

</html>

Tampilan Program

b. Berbasis PHP Script

Simpan sebagai data.php

<html>

<head><title>M Gilbran eka p</title>

<body>

<H1> Selamat Datang di Situs Kami</H1>

Silakan isi identitas Anda <BR>

<PRE>

Nama : <INPUT TYPE="text" NAME="nama">

Umur : <INPUT TYPE="text" NAME="umur"> tahun

Email : <INPUT TYPE="text" NAME="email">

</PRE>

</FORM>

</body>

</html>

Tampilan Program

Simpan sebagai proses.php

<html>

<head>

<title>M Gilbran eka p</title>

</head>

<body>

<?php

$nama = $_POST["nama"];

$umur = $_POST["umur"];

$email = $_POST["email"];

if(strlen($nama)==0)

echo "Silahkan masukkan nama anda<br>";

if ((trim($umur)== '') || ($umur<0) || (preg_match ("/^[0-9]/",$umur)))

echo "Input umur anda salah<br>";

if (!preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/", $email)) {

echo "Invalid email<br>";

}

</body>

</html>

Tampilan program

Permasalahan

Buat web untuk penjualan handphone seperti berikut ini :

a. Produk : gunakan checkbox

b. ID Customer, Nama, Email, Alamat : gunakan text

c. Member : gunakan radio button

d. Pembayaran : gunakan combo box yang terdiri dari VISA, Master Card, Debit BCA.

Lakukan validasi sebagai berikut :

ID Customer : harus sebagai bilangan, dan tidak boleh kosong.

Nama : tidak boleh kosong

Email : tidak boleh kosong, dan sesuai dengan format email

Alamat : tidak boleh kosong

<html>

<head>

<title>M Gilbran eka p</title>

</head>

<body>

<h1>HANDPHONE SHOP</h1>

Produk GSM Mobile (Best Price) :<br>

<input type="checkbox" name="produk1" value="Nokia 1208 Rp.350.000,-" >Nokia 1208 Rp.350.000,- <br>

<input type="checkbox" name="produk2" value="Nokia 1661 Rp.465.000,-">Nokia 1661 Rp.465.000,-<br>

<input type="checkbox" name="produk3" value="SonyEricson K330 Rp.485.000,-">SonyEricson K330 Rp. 485.000,-<br>

<input type="checkbox" name="produk4" value="Samsung Champ Rp.865.000,-">Samsung Champ Rp.865.000,-<br>

<input type="checkbox" name="produk5" value="Samsung B3410 Rp.1.624.000,-">Samsung B3410 Rp.1.624.000,-<br>

================================= <br>

<pre>

Data Customer

<br>

ID Customer : <input type="text" name="ID" size="25" maxlength="50"><br>

Nama : <input type="text" name="nama" size="25" maxlength="50"><br>

Email : <input type="text" name="email" size="25" maxlength="50"><br>

Alamat : <input type="text" name="alamat" size="25" maxlength="50"><br>

Member :

<input type=radio name="member" value=Ya checked>Member

<input type=radio name="member" value=Bukan>Bukan

Pembayaran : <select name=pembayaran>

<option value=VISA>VISA

<option value=MasterCard>Master Card

<option value=DebitBCA>Debit BCA

</select><br>

</pre>

</form>

</body>

</html>

Tampilan program

Ini adalah syntak program dari proses1.php

<html>

<head>

<title>M Gilbran Eka p</title>

</head>

<body>

<?php

$produk="produk";

$ID=$_POST["ID"];

$nama=$_POST["nama"];

$email=$_POST["email"];

$alamat=$_POST["alamat"];

$member=$_POST["member"];

$pembayaran=$_POST["pembayaran"];

<h1>Data Customer</h1>

<hr>

Produk &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp : <?php echo $produk; if (isset($_POST['produk1']))

echo $_POST['produk1']." , ";

if (isset($_POST['produk2']))

echo $_POST['produk2']." , ";

if (isset($_POST['produk3']))

echo $_POST['produk3']." , ";

if (isset($_POST['produk4']))

echo $_POST['produk4']." , ";

if (isset($_POST['produk5']))

echo $_POST['produk5'] ?><br>

Nomor ID &nbsp&nbsp : <?php if ((trim($ID)== '') || ($ID<0) || (!preg_match ("/^[0-9]/",$ID)))

echo "Input ID Anda salah !"; else echo $ID?><br>

Nama &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp : <?php if(strlen($nama)==0)

echo "Silahk&nbsp&nbsp&nbspan masukkan nama Anda !"; else echo $nama?><br>

Email &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp : <?php if (!preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/", $email)) {

echo "Invalid email !";

} else echo $email?><br>

Alamat &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp: <?php if(strlen($alamat)==0)

echo "Silahkan masukkan alamat Anda !"; else echo $alamat ?><br>

Member &nbsp&nbsp&nbsp&nbsp&nbsp : <?php echo $member?><br>

Pembayaran : <?php echo $pembayaran?><br>

<br>

</body>

</html>

Tampilan Program:

Laporan Resmi

1. Buatlah program untuk melakukan proses perhitungan dibawah ini, dengan POST.

Syntax program:

<html>

<head><title>M Gilbran Eka p 137006002</title>

<body>

<h1>Demo Operator</h1>

<h2>Arithmatic</h2>

<tr>

<td align = "center"><b>Operand Kiri</b></td>

<td align = "center"><b>Operator</b></td>

<td align = "center"><b>Operator Kanan</b></td>

</tr>

</select></td>

<?php

if ($_POST["angka1"] && $_POST["angka2"]) {

if ($_POST["operasi"] == '*') {

echo $_POST["angka1"]*$_POST["angka2"];

} elseif ($_POST["operasi"] == '/') {

echo $_POST["angka1"]/$_POST["angka2"];

} elseif ($_POST["operasi"] == '+') {

echo $_POST["angka1"]+$_POST["angka2"];

} elseif ($_POST["operasi"] == '-') {

echo $_POST["angka1"]-$_POST["angka2"];

}elseif ($_POST["operasi"] == '%') {

echo $_POST["angka1"]%$_POST["angka2"];

}

</form>

</body>

</html>

Tampilan program

KERAH

Tuesday, November 10, 2015

Praktikum Pemrograman Internet (Pertemuan 6)

No comments:

Post a Comment