KKPR205-Pemrograman Web

[Introduction to Subjects]
[email protected]
8 Februari 2023
CSAP201 – Pemrograman Web

Mata kuliah yang memberikan pemahaman dan penguasaan mengenai konsep

pemrograman web, memiliki kemampuan membangun web untuk
menyelesaikan permasalahan sehari-hari.

Learning Outcomes:
• Mahasiswa dapat mengindentifikasi teknologi untuk membangun sistem
berbasis web yang baik dan benar.
• Mahasiswa mampu menciptakan aplikasi berbasis web yang dinamis,
bermanfaat di berbagai bidang dengan teknologi terkini.
• Mahasiswa mampu memahami teknologi yang digunakan untuk membangun
halaman web dan proses CRUD (Create, Read, Update dan Delete) data dari
database pada halaman web.
 Reading and References

[1] Budi Rahardjo, Imam [2] Andre Pratama, OOP [3] Stendy B. Sakur. (2010). PHP
Heryanto, E.Rosdiana K. PHP Uncover, Duniailkom, 5, Pemrograman Berorientasi
Modul Pemrograman Web- 2019 Objek: Konsep dan
HTML, PHP, dan MySQL. Implementasi. Penerbit Andi
Penerbit Modula
Practical Final Project
• Final project berupa pembuatan web sistem Grading Items %
informasi dalam lingkup ESQ Business Integration of design elements font, 10
School color, logo, images, position of
contents and images, reports and
• Ketentuan sistem yang bisa dipilih: additional things
• Sistem untuk menggantikan proses manual yang Database design 25
ada
Code to modify the information 30
• Pengguna sistem minimal 2 jenis: user biasa dan
admin Reports, charts, emails, and additional 20
elements
• Ada transaksi pada sistem (bukan hanya
tampilan) Presentation 5
• Minimal 3 fitur utama Documentation 10
• Kelompok 2-3 orang TOTAL 100

• Output final project berupa laporan

perancangan web, codes dan database
 LEARNING PROCESS POLICY

3 (2+1) SKS
2 x 50 menit Teori
2 x 50 menit Lab
3 x 60 menit PEMBELAJARAN TERSTRUKTUR
3 x 60 menit SELF LEARNING

Jadwal
Teori 08.00 – 09.40
Lab 09.40 – 11.20

Kehadiran
Minimal 70%. Jika tidak hadir, wajib meng-update tugas melalui LMS

Toleransi keterlambatan 15 menit dari jadwal, di atas itu dianggap absen, namun
mahasiswa tetap dapat masuk ke kelas.
 Grading Policy
Theory
Components
Angka Huruf Bobot
Assesment 1 15% >= 85 A 4.00
Assesment 2 15%
80 – 84.99 A- 3.67
Quiz (Online and Offline) 5%
Assignments 20% Final Grade 75 – 79.99 B+ 3.33
Final Examination 45% Components
70 – 74 .99 B 3.00
Theory 60%
Practical 40% 65 – 69.99 B- 2.50
Lab. Practical
Components 60 – 64.99 C 2.00
Assesment Lab 1 25% 50 – 59 .99 D 1.00
Assesment Lab 2 25%
Final Project 50%
< 50 E 0.00
Introduction to Web
Programming
Sesi 1 – 8 Februari 2022
Client Side vs Server Side
Frontend vs backend
Backend programming languages
Web Server
PHP, Apache, MySQL, XAMPP

• PHP is server side scripting language

• PHP can be embedded into HTML files
• Apache is a webserver that serve the webpage
• MySQL is database to store and manipulate data
• PHP, Apache and MySqL are open source
• XAMPP integrate PHP, Apache and MySQL into a package.
 Introduction to PHP
What is PHP? What is a PHP File?
• PHP merupakan singkatan dari "PHP: Hypertext • File PHP dapat berisi teks, HTML, CSS,
Preprocessor" JavaScript, dan kode PHP
• PHP banyak digunakan dan merupakan bahasa • Kode PHP dieksekusi pada server, dan hasilnya
scripting open source dikembalikan ke browser sebagai HTML biasa
• Script PHP dieksekusi pada server • File PHP memiliki ekstensi ".php"
• PHP bebas untuk di-download dan digunakan
Why PHP?
What Can PHP Do? • PHP berjalan pada berbagai platform
• PHP dapat menghasilkan konten halaman dinamis (Windows, Linux, Unix, Mac OS X, dll)
• PHP dapat membuat, membuka, membaca, menulis, • PHP kompatibel dengan hampir semua server
menghapus, dan menutup file pada server yang digunakan dewasa ini (Apache, IIS, dll)
• PHP dapat mengumpulkan data form • PHP mendukung berbagai database
• PHP dapat mengirim dan menerima cookie • PHP adalah gratis. Download dari halaman
• PHP dapat menambah, menghapus, memodifikasi web PHP resmi: www.php.net
data dalam database Anda • PHP mudah dipelajari dan berjalan efisien
• PHP dapat digunakan untuk mengontrol akses pada sisi server
pengguna
• PHP dapat mengenkripsi data
Sejarah PHP
 XAMPP Installations
