menggunakan php

7/27/2019 menggunakan PHP

1/126

Pemrograman Dasar Website Menggunakan PHP

1

PENDAHULUAN

Buku ini mencoba menerangkan langkah-langkah apa saja yang perlu ditempuh ketikamembuat suatu program berbasis web dimulai dari kasus yang paling sederhana yaitu

menampilkan tulisan Hello world pada halaman internet browser komputer anda. Untukmelakukan hal tersebut yang dibutuhkan hanya bahasa program statik disebut HTML(Hypermark Text Markup Language). Sasaran berikutnya setingkat lebih maju dari kasustersebut adalah membuat aplikasi buku tamu. Untuk membuat program tersebutdiperlukan bahasa program yang tidak statik, dalam contoh kasus di buku ini akanmenggunakan bahasa program PHP dan MySQL sebagai database untuk menampunginput dari pengguna. Di bagian akhir akan menjelaskan langkah-langkah yang ditempuhuntuk menginstal aplikasi CMS (Content Management System) Joomla yang manaaplikasi 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 disiapkanterlebih dahulu ruang lingkungan yang mendukung proses tersebut pada operating sistemoperasi. Ruang lingkungan tersebut adalah:

1. Apache, sebagai web server2. PHP, sebagai bahasa pemrograman3. MySQL, sebagai database4. 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 server2. Installer PHP3. Installer MySQL4. Installer PHPMyAdmin5. Installer Joomla6. Installer PHPTextEditor7. Installer Firefox internet browser


2/126


2

1.INSTALASI APACHE WEB SERVERKetika anda mengetikkan url http://kompas.com di internet browser dan menekan tombol

enter, maka proses selanjutnya adalah perintah tersebut dikirim keluar dari komputeranda melalui jaringan kabel atau wireless ke internet provider tempat anda mendaftar.Dari situ perintah tersebut diteruskan ke server kompas.com. Setelah sampai di serverkompas.com kemudian dikirim respon melalui jalur sebelumnya sehingga tersaji di depanmonitor si pengguna. Dikarenakan sifat internet yang global maka bisa terjadi permintaanke server kompas dalam waktu yang bersamaan dari berbagai lokasi di seluruh dunia.Ada yang mengakses berita utama, olahraga, bisnis, berita kemaren dan lain-lain. Fungsiweb server adalah untuk mengatur permintaan-permintaan tersebut beserta dengan responyang harus dikembalikan. Apache adalah salah satu dari beberapa jenis aplikasi webserver yang ada. Apache bersifat open source dan gratis. Info tentang apache dapat dilihatdi situsnya http://apache.org.

Gambar 1.1 Diagram network

Berikut kita akan memulai proses instalasi Apache. Silakan dibuat terlebih dahulu folderbaru bernama apache di drive yang sama dimana sistem operasi diinstal; biasanya didrive 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\ bernamaapache_2.0.50-win32-x86_httpd. Klik kanan pada file dan pilih Install.


3/126


3

Gambar 1.3 Instal Apache

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


4/126


4


Selanjutnya pilih I accept the terms in the license agreement dan tekan tombol Next >.


5/126


5


Selanjutnya tekan tombol Next >.


Selanjutnya isi data-data pada form sebagai berikut:Network domain: localhostServer name: localhostAdministrators Emai Address: admin@localhost

Pilih for All Users, on port 80, as a Service Recommended.



6/126


6


Selanjutnya pilih setup type Typical dan tekan tombol Next >.


7/126


7


Pada umumnya setiap program yang diinstal di sistem operasi windows diletakkan didirektori C:\Program Files. Kali ini program Apache kita instal di lokasi C:\apachesebagaimana foldernya sudah dibuat terlebih dahulu. Untuk itu tekan tombol Change..

dan pilih direktori apache di drive C.



8/126


8


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

OK.


9/126


9


Perhatikan gambar 1.12 lokasinya sudah berubah menjadi C:\apache. Selanjutnya tekantombol Next >.


10/126


10


Selanjutnya tekan tombol Install.


11/126


11


Selanjutnya adalah proses instalasi.


