Pemrograman Dasar Website Menggunakan PHP

PENDAHULUAN
Buku ini mencoba menerangkan langkah-langkah apa saja yang perlu ditempuh ketika membuat suatu program berbasis web dimulai dari kasus yang paling sederhana yaitu menampilkan tulisan Hello world pada halaman internet browser komputer anda. Untuk melakukan hal tersebut yang dibutuhkan hanya bahasa program statik disebut HTML (Hypermark Text Markup Language). Sasaran berikutnya setingkat lebih maju dari kasus tersebut adalah membuat aplikasi buku tamu. Untuk membuat program tersebut diperlukan bahasa program yang tidak statik, dalam contoh kasus di buku ini akan menggunakan bahasa program PHP dan MySQL sebagai database untuk menampung input dari pengguna. Di bagian akhir akan menjelaskan langkah-langkah yang ditempuh untuk menginstal aplikasi CMS (Content Management System) Joomla yang mana aplikasi tersebut dibangun menggunakan bahasa program PHP. Agar dapat bereksperimen membuat tulisan Hello World, buku tamu, atau menginstal CMS Joomla menggunakan bahasa program HTML, PHP, dan MySQL harus disiapkan terlebih dahulu ruang lingkungan yang mendukung proses tersebut pada operating sistem operasi. Ruang lingkungan tersebut adalah: 1. Apache, sebagai web server 2. PHP, sebagai bahasa pemrograman 3. MySQL, sebagai database 4. PHPMyAdmin, antar muka ke database MySQL berbasis web Operating system yang digunakan adalah Windows XP. Secara garis besar isi buku ini adalah: 1. Menerangkan langkah-langkah menginstal Apache sebagai web server. 2. Menerangkan langkah-langkah menginstal PHP sebagai bahasa pemrograman. 3. Menerangkan langkah-langkah menginstal MySQL sebagai database. 4. Menerangkan langkah-langkah menginstal PHPMyAdmin sebagai antar muka berbasis web untuk mengoperasikan database MySQL. 5. Menerangkan contoh pembuatan program paling sederhana, menampilkan tulisan Hello World pada halaman internet browser. 6. Menerangkan contoh pembuatan program buku tamu. 7. Menerangkan contoh menginstal CMS Joomla. Buku ini disertai dengan CD yang berisikan: 1. Installer Apache web server 2. Installer PHP 3. Installer MySQL 4. Installer PHPMyAdmin 5. Installer Joomla 6. Installer PHPTextEditor 7. Installer Firefox internet browser

Pemrograman Dasar Website Menggunakan PHP

1. INSTALASI APACHE WEB SERVER

Ketika anda mengetikkan url http://kompas.com di internet browser dan menekan tombol enter, maka proses selanjutnya adalah perintah tersebut dikirim keluar dari komputer anda melalui jaringan kabel atau wireless ke internet provider tempat anda mendaftar. Dari situ perintah tersebut diteruskan ke server kompas.com. Setelah sampai di server kompas.com kemudian dikirim respon melalui jalur sebelumnya sehingga tersaji di depan monitor si pengguna. Dikarenakan sifat internet yang global maka bisa terjadi permintaan ke server kompas dalam waktu yang bersamaan dari berbagai lokasi di seluruh dunia. Ada yang mengakses berita utama, olahraga, bisnis, berita kemaren dan lain-lain. Fungsi web server adalah untuk mengatur permintaan-permintaan tersebut beserta dengan respon yang harus dikembalikan. Apache adalah salah satu dari beberapa jenis aplikasi web server yang ada. Apache bersifat open source dan gratis. Info tentang apache dapat dilihat di situsnya http://apache.org. Gambar 1.1 Diagram network Berikut kita akan memulai proses instalasi Apache. Silakan dibuat terlebih dahulu folder baru bernama apache di drive yang sama dimana sistem operasi diinstal; biasanya di drive C.

Gambar 1.2 Buat folder apache Selanjutnya cari file installer Apache yang tersedia di CD yang disertakan pada buku ini. File installer tersebut dapat ditemukan di lokasi \driver\web server\ bernama apache_2.0.50-win32-x86_httpd. Klik kanan pada file dan pilih Install.

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.3 Instal Apache Selanjutnya akan muncul wizard instalasi Apache, tekan tombol Next >.

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.4 Instal Apache Selanjutnya pilih I accept the terms in the license agreement dan tekan tombol Next >.

Pemrograman Dasar Website Menggunakan PHP Gambar 1.5 Instal Apache Selanjutnya tekan tombol Next >.

Gambar 1.6 Instal Apache Selanjutnya isi data-data pada form sebagai berikut: Network domain: localhost Server name: localhost Administrators Emai Address: admin@localhost Pilih for All Users, on port 80, as a Service Recommended. Selanjutnya tekan tombol Next >.

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.7 Instal Apache Selanjutnya pilih setup type Typical dan tekan tombol Next >.

Pemrograman Dasar Website Menggunakan PHP Gambar 1.8 Instal Apache Pada umumnya setiap program yang diinstal di sistem operasi windows diletakkan di direktori C:\Program Files. Kali ini program Apache kita instal di lokasi C:\apache sebagaimana foldernya sudah dibuat terlebih dahulu. Untuk itu tekan tombol Change.. dan pilih direktori apache di drive C.

Gambar 1.9 Instal Apache

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.10 Instal Apache Folder name diganti dari C:\Program Files\Apache Group\ menjadi C:\apache. Perhatikan nama folder apache yang dibuat semuanya huruf kecil (lower case). Untuk lebih memastikan lokasi foldernya bisa dilakukan dengan meng-klik pada form Look in yang akan memandu ke arah lokasi folder yang diinginkan. Selanjutnya tekan tombol OK.

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.11 Instal Apache Perhatikan gambar 1.12 lokasinya sudah berubah menjadi C:\apache. Selanjutnya tekan tombol Next >.

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.12 Instal Apache Selanjutnya tekan tombol Install.

10

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.13 Instal Apache Selanjutnya adalah proses instalasi.

Gambar 1.14 Instal Apache Setelah selesai akan muncul wizard yang menyatakan instalasi telah berhasil dengan sukses. Selanjutnya tekan tombol Finish.

11

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.15 Instal Apache Selanjutnya melalui internet browser anda silakan diketikkan alamat http://localhost. Jika yang muncul seperti gambar di bawah berarti proses instalasi Apache sebagai web server telah berhasil dengan sukses.

12

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.16 Instal Apache

Sejatinya file-file yang akan anda buat untuk ditampilkan di internet browser apakah itu file html, php, jpeg, gif, dan lain-lain diletakkan di folder C:\apache\Apache2\htdocs.

13

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.17 Instal Apache Namun demikian agar lebih praktis akan kita buatkan folder webroot di drive C tempat menampung semua file-file tersebut. Selama proses pembuatan program anda akan sering meng-edit dan meng-copy file dari folder tersebut sehingga letaknya sebisa mungkin dibuat di lokasi yang mudah dicapai. Upaya tersebut akan memerlukan sedikit upaya karena file konfigurasi di Apache harus di-set sehingga setiap request terhadap web server akan dialamatkan ke folder webroot. Langkah selanjutnya adalah buat folder webroot di drive C.

14

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.18 Instal Apache Selanjutnya kita akan melakukan setting konfigurasi Apache. Buka file httpd.conf yang terletak di lokasi C:\apache\Apache2\conf.

15

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.19 Instal Apache

Setelah itu akan ditampilkan konfigurasi dari Apache web server dalam format notepad. Lakukan pencarian terhadap kata DocumentRoot dengan cara menekan tombol keyboard Ctr + F secara bersamaan. Atau melalui menu notepad Edit => Find. Pilih direction: down, kemudian tekan tombol Find Next. Jika tidak ditemukan ganti direction menjadi up dan tekan tombol Find Next.

