pemrograman web 3 - … · - definisi php - pemrograman php - variabel ... server-side embedded...

48
Dasar Pemrograman Web dengan PHP 3 Pemrograman Web Adam Hendra Brata

Upload: vannhu

Post on 12-Apr-2018

273 views

Category:

Documents


11 download

TRANSCRIPT

Page 1: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Dasar Pemrograman Web dengan PHP 3Pemrograman Web

Adam Hendra Brata

Page 2: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Dasar Pemrograman PHPWebsite Statis vs Website

Dinamis

Definisi PHP

Dasar Pemrograman PHP

Variabel Aliran Kontrol Program

Percabangan

Perulangan

Fungsi

Form

Pokok Bahasan

Page 3: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Web Development

Page 4: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

HTML + CSS = Well Designed Web

Web yang dibangun menggunakan HTML dan CSS memiliki konsep desain yang apik

Namun belum mempunyai fitur – fitur yang menjadikan sebuah web dikatakan “hidup”

Penggunaan HTML + CSS dalam pembangunan sebuah website masih memiliki banyak keterbatasan

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Website Statis

Page 5: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Diskusi Misalkan, kita memiliki sebuah website

yang dibangun dari HTML dan CSS

Dalam website tersebut kita memiliki 100 halaman web

Kemudian apabila kita ingin merubah isi informasi yang ada dalam 100 halaman web tersebut, apa yang akan kita lakukan ?

Merubah isi halaman tersebut satu-satu sampai 100 halaman web tersebut dirubah semua ?

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Website Statis

Page 6: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Untuk membangun website yang “utuh dan hidup”, diperlukan adanya pemrograman yang lebih lanjut

Pemrograman ini memungkinkan sebuah webiste menjadi lebih dinamis dalam pengelolaan informasi, mudah dalam penggunaan dan menjadikan sebuah website menjadi lebih “hidup”

Pemrograman ini umumnya dilakukan pada sisi server atau sering disebut server side scripting

PHP, ASP dan JSP menjadi bahasa yang populer untuk kategori ini

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Website Dinamis

Page 7: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

PHP

Page 8: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

PHP adalah kependekan dari Hypertext Preprocessor

PHP diciptakan oleh Rasmus Lerdorf pada tahun 1994

Fungsi utama PHP adalah digunakan untuk membuat situs web yang dinamis

Bisa memiliki isi yang berbeda tergantung konteks (tidak statis)

Bisa melakukan antarmuka dengan servis lain, misalnya: database, email, xml dll

Bisa meng-autentifikasi user

Bisa memproses informasi dari form

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

PHP

Page 9: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

PHP merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses dan mengolah data secara dinamis

PHP dapat dikatakan sebagai sebuah server-side embedded script language, artinya semua sintaks dan perintah program yg ditulis akan sepenuhnya dijalankan oleh server, tetapi dapat disertakan pada halaman HTML biasa

Pada umumnya semua aplikasi yang dibangun menggunakan PHP akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan pada server

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

PHP

Page 10: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

PHP merupakan bahasa pemrograman yang mirip dengan bahasa C / C++, Java dan varian bahasa turunan C lainnya

PHP diciptakan untuk memberikan sebuah website fitur dan fungsi yang menjadikannya sebuah program komputer yang dinamis dan utuh karena disertai dengan logika dan algoritma pemrograman

Sebagai bahasa pemrograman yang sifatnya server side scripting, PHP dikompilasi dan dieksekusi dalam web server Apache

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Pemrograman PHP

Page 11: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

XAMPP merupakan sebuah aplikasi web server yang terintegrasi

Apache Cgi – Bin PHP MySQL FTP Mercury Mail (SMTP) PHP MyAdmin perl Webalizer Dll

https://www.apachefriends.org/index.html

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Pemrograman PHP - XAMPP

Page 12: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Script PHP disimpan sebagai plain text dalam format ASCII, yang memungkinkan script PHP dapat ditulis di hampir semua text editor seperti : Notepad, Wordpad, adobe Dreamweaver dll

Script PHP adalah kode yang disertakan di sebuah halaman HTML & kode tersebut dijalankan oleh server yang akan dieksekusi sebelum dikirim ke browser

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Pemrograman PHP

