Dasar Pemrograman Web dengan PHP 3Pemrograman Web
Adam Hendra Brata
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
Web Development
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
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
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
PHP
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
<?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
<?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
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
<?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
<?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
<?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
<?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
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
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
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
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
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
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
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
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
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
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
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
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
Terimakasih dan Semoga
Bermanfaat ^^