16

Pemrograman Dasar Website Menggunakan PHP Gambar 1.20 Instal Apache Setelah ditemukan, ubah C:/apache/Apache2/htdocs menjadi C:/webroot.

Gambar 1.21-a Instal Apache Setelah itu lanjutkan pencarian kata DocumentRoot hingga menemukan tulisan seperti di bawah:
# This should be changed to whatever you set DocumentRoot to. # <Directory "C:/apache/Apache2/htdocs">

Ubah C:/apache/Apache2/htdocs menjadi C:/webroot.

Gambar 1.21-b Instal Apache Jadi harap diingat, untuk mengubah lokasi tempat penampungan file-file yang akan ditampilkan di web browser dari lokasi C:/apache/Apache2/htdocs ke C:/webroot maka ada dua baris yang harus diubah pada file konfigurasi C:\apache\Apache2\conf\httpd.conf yaitu: DocumentRoot C:/apache/Apache2/htdocs menjadi DocumentRoot C:/webroot dan <Directory "C:/apache/Apache2/htdocs"> menjadi <Directory "C:/ webroot">.

17

Pemrograman Dasar Website Menggunakan PHP Selanjutnya, setiap kali file konfigurasi httpd.conf di-edit Apache web server perlu direstart untuk mendapatkan efeknya. Caranya, dari Windows Start => All Programs => Apache HTTP Server 2.0.50 => Control Apache Server => Restart.

Gambar 1.22 Instal Apache Selanjutnya, untuk menguji apakah perubahan konfigurasi sudah berjalan dengan baik, buka notepad dan ketik kata hello world. Kemudian di-save dengan nama file index.html yang diletakkan di lokasi C:\webroot. Perhatikan kutip ganda yang menyertai di awal dan akhir nama file harus juga disertakan.

18

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.23 Instal Apache Selanjutnya buka internet browser anda dan ketikkan alamat http://localhost. Jika yang ditampilkan adalah halaman dengan tulisan hello world berarti perubahan konfigurasi Apache berhasil dengan baik.

19

Pemrograman Dasar Website Menggunakan PHP

Gambar 1.24 Instal Apache

2. INSTALASI PHP
PHP singkatan dari Hypertext Preprocessor, merupakan bahasa pemrograman yang bekerja di sisi server. Ketika anda membuka sebuah situs di internet proses yang terjadi sebenarnya adalah komunikasi antara dua buah mesin komputer yang mana komputer pemakai disebut client dan komputer yang bertugas membaca permintaan kemudian mengembalikan respon sesuai dengan yang diminta disebut server. Server tersebut terdiri dari beberapa macam sesuai kegunaannya, antara lain web server, mail server, database server. Masing-masing yang disebutkan sebelumnya adalah aplikasi yang dapat di-instal pada satu komputer sekaligus atau di komputer yang berbeda-beda. Seperti yang sudah dibahas pada bab sebelumnya, Apache adalah salah satu contoh aplikasi web server. Namun Apache hanya bertugas sebatas mengatur lalulintas antara permintaan dari client dan respon dari server. Untuk menentukan bentuk respon yang harus dikembalikan oleh server tersebut apakah dalam bentuk angka, tabel, atau gambar ditangani oleh aplikasi lain. Aplikasi yang berbasis web tersebut ada banyak jenisnya seperti html, php, java, xml, .net, asp, perl, dan lain-lain. Di buku ini kita akan menggunakan aplikasi PHP seri 5.2.0. Untuk memulainya harus dibuat terlebih dahulu folder baru bernama php di drive C tempat dimana program PHP akan diinstal.

20

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.1 Instal PHP Selanjutnya dari CD yang disertakan pada buku ini copy file php-5.2.0-Win32.rar pada lokasi \driver\server side script engine\ ke C:\php. Kemudian klik kanan pada file tersebut dan pilih Extract Here.

21

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.2 Instal PHP Setelah di-extract file php-5.2.0-Win32.rar boleh dihapus. Selanjutnya dari file yang di-extract cari file bernama php.ini-recommended kemudian diganti namanya menjadi php.ini.

Gambar 2.3 Instal PHP

22

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.4 Instal PHP Selanjutnya klik kanan pada file php.ini pilih Open With kemudian pilih PHP Editor.

Gambar 2.5a Instal PHP Ketika pertama kali membuka file tipe tertentu, misalnya .php, menggunakan PHP Editor maka akan muncul kotak dialog seperti berikut. Pilih Yes.

Gambar 2.5b Instal PHP Pilih jenis icon yang akan digunakan sebagai penanda untuk setiap file yang memiliki tipe yang sama dengan tipe file yang sedang dibuka. Kemudian tekan tombol OK.

23

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.5c Instal PHP Selanjutnya tekan tombol OK.

Gambar 2.5d Instal PHP Seperti halnya konfigurasi Apache, pada PHP juga harus ditentukan lokasi direktori tempat file-file yang akan dijalankan ketika ada permintaan dari client. File konfigurasi tersebut bernama php.ini yang terletak di lokasi C:\php. Setelah file php.ini terbuka pada PHP Editor, tekan keyboard Ctr+F atau dari menu Search => Locate, ketikkan kata doc_root dan tekan tombol OK.

24

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.6 Instal PHP Setelah ditemukan selanjutnya isi nilai doc_root yang kosong dengan c:\webroot\.

Gambar 2.7 Instal PHP Perubahan kedua pada file php.ini adalah penentuan direktori lokasi file-file ektension. Untuk memulainya kembali pada file php.ini yang terbuka pada PHP Editor, tekan keyboard Ctr+F atau dari menu Search => Locate, ketikkan kata extension_dir dan tekan tombol OK. Setelah ditemukan selanjutnya isi nilai extension_dir yang kosong dengan c:\php\ext\.

Gambar 2.8 Instal PHP

Direktori C:\php\ext\ adalah direktori khusus berisi file-file extension implementasi dari Microsoft sebagai shared library yang digunakan pada sistem operasi Microsoft Windows. File-file dll tersebut umumnya berisi kode, data, atau resources yang mana setiap file mempunyai tugas khusus seperti string formatting, pembuatan grafik, atau koneksi ke database. Ciri-ciri dari file dll adalah nama filenya berkahiran .dll. Pada file php.ini beberapa file dll standar sudah diikutkan sejak awal yang merupakan bawaan dari installernya. Hanya saja perlu diaktifkan sesuai dengan kebutuhan. Disini kita hanya mengaktifkan tiga buah extension saja yaitu php_mbstring.dll untuk string formatting, php_gd2.dll untuk grafik, dan php_mysql.dll untuk koneksi ke database MySQL. Untuk memulainya kembali pada file php.ini yang terbuka pada PHP Editor, tekan keyboard Ctr+F atau dari menu Search => Locate, ketikkan kata extension=php_mbstring.dll dan tekan tombol OK. Setelah ditemukan hapus tanda ; yang

25

Pemrograman Dasar Website Menggunakan PHP berada di depan string tersebut. Tujuannya adalah untuk mengaktifkan file ekstension yang dimaksudkan. Lakukan hal yang sama untuk mengaktifkan dua file lainnya. Dimulai dengan melakukan pencarian terhadap kata extension=php_gd2.dll dan extension=php_mysql.dll. Hasilnya akan tampak seperti pada gambar di bawah.

Gambar 2.9 Instal PHP Perubahan pada file konfigurasi telah selesai. Silakan di-save.

26

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.10 Instal PHP

Selanjutnya copy file php.ini tersebut.

Gambar 2.11 Instal PHP

27

Pemrograman Dasar Website Menggunakan PHP Paste di lokasi C:\windows\.

Gambar 2.12 Instal PHP Hasilnya:

