1 Pemrograman Web 3 Dasar Pemrograman Web dengan Adam Hendra Brata2 - Definisi Dasar Pemrograman Website Statis vs Website Definisi Dasar Pemrograman ...
Pemrograman Web Dasar Pemrograman Web dengan PHP Adam Hendra Brata
3
Pokok Bahasan 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
Web Development
Website Statis Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Website Statis Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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 ?
Website Dinamis Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
PHP
PHP Pokok Bahasan
PHP adalah kependekan dari Hypertext Preprocessor
Web Development - Website Statis dan Website Dinamis
PHP diciptakan oleh Rasmus Lerdorf pada tahun 1994
PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
PHP Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Pemrograman PHP Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Pemrograman PHP - XAMPP Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Pemrograman PHP Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Pemrograman PHP Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Jika Browser meminta file HTML (halaman statis), maka : server hanya langsung mengirimkan file HTML tersebut. Minta HTML via HTTP
Browser
Web Server
KODE HTML
Pemrograman PHP Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Jika Browser meminta file PHP, maka : Server membaca file, menjalankan kode-kode script PHP yang ada didalamnya, kemudian mengirimkan hasilnya ke browser Minta PHP via HTTP
Browser Tanggapan via HTTP
Web Server
Skrip PHP Mesin PHP
KODE HTML
Pemrograman PHP Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Pemrograman PHP Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Hello World PHP Test Hello World'; ?>
Pemrograman PHP Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Variabel Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Variabel Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Contoh penamaan variabel yang salah : $nama pemakai $3kota $us\er1 Contoh penamaan variabel yang benar : $nama_pemakai $kota_3 $user1 $kodeHuruf
Variabel – Tipe Data Pokok Bahasan
Data type
Description
Web Development - Website Statis dan Website Dinamis
Boolean
Scalar; either True or False
Integer
Scalar; a whole number
Float
Scalar; a number which may have a decimal place
PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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, meaning the variable; explicitly does not contain any value
Variabel – Operator Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Variabel Lokal Variabel yang digunakan di dalam 1 fungsi tertentu
Variabel – Scope Variabel Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Variabel Global Variabel yang dapat digunakan di semua fungsi atau di luar fungsi
Variabel – Built-In Variable Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Variabel – Built-In Variable Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Variabel – Print Variabel Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Mencetak nilai variabel
$x; // 20 "x=$x"; // x=20 'x=$x'; // x=$x 'x='.$x; // x=20 $y; // Array $y[0]; // 10 "$y[0]"; // 10 '$y[0]'; // $y[0] "Name = ".$z['name'];// Name = John Doe "Name = $z[name]"; // Name = John Doe
Variabel – Array Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Percabangan Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Percabangan Dalam PHP, untuk percabangan sama seperti di bahasa pemrograman C dan turunannya If If....Else If...Else If .... Else Switch Case
Percabangan – If Else Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Percabangan – Switch Case Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Perulangan Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Perulangan Dalam PHP, untuk perulangan jampir sama seperti di bahasa pemrograman C dan turunannya While For Do.... While Foreach biasanya dipakai untuk array
Perulangan – While Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
0 ){
echo $x; $x--; }
?> // will prints 10 to 1
Perulangan – For Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
echo $x; } ?> // will prints 1 to 10
Perulangan – Do...While Pokok Bahasan
Web Development - Website Statis dan Website Dinamis
PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
do {
$x = 10;
echo $x; } while ($x < 9);
?> // will prints 10, why?
Perulangan – Foreach Pokok Bahasan
Web Development - Website Statis dan Website Dinamis
$arr = array('name'=>'John', 'age'=>20);
PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Fungsi Sama seperti bahasa pemrograman lain, pada PHP secara umum juga dikenal 2 jenis fungsi : System-defined Function User-defined Function
Fungsi Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Fungsi System-defined Seperti bahasa pemrograman yang lain, di PHP juga terdapat banyak systemdefined 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
Fungsi Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Form Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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
Standar HTML untuk Form Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Text Fields Password Field Radio Buttons Checkboxes
Submit Button Hidden fields
Form - Request Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - 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
Teknik Penanganan Form Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
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.
Teknik Penanganan Form Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Tag form terlihat seperti berikut :
Teknik Penanganan Form Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - 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.
Teknik Penanganan Form Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - 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.
Syntax Form Pokok Bahasan
Web Development - Website Statis dan Website Dinamis PHP - Definisi PHP - Pemrograman PHP - Variabel - Percabangan - Perulangan - Fungsi - Form
Sintax dasar form terlihat seperti berikut : Form
Sintax dasar untuk menangkap nilai dari form terlihat seperti berikut : $nama"; } ?>
Perhatian
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