MODUL 1. Pengantar PHP dan Web Server

Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
MOD UL 1 .
Pen g a n t a r P H P d a n W eb Se rv er
Pokok Bahasan :
Dasar – Dasar Pemrograman Web
Materi :
1.
2.
3.
4.
5.
6.
Pengertian PHP
Konsep Kerja PHP
PHP dan Database
Pengertian Webserver
Menjalankan PHP pada Webserver
Menggunakan Web Editor Macromedia Dreamweaver 8
Dosen : Khairil, M.Kom
1
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
What is PHP
Apa sih PHP itu ? Mungkin itu pertanyaan yang ada saat mendengar kata PHP. PHP
merupakan script yang menyatu dengan HTML dan berada pada server ( server side
HTML embedded scripting ). Dengan PHP ini Anda dapat membuat beragam aplikasi
berbasis web, mulai dari halaman web yang sederhana sampai aplikasi komplek yang
membutuhkan koneksi ke database.
PHP (Hypertext Preprocessor ), merupakan bahasa pemrograman web bersifat
serverside, artinya bahasa berbentuk script yang disimpan dan dijalankan di komputer
server (WebServer) sedang hasilnya yang dikirimkan ke komputer client (WebBrowser)
dalam bentuk script HTML (Hypertext Mark up Language).
PHP Working Draft
Konsep kerja PHP diawali dengan satu permintaan suatu halaman web oleh browser.
Berdasarkan URL (Uniform Resource Locator) atau dikenal dengan alamat Internet,
browser mendapat alamat dari webserver, mengidentifikasikan alamat yang
dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh Web Server.
Selanjutnya Web Server akan mengirimkan isinya ke mesin php dan mesin inilah yang
memproses dan memberikan hasilnya (berupa kode html) ke web server, selanjutnya
web server menyampaikan ke client .
Permintaan HTTP
(sesuatu.php)
Web Server
Skrip PHP
Browser
Mesin PHP
Client
Kode HTML
Tanggapan HTTP
PHP And Database
Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai data base
yang terkenal. Dengan demikian, menampilkan data yang bersifat dinamis, yang diambil
dari database, merupakan hal yang mudah untuk diimplementasikan.
Dosen : Khairil, M.Kom
2
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
Sampai saat ini telah banyak database yang telah didukung oleh PHP dan kemungkinan
akan terus bertambah. Database tersebut adalah :










dBase
DBM
FilePro
mSQL
MySQL
ODBC
Oracle
Postgres
Sybase
Velocis
What is Web Server
Web server adalah software yang menjadi tulang belakang dari world wide web (www).
Web server menunggu permintaan dari client yang menggunakan br owser seperti
Netscape Navigator, Internet Explorer, Modzilla, dan program browser lainnya. Jika ada
permintaan dari browser, maka web server akan memproses permintaan itu kemudian
memberikan hasil prosesnya berupa data yang diinginkan kembali ke browser. Data ini
mempunyai format yang standar, disebut dengan format SGML ( standar general markup
language). Data yang berupa format ini kemudian akan ditampilkan oleh browser sesuai
dengan kemampuan browser tersebut. Contohnya, bila data yang dikirim berupa
gambar, browser yang hanya mampu menampilkan teks (misalnya lynx) tidak akan
mampu menampilkan gambar tersebut, dan jika ada akan menampilkan alternatifnya
saja. Web server, untuk berkomunikasi dengan client -nya (web browser) mempunyai
protokol sendiri, yaitu HTTP (hypertext transfer protocol ).
Dengan protokol ini, komunikasi antar web server dengan client-nya dapat saling
dimengerti dan lebih mudah. Seperti telah dijelaskan diatas, format data pada world
wide web adalah SGML. Tapi para pengguna internet saat i ni lebih banyak menggunakan
format HTML (hypertext markup language ) karena penggunaannya lebih sederhana dan
mudah dipelajari. Kata HyperText mempunyai arti bahwa seorang pengguna internet
dengan web browsernya dapat membuka dan membaca dokumen -dokumen yang ada
dalam komputernya atau bahkan jauh tempatnya sekalipun.
Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya pengguna
internet dapat membaca dari satu dokumen ke dokumen yang lain hanya dengan
mengklik beberapa bagian dari ha laman-halaman dokumen (web) itu. Proses yang
dimulai dari permintaan webclient (browser), diterima web server, diproses, dan
dikembalikan hasil prosesnya oleh web server ke web client lagi dilakukan secara
transparan. Setiap orang dapat dengan mudah menget ahui apa yang terjadi pada tiap tiap proses. Secara garis besarnya web server hanya memproses semua masukan yang
diperolehnya dari web clientnya.
Dosen : Khairil, M.Kom
3
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
How to Install Web Server