Gambar 2.13 Instal PHP Proses instalasi dan konfigurasi PHP telah selesai. Selanjutnya aplikasi PHP tersebut harus didaftarkan pada file konfigurasi Apache agar dikenali. Hal ini sesuai alur perintah dari client ke server, dan proses di dalam server itu sendiri dimana request dari client

28

Pemrograman Dasar Website Menggunakan PHP diteruskan ke server, selanjutnya web server meneruskan perintah ke program aplikasi. Untuk lebih jelasnya dapat diperhatikan gambar di bawah.

Gambar 2.14 Instal PHP Untuk memulainya buka file httpd.conf yang terletak di lokasi C:\apache\Apache2\conf menggunakan PHP Editor. Cari kata application/x-tar. Setelah ketemu ketikkan kode berikut di bawahnya: ScriptAlias /php/ "c:/php/" AddType application/x-httpd-php .php AddType application/x-httpd-php .php3 AddType application/x-httpd-php .php4 AddType application/x-httpd-php .htm 29

Pemrograman Dasar Website Menggunakan PHP AddType application/x-httpd-php .html AddType application/x-httpd-php .phtml Action application/x-httpd-php "/php/php-cgi.exe" Perhatikan, semuanya tanpa tanda # di awal karakter. Tanda # di depan setiap kata pada file httpd.conf menandakan bahwa baris tersebut dianggap sebagai komentar, bukan kode yang akan diproses ketika file tersebut dijalankan.

Gambar 2.15 Instal PHP

Gambar 2.16 Instal PHP Perubahan berikutnya adalah pada DirectoryIndex. Cari kata DirectoryIndex kemudian pada bagian akhir nilainya ditambahkan index.php. DirectoryIndex index.html index.html.var menjadi DirectoryIndex index.html index.html.var index.php

30

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.17 Instal PHP

Gambar 2.18 Instal PHP Setelah itu file httpd.conf disimpan. Seperti sebelumnya diutarakan, setiap kali perubahan pada httpd.conf harus maka web server harus di-restart. Untuk mengingat kembali lihat gambar 1.22. Sekarang PHP sudah terdaftar di file konfigurasi Apache. Untuk menguji apakah proses instalasi PHP dan konfigurasinya sudah berjalan dengan baik kita akan membuat program sederhana. Pada PHP Editor buat file baru melalui menu File => New. Kemudian ketikkan kode program berikut: <?php $a = 1; $b = 3; $c = $a + $b; echo $a buah mangga ditambah $b buah mangga sama dengan $c buah mangga.; ?> Save file tersebut dengan nama file index.php letakkan di direktori C:\webroot\. Perhatikan, ketika menyimpan sebuah file baru dengan ekstensi .php di PHP Editor pada nama filenya tidak perlu dikutip dengan tanda . Sebelum program tersebut dijalankan pastikan file index.html di direktori C:\webroot\ yang sudah dihapus. Selanjutnya buka internet browser anda, ketikkan alamat

31

Pemrograman Dasar Website Menggunakan PHP http://localhost kemudian Enter. Jika hasilnya seperti gambar di bawah maka proses instalasi PHP di komputer anda berhasil dengan sukses.

Gambar 2.19 Instal PHP

3. INSTALASI MYSQL
Database yang digunakan adalah MySQL versi 5.0.27. Informasi tentang MySQL dan upgrade terbaru dapat dilihat pada website http://mysql.com. Sekarang kita akan melakukan instalasi database. Terlebih dahulu buat folder bernama mysql di drive C.

32

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.1 Instal MySQL Selanjutnya cari file installer MySQL yang tersedia di CD yang disertakan pada buku ini. File installer tersebut dapat ditemukan di lokasi \driver\database engine\ bernama mysqlessential-5.0.27-win32. Klik kanan pada file dan pilih Install.

33

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.2 Instal MySQL Selanjutnya akan muncul wizard instalasi MySQL, tekan tombol Next >.

34

Pemrograman Dasar Website Menggunakan PHP Gambar 3.3 Instal MySQL

Selanjutnya pilih setup type Custom, tekan tombol Next >.

Gambar 3.4 Instal MySQL Umumnya setiap program yang di-instal pada sistem operasi Microsoft Windows akan disimpan di folder Program Files, tetapi itu bukanlah merupakan suatu keharusan. Kita bisa saja menginstal program pada lokasi C: agar supaya lebih efektif ketika akan melakukan backup data. Oleh karena itu klik tombol Change untuk mengubah lokasi tempat instalasi.

35

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.5 Instal MySQL

Silakan dicari lokasi C:\mysql dengan meng-klik gambar folder dengan tanda panah ke atas.

36

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.6 Instal MySQL Hingga alamat Folder name berubah seperti gambar di bawah. Selanjutnya tekan tombol OK.

37

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.7 Instal MySQL Selanjutnya tekan tombol Next >.

38

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.8 Instal MySQL Selanjutnya tekan tombol Install >.

Gambar 3.9 Instal MySQL Selanjutnya adalah proses instalasi, jika sudah selesai tekan tombol Next >.

39

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.10 Instal MySQL Selanjutnya pilih Skip Sign-Up dan tekan tombol Next >.

40

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.11 Instal MySQL Sampai disini sebenarnya proses instalasi sudah selesai dan aplikasi MySQL siap digunakan. Namun untuk keamanan data dan optimalisasi aplikasi ketika dijalankan perlu dilakukan sedikit konfigurasi yang antara lain meliputi pembuatan password untuk pengguna root sebagai pemegang otoritas tertinggi terhadap akses ke database dan penentuan jumlah panggilan koneksi dari client yang diijinkan pada saat yang bersamaan. Untuk itu pastikan Configure the MySQL Server now dalam keadaan ter-checklist. Selanjutnya tekan tombol Finish >.

41

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.12 Instal MySQL Selanjutnya tekan tombol Next >.

42

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.13 Instal MySQL Selanjutnya tekan tombol Next >.

Gambar 3.14 Instal MySQL Selanjutnya tekan tombol Next >.

43

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.15 Instal MySQL Selanjutnya tekan tombol Next >.

44

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.16 Instal MySQL Selanjutnya tekan tombol Next >.

45

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.17 Instal MySQL Selanjutnya tekan tombol Next >.

46

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.18 Instal MySQL Selanjutnya tekan tombol Next >.

47

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.19 Instal MySQL Selanjutnya tekan tombol Next >.

48

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.20 Instal MySQL Selanjutnya pastikan pilihan Include Bin Directory in Windows PATH dalam keadaan tercentang agar dapat mengakses database melalui command line. Jika tidak anda harus memiliki aplikasi interface untuk mengakses database seperti PHPMyAdmin yang berbasis web. Setelah itu tekan tombol Next >.

49

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.21 Instal MySQL Selanjutnya isi password untuk user root, setelah itu tekan tombol Next >.

50

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.22 Instal MySQL Selanjutnya, jika muncul pesan seperti gambar di bawah menunjukkan komputer anda sebelumnya sudah pernah di-instal aplikasi database MySQL dan kemudian di-uninstal. Untuk itu tekan tombol Retry.

Gambar 3.23 Instal MySQL 51

Pemrograman Dasar Website Menggunakan PHP Jika anda sampai kepada hasil seperti gambar di bawah menandakan proses instalasi dan konfigurasi sudah selesai dan berhasil. Selamat. Tekan tombol Finish.

Gambar 3.24 Instal MySQL Untuk mencoba database yang baru saja di-instal silakan jalankan programnya melalui menu Windows Start => All Programs => MySQL => MySQL Server 5.0 => MySQL Command Line Client

Gambar 3.25 Instal MySQL Setelah itu akan muncul window berlatar hitam. Ketik password root sesuai dengan password yang dibuat pada waktu instalasi, kemudian Enter.