Setelah selesai akan muncul wizard yang menyatakan instalasi telah berhasil dengansukses. Selanjutnya tekan tombol Finish.


12/126


12


Selanjutnya melalui internet browser anda silakan diketikkan alamat http://localhost. Jikayang muncul seperti gambar di bawah berarti proses instalasi Apache sebagai web servertelah berhasil dengan sukses.


13/126


13


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


14/126


14


Namun demikian agar lebih praktis akan kita buatkan folderwebrootdi drive C tempatmenampung semua file-file tersebut. Selama proses pembuatan program anda akan seringmeng-edit dan meng-copy file dari folder tersebut sehingga letaknya sebisa mungkindibuat di lokasi yang mudah dicapai. Upaya tersebut akan memerlukan sedikit upaya

karena file konfigurasi di Apache harus di-set sehingga setiap request terhadap webserver akan dialamatkan ke folderwebroot.

Langkah selanjutnya adalah buat folderwebrootdi drive C.


15/126


15


Selanjutnya kita akan melakukan setting konfigurasi Apache. Buka file httpd.conf yangterletak di lokasi C:\apache\Apache2\conf.


16/126


16


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


17/126


17


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 sepertidi bawah:

# This should be changed to whatever you set DocumentRoot to.

#

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 makaada dua baris yang harus diubah pada file konfigurasi C:\apache\Apache2\conf\httpd.confyaitu:

DocumentRoot C:/apache/Apache2/htdocs menjadiDocumentRoot C:/webrootdan menjadi .


18/126


18

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


Selanjutnya, untuk menguji apakah perubahan konfigurasi sudah berjalan dengan baik,

buka notepad dan ketik kata hello world. Kemudian di-save dengan nama fileindex.html yang diletakkan di lokasi C:\webroot. Perhatikan kutip ganda yangmenyertai di awal dan akhir nama file harus juga disertakan .


19/126


19


Selanjutnya buka internet browser anda dan ketikkan alamat http://localhost. Jika yangditampilkan adalah halaman dengan tulisan hello world berarti perubahan konfigurasiApache berhasil dengan baik.


20/126


20


2.INSTALASI PHPPHP singkatan dari Hypertext Preprocessor, merupakan bahasa pemrograman yangbekerja di sisi server. Ketika anda membuka sebuah situs di internet proses yang terjadisebenarnya adalah komunikasi antara dua buah mesin komputer yang mana komputerpemakai disebut client dan komputer yang bertugas membaca permintaan kemudianmengembalikan respon sesuai dengan yang diminta disebutserver. Server tersebut terdiridari beberapa macam sesuai kegunaannya, antara lain web server, mail server, databaseserver. Masing-masing yang disebutkan sebelumnya adalah aplikasi yang dapat di-instalpada satu komputer sekaligus atau di komputer yang berbeda-beda. Seperti yang sudahdibahas pada bab sebelumnya, Apache adalah salah satu contoh aplikasi web server.Namun Apache hanya bertugas sebatas mengatur lalulintas antara permintaan dari clientdan respon dari server. Untuk menentukan bentuk respon yang harus dikembalikan olehserver tersebut apakah dalam bentuk angka, tabel, atau gambar ditangani oleh aplikasilain. 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 seri5.2.0.

Untuk memulainya harus dibuat terlebih dahulu folder baru bernama php di drive Ctempat dimana program PHP akan diinstal.


21/126


21

Gambar 2.1 Instal PHP

Selanjutnya dari CD yang disertakan pada buku ini copy file php-5.2.0-Win32.rarpadalokasi \driver\server side script engine\ ke C:\php. Kemudian klik kanan pada filetersebut dan pilih Extract Here.


22/126


22


Setelah di-extract filephp-5.2.0-Win32.rarboleh dihapus.

Selanjutnya dari file yang di-extract cari file bernama php.ini-recommended kemudian

diganti namanya menjadiphp.ini.



23/126


23


Selanjutnya klik kanan pada filephp.ini pilih Open With kemudian pilih PHP Editor.

Gambar 2.5a Instal PHP

Ketika pertama kali membuka file tipe tertentu, misalnya .php, menggunakan PHP Editormaka 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 memilikitipe yang sama dengan tipe file yang sedang dibuka. Kemudian tekan tombol OK.