Page 13: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Jika Browser meminta file HTML (halaman statis), maka :

server hanya langsung mengirimkan file HTML tersebut.

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Pemrograman PHP

BrowserMinta HTML via HTTP

Web Server

KODE HTML

Page 14: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Jika Browser meminta file PHP, maka : Server membaca file, menjalankan

kode-kode script PHP yang ada didalamnya, kemudian mengirimkan hasilnya ke browser

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Pemrograman PHP

BrowserMinta PHP via HTTP Web

Server

KODE HTML

Skrip PHP

MesinPHP

Tanggapan via HTTP

Page 15: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Script PHP ditulis dengan cara yang sama seperti pada bahasa pemrograman yang lain, yaitu ditandai dengan tanda pembuka dan penutup script

PHP karena berjalan bersama dengan HTML, maka menggunakan tag sebagai penanda

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Pemrograman PHP

Page 16: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Hello World

<html><head>

<title>PHP Test</title></head><body>

<?phpecho '<p>Hello World</p>';

?></body>

</html>

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Pemrograman PHP

Page 17: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Ada kalanya kita sebagai pemrogram, karena banyaknya kode program atau variabel dalam program, perlu menandai atau memberi komentar pada program

Komentar pada program merupakan tulisan pada program yang tidak dieksekusi

Pada PHP, ada 3 macam cara penulisannya : /* komentar */

Sesuai untuk komentar dengan banyak baris

// komentar

# komentar

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Pemrograman PHP

Page 18: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Dalam PHP, penulisan variabel diawali dengan karakter ‘$’, kemudian diikuti dengan huruf sebagai karakter pertama. Setelah itu, dapat dilajutkan dengan kombinasi huruf dan angka

Variabel tidak boleh mengandung spasi maupun tanda baca di dalamnya, kecuali underscore (’_’)

Variabel pada PHP bersifat “case sensitif”, yang berarti Anda harus memperhatikan penulisan huruf besar dan huruf kecil. Variabel $jumlah berbeda dengan $Jumlah

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel

Page 19: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Contoh penamaan variabel yang salah : $nama pemakai

$3kota

$us\er1

Contoh penamaan variabel yang benar : $nama_pemakai

$kota_3

$user1

$kodeHuruf

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel

Page 20: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel –Tipe DataData type

Description

Boolean Scalar; either True or False

Integer Scalar; a whole number

Float Scalar; a number which may have a decimal place

String Scalar; a series of characters

ArrayCompound; an ordered map (contains names mapped to values)

ObjectCompound; a type that may contain properties and methods

ResourceSpecial; contains a reference to an external resource, such as a handler to an open file

NULLSpecial; may only contain NULL as a value, meaning the variable; explicitly does not contain any value

Page 21: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Assignment =

Arithmetic +, -, /, *, %

Concatenation .

Negation !

Logic ||, &&, >, <, ==, >=, <=, !=,

===, !===, and, or

Increment ++, --

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel –Operator

Page 22: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Variabel Lokal Variabel yang digunakan di dalam 1

fungsi tertentu

<?php

function send_data() {

$my_data = "Inside data";

echo $my_data; // echoes $my_data value

}

// throws an error messages

echo $my_data;

?>

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel – Scope Variabel

Page 23: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Variabel Global Variabel yang dapat digunakan di

semua fungsi atau di luar fungsi

<?php

$a = 1;$b = 2;

function Sum() {global $a, $b;

$b = $a + $b; }

Sum(); // executing Sum() function

echo $b; // will echo 3

?>

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel – Scope Variabel

Page 24: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel – Built-In Variable

Array Description

$GLOBALS Has a reference to every variable that has global scope in a PHP program. Many of the variables in it are also in other superglobal arrays

$_SERVER Includes everything sent by server in the HTTP response, such as the name of the currently executing script, server name, version of HTTP, remote IP address, and so on. Although most Web server software produces the same server variables, not all do, and not all server variables necessarily have data in them

$_GET Contains all the querystring variables that were attached to the URL, or produced as a result of using the GET method