https://www.apachefriends.org/download.html
Apache and phpMyAdmin Configuration
Run the web browser
XAMPP Folder Structure
PHP Basic
Variables, Operator, Arrays
 PHP Code Structure

Create a folder named tutorial_php and save it to XAMPP/htdocs/

Save the files with name latihan01_1.php
Embed PHP script in HTML Page

<!DOCTYPE html>
<html>
<body>
<h1>My First PHP File</h1>
<?php
echo "Hello World!";
?>
</body>
</html>
Embed HTML tag in PHP Script
Comment
Variables

• Variabel adalah "wadah" untuk menyimpan informasi.

• Variabel digunakan sebagai penyimpanan data sementara, yang berarti bahwa data yang
disimpan dalam variabel akan hilang setelah keluar program/close halaman web
• Data yang disimpan di variable memiliki tipe data tergantung pada nilai yang akan
diinisialisasi.

Deklarasi variable
• Variabel harus dideklarasikan sebelum digunakan pertama kali.
• Deklarasi variabel adalah proses untuk memperkenalkan variabel atau mendaftarkan
variabel ke dalam program.
• Ada beberapa aturan yang harus diikuti untuk penamaan variabel.
Deklarasi Variable
Aturan penamaan variable di dalam PHP:
• Variabel dimulai dengan tanda $, diikuti dengan nama variabel
• Nama variabel harus dimulai dengan huruf atau karakter garis bawah $nama;
• Nama variabel tidak dapat memulai dengan angka $_alamat;
• Nama variabel hanya dapat berisi karakter alpha-numerik dan garis
bawah (A-z, 0-9, dan _)
• Nama variabel bersifat case-sensitive ($age dan $AGE adalah dua
variabel yang berbeda)

Nama variabel case-sensitive!

Inisialisasi Variable

• Inisialisasi variabel adalah mengisi nilai untuk pertama kalinya ke dalam variabel.
• Dalam PHP, deklarasi variabel sering dikombinasikan dengan inisialisasi.

$nama = "John Wick";

$alamat = “Jakarta”;
$jumlah = 10;

echo “Nama saya adalah “.$nama.” beralamat di “.$alamat;

<?php
$txt = “ESQ Business School";
echo "I love $txt!";
echo "I love " . $txt . "!";
?>
Things to know

 Dalam contoh di atas, perhatikan bahwa kita tidak harus memberitahu PHP
tipe data variable tersebut.
 PHP secara otomatis mengkonversi variabel dengan jenis data yang benar,
tergantung pada nilai yang di-assign.
 Dalam bahasa lain seperti C, C ++, dan Java, programmer harus menyatakan
nama dan jenis variabel sebelum menggunakannya.
 PHP memiliki kemampuan untuk mengubah jenis data
sesuai dengan kebutuhan kita tanpa perlu untuk deklarasi
ulang
Echo dan Print

• Dua cara untuk menampilkan output di PHP: echo dan print.

• echo tidak mengembalikan nilai sedangkan print
mengembalikan nilai 1 sehingga bisa digunakan dalam
ekspresi.
• echo bisa menggunakan banyak parameter sedangkan print
hanya bisa menggunakan satu argument.
• echo lebih cepat dari print.
<?php
echo "<h2>PHP is Fun!</h2>";
echo "Hello world!<br>";
echo "I'm about to learn PHP!<br>";
echo "This ", "string ", "was ", "made ", "with multiple parameters.";

print "<h2>PHP is Fun!</h2>";

print "Hello world!<br>";
print "I'm about to learn PHP!";
?>
PHP Data Type

Variabel dapat menyimpan data dari berbagai jenis, dan tipe data yang berbeda
dapat melakukan hal-hal yang berbeda.

PHP mendukung tipe data sebagai berikut:

• String
• Integer
• Float (floating point numbers - also called double)
• Boolean
• Array
• Object
• NULL
• Resource
PHP String
• String adalah susunan dari karakter-karakter seperti “Hello world!”.
• String dituliskan di dalam kutip satu maupun kutip dua.

$paragraph = ‘<p style=“color:blue”>Ini paragraph</p>’;

echo $paragraph;
PHP Integer
Tipe data integer adalah angka non-desimal antara -2147483648 dan 2147483647.

Aturan untuk integers:

• Integer harus memiliki minimal satu digit
• Integer tidak boleh memiliki nilai desimal
• Integer dapat bernilai positif atau negatif
• Bilangan bulat dapat ditentukan dalam tiga format: desimal (10-based), heksadesimal (16
berbasis - diawali dengan 0x) atau oktal (8 berbasis - diawali dengan 0)
• Dalam contoh berikut $x adalah bilangan bulat. PHP var_dump () mengembalikan fungsi tipe
data dan nilai:
PHP Float

• Float (floating point number) adalah bilangan dengan titik

desimal atau angka dalam bentuk eksponensial.
PHP Boolean

• Boolean mewakili dua kemungkinan: TRUE or FALSE.

PHP NULL

• Null adalah tipe data khusus yang hanya dapat memiliki satu nilai: NULL.
• Sebuah variabel tipe data NULL adalah variabel yang tidak memiliki nilai
yang di-assign.
• Jika variabel yang dibuat tanpa nilai, maka secara otomatis diberi nilai NULL.
• Variabel juga dapat dikosongkan dengan menetapkan nilai NULL
Konstanta / Constant
• Konstanta seperti variabel, tetapi setelah dideklarasikan nilai konstanta tidak bisa
diubah.
• Konstanta adalah nama atau identifikasi untuk nilai sederhana. Nilainya tidak bisa
diubah selama program berjalan.
• Nama konstanta yang valid dimulai dengan huruf atau garis bawah, tidak ada
tanda $ sebelum nama konstanta.
• Konstanta memiliki lingkup global.

