BAB 1 KONSEP APLIKASI BERBASIS WEB DAN

LAPORAN PRAKTIKUM PEMROGRAMAN WEB
BAB
NAMA
NIM

: KONSEP APLIKASI BERBASIS WEB DAN DASAR PHP
: MOH. ARIF ANDRIAN
: 156150600111002

Praktikum 1

Konsep Aplikasi Berbasis Web dan Dasar PHP





Tujuan Praktikum :
Memberikan pemahaman kepada mahasiswa tentang gambaran global aplikasi web.
Memberikan pemahaman tentang kerangka program PHP.
Memperkenalkan kepada mahasiswa tentang tipe data, variabel dan operator pada PHP.

Memberikan pemahaman tentang integrasi kode-kode PHP pada dokumen HTML.

I.

Dasar Teori
a.

Aplikasi Berbasis Web dan Web-server
Pengubahan konten web dinamis dilakukan melalui teknologi web-scripting. Terdapat dua
jenis web-scripting berdasarkan lokasi dijalankannya script, yaitu Client-side dan Server-side
scripting. Client-side scripting bekerja langsung pada peramban (browser) web di sisi client.
Server-side scripting bekerja di sisi server. Script akan diproses dan diterjemahkan menjadi
dokumen HTML yang selanjutnya dikirimkan ke peramban web di sisi client. Konsep pemrograman
web lebih banyak menekankan pada Server-side scripting. Salah satu bahasa yang digunakan
adalah PHP (singkatan rekursif dari PHP: Hypertext Preprocessor). PHP hanya dapat bekerja pada
web-server. Salah satunya Apache. Dengan demikian, untuk menjalankan kode-kode PHP pada
perangkat yang kita gunakan juga harus telah tertanam sebuah web-server. Dalam praktikum ini
diharapkan pada setiap komputer telah tersedia web-server Apache, baik yang di-install secara
independen maupun melalui sebuah Solution Stack seperti XAMPP.
Kode-kode yang bekerja di sisi server (Server-side Scripting) bekerja mengolah dokumen

dalam format HTML secara dinamis dan terprogram. Dengan demikian penguasaan konsep-konsep
desain web dalam format HTML mutlak dibutuhkan sebagai dasar untuk mempelajari PHP. Secara
umum, PHP memiliki kemampuan mengubah konten halaman web secara dinamis berdasarkan
record pada basis data serta mengurutkan isi data sesua dengan parameter tertentu, melakukan
kustomasi konten halaman web sesuai level atau hak-akses pengguna, menampilkan grafis yang
dinamis pada halaman web serta menerima permintaan pengguna dan memberikan timbal balik
melalui intruksi-instruksi tertentu.

Client

Webserver

internet



Browser
...

DB

dri
ve

” atau bisa juga dengan bentuk short yaitu dengan awalan “”. Berikut ini
contoh kode PHP yang sangat sederhana.
1
2
3



echo “Hello World”;

Perintah echo di dalam PHP berguna untuk mencetak nilai, baik teks maupun numerik ke layar
browser. Selain echo kita juga bisa menggunakan perintah print :
1
2
3




Print “Hello World”;

Setiap perintah atau statemen di dalam kode PHP harus diakhirir dengan tanda titik koma atau
semicolon “;”.
c. Tipe Data, Variable dan Operator
PHP mendukung delapan tipe nilai atau tipe data. Empat nilai skalar (single-value) : integer, float,
string dan boolean; nilai koleksi : array. Sisanya adalah tipe khusus yaitu resource dan null.
Integer

Float

String

Boolean

Integer adalah tipe data yang merepresentasikan bilangan utuh atau bulat, positif
maupun negatif dan bukan pecahan. Rentang dari bilangan integer adalah 2,147,483,648 sampai +2,147,483,647.
Float disebut sebagai bilangan pecahan atau sering juga disebut sebagai bilangan
real yang mengandung angka desimal di belakang koma. Contohnya adalah 3,14;

2,54; 9;99 dan seterusnya.
PHP mendukung tipe data string yaitu tipe data karakter yang biasanya
diekspresikan dengan diapit oleh petik ganda atau petik tunggal. Contoh :
‘ini adalah String’ atau “ini adalah String”
Tipe boolean adalah tipe data yang merepresentasikan nilai kebenaran (truth
value). Sebaran nilai pada tipe boolean adalah true dan false. Contoh:


Array

Maksud dari kode diatas adalah jika variable $found berisi “true” maka
dilakukan eksekusi kode echo “Data telah ditemukan”;.
Array adalah variable yang menyimpan sekelompok nilai, yang
diindentifikasi berdasarkan posisinya atau index-nya. Contoh:

dapat