$_POST Contains all the submitted form variables and their data. You use variables from the $_POST or $_REQUEST arrays extensively in most of your PHP programs. For example, to make use of a username or password (or any other data) submitted as part of a form, you'll use PHP variables from the $_REQUEST array

Page 25: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel – Built-In Variable

Array Description

$_COOKIE Contains all cookies sent to the server by the browser. They are turned into variables you can read from this array, and you can write cookies to the user's browser using the setcookie() function. Cookies provide a means of identifying a user across page requests (or beyond, depending upon when the cookie expires) and are often used automatically in session handling

$_FILES Contains any items uploaded to the server when the POST method is used. It's different from the $_POST array because it specifically contains items uploaded (such as an uploaded image file), not the contents of submitted form fields

$_ENV Contains data about the environment the server and PHP are operating in, such as the computer name, operating system, and system drive

$_REQUEST Contains the contents of the $_GET, $_POST, and $COOKIE arrays, all in one

Page 26: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Mencetak nilai variabel

<?php

$x = 20;$y[] = 10;$z['name'] = "John Doe";

echo $x; // 20echo "x=$x"; // x=20echo 'x=$x'; // x=$xecho 'x='.$x; // x=20echo $y; // Arrayecho $y[0]; // 10echo "$y[0]"; // 10echo '$y[0]'; // $y[0]echo "Name = ".$z['name'];// Name = John Doeecho "Name = $z[name]"; // Name = John Doe

?>

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel – Print Variabel

Page 27: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Array Dalam PHP , Array bisa diciptakan

dengan menggunakan konstruksi array

Untuk menambahkan menggunakankurung kotak tanpa isi index ( [] )

Tipe element tidak perlu di sebutkan, bisa berisi tipe macam-macam

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Variabel –Array

Page 28: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Percabangan Dalam PHP, untuk percabangan sama

seperti di bahasa pemrograman C dan turunannya

If

If....Else

If...Else If .... Else

Switch Case

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Percabangan

Page 29: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

