Dasar Pemrograman Web dengan PHP

(1)

Dasar Pemrograman Web dengan PHP

3

Pemrograman Web

(2)

Pokok Bahasan

Web Development - Website Statis

dan Website Dinamis

PHP

- Definisi PHP - Pemrograman

PHP

- Variabel

- Percabangan - Perulangan - Fungsi

- Form



Dasar Pemrograman PHP



Website Statis vs Website

Dinamis



Definisi PHP



Dasar Pemrograman PHP



Variabel



Aliran Kontrol Program



Percabangan



Perulangan



Fungsi



Form

(3)

(4)

 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

dan Website Dinamis

PHP

- Variabel

- Form

(5)



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

dan Website Dinamis

PHP

- Variabel

- Form

(6)

 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

dan Website Dinamis

PHP

- Variabel

- Form

(7)

(8)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(9)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(10)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(11)

 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.ht

ml

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(12)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(13)

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

 server hanya langsung mengirimkan file HTML tersebut.

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

Pemrograman PHP

Browser

Minta HTML via HTTP

Web

Server

(14)

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

kode-kode script PHP yang ada

didalamnya, kemudian mengirimkan hasilnya ke browser

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

Pemrograman PHP

Browser

Minta PHP via HTTP

Web

Server

KODE HTML

Skrip PHP

Mesin PHP

(15)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(16)

 Hello World

 <html> <head>

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

<body>

<?php

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

</body> </html>

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(17)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(18)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(19)

 Contoh penamaan variabel yang salah :  $nama pemakai

 $3kota  $us\er1

 Contoh penamaan variabel yang benar :  $nama_pemakai

 $kota_3  $user1

 $kodeHuruf Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(20)

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

Variabel

–

Tipe Data

Data

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

Array Compound; an ordered map (contains names mapped to values)

Object Compound; a type that may contain properties and methods

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

NULL

Special; may only contain NULL as a value,

(21)

 Assignment  =

 Arithmetic

 +, -, /, *, %  Concatenation

 .

 Negation  !

 Logic

 ||, &&, >, <, ==, >=, <=, !=, ===, !===, and, or

 Increment  ++, --Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(22)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(23)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(24)

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- 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.

(25)

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- 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

(26)

 Mencetak nilai variabel

<?php

$x = 20; $y[] = 10;

$z['name'] = "John Doe";

echo $x; // 20

echo "Name = ".$z['name'];// Name = John Doe echo "Name = $z[name]"; // Name = John Doe

?>

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(27)

 Array

 Dalam PHP , Array bisa diciptakan

dengan menggunakan konstruksi array

 Untuk menambahkan menggunakan kurung kotak tanpa isi index ( [] )

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

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(28)

 Percabangan

 Dalam PHP, untuk percabangan sama seperti di bahasa pemrograman C dan turunannya

 If

 If....Else

 If...Else If .... Else  Switch Case

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Percabangan

- Perulangan - Fungsi

- Form

(29)

<?php

$x = 1;

if($x == 1) {

// true statement } else {

// false statement }

if($x == 2) :

// true statement else:

// false statement endif;

?>

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Percabangan

- Form

(30)

<?php $x = 1;

switch($x) {

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

default: echo $x; // do default statement

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Percabangan

- Form

(31)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Percabangan

- Perulangan

- Fungsi - Form

(32)

<?php

$x = 10;

while( $x > 0 ){

echo $x;

$x--;

}

?>

// will prints 10 to 1

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Percabangan

- Perulangan

- Fungsi - Form

(33)

<?php

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

echo $x;

}

?>

// will prints 1 to 10

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Percabangan

- Perulangan

- Fungsi - Form

(34)

<?php

$x = 10;

do {

echo $x;

} while ($x < 9);

?>

// will prints 10, why?

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Percabangan

- Perulangan

- Fungsi - Form

(35)

<?php

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

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

echo $key . '=' . $value;

}

?>

// will prints:

// name=John

// age=20

Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Percabangan

- Perulangan

- Fungsi - Form

(36)

 Fungsi

 Sama seperti bahasa pemrograman lain, pada PHP secara umum juga dikenal 2 jenis fungsi :

 System-defined Function  User-defined Function Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Percabangan - Perulangan

- Fungsi

- Form

(37)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Fungsi

- Form

(38)

 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

<?php

function sum($a) {

// define function content here... $b = 2

$v = $a + $b + 1;

// optionally put a return value return $v;

}

// calling the function $x = sum(4);

echo $x; // will prints 7

?> Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Fungsi

- Form

(39)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(40)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(41)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(42)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(43)

 Tag form terlihat seperti berikut :

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

script 2 script n </form> Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(44)

 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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(45)

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

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(46)

 Sintax dasar form terlihat seperti berikut :

Form

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 :

<?php

if (isset($_POST['Input'])) {

$nama = $_POST['nama'];

echo "Nama Anda : <b>$nama</b>"; }

?> Pokok Bahasan

dan Website Dinamis

PHP

- Definisi PHP

- Pemrograman PHP

- Variabel

- Form

(47)

 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

(48)