Pemrograman Web (PHP Dan Mysql dengan Dreamweaver)
Dosen : Khairil, M.Kom 1
M MO OD DU UL L 1 1. . P Pe en ng ga an nt ta ar r P PH HP P d da an n W We eb b S Se er rv ve er 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 6. Menggunakan Web Editor Macromedia Dreamweaver 8 Pemrograman Web (PHP Dan Mysql dengan Dreamweaver) Dosen : Khairil, M.Kom 2 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). 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 isi nya ke mesin php dan mesin inilah yang memproses dan memberikan hasilnya (berupa kode html) ke web server, selanjutnya web server menyampaikan ke client . 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. What is PHP PHP Working 0raft Permintaan HTTP (sesuatu.php) Client Tanggapan HTTP Browser Web Server Skrip PHP Mesin PHP Kode HTML PHP And 0atabase Pemrograman Web (PHP Dan Mysql dengan Dreamweaver) Dosen : Khairil, M.Kom 3 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 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. What is Web Server Pemrograman Web (PHP Dan Mysql dengan Dreamweaver) Dosen : Khairil, M.Kom 4 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 How to InstaII Web Server Pemrograman Web (PHP Dan Mysql dengan Dreamweaver) Dosen : Khairil, M.Kom 5 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 How to use Web Editor Pemrograman Web (PHP Dan Mysql dengan Dreamweaver) Dosen : Khairil, M.Kom 6 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 Pemrograman Web (PHP Dan Mysql dengan Dreamweaver) Dosen : Khairil, M.Kom 7 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 E Pemrograman Web (PHP Dan Mysql dengan Dreamweaver) Dosen : Khairil, M.Kom 8 B. Document Toolbar Code View Cek error Code and Design View Validate Markup Design View 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, membuat CSS, Tag Ispector dan lainnya. Pemrograman Web (PHP Dan Mysql dengan Dreamweaver) Dosen : Khairil, M.Kom 9 1. Mempraktekkan Running webserver dengan xampp 2. Mempraktekkan dan Mengenali Macromedia Dreamweaver 1. Installasi Webserver pada computer (software minta sama staff lab / download) Exercise Home Exercise