52

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.26 Instal MySQL Selanjutnya ketik perintah show databases; kemudian tekan Enter. Harap diingat bahwa setiap perintah pada aplikasi database MySQL harus diakhiri dengan tanda ;.

Gambar 3.27 Instal MySQL Hasilnya akan menampilkan daftar database yang ada seperti pada gambar di bawah.

53

Pemrograman Dasar Website Menggunakan PHP

Gambar 3.28 Instal MySQL Untuk perintah-perintah MySQL lainnya silakan dibaca di http://dev.mysql.com/doc/.

4. INSTALASI PHPMYADMIN
Mengoperasikan database MySQL menggunakan command line sering kali merepotkan karena semua perintah harus diketik. Sebagai alternatif kita akan menginstal aplikasi antar muka berbasis web yaitu PHPMyAdmin. Sebagai langkah awal cari file installer PHPMyAdmin yang tersedia di CD yang disertakan pada buku ini. File installer tersebut dapat ditemukan di lokasi \driver\server side script engine\ bernama phpMyAdmin-2.9.1-all-languages.zip. Klik kanan pada file dan pilih Copy.

54

Pemrograman Dasar Website Menggunakan PHP

Gambar 4.1 Instal PHPMyAdmin Selanjutnya masuk ke lokasi C:\webroot\ dan klik kanan pilih Paste.

55

Pemrograman Dasar Website Menggunakan PHP

Gambar 4.2 Instal PHPMyAdmin Selanjutnya klik kanan pada file tersebut dan pilih Extract Here.

56

Pemrograman Dasar Website Menggunakan PHP Gambar 4.3 Instal PHPMyAdmin Selanjutnya hapus file installer dengan cara klik kanan pada file dan pilih Delete.

Gambar 4.4 Instal PHPMyAdmin Selanjutnya ganti nama folder hasil ekstraksi menjadi menyederhanakan alamat url ketika diakses dari internet browser. phpmyadmin untuk

57

Pemrograman Dasar Website Menggunakan PHP

Gambar 4.5 Instal PHPMyAdmin

58

Pemrograman Dasar Website Menggunakan PHP

Gambar 4.6 Instal PHPMyAdmin Selanjutnya dilakukan konfigurasi autentifikasi pengguna. Untuk itu masuk ke direktori C:\webroot\phpmyadmin\libraries\ dan cari file bernama config.default.php, kemudian klik kanan dan pilih Open.

59

Pemrograman Dasar Website Menggunakan PHP

Gambar 4.7 Instal PHPMyAdmin Setelah file terbuka tekan tombol Ctr+F atau untuk melakukan pencarian terhadap string $cfg['blowfish_secret'] kemudian Enter.

60

Pemrograman Dasar Website Menggunakan PHP

Gambar 4.8 Instal PHPMyAdmin Setelah ditemukan isi nilai $cfg['blowfish_secret'] dengan cookie.

Gambar 4.9 Instal PHPMyAdmin Selanjutnya lakukan pencarian kedua dengan kata $cfg['Servers'][$i]['auth_type'].

Gambar 4.10 Instal PHPMyAdmin Setelah ditemukan isi nilai $cfg['Servers'][$i]['auth_type'] dengan cookie.

Gambar 4.11 Instal PHPMyAdmin

61

Pemrograman Dasar Website Menggunakan PHP Selanjutnya simpan hasil perubahan.

Gambar 4.11 Instal PHPMyAdmin Sekarang instalasi dan konfigurasi PHPMyAdmin sudah selesai. Untuk menguji apakah sudah berjalan dengan baik buka internet browser dan ketikkan alamat http://localhost/phpmyadmin. Jika hasilnya seperti gambar di bawah berarti instalasi dan konfigurasi berhasil dengan baik.

62

Pemrograman Dasar Website Menggunakan PHP

Gambar 4.12 Instal PHPMyAdmin Untuk menjelajahi isinya silakan login dengan username root dan password yang digunakan pada waktu instalasi MySQL. Jika anda masuk ke halaman seperti di bawah, selamat, login berhasil.

63

Pemrograman Dasar Website Menggunakan PHP Gambar 4.12 Instal PHPMyAdmin

5. BUKU TAMU
Langkah awal dalam pembuatan buku tamu adalah dengan membuat database terlebih dahulu. Untuk itu login ke http://localhost/phpmyadmin dan buat database dengan nama latihan seperti pada gambar di bawah. Selanjutnya tekan tombol Create.

Gambar 5.1 Buku Tamu Satu buah database dapat terdiri dari beberapa tabel. Berhubung databasenya baru dibuat maka tabelnya masih kosong. Sekarang kita akan membuat tabel baru bernama bukutamu seperti pada gambar di bawah. Number of field diisi angka 5 yang mana masing-masing kegunaannya adalah sebagai berikut: Field 1: id, berfungsi sebagai indeks dari tabel buku tamu. Field 2: nama, berfungsi untuk menyimpan nama pengisi buku tamu Field 3: email, berfungsi untuk menyimpan email pengisi buku tamu Field 4: tanggapan, berfungsi untuk menyimpan tanggapan pengisi buku tamu Field 5: waktu_simpan, berfungsi untuk merekam waktu pengisian buku tamu Selanjutnya tekan tombol Go.

64

Pemrograman Dasar Website Menggunakan PHP

Gambar 5.2 Buku Tamu Selanjutnya akan muncul form yang jumlah barisnya adalah 5 sesuai dengan angka yang di-input sebelumnya. Lengkapi form seperti pada gambar di bawah. Untuk field id pada kolom Extra pilih auto_increment yang artinya angka indeks akan bertambah secara otomatis setiap kali ada pengisian data baru pada tabel buku tamu.

65

Pemrograman Dasar Website Menggunakan PHP

Gambar 5.3 Buku Tamu Satu lagi yang perlu diperhatikan adalah primary key yang posisinya setelah kolom Extra. Primary key adalah kunci utama yang menandai suatu entri pada tabel. Karena fungsinya sebagai pembeda maka sifatnya adalah unik yang berarti untuk setiap entri field yang ditetapkan sebagai primary key nilainya tidak boleh ada yang sama. Dari kelima field yang sudah dibuat sebelumnya id adalah yang paling cocok ditetapkan sebagai primary key karena karena atribut auto_increment yang sudah ditambahkan sebelumnya membuat nilainya tidak akan ada yang sama untuk setiap entri. Setelah field dan atributnya diisi selanjutnya tekan tombol Save.

66

Pemrograman Dasar Website Menggunakan PHP

Gambar 5.4 Buku Tamu Jika sukses hasilnya akan seperti gambar di bawah.

Gambar 5.5 Buku Tamu

67

Pemrograman Dasar Website Menggunakan PHP

Setelah database dibuat selanjutnya kita akan mulai membuat program untuk buku tamu. Sebelumnya terlebih dahulu dibuat folder baru dengan nama bukutamu pada lokasi C:\webroot\ . Selanjutnya buka file baru menggunakan PHP Editor kemudian ketik kode program seperti yang dituliskan di bawah kemudian simpan di lokasi C:\webroot\bukutamu\ dengan nama index.php. <html> <head> <title>Program Pertamaku: Buku Tamu</title> </head> <body> <h2>Buku Tamu: Form</h2> <form method="post" action="konfirmasi.php"> <table> <tr> <td>Nama</td> <td>:</td> <td><input type="text" name="nama" size="25"></td> </tr> <tr> <td>Email</td> <td>:</td> <td><input type="text" name="email" size="25"></td> </tr> <tr> <td>Tanggapan</td> <td>:</td> <td><textarea name="tanggapan" cols="25"></textarea></td> </tr> <tr> <td colspan="3" align="center"><input type="submit" value="Konfirmasi"></td> </table> </form> </body> </html>

