PEMROGRAMAN WEB

[Chapter 1]
MUHAMMAD RAJAB FACHRIZAL, S.KOM., 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” (php.net 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 welcome.php 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]