pengantar pemrograman php

Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)

Dosen : Khairil, M.Kom 1

MMOODDUULL 11..PPeennggaannttaarr PPHHPP ddaann WWeebb SSeerrvveerr

Pokok Bahasan :Dasar Dasar Pemrograman Web

Materi :1. Pengertian PHP2. Konsep Kerja PHP3. PHP dan Database4. Pengertian Webserver5. Menjalankan PHP pada Webserver6. Menggunakan Web Editor Macromedia Dreamweaver 8



Apa sih PHP itu ? Mungkin itu pertanyaan yang ada saat mendengar kata PHP. PHPmerupakan script yang menyatu dengan HTML dan berada pada server ( server sideHTML embedded scripting). Dengan PHP ini Anda dapat membuat beragam aplikasiberbasis web, mulai dari halaman web yang sederhana sampai aplikasi komplek yangmembutuhkan koneksi ke database.

PHP (Hypertext Preprocessor), merupakan bahasa pemrograman web bersifatserverside, artinya bahasa berbentuk script yang disimpan dan dijalankan di komputerserver (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 yangdikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh Web Server.Selanjutnya Web Server akan mengirimkan isinya ke mesin php dan mesin inilah yangmemproses dan memberikan hasilnya (berupa kode html) ke web server, selanjutnyaweb server menyampaikan ke client .

Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai data baseyang terkenal. Dengan demikian, menampilkan data yang bersifat dinamis, yang diambildari database, merupakan hal yang mudah untuk diimplementasikan.

What is PHP

PHP Working Draft

Permintaan HTTP(sesuatu.php)

Client

Tanggapan HTTP

Browser

Web ServerSkrip PHP

Mesin PHP

Kode HTML

PHP And Database



Sampai saat ini telah banyak database yang telah didukung oleh PHP dan kemungkinanakan 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 sepertiNetscape Navigator, Internet Explorer, Modzilla, dan program browser lainnya. Jika adapermintaan dari browser, maka web server akan memproses permintaan itu kemudianmemberikan hasil prosesnya berupa data yang diinginkan kembali ke browser. Data inimempunyai format yang standar, disebut dengan format SGML ( standar general markuplanguage). Data yang berupa format ini kemudian akan ditampilkan oleh browser sesuaidengan kemampuan browser tersebut. Contohnya, bila data yang dikirim berupagambar, browser yang hanya mampu menampilkan teks (misalnya lynx) tidak akanmampu menampilkan gambar tersebut, dan jika ada akan menampilkan alternatifnyasaja. Web server, untuk berkomunikasi dengan client -nya (web browser) mempunyaiprotokol sendiri, yaitu HTTP (hypertext transfer protocol).

Dengan protokol ini, komunikasi antar web server dengan client-nya dapat salingdimengerti dan lebih mudah. Seperti telah dijelaskan diatas, format data pada worldwide web adalah SGML. Tapi para pengguna internet saat i ni lebih banyak menggunakanformat HTML (hypertext markup language ) karena penggunaannya lebih sederhana danmudah dipelajari. Kata HyperText mempunyai arti bahwa seorang pengguna internetdengan web browsernya dapat membuka dan membaca dokumen -dokumen yang adadalam komputernya atau bahkan jauh tempatnya sekalipun.

Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya penggunainternet dapat membaca dari satu dokumen ke dokumen yang lain hanya denganmengklik beberapa bagian dari ha laman-halaman dokumen (web) itu. Proses yangdimulai dari permintaan webclient (browser), diterima web server, diproses, dandikembalikan hasil prosesnya oleh web server ke web client lagi dilakukan secaratransparan. Setiap orang dapat dengan mudah menget ahui apa yang terjadi pada tiap -tiap proses. Secara garis besarnya web server hanya memproses semua masukan yangdiperolehnya dari web clientnya.

What is Web Server



Beberapa paket PHP (server, database mySQL dan modul PHP) dapat didownload 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 LanguageKemudian Klik Next pada tampilan gambar 1.2.

Gambar 1.2. Proses Extract FileKemudian tampil gambar 1.3, seperti dibawah

Gambar 1.3. Tampilan Installing Complete

How to Install Web Server



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\htdocsProgram yang dieksekusi dengan browser adalah pada alamat :http://localhost/namafile.php

Banyak jenis web editor yang dapat mengelola file PHP, dan shareware sampai denganfreeware. Sedangkan dalam pembahasan dalam buk u ini akan menggunakan web editorMacromedia Dreamweaver, karena Dreamweaver memiliki kemampuan untukmendukung pemrograman server side dan client side. Server side digunakan untukmemproses data yang berhubungan dengan server, seperti pengolahan database.Sedangkan client side merupakan bahasa pemrograman tambahan.

a. Menjalankan DreamweaverBerikut langkah langkah dalam menggunakan Dreamweaver dan pengenlantoolsnya. 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



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 DreamweaverBagian bagian yang terdapat pada jendela kerja Dreamweaver perhatikangambar 1.7 dibawah ini :

Gambar 1.6. Tampilan Awal Dreamweaver 8



Gambar 1.7, Jendela Kerja Dreamweaver 8

A. Insert BarInsert bar merupakan kumpulan menu yang digunakan untuk memasukanobjek kedalam document, seperti Table, Layer dan Image

Gambar 1.8. Menu Insert barSelain menu Common, dapat juga menampilkan menu lainnya pada Insertbarseperti menu Layout, Forms, Text, HTML, Aplication dan Flash elements.

AB

C

D

E



B. Document ToolbarCode View Cek error

Code and Design View Validate MarkupDesign View File Managemen

Judul document View Optio

RefrershPreview in browser

Gambar 1.9. Document ToolbarDocument Toolbar digunakan untuk mengubah tampilan document sepertimenampilkan kode atau tampilan design saja, a tau dapat juga menampilkankeduanya.

C. Document WindowJendela document merupakan tempat mendesign dan memasukan objekatau kode dari tab Code, Split dan Design

D. Property InspectorProperty Inspector berfungsi untuk mengetahui atau mengubah program dariobjek yang dimasukan kedalam dokumen, seperti mengubah jenis hurufwarna dan ukuran huruf. Seperti pada gambar 10.

Gambar 1.10. Property InspectorE. Panel Groups

Panel Groups berfungsi untuk mengatur halaman web yang dibuat, misalnyapengaturan file, membuat CSS, Tag Ispector dan lainnya.



1. Mempraktekkan Running webserver dengan xampp2. Mempraktekkan dan Mengenali Macromedia Dreamweaver

1. Installasi Webserver pada computer (software minta sama staff lab / download)

Exercise

Home Exercise

pengantar pemrograman php

Documents