24/126


24

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 konfigurasitersebut bernamaphp.ini yang terletak di lokasi C:\php. Setelah file php.ini terbuka padaPHP Editor, tekan keyboard Ctr+F atau dari menu Search => Locate, ketikkan katadoc_rootdan tekan tombol OK.


25/126


25


Setelah ditemukan selanjutnya isi nilai doc_rootyang kosong dengan c:\webroot\.


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_dirdan tekantombol OK.

Setelah ditemukan selanjutnya isi nilai extension_diryang kosong dengan c:\php\ext\.


Direktori C:\php\ext\ adalah direktori khusus berisi file-file extension implementasi dariMicrosoft sebagai shared library yang digunakan pada sistem operasi MicrosoftWindows. File-file dll tersebut umumnya berisi kode, data, atau resources yang manasetiap file mempunyai tugas khusus seperti string formatting, pembuatan grafik, ataukoneksi ke database. Ciri-ciri dari file dll adalah nama filenya berkahiran .dll. Pada file

php.inibeberapa file dll standar sudah diikutkan sejak awal yang merupakan bawaan dari

installernya. Hanya saja perlu diaktifkan sesuai dengan kebutuhan. Disini kita hanyamengaktifkan 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, tekankeyboard Ctr+F atau dari menu Search => Locate, ketikkan kataextension=php_mbstring.dlldan tekan tombol OK. Setelah ditemukan hapus tanda ; yang


26/126


26

berada di depan string tersebut. Tujuannya adalah untuk mengaktifkan file ekstensionyang dimaksudkan.

Lakukan hal yang sama untuk mengaktifkan dua file lainnya. Dimulai dengan melakukanpencarian terhadap kata extension=php_gd2.dll dan extension=php_mysql.dll.

Hasilnya akan tampak seperti pada gambar di bawah.


Perubahan pada file konfigurasi telah selesai. Silakan di-save.


27/126


27


Selanjutnya copy filephp.ini tersebut.



28/126


28

Paste di lokasi C:\windows\.


Hasilnya:


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


29/126


29

diteruskan ke server, selanjutnya web server meneruskan perintah ke program aplikasi.Untuk lebih jelasnya dapat diperhatikan gambar di bawah.


Untuk memulainya buka file httpd.conf yang terletak di lokasi C:\apache\Apache2\confmenggunakan PHP Editor. Cari kata application/x-tar. Setelah ketemu ketikkan kodeberikut di bawahnya:

ScriptAlias /php/ "c:/php/"AddType application/x-httpd-php .phpAddType application/x-httpd-php .php3AddType application/x-httpd-php .php4AddType application/x-httpd-php .htm


30/126


30

AddType application/x-httpd-php .htmlAddType application/x-httpd-php .phtmlAction 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, bukankode yang akan diproses ketika file tersebut dijalankan.



Perubahan berikutnya adalah pada DirectoryIndex. Cari kata DirectoryIndex kemudianpada bagian akhir nilainya ditambahkan index.php.

DirectoryIndex index.html index.html.varmenjadi

DirectoryIndex index.html index.html.var index.php


31/126


31



Setelah itu file httpd.conf disimpan. Seperti sebelumnya diutarakan, setiap kali perubahanpada httpd.conf harus maka web server harus di-restart. Untuk mengingat kembali lihatgambar 1.22.

Sekarang PHP sudah terdaftar di file konfigurasi Apache.

Untuk menguji apakah proses instalasi PHP dan konfigurasinya sudah berjalan denganbaik kita akan membuat program sederhana. Pada PHP Editor buat file baru melaluimenu File => New. Kemudian ketikkan kode program berikut:

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 padanama 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


32/126


32

http://localhost kemudian Enter. Jika hasilnya seperti gambar di bawah maka prosesinstalasi PHP di komputer anda berhasil dengan sukses.


3.INSTALASI MYSQLDatabase yang digunakan adalah MySQL versi 5.0.27. Informasi tentang MySQL danupgrade terbaru dapat dilihat pada website http://mysql.com.