$person = array(’Dadan’,’Jajang’,’Udin’,’Rendra’);

Pendefinisian Variable

Variable dalam PHP dapat dituliskan dengan $nama_variable, contohnya adalah :
$username = “Hendro”;
$usia = 25;

Dalam bahasa PHP tidak seperti bahasa pemrograman lainnya, yang mengharuskan kita untuk
memberikan atau menuliskan tipe variable didepan nama variable. Artinya PHP mempunyai
kemampuan untuk mendeteksi sendiri apa tipe variable yang telah kita tuliskan.
Operator
Dalam PHP operator dibagi menjadi 4 yaitu assignment operator, aritmatic operator, relasional
operator dan logic operator. Assignment operator adalah operator yang digunakan untuk
memberikan sebuah nilai yang akan dimasukkan ke dalam variable. Assignment Operator
ditandakan dengan “=”. Sedangkan untuk aritmatic operator digunakan untuk operasi aritmatika
berikut daftarnya.
Operator
Keterangan
+
Operator penjumlahan
Operator pengurangan
*
Operator perkalian

/
Operator pembagian
%
Operator modulus (sisa dari pembagian)
++
Operator untuk menaikkan nilai variable sebesar 1
-Operator untuk menurunkan nilai variable sebesar 1
Operator relasional adalah operator yang digunakan untuk membandingkan 2 buah nilai. Hasil
operasi hanya ada 2 yaitu true dan false. Berikut adalah contohnya :
Operator
Keterangan
$a == $b
Memeriksa apakah $a sama dengan $b
$a != $b
Memeriksa apakah $a tidak sama dengan $b
$a < $b
Memeriksa apakah $a kurang dari $b
$a > $b
Memeriksa apakah $a lebih besar dari $b
$a = $b

Memeriksa apakah $a lebih dari sama dengan $b
Sedangkan operator logika adalah operator yang digunakan untuk mengoperasikan dua buah
operand yang bertipe boolean. Contoh dari operator logika adalah sebagai berikut :
Operator
Keterangan
&&
Logika AND
||
Logika OR
!
Logika NOT
d. Integrasi kode PHP ke dalam HTML
Ada beberapa cara dalam mengekspresikan tag PHP dalam sebuah dokumen web, yaitu dengan
menyisipkan PHP dalam HTML atau HTML dalam PHP. Berikut contohnya PHP dalam HTML :
1
2
3
4
5
6

7
8


PHP dalam HTML





Contoh HTML dalam PHP :

1
2
3
4
5
6
7
8

9
10



echo
echo
echo
echo
echo
echo
echo
echo

“”;
“”;
“HTML dalam PHP”;
“”;
“”;
“Paragraf 2 : Teks dari kode PHP”;

“”;
“”;

II.Materi Praktikum
Latihan 1
Tuliskan kode dibawah ini, simpan dalam file Lat1_1.php !
1
2
3
4
5
6



Hapus notasi ( $ ), lalu jalankan kode di atas. Apa yang terjadi? Lalu simpulkan.
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Latihan 2
Tuliskan kode dibawah ini, simpan dalam file Lat1_2.php !
1
2
3
4
5
6
7



Amati hasil dari kode di atas, lalu simpulkan.
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Latihan 3
Tuliskan kode dibawah ini, simpan dalam file Lat1_3.php !
1
2
3
4
5
6
7
8
9
10
11
12



Amati hasil dari kode di atas, lalu simpulkan.
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Latihan 4
Tuliskan kode dibawah ini, simpan dalam file Lat1_4.php !
1
2
3
4
5



Gantikan operator “+=” dengan :
1. “-=”
2. “*=”
3. “/=”
4. “%=”
5. “.=”
Amati hasil dari operator tersebut ! lalu simpulkan.
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Latihan 5
Tuliskan kode dibawah ini, simpan dalam file Lat1_5a.php !
1
2
3
4
5
6
7
8


PHP dalam HTML





Tuliskan kode dibawah ini, simpan dalam file Lat1_5b.php !
1
2
3
4
5
6
7
8
9
10



echo
echo
echo
echo
echo
echo
echo
echo

“”;
“”;
“HTML dalam PHP”;
“”;
“”;
“Paragraf 2 : Teks dari kode PHP”;
“”;
“”;

Bukalah hasil dari kedua halaman di atas pada peramban, amati kode yang ditunjukkan oleh
perintah “view source” pada setiap halaman, buatlah analisis berdasarkan teori web-server.
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

LATIHAN 1
A. Soal
Tuliskan kode dibawah ini, simpan dalam file Lat1_1.php !
1
2
3
4
5
6



Hapus notasi ( $ ), lalu jalankan kode di atas. Apa yang terjadi? Lalu simpulkan.