68

Pemrograman Dasar Website Menggunakan PHP Selanjutnya buka file baru dan ketikkan kode program di bawah kemudian simpan pada lokasi C:\webroot\bukutamu dengan nama konfirmasi.php.

<html> <head> <title>Program PHP Pertamaku: Buku Tamu</title> </head> <body> <h2>Buku Tamu: Konfirmasi</h2> <form action="simpan.php" method="post"> <table border="1"> <tr> <td>Nama</td> <td>:</td> <td><?php echo $_POST["nama"]; ?></td> </tr> <tr> <td>Email</td> <td width="1">:</td> <td><?php echo $_POST["email"]; ?></td> </tr> <tr> <td>Tanggapan</td> <td width="1">:</td> <td><?php echo $_POST["tanggapan"]; ?></td> </tr> <tr> <td colspan="3" align="center"> <input type="hidden" name="nama" value="<?php echo $_POST["nama"]; ?>"> <input type="hidden" name="email" value=<?php echo $_POST["email"]; ?>> <input type="hidden" name="tanggapan" value=<?php echo $_POST["tanggapan"]; ?>> <input type="submit" value="Kirim"> </td> </table> </form> </body> </html> Selanjutnya buka file baru dan ketikkan kode program di bawah kemudian simpan pada lokasi C:\webroot\bukutamu dengan nama simpan.php.

69