Sekarang kita akan melakukan instalasi database. Terlebih dahulu buat folder bernamamysqldi drive C.


33/126


33

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 mysql-

essential-5.0.27-win32. Klik kanan pada file dan pilih Install.


34/126


34


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


35/126


35


Selanjutnya pilih setup type Custom, tekan tombol Next >.


Umumnya setiap program yang di-instal pada sistem operasi Microsoft Windows akandisimpan di folder Program Files, tetapi itu bukanlah merupakan suatu keharusan. Kitabisa saja menginstal program pada lokasi C: agar supaya lebih efektif ketika akanmelakukan backup data. Oleh karena itu klik tombol Change untuk mengubah lokasitempat instalasi.


36/126


37/126


37


Hingga alamat Folder name berubah seperti gambar di bawah. Selanjutnya tekantombol OK.


38/126


38




39/126


40/126


41/126


41


Sampai disini sebenarnya proses instalasi sudah selesai dan aplikasi MySQL siapdigunakan. Namun untuk keamanan data dan optimalisasi aplikasi ketika dijalankan perludilakukan sedikit konfigurasi yang antara lain meliputi pembuatan password untukpengguna 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 >.


42/126


42




43/126


43






44/126


45/126


46/126


46




47/126


48/126


48




49/126


50/126


50


Selanjutnya isi password untuk user root, setelah itu tekan tombol Next >.


51/126


51


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



52/126


53/126


53


Selanjutnya ketik perintahshow databases; kemudian tekan Enter. Harap diingat bahwasetiap perintah pada aplikasi database MySQL harus diakhiri dengan tanda ;.


Hasilnya akan menampilkan daftar database yang ada seperti pada gambar di bawah.


54/126


54


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

4.INSTALASI PHPMYADMINMengoperasikan database MySQL menggunakan command line sering kali merepotkankarena 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 yangdisertakan 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 filedan pilih Copy.


55/126


56/126


56

Gambar 4.2 Instal PHPMyAdmin

Selanjutnya klik kanan pada file tersebut dan pilih Extract Here.


57/126


57


Selanjutnya hapus file installer dengan cara klik kanan pada file dan pilih Delete.


Selanjutnya ganti nama folder hasil ekstraksi menjadi phpmyadmin untukmenyederhanakan alamat url ketika diakses dari internet browser.


58/126


59/126


59


Selanjutnya dilakukan konfigurasi autentifikasi pengguna. Untuk itu masuk ke direktoriC:\webroot\phpmyadmin\libraries\ dan cari file bernama config.default.php, kemudianklik kanan dan pilih Open.


60/126


60


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


61/126


61


Setelah ditemukan isi nilai $cfg['blowfish_secret'] dengan cookie.


Selanjutnya lakukan pencarian kedua dengan kata $cfg['Servers'][$i]['auth_type'].


Setelah ditemukan isi nilai $cfg['Servers'][$i]['auth_type'] dengan cookie.



62/126


62

Selanjutnya simpan hasil perubahan.


Sekarang instalasi dan konfigurasi PHPMyAdmin sudah selesai. Untuk menguji apakahsudah berjalan dengan baik buka internet browser dan ketikkan alamathttp://localhost/phpmyadmin. Jika hasilnya seperti gambar di bawah berarti instalasi dankonfigurasi berhasil dengan baik.


63/126


63


Untuk menjelajahi isinya silakan login dengan username root dan password yangdigunakan pada waktu instalasi MySQL. Jika anda masuk ke halaman seperti di bawah,selamat, login berhasil.


64/126


64


5.BUKU TAMULangkah awal dalam pembuatan buku tamu adalah dengan membuat database terlebihdahulu. Untuk itu login ke http://localhost/phpmyadmin dan buat database dengan namalatihan 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 dibuatmaka tabelnya masih kosong. Sekarang kita akan membuat tabel baru bernamabukutamu seperti pada gambar di bawah. Number of field diisi angka 5 yang manamasing-masing kegunaannya adalah sebagai berikut:

Field 1: id, berfungsi sebagai indeks dari tabel buku tamu.Field 2: nama, berfungsi untuk menyimpan nama pengisi buku tamuField 3: email, berfungsi untuk menyimpan email pengisi buku tamuField 4: tanggapan, berfungsi untuk menyimpan tanggapan pengisi buku tamuField 5: waktu_simpan, berfungsi untuk merekam waktu pengisian buku tamu

Selanjutnya tekan tombol Go.


65/126


65


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


66/126


66


Satu lagi yang perlu diperhatikan adalah primary key yang posisinya setelah kolomExtra. Primary key adalah kunci utama yang menandai suatu entri pada tabel. Karenafungsinya sebagai pembeda maka sifatnya adalah unik yang berarti untuk setiap entrifield yang ditetapkan sebagai primary key nilainya tidak boleh ada yang sama. Darikelima field yang sudah dibuat sebelumnya id adalah yang paling cocok ditetapkan

sebagai primary key karena karena atribut auto_increment yang sudah ditambahkansebelumnya membuat nilainya tidak akan ada yang sama untuk setiap entri.

Setelah field dan atributnya diisi selanjutnya tekan tombol Save.


67/126


68/126


69/126


69

Selanjutnya buka file baru dan ketikkan kode program di bawah kemudian simpan padalokasi C:\webroot\bukutamu dengan nama konfirmasi.php.

Program PHP Pertamaku: Buku Tamu

Buku Tamu: Konfirmasi

Nama

:Email:Tanggapan:


70/126


71/126


72/126


72

Tanggapan:

-----

Perhatikan pada file simpan.php dan tanggapan.php nilai $password harus disesuaikandengan password root ketika meng-instal database MySQL.

Setelah keempat file tersebut dibuat selanjutnya buka http://localhost/bukutamu, makaanda akan mendapatkan hasil seperti gambar di bawah. Isi form yang ada sesuai seleraanda, kemudian tekan tombol Konfirmasi.


73/126


74/126


75/126


75


6.INSTALASI JOOMLAJoomla adalah salah satu aplikasi open source CMS (Content Management System) gratisberbasis web yang dikembangkan menggunakan bahasa pemrograman PHP. Joomlabiasanya digunakan untuk keperluan membangun suatu online community, sebagai portaluntuk memperkenalkan produk-produk terbaru dari suatu perusahaan, atau sebagai tokoyang bersifat virtual dilengkapi dengan shoping cart untuk menjual produk-produk secaraonline. Informasi lebih lengkap dapat dibuka di http://joomla.org.

Hal pertama yang harus kita lakukan sebelum melakukan instalasi adalah menyiapkandatabasenya. Karena proses instalasi Joomla dapat dikatakan cepat dan instan yangberdampak kepada penggunaannya yang akan meluas ke segala bidang maka ada baiknya

untuk setiap instalasi disiapkan satu database khusus secara tersendiri meskipun padadasarnya satu database dapat digunakan untuk lebih dari satu instalasi aplikasi Joomla.Sebagai latihan kali ini kita akan menginstal Joomla untuk pembuatan suatu websiteberisi katalog hotel online. Sebagai langkah awal melalui http://localhost/phpmyadminbuat suatu database bernama kataloghotel.

Pada form Create database ketikkan nama database kataloghotelseperti pada gambar dibawah. Kemudian tekan tombol Create.

Gambar 6.1 Instalasi Joomla


76/126


77/126


78/126


79/126


79



80/126


81/126


81

Setelah itu paket installer yang dalam bentuk file zip dihapus dengan cara klik kananpada fileJoomla_1.5.9-Stable-Full_Package.zip kemudian pilih Delete.



82/126


83/126


84/126


85/126


86/126


87/126


88/126


88

Jika anda sampai ke tahap Finish dengan tampilan seperti gambar di bawah berarti prosesinstalasi paket Joomla berhasil dengan baik. Perhatikan tulisan merah yang menganjurkanagar folderInstallation pada direktori C:\webroot\kataloghotel dihapus sebelum aplikasi

tersebut dapat dioperasikan.



89/126


90/126


91/126


91

Selanjutnya kita akan menginstal modul dan komponen katalog hotel. Untuk itu silakanlogin sebagai admin melalui menu http://localhost/kataloghotel/administrator sehinggaakan menampilkan menu seperti gambar di bawah. Isikan username: admin, password

