PEMROGRAMAN WEB
[Chapter 1]
MUHAMMAD RAJAB FACHRIZAL, [Link]., M. KOM.
PROGRAM STUDI SISTEM INFORMASI
OUTLINE
Sistem Perkuliahan
Silabus
Pengenalan Konsep Web Base Programing
Pengenalan Bahasa Pemrograman PHP
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
SISTEM PERKULIAHAN
Materi + Latihan
Absensi : Max. 80% ( 3 x Alpha)
Nilai Akhir : Tugas = 10 %
Quiz = 30 %
UTS = 30 %
Tugas Besar = 30 %
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
SILABUS
Pertemuan Materi
Materi 1 Pengenalan Matakuliah dan Konsep Dasar Web
Materi 2 Pengenalan Lingkungan PHP, Web Server, Web Editor, Web Browser dan PHP
Materi 3 Mengenal Elemen-elemen Dasar PHP
Materi 4 Struktur Kontrol (Conditional Statement & Looping)
Materi 5 Array dan Fungsi
Materi 6 HTML Form di PHP
UTS
Materi 7 Konsep Dasar Database ( MySql / Maria DB )
Materi 8 Fungsi-fungsi MySqli dalam PHP
Materi 9 -12 Membuat Aplikasi ( PHP + MySqli )
Materi 13-15 Session, Cookies, File
UAS
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
WEB BASED SCRIPTING [1]
CLIENT SIDE SERVER SIDE
HTML PHP (PHP : Hypertext Preprocessor)
XHTML ASP (Active Server Page)
CSS JSP (Java Server Page)
XML Python
Javascript etc. Ruby etc.
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
CLIENT SIDE PROGRAMMING
HTTP Request
Cara kerja Client Side Programming Language
1 1. Client melakukan permintaan (request)
untuk mengakses suatu file
html/css/javascript melalui web browser
kepada web server.
2. Web server mencari file yang diminta.
2 3. Web server mengirimkan kembali
(response) file yang diminta kepada client.
Web browser menerima dan
Client Web Server menerjemahkan file yang dikirim oleh web
server.
3
HTTP Response
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
SERVER SIDE PROGRAMMING
HTTP Request Cara kerja Server Side Programming Language
1. Client melakukan permintaan (request) untuk mengakses
1 suatu file php melalui web browser kepada web server.
2. Web server mencari file php yang diminta. Karena file
2 bertipe php, maka file tersebut akan diproses oleh “mesin
5 3 PHP”.
3. Jika file php tersebut meminta suatu data pada database
server, maka database server akan memproses permintaan
4 tersebut
4. Database server kemudian mengirimkan hasilnya ke
Web Server “mesin PHP”.
Client 5. “mesin PHP” mengirimkan hasilnya ke web server.
6 6. Web server men-generate kode PHP menjadi HTML dan
mengirimkan kembali (response) kepada client.
HTTP Response
Database Server
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
PENGENALAN PHP [1]
PHP singkatan dari PHP : Hypertext Preprocessor.
“PHP is a popular general-purpose scripting language that is especially suited to web
development” ([Link] 2018)
Script PHP dieksekusi pada server
Logo PHP
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
PENGENALAN PHP [2]
PHP merupakan bahasa pemrograman yang cukup banyak digunakan untuk membuat web
dinamis. Pada awalnya PHP merupakan bahasa pemrograman Procedural, namun seiring
perjalanan waktu PHP terus dikembangkan dan sejak versi PHP 5 telah mendukung Object
Oriented Programming atau OOP secara penuh.
Procedural merupakan teknik pemrograman pada struktur program yang menekankan pada sisi
algoritmik, dilakukan dengan memberikan serangkaian perintah yang berurutan.
OOP merupakan teknik yang membagi program ke dalam class-class atau object-object tertentu.
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
PENGENALAN PHP [3]
PHP Native & Framework PHP Macam-macam Framework PHP
PHP Native merupakan pengkodean PHP murni
tanpa menggunakan framework. PHP native
merupakan dasar dalam mempelajari PHP.
Framework PHP merupakan suatu kerangka
kerja yang telah terpola dan memudahkan
pengembang web dalam pembuatan web yang
menggunakan script PHP. PHP Framework
menggunakan metode pengembangan berbasis
MVC (Model View Controller) yang merupakan
suatu metode untuk memisahkan bagian-
bagian dari suatu web aplikasi.
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
TOOLS REQUIREMENT
Untuk membangun aplikasi menggunakan bahasa pemrograman PHP, dibutuhkan beberapa dukungan
aplikasi lainnya yaitu :
Text Editor : digunakan untuk menuliskan kode program (Notepad, Notepad++, Sublime, Adobe
Dreamweaver, dll.)
Web Browser : digunakan untuk menampilkan hasil pemrograman berbasis web
Web Server : sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS
dari klien yang dikenal dengan web browser dan mengirimkan kembali hasilnya dalam bentuk halaman-
halaman web yang umumnya berbentuk dokumen HTML (Apache, Nginx, Microsoft IIS, LiteSpeed, dll)
PHP : merupakan aplikasi penterjemah kode PHP itu sendiri di dalam web server
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
TOOLS REQUIREMENT
Web Server + PHP + MySQL umumnya dapat diinstall dalam satu paket aplikasi (XAMPP)
XAMPP merupakan perangkat lunak untuk mendirikan server sendiri (localhost)
XAMPP didistribusikan secara opensource , didalamnya sudah ada paket program tambahan seperti
phpMyAdmin, FileZilla FTP Server, Perl
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
MEMULAI PENULISAN SCRIPT
PHP
1. Buka text editor
2. Ketikan script berikut
Tag pembuka
Menampilkan Output
Ke Browser
Tag penutup
3. Simpan file dengan nama [Link] di direktori C:\xampp\htdocs\nim_nama
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
MENJALANKAN FILE PHP
1. Pastikan Web Server Apache telah aktif 2. Buka browser, kemudian ketikkan
localhost/nim_nama/nama_file.php pada alamat URL
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
PELETAKAN SCRIPT PHP
Embedded script merupakan teknik penyisipan script php dalam tag html yang memiliki ciri-ciri ketika
dilihat dengan view source pada web browser maka script php tidak ada, hasil dari eksekusi berupa html
murni dan on the fly creation.
<html>
<head>
<title>Praktikum 1.1 Embedded Script</title>
</head>
<body>
<?php
echo "<h1 align='center'>My first Php code</h1>";
echo "Saya sedang belajar php<br>";
echo “Sistem Informasi Unikom<br>";
?>
</body>
</html>
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
PELETAKAN SCRIPT PHP
Non Embedded Script adalah teknik menyisipkan script php diluar tag html yang berarti bahwa tag html
yang berda di dalam script php. Ciri-cirinya adalah tag html tidak beraturan, Hasil murni dari script PHP,
meskipun begitu web browser tetap dapat menampilkan informasi
<?php
echo "<html>";
echo "<head>";
echo "<title>Praktikum 1.1 Non Embedded Script</title>";
echo "</head>";
echo "<body>";
echo "<h1 align = 'center'> My First PHP Code </h1>";
echo "Saya sedang Belajar PHP <br>";
echo “Sistem Informasi Unikom<br>";
echo "</body>";
echo "</html>";
?>
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
LATIHAN
Buat interface mengenai biodata anda menggunakan Non Embedded Script, tampikan juga sebuah
gambar untuk foto anda
Foto
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]
Terima Kasih
PROGRAM STUDI SISTEM INFORMASI - PEMROGRAMAN WEB [CHAPTER 1 & 2]