M
M
OD
O
DU
UL
L
1.
1
.
P
P
e
e
n
n
g
g
a
a
n
n
t
t
a
a
r
r
P
P
H
H
P
P
d
d
a
a
n
n
W
W
e
e
b
b
S
S
e
e
r
r
v
v
e
e
r
r
Pokok Bahasan :
Dasar – Dasar Pemrograman Web
Materi :
1. Pengertian PHP 2. Konsep Kerja PHP 3. PHP dan Database 4. Pengertian Webserver
5. Menjalankan PHP pada Webserver
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 bentukscript HTML (Hypertext Mark up Language).
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 .
Sampai saat ini telah banyak database yang telah didukung oleh PHP dan kemungkinan akan terus bertambah. Database tersebut adalah :
dBase
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.
Beberapa paket PHP (server, database mySQL dan modul PHP) dapat di download secara gratis (www.php.net;www.apache.com danwww.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 klik Finish, dan tampil seperti gambar 1.4.
Gambar 1.4. Jendela Control Panel Webserver
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
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
Running PHP
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.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.
A
B
C
D
B. Document Toolbar
Code View Cek error
Code and Design View Validate Markup
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
1. Mempraktekkan Running webserver dengan xampp
2. Mempraktekkan dan Mengenali Macromedia Dreamweaver
1. Installasi Webserver pada computer (software minta sama staff lab / download)