adalah password administrator joomla yang anda isikan ketika melakukan prosesinstalasi. Selanjutnya tekan tombol Login.



92/126


93/126


94/126


95/126


96/126


96

Jika proses instalasi komponen hotel berhasil maka seharusnya tampilannya sepertigambar di bawah dengan pesan Install Component Sucsess.

Gambar 6.20a Instalasi Joomla


97/126


97

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


98/126


98

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



99/126


99

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 diisisembarang data untuk latihan.

Form Keterangan berbentuk rich-text yang bawaannya memiliki beberapa perangkatuntuk memudahkan mengetik dan menyusun keterangan sesuai dengan format yangdiinginkan. Tool-tool tersebut antara lain untuk menebalkan, memiringkan,menggarisbawahi, memilih jenis, dan ukuran huruf, mengatur paragraf, bahkan untukmemasukkan gambar.



100/126


101/126


102/126


103/126


104/126


104

Menginstal modul caranya hampir sama dengan cara menginstal komponen. Untuk itusilakan masuk kembali ke bagian administrator yang beralamat dihttp://localhost/kataloghotel/administrator langsung menuju menu Extensions =>Instal/Uninstall. Setelah masuk, pada bagian Install klik tombol Browse kemudian carifile mod_hotel yang ada di CD terletak di direktori \driver\server side script

engine\joomla, kemudian tekan tombol Open.

Setelah file mod_hotelditemukan, selanjutnya tekan tombol Upload File & Install yangposisinya di sebelah kanan tombol Browse.



105/126


106/126


107/126


108/126


109/126


110/126


111/126


112/126


112

Ternyata hotel yang dicari tidak ditemukan. Ada dua kemungkinan penyebabnya yaitu,data hotel Jayakarta belum dimasukkan ke dalam database hotel melalui menuPengelolaan Katalog Hotel, atau data sudah dimasukkan tetapi belum di-publish.

Gambar 6.34a Instalasi Joomla


113/126


114/126


115/126


115

Berikut adalah gambar tampilan dari Hotel Jayakarta Bandung yang dicari sebelumnyadari modul Daftar Hotel. Informasi yang tersaji pada halaman tersebut dapat diubah olehadmin pada bagian Pengelolaan Katalog Hotel.



116/126


116

Pada bagian bawah halaman dari setiap hotel yang ada terdapat form yang berisiinformasi untuk pemesanan kamar hotel bersangkutan. Silakan diisi sembarang,kemudian tekan tombol Kirim. Jika aplikasi joomla tersebut sudah diupload ke liveserver maka email berisi informasi pemesanan hotel tersebut akan dikirim ke alamatemail hotel bersangkutan yang sebelumnya dicantumkan ketika memasukkan data hotel

baru pada menu Pengelolaan Katalog Hotel. Email tersebut juga akan dikirim kepengunjung website yang melakukan pemesanan sesuai dengan alamat email yangdicantumkan dan kepada admin website sebagai pemberitahuan.


Demikianlah pembahasan tentang instalasi aplikasi CMS Joomla, beserta contoh moduldan komponen yang dibuat sendiri. Lebih jauh mengenai pemrograman Joomla dapatdibaca buku Step by Step Joomla! Programming yang ditulis oleh Wiwit Siswoutomodan diterbitkan oleh Gramedia Elex Media Komputindo pada bulan November 2008.

Contoh aplikasi CMS Joomla yang sudah di-instal bersama modul dan komponen kataloghotel yang dibuat sendiri oleh penulis tersedia di:

- http://bdgyes.com/index.php?option=com_hotel- http://hotelnewidola.com/v2/index.php?option=com_hotel


117/126


117

7.DOMAIN DAN HOSTING PROVIDER7.1 Domain

