PENGANTAR

PEMROGRAMAN WEB LANJUT

Mata Kuliah Pemrograman Web Lanjut (SI118)

Aditya Rizki Yudiantika, M.Eng.

Faculty of Computer Science Specialist Program

- Digital Business
Department of Information Systems - Financial Technology
Class : Regular, Transfer & International - Creative Multimedia
*Specialist Criteria
 Outline

• Front-End vs Back-End
• Web Dinamis
• Server & Client
• Bahasa Pemrograman PHP
• Kelebihan PHP
• PHP Code Editor

Faculty of Computer Science

PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 Front-End
vs
Back-End

Faculty of Computer Science

PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 Web Dinamis
• Web yang isinya dapat berubah-ubah setiap saat. User dapat
langsung mengubah data melalui halaman control panel atau
dashboard Admin.
• Beberapa komponen web dinamis yaitu Client Side Scripting (HTML,
Java Script, Cascading Style Sheet) dan Server Side Scripting
(seperti PHP dan basis data seperti MySQL).
• Contoh web dinamis: situs web berita, situs berbasis UGC (user
generated content), situs web e-Commerce.
Faculty of Computer Science
PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 Server & Client
Dalam dunia internet selalu terdapat dua
sisi yang saling mendukung, yaitu:
• Server -> penyedia berbagai layanan
termasuk web. Layanan web ditangani
oleh sebuah aplikasi bernama web
server.
• Client -> bertugas mengakses
informasi yang disediakan oleh server.
Pada layanan web, client dapat berupa
web browser.

Faculty of Computer Science

PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 Bahasa Pemrograman
• PHP kependekan dari Hypertext Preprocessor
• Pertama kali dikembangkan oleh Rasmus Lerdorf pada tahun 1994
• PHP bersifat open source, bebas digunakan secara luas
• Script PHP berjalan (dieksekusi) di sisi server dan pada umumnya
akan bekerja dengan didukung oleh database
• Versi stabil PHP saat ini adalah versi 7.4, versi termutakhir adalah
versi 8.0.

Faculty of Computer Science

PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 File PHP
• Sebuah file akan dikenali browser • Syntax PHP selalu diawali dan
sebagai script PHP jika mempunyai diakhiri dengan baris sbb:
ekstensi .php
• Kode PHP dijalankan di sisi server,
kemudian hasilnya ditampilkan oleh
browser berupa plain HTML
• File PHP bisa berisi text, HTML,
CSS, JavaScript, dan kode PHP itu
sendiri

Faculty of Computer Science

PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 Kelebihan PHP

Faculty of Computer Science

PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 Mengapa PHP?

Bahasa Pemrograman Paling Populer menurut

2021 Developer Survey Stackoverflow
(insights.stackoverflow.com)

Faculty of Computer Science

PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 PHP Code Editor
• Notepad Notepad++
• Sublime Text
• Komodo Editor
• Blue Fish
• Dreamweaver
• Aptana
• etc.

Faculty of Computer Science

PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 Kebutuhan Praktikum
• XAMPP: paket aplikasi yang terdiri dari web
server Apache, database MySQL (GUI:
phpMyAdmin), dan modul PHP/PERL.
• Fungsi XAMPP: server yang dapat berdiri
sendiri (localhost), dapat diakses secara
offline.
• XAMPP bisa berjalan pada beberapa sistem
operasi: Windows, MacOS, Linux.
• Dokumentasi & link download:
www.apachefriends.org
Faculty of Computer Science
PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)
 Thank You J

Faculty of Computer Science

PWL (SI118) – Pengantar PWL | Sem. Ganjil 2021/2022 Department of Information Systems & Bachelor
Information Systems (International Class)