<?php$x = 1;if($x == 1) {

// true statement} else {

// false statement}

if($x == 2) :// true statement

else:// false statement

endif;?>

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Percabangan – If Else

Page 30: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

<?php$x = 1; switch($x) {

case 0: echo $x; // do 0 statementbreak;

case 1: echo $x; // do 1 statementbreak;

case 2: echo $x; // do 2 statementcase 3: echo $x; // do 3 statementbreak;

default: echo $x; // do default statement

break;}

// if $x value is 2? What is going to happen??>

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Percabangan – Switch Case

Page 31: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Perulangan Dalam PHP, untuk perulangan jampir

sama seperti di bahasa pemrograman C dan turunannya

While

For

Do.... While

Foreach biasanya dipakai untuk array

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Perulangan

Page 32: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

<?php

$x = 10;

while( $x > 0 ){

echo $x;

$x--;

}

?>

// will prints 10 to 1

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Perulangan –While

Page 33: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

<?php

for($x = 1; $x <= 10; $x++) {

echo $x;

}

?>

// will prints 1 to 10

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Perulangan – For

Page 34: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

<?php

$x = 10;

do {

echo $x;

} while ($x < 9);

?>

// will prints 10, why?

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Perulangan – Do...While

Page 35: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

<?php

$arr = array('name'=>'John', 'age'=>20);

foreach ($arr as $key => $value) {

echo $key . '=' . $value;

}

?>

// will prints:

// name=John

// age=20

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Perulangan – Foreach

Page 36: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Fungsi Sama seperti bahasa pemrograman

lain, pada PHP secara umum juga dikenal 2 jenis fungsi :

System-defined Function

User-defined Function

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Fungsi

Page 37: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Fungsi System-defined Seperti bahasa pemrograman yang lain,

di PHP juga terdapat banyak system-defined function yang siap dipakai untuk mempermudah kita dalam membuat program

Contoh

Fungsi explode() untuk memecah string yang berupa kalimat menjadi sebuah array yang berisi kata per kata

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Fungsi

Page 38: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Fungsi User-defined Dalam PHP, untuk fungsi sama seperti

di bahasa pemrograman C dan turunannya, hanya saja harus diawali dengan keyword function sebelum mendefinisikan nama fungsi

<?phpfunction sum($a) {

// define function content here...$b = 2 $v = $a + $b + 1;// optionally put a return valuereturn $v;

}// calling the function$x = sum(4);echo $x; // will prints 7

?>

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Fungsi

Page 39: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Dalam pemrograman web, kita selalu bertemu dengan model interaksi menggunakan form

Pada HTML, form didesain untuk memberikan masukan pada web

Namun tanpa adanya pemrograman yang mengatur pemrosesan data yang dikirimkan melalui form, maka website akan menjadi statis dan “hambar”

PHP dengan salah satu kelebihannya yang memiliki skenario form handling yang simpel, membuat pemrosesan data yang dikirimkan melalui form menjadi sangat mudah

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Form

Page 40: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Text Fields

<input type="text" name="text1" />

Password Field

<input type="password" name ="pass" />

Radio Buttons

<input type="radio" name="radio1" value="Men" />

<input type="radio" name="radio1"value="Women" />

Checkboxes

<input type="checkbox" name="vehicle" value="Bike" />

Submit Button

<input type="submit" value="Submit" />

Hidden fields

<input type="hidden" name="product_id" value="122" />

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Standar HTML untuk Form

Page 41: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Dalam pengiriman data melalui form di PHP, terdapat 2 metode dasar yang digunakan, yaitu :

POST

Sending request variables through the POST body. Variable name and it’s value will not be shown on the URL

GET

Sending request variables through an URL as a Query String

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Form - Request

Page 42: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Menangani form HTML menggunakan PHP merupakan proses yang paling penting pada website dinamis

Terdapat dua proses dasar pada penanganan form :

Membuat HTML form itu sendiri

Membuat script PHP yang akan menerima dan memproses data yang dikirim dari form

HTML form dibuat menggunakan tag form dan beberapa element untuk mengambil inputan.

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Teknik Penanganan Form

Page 43: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Tag form terlihat seperti berikut :

<form action="script.php" method="post" >script 1script 2script n

</form>

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Teknik Penanganan Form

Page 44: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Terdapat 3 bagian utama pada pembuatan form di web, yaitu :

1. Method

Method dari sebuah form menentukan bagaimana data inputan form dikirim. Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan bagaimana data inputan dikirim dan diproses oleh PHP.

2. Action

Method dari sebuah form menentukan bagaimana data inputan form dikirim. Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan bagaimana data inputan dikirim dan diproses oleh PHP.

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Teknik Penanganan Form

Page 45: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

3. Submit Button

Submit button merupakan sebuah tombol (pada umumnya) yang berfungsi sebagai trigger pengiriman data dari form inputan. Jika tombol ini ditekan, maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan pada atribut action.

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Teknik Penanganan Form

Page 46: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Sintax dasar form terlihat seperti berikut :

Form<FORM ACTION="proses02.php" METHOD="POST“NAME="input">Nama Anda : <input type="text" name="nama"><br><input type="submit" name="Input" value="Input"></FORM>

Sintax dasar untuk menangkap nilai dari form terlihat seperti berikut :

<?phpif (isset($_POST['Input'])) {

$nama = $_POST['nama'];echo "Nama Anda : <b>$nama</b>";

}?>

Pokok Bahasan

Web Development- Website Statis

dan Website Dinamis

PHP - Definisi PHP- Pemrograman

PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

Syntax Form

Page 47: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Perhatian Dikarenakan materi yang disampaikan

pada presentasi kuliah ini hanya sebagai pengantar dasar saja, maka diharapkan membaca dan mencari referensi lain sebagai pengayaan pengetahuan tentang dasar – dasar pemrograman web dengan PHP

Cari dan baca artikel / tutorial dari internet atau buku tentang desain web

Lihat video-video tutorial dari Youtube atau website lain tentang tutorial dasar pemrograman web dengan PHP

Explorasi kembali materi tentang pemrograman web dengan PHP

Perhatian

Page 48: Pemrograman Web 3 - … · - Definisi PHP - Pemrograman PHP - Variabel ... server-side embedded script language, ...   Pokok Bahasan

Terimakasih dan Semoga

Bermanfaat ^^