B. Screenshoot

Output jika notasi ($) dihapus.

C. Syntax
1
D. Penjelasan
Jika notasi ($) dihilangkan maka error akan terjadi pada saat code php dijalankan, error
dikarenakan notasi ($) merupakan syarat pendeklarasian sebuah variabel pada php.

LATIHAN 2
A. Soal
Tuliskan kode dibawah ini, simpan dalam file Lat1_2.php !
1
2
3
4
5
6
7



Amati hasil dari kode di atas, lalu simpulkan.

B. Screenshoot

C. Syntax
1
D. Penjelasan
Syntax echo berfungsi untuk menampilkan sebuah String kata dan atau nilai dari variabel.
Pada php juga dapat dimasukkan code HTML yang ditulis dalam bentuk string. syntax
diatas juga menangani perhitungan, operator yang digunakan adalah tanda (+) untuk
menjumlahkan.

LATIHAN 3
A. Soal
Tuliskan kode dibawah ini, simpan dalam file Lat1_3.php !
1
2
3
4
5
6
7
8
9
10
11
12



Amati hasil dari kode di atas, lalu simpulkan.

B. Screenshoot

C. Syntax
1

D. Penjelasan
Di dalam php juga terdapat notasi operator (+,-,*,/,%,dll) yang bisa kita buat untuk
menghitung, hasil dari perhitungan tersebut dapat disimpan dalam sebuah variabel:
Notasi (+) untuk penjumlahan.
Notasi (-) untuk pengurangan.
Notasi (*) untuk perkalian.
Notasi (/) untuk pembagian.
Notasi (%) untuk modulus.

LATIHAN 4
A. Soal
Tuliskan kode dibawah ini, simpan dalam file Lat1_4.php !
1
2
3
4
5



Gantikan operator “+=” dengan :
6. “-=”
7. “*=”
8. “/=”
9. “%=”
10. “.=”
Amati hasil dari operator tersebut ! lalu simpulkan.

B. Screenshoot

Output ketika $x += 3.

Output ketika $x -= 3.

Output ketika $x /= 3.

Output ketika $x %= 3.

Output ketika $x .= 3.

C. Syntax

1
2
3
4
5



D. Penjelasan
Terdapat assingment(penugasan) operasi, dimana:
- Jika x+=y, maka sama dengan x = x + y.(Penjumlahan)
- Jika x-=y, maka sama dengan x = x - y.(Pengurangan)
- Jika x*=y, maka sama dengan x = x * y.(Perkalian)
- Jika x/=y, maka sama dengan x = x / y.(Pembagian)
- Jika x%=y, maka sama dengan x = x % y.(Modulus)
- Jika x.=y, maka sama dengan x = x.y.(Penggabungan angka)

TUGAS 1
1.1
E. Soal
Tuliskan kode dibawah ini, simpan dalam file Lat1_5a.php !
1
2
3
4
5
6
7
8


PHP dalam HTML





Bukalah hasil dari kedua halaman di atas pada peramban, amati kode yang ditunjukkan
oleh perintah “view source” pada setiap halaman, buatlah analisis berdasarkan teori
web-server.

F. Screenshoot

Output Lat1_5a.php.

View source Lat1_5a.php.

G. Syntax
Lat1_5a.php
1
2 PHP dalam HTML
3




H. Penjelasan
Error akan terjadi apabila kita secara langsung melakukan copy-paste baris code/syntax di
atas dikarenakan notasi petik (“) yang tidak sesuai.
Untuk Lat1_5a.php menggunakan model semantik code, yaitu penerapan syntax yang
berbeda (php in html) pada baris code yang sama dengan tidak merusak kaidah yang
berlaku pada masing-masing syntax.

1.2
I. Soal
Tuliskan kode dibawah ini, simpan dalam file Lat1_5b.php !
1
2
3
4
5
6
7
8
8
10



echo
echo
echo
echo
echo
echo
echo
echo

“”;
“”;
“HTML dalam PHP”;
“”;
“”;
“Paragraf 2 : Teks dari kode PHP”;
“”;
“”;

Bukalah hasil dari kedua halaman di atas pada peramban, amati kode yang ditunjukkan
oleh perintah “view source” pada setiap halaman, buatlah analisis berdasarkan teori
web-server.

J. Screenshoot

Output Lat1_5b.php.

View source Lat1_5b.php.

K. Syntax
Lat1_5b.php
1

L. Penjelasan
Untuk Lat1_5b.php menggunakan model (html in php). Model seperti ini tidak
disarankan karena semua syntax html diparse atau dianggap sebagai String dan ini
merusak kaidah dalam penggunaan syntax biarpun output yang dihasilkan terkesan sama
saja.