pengenalan web programming dengan php · sebagain besar dari kalian pasti sudah pernah mendengar...

Pengenalan Web Programming dengan PHP

Selamat bertemu lagi di E-Learning SMAN3.

Kali ini kita akan membahasa mngenai web programming dengan menggunakan PHP engine.

PHP adalah singkatan dari Hypertext Preprocessor. Tapi sebelumnya, oleh penemunya Rasmus Lerdorf, dinamai "Personal Home Page". PHP scripting adalah bahasa pemograman untuk web yang dapat di integrasi dengan html.

Sebagain besar dari kalian pasti sudah pernah mendengar atau menulis dokumen dalam bentuk HTML. PHP Scripting bisa ditambahkan di sela-sela html dokumen. Di akhir edisi ini, kita akan mencoba menulis beberapa script menggunakan PHP untuk menampilkan database konten. Sebelum itu, kita perlu menginstalasi beberapa software.

Untuk menulis program dengan PHP, kita akan memerlukan 3 softwares sebagai berikut ini:

• PHP engine• MySQL database• Web server: apache

Untuk mempermudah penginstalasian ketiga software diatas, kita akan men-download sebuah software namanyaWAMP Server. Software ini memiliki tiga komponen diatas dalam satu paket. Software ini juga free untuk Windows.

Di dalam WAMP-server terdapat PHP engine, MySQL database dan Apache web server. Penjelasan untuk WAMP-server akan bisa di temui di sini: http://www.wampserver.com/en/

Lokasi donwload-nya adalah disini: http://sourceforge.net/projects/wampserver/files/WampServer%202/WampServer%202.2/wampserver2.2e/wampserver2.2e-php5.3.13-httpd2.2.22-mysql5.5.24-32b.exe/download

Setelah selesai men-download file di atas, pergi ke lokasi file tersebut dan jalankan : wampserver2.2e-php5.3.13-httpd2.2.22-mysql5.5.24-32b.exe

Berikut ini akan muncul di layar anda, klik "Next"

Pengenalan Web Programming dengan PHP Hal 1

Layar berikut ini akan menampilkan informasi mengenai WAMP-Server copyright, terima apa adanya dan klik "Next"

Berikut ini yang akan tampil di layar anda, terima apa yang diusulkan untuk lokasi instalasi dan kemudian klik "Next"


Untuk layar berikut, pilih kedua pilihan yang ada, tujuannya untuk mempermudah kita mencari ikon dari WAMP-server, kemudian klink "Next"

Sekarang software-nya sudah siap akan di-install , klik "Install"


Ikuti apa yang muncul di layar anda.

Selama instalasi, anda akan ditanyakan dimana lokasi Internet browser anda, untuk itu, cari lokasi Internet explorer seperti di bawah ini, dan klik "Open"


Process instalasi sudah hampir selesai, sekarang anda akan ditanyakan konfigurasi untuk nama SMTP (mail server anda) dan email address anda. Sementara ini anda tidak perlu menggantinya, terima saja apa yang diusulkan.

Dengan tampilnya layar di atas, process installasi ini akan selesai.

Untuk melihat hasil dari instalasi, lihat di pojok kanan bawah anda (task-bar). Disana akan ada ikon seperti ini:

Klik ikon tersebut. Berikut ini akan muncul di pojok kanan bawah layar anda.


Untuk melihat hasil instalasi PHP server tersebut, klik link "phpMyAdmin" di atas (nomor dua dari atas).

Cara lain, anda bisa klik link ini: http://127.0.0.1/phpmyadmin/ di browser anda.

Jika ada error seperti di bawah ini, konfigurasi file-nya perlu di-edit. Lokasi dari konfigurasi file-nya adalah: C:\wamp\apps\phpmyadmin3.5.1\config.inc.php

Error ini muncul karena database yang di-install memiliki password. Sedangkan password-nya belum di-set

Di baris 16 : terdapat konfigurasi berikut:

$cfg['Servers'][$i]['password'] = '';

Tambahkan password 'admin' dan akan menjadi seperti ini:

$cfg['Servers'][$i]['password'] = 'admin';

Seteleah instalasi selesai, pergi ke web-address berikut untuk melihat situs admin-nya: http://127.0.0.1/

Web address 127.0.0.1 adalah sama dengan localhost. Jadi anda bisa mengetik http://127.0.0.1/ atau http://localhost/

Programming pertama dengan PHP

Setealh selesai instalasi dan konfigurasi, mari kita mencoba menulis program dengan menggunakan PHP.

Pertama, mari kita lihat database "World" yang sudah disediakan oleh MySQL sewaktu instalasi, akan tampak sebagai berikut:


Database ini adalah database yang sama seperti yang kita bicarakan dalam "Pengenalan database programming" edisi terdahulu. Klik database "world ini, seperti terlihat di bawah ini.

Di dalam database world, terdapat 3 tabel, yaitu city, country dan countrylanguage..

Kita akan memakai tabel city untuk latihan pertama kita.