Pada bab ini kita akan membahas sekilas tentang domain dan hosting provider. Istilahtersebut akan sering terdengar ketika anda mendirikan sebuah website. Domain adalahnama dari suatu website untuk memudahkan pengguna internet mengunjungi websitetersebut. Misalnya, surat kabar harian Kompas, selain menyebarkan berita melalui mediacetak mereka juga mengupload informasi tersebut ke website mereka sehingga dapatmenjangkau pambaca lebih luas lagi. Alamat website mereka adalah http://kompas.com.Dalam dunia internet khususnya di kalangan pengembang website, http://kompas.com ituadalah domain website untuk harian Kompas. Atau untuk lebih singkatnya cukup disebutatau ditulis kompas.com saja. Saat ini ada jutaan domain yang ada di internet. Dot comhanyalah satu bagian dari domain, selain itu masih ada .org yang biasanya dipergunakanuntuk website organisasi, .net untuk perkumpulan suatu komunitas, .gov untuk website

pemerintah, .edu untuk website pendidikan (perguruan tinggi atau universitas). Dot combiasanya dipergunakan untuk kepentingan bisnis, mewakili suatu perusahaan.

Melalui internet kita dapat mengetahui pemilik dari suatu website. Salah satu penyediajasa tersebut adalah http://namadomain.com. Pada menu yang tersedia dihttp://namadomain.com/tools/whois.php kita dapat memasukkan nama dari suatu domainyang ingin kita periksa, tanpa http://, setelah tekan tombol go! Misalnya untukmengetahui pemilik website http://indo.com silakan ketik indo.com kemudian tekantombol go!. Maka akan ditampilkan informasi domain tersebut, yang sebagiandiantaranya adalah nama lembaga: PT Bali Info Iklanindo Semesta dan pemilik: EkaGinting.

Domain tersebut biasanya disewa dengan jangka pembayaran kelipatan satu tahun sekali.Setelah itu dapat diperpanjang kembali. Di Indonesia salah satu penyedia domain adalahPT 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 ProviderSelain domain juga ada istilah hosting provider. Hosting adalah sebuah server yangterhubung ke internet tempat meletakkan file-file berisi data atau aplikasi. Ketikapengguna internet mengakses suatu website dengan mengetikkan domain websitetersebut pada internet browser maka mesin komputer akan mencari lokasi komputerdimana domain tersebut terdaftar melalui jaringan yang terhubung ke seluruh duniaapakah melalui kabel atau melalui gelombang elektromagnetik yang dipancarkan olehsatelit atau antenna pemancar. Setelah komputer tersebut ditemukan maka informasi yangtersimpan disitu akan dikembalikan ke komputer pengguna sebagai tanggapan atas


118/126


118

permintaan sebelumnya. Informasi tersebut biasanya dalam bentuk file-file denganformat yang beragam seperti teks, gambar, musik, atau video. Komputer tempatmenyimpan 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 dapatdisimpan juga menjadi faktor penentu harga sewa. Semakin besar ukuran maksimumyang kita minta maka sewanya juga semakin tinggi.

Di Indonesia salah satu penyedia hosting adalah http://masterwebnet.com.


119/126


119

8.INSTALASI PHP EDITORProgram PHP Editor yang akan memudahkan anda selama proses coding. File installer-nya dapat ditemukan pada CD yang menyertai buku ini bernama phpeditor_setup_endengan lokasi \driver\text editor\. Setelah ditemukan, klik kanan pada file kemudian pilihOpen.

Gambar 2.5 Instal PHP Editor

Selanjutnya akan muncul wizard untuk instalasi program. Klik tombol Next >.


120/126


120


Selanjutnya klik tombol Next >.


121/126


121


Selanjutnya klik tombol Next >.


122/126


122


Selanjutnya klik tombol Install >.


123/126


124/126


124


Selanjutnya klik tombol Finish.


125/126


125


Proses instalasi PHP text editor sudah selesai.


126/126


PENUTUP

Penulisan buku ini cukup sampai disini dulu. Penulis yakin masih banyak sekalikekurangannya baik dalam tingkat penguasaan topik maupun dalam penyajian. Namun

penulis gembira karena akhirnya pengetahuan yang tidak seberapa ini bisa dituangkandalam bentuk tulisan. Semoga bermanfaat.

Kritik, masukan, dan pertanyaan seputar buku ini dapat ditanyakan langsung ke penulismelalui email: [email protected].

Terima kasihBandung, 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

menggunakan php

Documents