Beberapa paket PHP (server, database mySQL dan modul PHP) dapat di
download secara gratis ( www.php.net; www.apache.com dan www.mysql.com)
Beberapa paket terpadu antara lain XAMPP dan WAMP
Berikut ini adalah cara mengintall XAMPP (berikut ini adalah logo (icon) XAMPP )
kemudian tampil jendela installer language (gambar 1) kemudian klik Ok
Gambar 1.1. Jendela Installer Language
Kemudian Klik Next pada tampilan gambar 1.2.
Gambar 1.2. Proses Extract File
Kemudian tampil gambar 1.3, seperti dibawah
Gambar 1.3. Tampilan Installing Complete
Dosen : Khairil, M.Kom
4
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
Kemudian klik Finish, dan tampil seperti gambar 1.4.
Gambar 1.4. Jendela Control Panel Webserver
Running PHP



Setelah paket PHP XAMPP (atau yang lain) diinstall maka server (apache)
diaktifkan, database (mySql) diaktifkan
Konfigurasi program adalah berada pada C: \Program Files\XAMPP
Kode PHP kita letakan pada folder
C:\Program Files\xampp\htdocs
Program
yang
dieksekusi
dengan
browser
adalah
pada alamat :
http://localhost/namafile.php
How to use Web Editor
Banyak jenis web editor yang dapat mengelola file PHP, dan shareware sampai dengan
freeware. Sedangkan dalam pembahasan dalam buk u ini akan menggunakan web editor
Macromedia Dreamweaver, karena Dreamweaver memiliki kemampuan untuk
mendukung pemrograman server side dan client side. Server side digunakan untuk
memproses data yang berhubungan dengan server, seperti pengolahan database.
Sedangkan client side merupakan bahasa pemrograman tambahan.
a. Menjalankan Dreamweaver
Berikut langkah – langkah dalam menggunakan Dreamweaver dan pengenlan
toolsnya.



Pastikan Macromedia Dreamweaver sudah terinstall pada computer
Selanjutnya Klik tombol Star pada windows taskbar
Klik Program | Macromedia | Macromedia Dreamweaver 8
Dosen : Khairil, M.Kom
5
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
Gambar 1.5. Langkah Memulai Macromedia Dreamweaver

Setelah itu akan tampil jendela program Dreamweaver, perhatikan gambar 6.
pada tampilan awal akan muncul menu pilihan halaman yang akan dibuat,
pilih jenis halaman PHP.
b. Jendela Dreamweaver
Bagian – bagian yang terdapat pada jendela kerja Dreamweaver perhatikan
gambar 1.7 dibawah ini :
Gambar 1.6. Tampilan Awal Dreamweaver 8
Dosen : Khairil, M.Kom
6
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
A
B
E
C
D
Gambar 1.7, Jendela Kerja Dreamweaver 8
A. Insert Bar
Insert bar merupakan kumpulan menu yang digunakan untuk memasukan
objek kedalam document, seperti Table, Layer dan Image
Gambar 1.8. Menu Insert bar
Selain menu Common, dapat juga menampilkan menu lainnya pada Insertbar
seperti menu Layout, Forms, Text, HTML, Aplication dan Flash elements.
Dosen : Khairil, M.Kom
7
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
B. Document Toolbar
Code View
Code and Design View
Design View
Cek error
Validate Markup
File Managemen
Judul document
View Optio
Refrersh
Preview in browser
Gambar 1.9. Document Toolbar
Document Toolbar digunakan untuk mengubah tampilan document seperti
menampilkan kode atau tampilan design saja, a tau dapat juga menampilkan
keduanya.
C. Document Window
Jendela document merupakan tempat mendesign dan memasukan objek
atau kode dari tab Code, Split dan Design
D. Property Inspector
Property Inspector berfungsi untuk mengetahui atau mengubah program dari
objek yang dimasukan kedalam dokumen, seperti mengubah jenis huruf
warna dan ukuran huruf. Seperti pada gambar 10.
Gambar 1.10. Property Inspector
E. Panel Groups
Panel Groups berfungsi untuk mengatur halaman web yang dibuat, misalnya
pengaturan file, membu at CSS, Tag Ispector dan lainnya.
Dosen : Khairil, M.Kom
8
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
Exercise
1. Mempraktekkan Running webserver dengan xampp
2. Mempraktekkan dan Mengenali Macromedia Dreamweaver
Home Exercise
1. Installasi Webserver pada computer (software minta sama staff lab / download)
Dosen : Khairil, M.Kom
9