<?php
define("GREETING", "Welcome to EBS!”)
echo GREETING;
?>
PHP Operator
• Jenis operator di dalam PHP:
• Assignment operators
• Arithmetic operators
• Comparison operators
• Increment/Decrement operators
• Logical operators
• String operators
• Array operators
Operator Assignment
• Operator assignment pada PHP digunakan dengan nilai numeris
untuk menuliskan nilai pada variabel.
• Operator assigment dasar adalah “=” yang memiliki maksud
menentukan nilai variabel sebelah kiri dengan hasil operasi atau
nilai variabel sebelah kanan
Assignment Persamaan Keterangan
x=y x=y Memasukkan nilai variabel y kedalam variabel x
x += y x = x + y Menambahkan nilai variabel x dengan nilai variabel y
x -= y x = x - y Mengurangi nilai variabel x dengan nilai variabel y
x *= y x = x * y Mengalikan nilai variabel x dengan nilai variabel y
x /= y x = x / y Membagi nilai variabel x dengan nilai variabel y
x %= y x = x% y Modulus
Operator Aritmatika
Operator aritmatika pada PHP digunakan dengan nilai numeris untuk melakukan operasi
aritmatika umum, seperti penjumlahan, pengurangan, perkalian, dan lain-lain.

Operator Nama Contoh Keterangan

+ Penjumlahan $x + $y Nilai x ditambah dengan nilai y
- Pengurangan $x - $y Nilai x dikurangi dengan nilai y
* Perkalian $x * $y Kelipatan nilai x sebanyak y
/ Pembagian $x / $y Nilai x dibagi dengan nilai y
% Modulus $x % $y Menghasilkan sisa pembagian dari nilai x dengan
nilai y
** Perpangkatan $x ** $y Nilai x pangkat y
File : latihan02_2.php
Operator Perbandingan
Operator perbandingan digunakan untuk membandingkan nilai dua variable dan
menghasilkan nilai Boolean

Operator Nama Contoh Keterangan

‘==’ persamaan $x == $y Mengembalikan nilai true jika $x sama dengan $y
‘===’ Identik $x === $y Mengembalikan nilai true jika $x sama dengan $y
‘!=’ Tidak sama $x != $y Mengembalikan nilai true jika $x tidak sama dengan $y
‘<>’ Tidak sama $x <> $y Mengembalikan nilai true jika $x tidak sama dengan $y
Mengembalikan nilai true jika $x tidak sama dengan $y dan
‘!==’ Tidak identik $x !== $y tipe mereka tidak sama
‘>’ Lebih besar dari $x > $y Mengembalikan nilai true jika nilai $x lebih besar dari nilai $y
‘<’ Lebih kecil dari $x < $y Mengembalikan nilai true jika nilai $x lebih kecil dari nilai $y
Lebih besar atau Mengembalikan nilai true jika nilai $x lebih besar atau sama
‘>=’ sama dengan $x >= $y dengan nilai $y
Lebih kecil atau Mengembalikan nilai true jika nilai $x lebih kecil atau sama
‘<=’ sama dengan $x <= $y dengan nilai $y
Operator Logika
Operator logika digunakan untuk mengkombinasikan pernyataan
kondisional yang menghasilkan nilai boolean

Operator Nama Contoh Hasil

and dan $x and $y True jika x dan y adalah true
or atau $x or $y True jika x atau y adalah true
xor atau $x xor $y True jika x atau y adalah true, tetapi tidak dua-
eksklusif duanya true.
&& Dan $x && $y True jika x dan y adalah true
|| atau $x || $y True jika x atau y adalah true
! tidak !$x True jika x tidak true
 Operator untuk String

Operator Nama Contoh Keterangan

. Concatenation $text1 . $text2 Menggabungkan isi dari string text1
dengan isi dari string text2
.= Concatenation $text1 .= $text2 Membubuhi string pada text2 ke text1
assignment
File : latihan02_3.php
File : latihan02_4.php
Array
• Array adalah variabel khusus, yang bisa menyimpan banyak nilai pada
satu waktu.
• Nilai dalam array bisa diakses dengan cara merujuk pada indexnya.
• Pada PHP fungsi array() digunakan untuk membuat sebuah array.
• Pada PHP, terdapat tiga macam tipe array:
• Array Terindex
• Array Assosiatif
• Array Multidimensi
Array Terindex
• Array terindex adalah array dengan index numerik.
• Ada dua cara untuk membuat array terindex:
• Array bisa ditentukan secara otomatis di mana indexnya selalu
mulai dari 0,
• contoh : $mobil = array(“volvo”,”BMW”,”Toyota”);
• Array bisa ditentukan secara manual,
• $mobil = array(); $arrlength = count($mobil);
• $mobil[0] = “Volvo”;
for($x=0;$x<$arrlength;$x++)
• $mobil[1] = “BMW”; {
• $mobil[2] = “Toyota”; echo $mobil[$x];
echo "<br>";
}
Array Assosiatif
• Array asosiatif adalah array dengan keyword yang
ditentukan.
• Ada dua cara membuat array assosiatif:
• mendeklarasikan ketika memanggil fungsi array(),
• contoh : $umur = array(“Peter”=>”35”, ”Ben”=>”37”, ”Joe”=>”43”);
• yang kedua dengan mendeklarasikan nilainya satu-persatu,
• $umur = array();
foreach($umur as $x=>$x_value)
• $umur[‘Peter’] = “35”; {
• $umur[‘Ben’] = “37”; echo “Umur " . $x . ", adalah " . $x_value;
echo "<br>";
• $umur[‘Joe’] = “43”; }
Fungsi Sorting pada Array
• sort() sort($mobil);
• rsort()
• asort()
• ksort()
• arsort()
• krsort()
Array Multidimensi
• Array multidimesi adalah array yang mengandung satu atau banyak
array.
• Dimensi dari sebuah array mengindikasikan jumlah index yang
diperlukan untuk memilih element.
• Array dua dimensi memerlukan dua index untuk memilih sebuah
element, array tiga dimensi memerlukan tiga index untuk memilih
sebuah element.
Array Multidimensi

Name Stock Sold

Volvo 22 18 Array ( )
BMW 15 13 $cars = array(
Saab 5 2 array("Volvo",22,18),
Land Rover 17 15
array("BMW",15,13),
array("Saab",5,2),
array("Land Rover",17,15)
);
Tugas 1

Buatlah program web untuk mengolah nama-nama anggota keluarga

anda dengan kriteria sebagai berikut:
• Nama-nama disimpan di dalam variabel array.
• Program menampilkan jumlah kata dan jumlah huruf pada nama yang anda
tuliskan.
• Program menampilkan kebalikan dari nama yang diinputkan.
• Program menampilkan jumlah konsonan dan jumlah vokal pada nama yang telah
diinputkan.