Pemrograman Dasar Website Menggunakan PHP <html> <head> <title>Program PHP Pertamaku: Buku Tamu</title> </head> <body> <h2>Buku Tamu: Simpan</h2> <table> <tr> <td>Nama</td> <td>:</td> <td><?php echo $_POST["nama"]; ?></td> </tr> <tr> <td>Email</td> <td>:</td> <td><?php echo $_POST["email"]; ?></td> </tr> <tr> <td>Tanggapan</td> <td>:</td> <td><?php echo $_POST["tanggapan"]; ?></td> </tr> </table> <br> <?php $host ="localhost"; $username ="root"; $password =""; $koneksi = mysql_connect($host,$username,$password) or die("Gagal melakukan koneksi ke database"); mysql_select_db("latihan"); $query = "INSERT INTO bukutamu (nama, email, tanggapan, waktu_simpan) VALUES ('".$_POST["nama"]."', '".$_POST["email"]."', '".$_POST["tanggapan"]."', now());"; if(mysql_query($query)) { echo "<font face=\"arial\" size=\"6\" color=\"#00ff00\"> Tanggapan berhasil disimpan</font>"; } else {

70

Pemrograman Dasar Website Menggunakan PHP echo "<font face=\"arial\" size=\"6\" color=\"#ff0000\"> Tanggapan gagal disimpan</font>"; } ?> </body> </html> Selanjutnya buka file baru dan ketikkan kode program di bawah kemudian simpan pada lokasi C:\webroot\bukutamu dengan nama tanggapan.php. <html> <head> <title>Program PHP Pertamaku: Buku Tamu</title> </head> <body> <h2>Buku Tamu: Tanggapan</h2> <?php $host ="localhost"; $username ="root"; $password =" "; $koneksi = mysql_connect($host,$username,$password) or die("Gagal melakukan koneksi ke database"); mysql_select_db("latihan"); $query = "SELECT nama, email, tanggapan, waktu_simpan FROM bukutamu"; $resources = mysql_query($query); if(mysql_num_rows($resources) > 0) { echo "<table>"; while($rows = mysql_fetch_object($resources)) { ?> <tr> <td>Nama</td> <td>:</td> <td><?php echo $rows->nama; ?></td> </tr> <tr> <td>Email</td> <td>:</td> <td><?php echo $rows->email; ?></td> </tr> <tr>

71

Pemrograman Dasar Website Menggunakan PHP <td>Tanggapan</td> <td>:</td> <td><?php echo $rows->tanggapan; ?></td> </tr> <tr> <td colspan=\"2\">-----</td> </tr> <?php } echo "</table>"; } else { echo "<font face=\"arial\" size=\"6\" color=\"#ff0000\"> Tidak ada anggapan</font>"; } ?> </body> </html> Perhatikan pada file simpan.php dan tanggapan.php nilai $password harus disesuaikan dengan password root ketika meng-instal database MySQL. Setelah keempat file tersebut dibuat selanjutnya buka http://localhost/bukutamu, maka anda akan mendapatkan hasil seperti gambar di bawah. Isi form yang ada sesuai selera anda, kemudian tekan tombol Konfirmasi.

72

Pemrograman Dasar Website Menggunakan PHP

Gambar 5.6 Buku Tamu Sekarang anda berada pada halaman konfirmasi, artinya data tersebut belum disimpan ke dalam database. Jika datanya masih perlu diperbaiki silakan kembali ke form sebelumnya, kalau sudah cocok silakan tekan tombol Kirim.

Gambar 5.7 Buku Tamu

73

Pemrograman Dasar Website Menggunakan PHP

Jika anda sampai pada halaman seperti gambar di bawah berarti kode program yang diketik sudah benar dan data sudah dimasukkan ke dalam database.

Gambar 5.8 Buku Tamu Untuk melihat hasilnya silakan buka http://localhost/bukutamu/tanggapan.php. Hasilnya akan seperti gambar di bawah.

74

Pemrograman Dasar Website Menggunakan PHP Gambar 5.9 Buku Tamu

6. INSTALASI JOOMLA
Joomla adalah salah satu aplikasi open source CMS (Content Management System) gratis berbasis web yang dikembangkan menggunakan bahasa pemrograman PHP. Joomla biasanya digunakan untuk keperluan membangun suatu online community, sebagai portal untuk memperkenalkan produk-produk terbaru dari suatu perusahaan, atau sebagai toko yang bersifat virtual dilengkapi dengan shoping cart untuk menjual produk-produk secara online. Informasi lebih lengkap dapat dibuka di http://joomla.org. Hal pertama yang harus kita lakukan sebelum melakukan instalasi adalah menyiapkan databasenya. Karena proses instalasi Joomla dapat dikatakan cepat dan instan yang berdampak kepada penggunaannya yang akan meluas ke segala bidang maka ada baiknya untuk setiap instalasi disiapkan satu database khusus secara tersendiri meskipun pada dasarnya satu database dapat digunakan untuk lebih dari satu instalasi aplikasi Joomla. Sebagai latihan kali ini kita akan menginstal Joomla untuk pembuatan suatu website berisi katalog hotel online. Sebagai langkah awal melalui http://localhost/phpmyadmin buat suatu database bernama kataloghotel. Pada form Create database ketikkan nama database kataloghotel seperti pada gambar di bawah. Kemudian tekan tombol Create.

Gambar 6.1 Instalasi Joomla 75

Pemrograman Dasar Website Menggunakan PHP Jika sukses hasilnya akan seperti gambar di bawah.

Gambar 6.2 Instalasi Joomla

76

Pemrograman Dasar Website Menggunakan PHP Setelah database dibuat selanjutnya pada direktori C:\webroot\ dibuat folder kataloghotel dimana joomla akan di-instal.

Gambar 6.3 Instalasi Joomla

77

Pemrograman Dasar Website Menggunakan PHP Setelah itu copy paket installer joomla Joomla_1.5.9-Stable-Full_Package.zip dari CD yang berlokasi di \driver\server side script engine\joomla\ dan paste di C:\webroot\kataloghotel.

Gambar 6.4 Instalasi Joomla

78

Pemrograman Dasar Website Menggunakan PHP

Gambar 6.5 Instalasi Joomla

79

Pemrograman Dasar Website Menggunakan PHP Setelah itu file installer tersebut di-extract dengan cara klik kanan pada file kemudian filih Extract Here.

Gambar 6.6 Instalasi Joomla

80

Pemrograman Dasar Website Menggunakan PHP Setelah itu paket installer yang dalam bentuk file zip dihapus dengan cara klik kanan pada file Joomla_1.5.9-Stable-Full_Package.zip kemudian pilih Delete.

Gambar 6.7 Instalasi Joomla

81

Pemrograman Dasar Website Menggunakan PHP Selanjutnya untuk memulai proses instalasi joomla silakan buka alamat http://localhost/kataloghotel/ pada internet browser sehingga akan menampilkan menu seperti gambar di bawah. Tahap pertama adalah pemilihan bahasa. Pastikan bahasanya English (US), selanjutnya tekan tombol Next pada menu sebelah kanan.

Gambar 6.8 Instalasi Joomla

82

Pemrograman Dasar Website Menggunakan PHP

Tahap selanjutnya adalah pemeriksaan konfigurasi engine php pada localhost. Pastikan semuanya berstatus Yes dan untuk Recommended Settings Actual berstatus Off kecuali untuk Display Error dan Status Upload yang berstatus On. Secara umum konfigurasi php sudah benar jika statusnya berwarna hijau. Status tersebut bergantung pada nilai yang tercantum pada file php.ini yang ada di C:\windows. Untuk mengubah status tersebut dari No menjadi Yes atau dari On menjadi Off dapat dilakukan dengan mengubah nilai parameter bersangkutan pada file php.ini. Jika semuanya sudah benar maka selanjutnya tekan tombol Next.

Gambar 6.9 Instalasi Joomla

83

Pemrograman Dasar Website Menggunakan PHP

Tahap selanjutnya adalah tentang pernyataan persetujuan terhadap kesepakatan yang telah ditentukan oleh developer Joomla. Karena Joomla adalah aplikasi open source yang gratis maka biasanya tidak ada masalah dengan persetujuan tersebut sehingga langsung saja dilanjutkan ke tahap berikutnya dengan menekan tombol Next.

Gambar 6.10 Instalasi Joomla

84

Pemrograman Dasar Website Menggunakan PHP Selanjutnya tiba pada tahap konfigurasi database. Pilih database type: mysql, hostname: localhost, username: root, password adalah password ketika login ke database MySQL, database name: kataloghotel. Selanjutnya tekan tombol Next.

Gambar 6.11 Instalasi Joomla

85

Pemrograman Dasar Website Menggunakan PHP Selanjutnya kita sampai pada tahap FTP Configuration. Pada Basic Settings pilih No untuk Enable FTP file system layer. Selanjutnya tekan tombol Next.

Gambar 6.12 Instalasi Joomla

86

Pemrograman Dasar Website Menggunakan PHP Selanjutnya tiba pada tahap Main Configuration. Field Site Name adalah untuk keterangan atau judul dari website anda. Kita buatkan saja judulnya Katalog Hotel Online. Pada bagian email diisikan email anda. Untuk selanjutnya email tersebut akan berguna ketika ada pergantian password untuk user aplikasi CMS yang baru diinstal tersebut, dimana password baru akan dikirim ke email tersebut. Namun berhubung proses instalasi pada komputer lokal email dapat saja dibuat sembarang, namun formatnya harus seperti format email standar yaitu [email protected]; Email dan domain dapat sembarang kata. Admin Password adalah password administrator untuk login ke website. Silakan diketik dua kali, pastikan keduanya sama. Pilih Instal Default Sample Data untuk menginstal contoh data agar website anda tidak kosong ketika proses instalasi selesai, kemudian tekan tombol yang ada di bawahnya, sehingga akan menampilkan pesan Sample data installed successfully. Selanjutnya tekan tombol Next untuk melanjutkan ke tahap berikutnya.

Gambar 6.13 Instalasi Joomla

87

Pemrograman Dasar Website Menggunakan PHP

Jika anda sampai ke tahap Finish dengan tampilan seperti gambar di bawah berarti proses instalasi paket Joomla berhasil dengan baik. Perhatikan tulisan merah yang menganjurkan agar folder Installation pada direktori C:\webroot\kataloghotel dihapus sebelum aplikasi tersebut dapat dioperasikan.

Gambar 6.14 Instalasi Joomla

88

Pemrograman Dasar Website Menggunakan PHP

Untuk itu silakan masuk ke direktori C:\webroot\kataloghotel dan pada klik kanan pada folder installation kemudian pilih Delete.

Gambar 6.15 Instalasi Joomla

89

Pemrograman Dasar Website Menggunakan PHP

Selanjutnya untuk melihat tampilan website anda yang baru saja diinstal silakan dibuka alamat http://localhost/kataloghotel pada internet browser sehingga akan menampilkan menu seperti gambar di bawah. Selamat, anda telah berhasil melakukan instalasi joomla di komputer anda.

Gambar 6.16 Instalasi Joomla

90

Pemrograman Dasar Website Menggunakan PHP

Selanjutnya kita akan menginstal modul dan komponen katalog hotel. Untuk itu silakan login sebagai admin melalui menu http://localhost/kataloghotel/administrator sehingga akan menampilkan menu seperti gambar di bawah. Isikan username: admin, password adalah password administrator joomla yang anda isikan ketika melakukan proses instalasi. Selanjutnya tekan tombol Login.

Gambar 6.17 Instalasi Joomla

91

Pemrograman Dasar Website Menggunakan PHP

Jika login berhasil anda akan sampai ke menu seperti tampilan pada gambar di bawah.

Gambar 6.18a Instalasi Joomla

92

Pemrograman Dasar Website Menggunakan PHP Sebelum kita menginstal komponen katalog hotel periksa dulu menu Components yang mana memiliki enam sub menu yang tersedia pada keadaan awal, yaitu Banner, Contacts, News Feeds, Polls, Search, dan Web Links.

Gambar 6.18b Instalasi Joomla

93

Pemrograman Dasar Website Menggunakan PHP Selanjutnya untuk menginstal komponen silakan masuk ke menu Extensions, pilih Instal/Uninstall.

Gambar 6.18c Instalasi Joomla

94

Pemrograman Dasar Website Menggunakan PHP Sekarang kita tiba pada menu Extention Manager. Dari halaman inilah kita memulai setiap kali akan menginstal komponen atau modul. Disitu ada enam buah menu yaitu Install, Components, Modules, Plugins, Languages, dan Templates. Klik menu Install. Selanjutnya pada Upload Package File klik tombol Browse untuk mencari file komponen yang akan di-instal. Selanjutnya dari CD yang disediakan silakan cari file com_hotel.zip pada direktori \driver\server side script engine\joomla, kemudian tekan tombol Open. Pada umumnya penamaan file komponen dimulai dari com_ dilanjutkan dengan nama komponennya. Demikian juga dengan penamaan file modul dimulai dari mod_ dilanjutkan dengan nama modulnya. Setelah file komponen hotel ditemukan, selanjutnya tekan tombol Upload File & Install yang posisinya di sebelah kanan tombol Browse.

Gambar 6.19 Instalasi Joomla

95

Pemrograman Dasar Website Menggunakan PHP Jika proses instalasi komponen hotel berhasil maka seharusnya tampilannya seperti gambar di bawah dengan pesan Install Component Sucsess.

Gambar 6.20a Instalasi Joomla

96

Pemrograman Dasar Website Menggunakan PHP Untuk memastikan komponen hotel telah terinstal silakan masuk ke menu Components, maka akan ada sub menu baru yaitu Hotel. Silakan di-klik sub menu tersebut.

Gambar 6.20b Instalasi Joomla

97

Pemrograman Dasar Website Menggunakan PHP Sekarang kita berada di halaman Pengelolaan Katalog Hotel. Pada menu tersebut kita dapat memasukkan data hotel baru, mengubah atau menghapus data yang sudah ada. Untuk memasukkan data hotel yang baru silakan di-klik tombol New yang terletak di sebelah kanan atas, yang sejajar dengan tombol Publish, Unpublish, Delete, dan Edit.

Gambar 6.21 Instalasi Joomla

98

Pemrograman Dasar Website Menggunakan PHP Berikut adalah gambar dari form yang muncul untuk memasukkan data hotel yang baru. Ada tujuh parameter yang tersedia yang perlu diisi yaitu Nama Hotel, Tipe, Star, Kota, Alamat, Telepon, Website, E-mail, Lowest Rate, dan Keterangan. Silakan diisi sembarang data untuk latihan. Form Keterangan berbentuk rich-text yang bawaannya memiliki beberapa perangkat untuk memudahkan mengetik dan menyusun keterangan sesuai dengan format yang diinginkan. Tool-tool tersebut antara lain untuk menebalkan, memiringkan, menggarisbawahi, memilih jenis, dan ukuran huruf, mengatur paragraf, bahkan untuk memasukkan gambar.

Gambar 6.22 Instalasi Joomla

99

Pemrograman Dasar Website Menggunakan PHP Untuk memasukkan gambar klik icon bergambar pohon pada form keterangan sehingga akan muncul jendela baru seperti gambar di bawah. Selanjutnya isi alamat Image URL untuk menentukan lokasi file gambar. Harap diingat bahwa file gambar tersebut harus berada di bawah direktori C:\webroot\. Misalkan gambar yang mau kita tampilkan adalah file bernama jayakartahotelbandung.jpg yang terletak di direktori C:\webroot\kataloghotel \images\com_hotel, maka pada alamat yang diketikkan pada Image URL adalah http://localhost/kataloghotel/images/com_hotel/jayakartahotelbandung.jpg. Jika alamat sudah benar gambar akan langsung muncul pada form Preview di jendela tersebut. Form Image description dan Title dapat diisi sembarang teks sesuai keterangan gambar. Selanjutnya tekan tombol Insert yang ada pada bagian bawah jendela.

Gambar 6.23 Instalasi Joomla

100

Pemrograman Dasar Website Menggunakan PHP Setelah form data hotel yang baru selesai diisi selanjutnya tekan tombol Apply yang terletak di kanan atas halaman sejajar dengan tombol Save dan Cancel.

Gambar 6.24 Instalasi Joomla

101

Pemrograman Dasar Website Menggunakan PHP Perhatikan pada tabel daftar hotel akan bertambah satu baris berisi data hotel terbaru yang baru saja dimasukkan. Agar halaman yang berisi informasi hotel tersebut muncul di halaman depan website maka item yang baru dimasukkan tersebut harus di-publish terlebih dahulu dengan cara menekan tombol tanda silang dalam bulatan berwarna merah yang ada pada kolom Published sehingga tandanya berubah menjadi checklist berwarna hijau.

Gambar 6.25a Instalasi Joomla

102

Pemrograman Dasar Website Menggunakan PHP Selanjutnya kita akan menginstal modul hotel. Sebelumnya terlebih dahulu perhatikan halaman depan website anda yang beralamat di http://localhost/kataloghotel. Halaman tersebut berisi menu-menu yang dikelompokkan berdasarkan modul. Misalkan modul Main Menu berisi item-item yang menjadi menu utama, terletak di bagian kiri atas. Di bawah modul Main Menu ada modul Resources, di bawahnya lagi ada modul Key Concepts. Link-link yang ada di tiap modul tersebut adalah akses menuju komponenkomponen yang ada di aplikasi joomla, termasuk komponen katalog hotel (com_hotel) yang sudah kita install sebelumnya. Modul tidak selalu harus berisi link-link saja, tetapi dapat juga berupa aplikasi Polls untuk menampung masukan dari pengunjung website seperti yang terlihat pada sebelah kanan atas halaman depan website.

Gambar 6.25b Instalasi Joomla

103

Pemrograman Dasar Website Menggunakan PHP Menginstal modul caranya hampir sama dengan cara menginstal komponen. Untuk itu silakan masuk kembali ke bagian administrator yang beralamat di http://localhost/kataloghotel/administrator langsung menuju menu Extensions => Instal/Uninstall. Setelah masuk, pada bagian Install klik tombol Browse kemudian cari file mod_hotel yang ada di CD terletak di direktori \driver\server side script engine\joomla, kemudian tekan tombol Open. Setelah file mod_hotel ditemukan, selanjutnya tekan tombol Upload File & Install yang posisinya di sebelah kanan tombol Browse.

Gambar 6.26 Instalasi Joomla

104

Pemrograman Dasar Website Menggunakan PHP Jika proses instalasi berhasil akan muncul pesan Install Module Success seperti pada gambar di bawah.

Gambar 6.27 Instalasi Joomla

105

Pemrograman Dasar Website Menggunakan PHP Selanjutnya untuk mengaktifkan modul tersebut klik menu Modules yang sejajar dengan menu Install, Components, Plugins, Languages, dan Templates. Menu tersebut akan menampilkan daftar modul yang sudah ada di aplikasi.

Gambar 6.28 Instalasi Joomla

106

Pemrograman Dasar Website Menggunakan PHP Selanjutnya dari daftar modul cari Daftar Hotel, kemudian aktifkan dengan cara mengklik tombol silang di bulatan berwarna merah pada kolom Enabled sehingga tandanya berubah menjadi checklist berwarna hijau.

Gambar 6.29 Instalasi Joomla

107

Pemrograman Dasar Website Menggunakan PHP Untuk mengatur letak dan tampilan modul tersebut di halaman depan website silakan klik link Daftar Modul yang akan menampilkan halaman seperti gambar di bawah. Title pada form tersebut adalah judul yang akan ditampilkan pada bagian atas modul ketika tampil di halaman depan. Position pilih left, Order pilih 0::Main Menu untuk meletakkan modul pada sisi sebelah kiri bagian atas halaman depan website. Access Level pilih Public. Pada Parameters Display menentukan jumlah item hotel yang akan ditampilkan pada modul. Suffix module class isikan _menu.

Gambar 6.30 Instalasi Joomla

108

Pemrograman Dasar Website Menggunakan PHP Aktivasi dan konfigurasi modul telah selesai, selanjutnya tekan tombol Apply yang akan menampilkan pesan Item saved.

Gambar 6.31 Instalasi Joomla

109

Pemrograman Dasar Website Menggunakan PHP Sekarang modul dan komponen katalog hotel telah di-instal. Untuk melihat tampilannya silakan buka kembali pada internet browser alamat http://localhost/kataloghotel, jika semuanya berjalan dengan benar maka pada sisi sebelah kiri bagian atas halaman website tersebut akan muncul modul berisi daftar hotel seperti pada gambar di bawah.

Gambar 6.32 Instalasi Joomla

110

Pemrograman Dasar Website Menggunakan PHP Sekarang kita akan mencoba fasilitas pencarian pada modul tersebut. Silakan ketikkan kata kunci untuk mencari suatu hotel, misalnya jayakarta, kemudian tekan tombol Go.

Gambar 6.33 Instalasi Joomla

111

Pemrograman Dasar Website Menggunakan PHP Ternyata hotel yang dicari tidak ditemukan. Ada dua kemungkinan penyebabnya yaitu, data hotel Jayakarta belum dimasukkan ke dalam database hotel melalui menu Pengelolaan Katalog Hotel, atau data sudah dimasukkan tetapi belum di-publish.

Gambar 6.34a Instalasi Joomla

112

Pemrograman Dasar Website Menggunakan PHP Untuk memastikannya periksa terlebih dahulu data yang ada di tabel Pengelolaan Katalog Hotel. Jika data sudah ada pastikan statusnya Published, yang ditandai dengan gambar checklist berwarna hijau.

Gambar 6.34b Instalasi Joomla

113

Pemrograman Dasar Website Menggunakan PHP Selanjutnya lakukan kembali pencarian dengan kata kunci jayakarta pada modul Daftar Hotel di halaman depan website. Jika berhasil maka item hotel tersebut akan ditampilkan pada hasil pencarian. Silakan di-klik link tersebut.

Gambar 6.35 Instalasi Joomla

114

Pemrograman Dasar Website Menggunakan PHP Berikut adalah gambar tampilan dari Hotel Jayakarta Bandung yang dicari sebelumnya dari modul Daftar Hotel. Informasi yang tersaji pada halaman tersebut dapat diubah oleh admin pada bagian Pengelolaan Katalog Hotel.

Gambar 6.36 Instalasi Joomla

115

Pemrograman Dasar Website Menggunakan PHP Pada bagian bawah halaman dari setiap hotel yang ada terdapat form yang berisi informasi untuk pemesanan kamar hotel bersangkutan. Silakan diisi sembarang, kemudian tekan tombol Kirim. Jika aplikasi joomla tersebut sudah diupload ke live server maka email berisi informasi pemesanan hotel tersebut akan dikirim ke alamat email hotel bersangkutan yang sebelumnya dicantumkan ketika memasukkan data hotel baru pada menu Pengelolaan Katalog Hotel. Email tersebut juga akan dikirim ke pengunjung website yang melakukan pemesanan sesuai dengan alamat email yang dicantumkan dan kepada admin website sebagai pemberitahuan.

Gambar 6.37 Instalasi Joomla Demikianlah pembahasan tentang instalasi aplikasi CMS Joomla, beserta contoh modul dan komponen yang dibuat sendiri. Lebih jauh mengenai pemrograman Joomla dapat dibaca buku Step by Step Joomla! Programming yang ditulis oleh Wiwit Siswoutomo dan diterbitkan oleh Gramedia Elex Media Komputindo pada bulan November 2008. Contoh aplikasi CMS Joomla yang sudah di-instal bersama modul dan komponen katalog hotel yang dibuat sendiri oleh penulis tersedia di: - http://bdgyes.com/index.php?option=com_hotel - http://hotelnewidola.com/v2/index.php?option=com_hotel

116

Pemrograman Dasar Website Menggunakan PHP

7. DOMAIN DAN HOSTING PROVIDER

7.1 Domain

Pada bab ini kita akan membahas sekilas tentang domain dan hosting provider. Istilah tersebut akan sering terdengar ketika anda mendirikan sebuah website. Domain adalah nama dari suatu website untuk memudahkan pengguna internet mengunjungi website tersebut. Misalnya, surat kabar harian Kompas, selain menyebarkan berita melalui media cetak mereka juga mengupload informasi tersebut ke website mereka sehingga dapat menjangkau pambaca lebih luas lagi. Alamat website mereka adalah http://kompas.com. Dalam dunia internet khususnya di kalangan pengembang website, http://kompas.com itu adalah domain website untuk harian Kompas. Atau untuk lebih singkatnya cukup disebut atau ditulis kompas.com saja. Saat ini ada jutaan domain yang ada di internet. Dot com hanyalah satu bagian dari domain, selain itu masih ada .org yang biasanya dipergunakan untuk website organisasi, .net untuk perkumpulan suatu komunitas, .gov untuk website pemerintah, .edu untuk website pendidikan (perguruan tinggi atau universitas). Dot com biasanya dipergunakan untuk kepentingan bisnis, mewakili suatu perusahaan. Melalui internet kita dapat mengetahui pemilik dari suatu website. Salah satu penyedia jasa tersebut adalah http://namadomain.com. Pada menu yang tersedia di http://namadomain.com/tools/whois.php kita dapat memasukkan nama dari suatu domain yang ingin kita periksa, tanpa http://, setelah tekan tombol go! Misalnya untuk mengetahui pemilik website http://indo.com silakan ketik indo.com kemudian tekan tombol go!. Maka akan ditampilkan informasi domain tersebut, yang sebagian diantaranya adalah nama lembaga: PT Bali Info Iklanindo Semesta dan pemilik: Eka Ginting. Domain tersebut biasanya disewa dengan jangka pembayaran kelipatan satu tahun sekali. Setelah itu dapat diperpanjang kembali. Di Indonesia salah satu penyedia domain adalah PT Master Web Network dengan alamat website http://masterwebnet.com. Penjelasan tentang domain dapat dilihat di http://en.wikipedia.org/wiki/Domain_name.

7.2

Hosting Provider

Selain domain juga ada istilah hosting provider. Hosting adalah sebuah server yang terhubung ke internet tempat meletakkan file-file berisi data atau aplikasi. Ketika pengguna internet mengakses suatu website dengan mengetikkan domain website tersebut pada internet browser maka mesin komputer akan mencari lokasi komputer dimana domain tersebut terdaftar melalui jaringan yang terhubung ke seluruh dunia apakah melalui kabel atau melalui gelombang elektromagnetik yang dipancarkan oleh satelit atau antenna pemancar. Setelah komputer tersebut ditemukan maka informasi yang tersimpan disitu akan dikembalikan ke komputer pengguna sebagai tanggapan atas

117

Pemrograman Dasar Website Menggunakan PHP permintaan sebelumnya. Informasi tersebut biasanya dalam bentuk file-file dengan format yang beragam seperti teks, gambar, musik, atau video. Komputer tempat menyimpan data-data dan file dari suatu domain tersebut disebut hosting. Sama halnya dengan domain hosting juga biasanya disewakan per bulan atau kelipatannya. Selain parameter jangka waktu, ukuran maksimum dari file-file yang dapat disimpan juga menjadi faktor penentu harga sewa. Semakin besar ukuran maksimum yang kita minta maka sewanya juga semakin tinggi. Di Indonesia salah satu penyedia hosting adalah http://masterwebnet.com.

118

Pemrograman Dasar Website Menggunakan PHP

8. INSTALASI PHP EDITOR

Program PHP Editor yang akan memudahkan anda selama proses coding. File installernya dapat ditemukan pada CD yang menyertai buku ini bernama phpeditor_setup_en dengan lokasi \driver\text editor\. Setelah ditemukan, klik kanan pada file kemudian pilih Open.

Gambar 2.5 Instal PHP Editor Selanjutnya akan muncul wizard untuk instalasi program. Klik tombol Next >.

119

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.6 Instal PHP Editor Selanjutnya klik tombol Next >.

120

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.7 Instal PHP Editor Selanjutnya klik tombol Next >.

121

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.8 Instal PHP Editor Selanjutnya klik tombol Install >.

122

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.9 Instal PHP Editor Selanjutnya proses instalasi.

123

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.10 Instal PHP Editor Selanjutnya klik tombol Finish.

124

Pemrograman Dasar Website Menggunakan PHP

Gambar 2.11 Instal PHP Editor Proses instalasi PHP text editor sudah selesai.

125

Pemrograman Dasar Website Menggunakan PHP

PENUTUP
Penulisan buku ini cukup sampai disini dulu. Penulis yakin masih banyak sekali kekurangannya baik dalam tingkat penguasaan topik maupun dalam penyajian. Namun penulis gembira karena akhirnya pengetahuan yang tidak seberapa ini bisa dituangkan dalam bentuk tulisan. Semoga bermanfaat. Kritik, masukan, dan pertanyaan seputar buku ini dapat ditanyakan langsung ke penulis melalui email: [email protected].

Terima kasih Bandung, 14 November 2009

Referensi: http://apache.org http://php.net http://mysql.com Siswoutomo, Wiwit, Step by Step Joomla! Programming, Elex Media Komputindo, November 2008

126