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


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.


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.


3


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


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


5


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


6


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.


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.


8


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)


9