Untuk menulis PHP, kita bisa menggunakan grafik editor seperti Adobe Dreamweaver. Tetapi, untuk kali ini kita akan mencoba memakai NOTEPAD, text editor yang paling sederhana, dan terdapat di setiap windows.

Copy script berikut ini dan paste di dalam Notepad:

<?phpmysql_connect("localhost","root","admin");mysql_select_db("world");$sql=mysql_query("select Name, Population from CITY Where CountryCode = 'IDN' Order by Name");


while($row = mysql_fetch_array($sql)) {

echo $row['Name'] . " " . $row['Population'];echo "<br />";

}?>

Save file ini di lokasi: "C:\wamp\www\" dengan nama: city.php. Lokasi ini adalah lokasi standard untuk semua php program/file kita.

Untuk melihat hasil dari program di atas, buka Internet Explorer (browser anda) dan paste web-address ini http://127.0.0.1/city.php . berikut ini akan tampil di browser anda.

Mari kita bahas satu persatu setiap baris dari script di atas.

Script baris ke-1: mysql_connect("localhost","root","admin"); scripting ini berfungsi untuk memulai koneksi ke database, tanpa koneksi ini, kita tidak bisa membaca database.

localhost adalah lokasi dimana database itu di-install

root: adalah akun (admin account) yang dipakai untuk mengakses database.

admin: adalah password dari akun root tersebut diatas.

Script baris ke-2: mysql_select_db("world");

Script ini adalah untuk memilih database mana yang akan dipakai untuk latihan php scripting kita. Seperti yang kita lihat di PhpMyAdmin, terdapat 6 database yang bisa dipakai. Database world yang kita pakai dalam latihan ini.

Script baris ke-3: $sql=mysql_query("select Name, Population from CITY Where CountryCode = 'IDN' Order by Name");

Script ini fungsinya untuk memilih data yang akan dibaca dari database tabel city. PHP Scripting-nya bercampur dengan SQL query yang kita pelajari edisi sebelumnya ( programming database), dimana kita sudah mencoba menampilkan data nama-name kota dan populasi di Indonesia. $sql adalah variabel unutk menyimpan data yang di-eksekusi dari SQL query kita. Data ini sementara disimpan di memory, untuk digunakan lebih lanjut.

Script baris ke-4: while($row = mysql_fetch_array($sql)) {


Script ini adalah untuk memulai penulisan data yang sudah disimpan dalam memory (variabel: $sql) ke layar browser anda. Pengunaan kata "while" bertujuan untuk menampilkan data sampai baris ($row) terakhir. mysql_fetch_array adalah fungsi yang digunakan untuk membaca data yang tersimpan dalam variabel $sql. Dalam script baris ke-3 di atas, hasil dari eksekusi SQL query disimpan di memory dalam bentuk kumpulan. Data ini harus dipisahkan baris demi baris. untuk bisa dibaca . Setiap baris yang dibaca, perlu di simpan dulu sementara waktu dalam variabel $row, kemudain baru ditulis ke browser anda kolom demi kolom. Setelah baris pertama selesai tertulis, kemudain akan dilanjutkan dengan baris kedua , ketiga dan seterusnya. Sampai tidak ada lagi data yang tersisa dalam variabel $sql.

Seperti terlihat di atas, data yang ditampilkan tidak rapi. Untuk itu kita akan sedikit men-format presentasinya. Kali ini kita akan memakai html <tabel> untuk merapikan presentasi data-nya

<html><body><?phpmysql_connect("localhost","root","admin");mysql_select_db("world");$sql=mysql_query("select Name, Population from CITY Where CountryCode = 'IDN' Order by Name");?>Berikut ini adalah nama2 kota di Indonesia yang tersimpan dalam database world<table border=1>

<tr><th>Nama Kota</th><th>Populasi</th></tr>

<?phpwhile($row = mysql_fetch_array($sql)){echo '<tr><td>' . $row['Name'] . '</td><td>' . $row['Population'] . '</td></tr>';}?></table></body></html>

Save file ini di lokasi yang sama ("C:\wamp\www\" ) dengan nama file yang lain:: city-diformat.php.

Berikut ini yang akan tampil bila kita lihat di web browser: http://127.0.0.1/city-diformat.php

Seperti terlihat di atas, presentasinya jauh lebih mudah dibaca. Format ini mirip kalau kita memakai Microsoft Word atau Excel.

Dengan berakhirnya latihan ke-2 ini, kita akhiri dulu edisi ini.


Untuk lebih mendalami PHP language, amda bisa memakai referensi berikut ini: http://php.net/manual/en/langref.php

Tanya/Jawab bisa dikirim ke: [email protected]. Jawaban akan diterbitkan dalam edisi-edisi berikutnya

Selamat mencoba.

-----------------------------------------------------------

Disusun oleh: Jaya Krishna© (Alumni SMAN3 1988) di Australia.


pengenalan web programming dengan php · sebagain besar dari kalian pasti sudah pernah mendengar...

Documents