Membangun Website dengan PHPFusion
BAB I PHPFUSION A. Sekilas tentang PHPFusion Phpfusion merupakan salah satu CMS (Content Management System) yang banyak digunakan selain Joomla, Drupal, Contrexx, Wordpress, AuraCMS, dan masih banyak lagi.Disini kita menjelaskan bagaimana cara membangun website dengan PHPFusion, kenapa kita milih PHPFusion? PHPFusion bukanlah CMS yang terbaik, tetapi CMS ini merupakan leightweight cms, cms yang simpel dan ringan tetapi banyak fiturfitur yang tidak kalah dengan CMS ternama,seperti fitur forum,polling,shoutbox,download area, dan lainlain. Selain itu, kodekode dalam PHPFusion lebih mudah dimengerti, sehingga kita bisa memodifikasi website kita dengan selera anda sendiri. Penggunaan CMS mrupakan jalan termudah bagi anda yang ingin mempunyai sebuah website, situs portal, atau blog pribadi, dan tidak perlu mempelajari berbagai macam bahasa aneh untuk bisa membuat website, seperti php,java,css,dan html. PHPFusion adalah open source content management system (CMS) yang menggunakan bahasa PHP5, dan menggunakan MYSQL untuk menyimpan konten website. PHPFusion merupakan software gratis tampa biaya, kita dapat memperbanyak atau memodifikasi dibawah lisensi GNU Affero General Public License (AGPL) dan dipublikasikan oleh Free Software Foundation
B. Instalasi PHPFusion di localhost Membutuhkan aplikasi XAMPP untuk kita mencova mendesain PHPFusion di mesin sendiri sebelum kita upload ke Webserver sebenarnya, terserah anda menggunakan XAMPP, PHPTriad atau yang lain. Sebelumnya kita harus membuat MySql database yang akan kita pakai sebagai tempat penampungan konten web. Kita dapat melakukannya via controlpanel di webhosting atau PhpMyadmin. Ketikkan "localhost/phpmyadmin" (tanpa tanda kutip). maka akan seperti dibawah ;
Kita akan menggunakan PHPFusion versi phpfusion700rc2 (versi terakhir, silahkan download di http://www.phpfusion.co.uk), pertama kita ekstrak ke folder htdocs di tempat kita install aplikasi XAMPP. http://imux.co.cc
2
Membangun Website dengan PHPFusion
Setelah di ekstrak, secara default maka semua file PHPFusion ada di direktori "c:/program files/xampp/htdocs/file/ " (Sesuaikan dengan tempat instalasi XAMPP). Lalu jalan aplikasi XAMPP dan jalankan servis "Apache" dan "MySql"
dan buka browser kesayangan anda, dan ketikkan "localhost/files" (tanpa tanda kutip). maka akan muncul
menandakan kita akan memulai proses instalasi PHPFusion, klik Next
http://imux.co.cc
3
Membangun Website dengan PHPFusion
tetapi sekarang ini kita menggunakan virtual host di Windows akan selalu "Passed" tanpa kita merubah "Permission FIle" nya terlebih dahulu. lalu klik next.
Isi kan form di atas sesuai gambar di atas. lalu klik Next
Jika setelah itu tampil seperti gambar di atas, maka anda berhasil telah memasukkan record table ke dalam database phpfusion7 dan file config.php telah tertulis beberapa konfigurasi halaman web dengan database MySql. lalu klik Next.
Lengkapi form di atas, lalu klik next.
http://imux.co.cc
4
Membangun Website dengan PHPFusion
Jika sudah mencapai tahap ini, proses instalasi sudah selesai. anda harus menghapus file setup.php sesuai anjuran dan alasan keamanan. lalu klik Finish.
gambar di atas adalah tampilan awal PHPFusion.
C. Bagianbagian Admin Panel Setelah tahap instalasi selesai, selanjutnya kita mulai masuk ke Amin Panel untuk mengkofigurasi web. Caranya login di form login, masukkan username dan password yang anda buat sendiri, lalu masuk ke menu admin panel, lalu kita akan di bawa ke halam di bawah ini ;
http://imux.co.cc
5
Membangun Website dengan PHPFusion
Bagian 1 User Info ; a. Edit Profile Ubah Setting profile anda seperti username, password, email, dan yang lainnya. b. Private Messages Sarana kirim pesan antar sesama member atau member ke administrator. c. Member List Melihat Daftar member yang terdaftar. d. Admin Panel Link menuju Admin Panel. e. Logout Link jika anda ingin meninggalkan Admin Panel maupun User Admin. Bagian 2 Navigation ; Terdapat Link yang langsung menuju sub menu konfigurasi, dan Link "Return to the site" yang mengarahkan browser kita ke halaman depan website kita. Bagian 3 Tab Menu Admin ; a. Content Admin Article Categories Mengkategorikan Isi dari Artikel. Downloads Menu untuk Halaman Download, terlebih dahulu kita memberikan kategori download. News Menu untuk mengisi konten berita, dan beberapa pengaturan seperti "Save as Draft" untuk simpan berita dan tidak dipublikasi, "Make this news item sticky" untuk membuat berita tetap berada di halaman depan website, "Automatic LineBreak" untuk otomatisasi pindah baris (Sintaks html
), "Enable Comments" untuk mengijinkan memberi komen pada berita, dan "Enable Ratings" untuk menginjikan memberi rating untuk berita. Web Link Categories Memberikan Kategori untuk direktori Web Links http://imux.co.cc
6
Membangun Website dengan PHPFusion
Articles Untuk Posting Suatu Artikel dengan kategori yang sudah dibuat. FAQs FAQs (Frequently Asked Questions) atau pertanyaanpertanyaan yang sering diajukan. biasanya dalam web portal, member sering bertanya kepada Admin tentang sesuatu, dan beberapa member lain juga mengajukan pertanyaan yang sama, untuk memudahkan penjawaban beberapa pertanyaan yang sering diajukan maka dibuatlah menu FAQs. News Categories Secara defaults PHPFusion sudah memberikan bebarapa kategori, dan kita dapat merubah maupun menghapus kategori Berita. Web Links Menambahkan atau menghapus Web Links. Custom Pages Berfungsi jika kita ingin menambahkan halaman web sendiri, bisa digunakan untuk membuat halam tentang deskripsi situs kita, atau menjelaskan tentang anda sendiri. Forums Pengaturan Forum diskusi, seperti pemberian kategori forum, dan membuat forum sesuai kategori yang telah dibuat. Photo Albums Album Foto yang bisa kita buat kategorinya dan dapat langsung kita upload. Download Categories Pengkategorian untuk item Download di menu Downloads Images Mengorganisasian gambar untuk gambar utama, berita, artikel, dan kategori berita. Polls Fitur Polling, hal yang akan di Polling dapat anda tentukan sendiri, juga jumlah opsinya. b. User Admin Administrators Berfungsi untuk merubah level type member menjadi Administrator. Shoutbox Mengorganisasian Pesan shoutbox, edit atau dihapus. Blacklist Anda dapat melalukan blokir ip address agar tidak dapat mengakses situs anda, juga anda bisa melakukan blokir terhadap username dan alamat email dalam proses registrasi. Submissions Melihat kiriman berita, link, article, dan foto yang dikirim oleh member, yang belum terferifikasi oleh administrator maupun super administrator. Forum Ranks Pengorganisasian ranking pada member di forum, rangking tergantung seberapa lama member berada di dalam forum, dan seberapa banyak posting yang dia lakukan. User Fields Berfungsi untuk mengatur (enable/disable) Fieldfield mana saja yang ditampilkan pada halaman profile member. Members Pengorganisasian member situs. kita dapat melakukan banned member, melihat member yang http://imux.co.cc belum diaktifkan, dan melihat informasi detail tentang member.
7
Membangun Website dengan PHPFusion
Pengorganisasian member situs. kita dapat melakukan banned member, melihat member yang belum diaktifkan, dan melihat informasi detail tentang member. User Groups Kita dapat membuat Group User, untuk pengelompokan member. c. System Admin Banners Pengelolaan banner web. Infusions Jika ingin menambahkan modul (Mods) tambahan, maka kita membutuhkan menu Infusions untuk menginstallnya. Photo Gallery Settings Pengaturan untuk Galeri Foto, seperti ukuran untuk Thumbnail, ukuran foto dan maksimum pixel foto, maksimum ukuran file foto, dan lainlain. Site Links Berfungsi untuk pengorganisasian link situs, kita dapat ubah posisinya di bagian navigation atau subheader link, maupun penambahan link dan penghapusan link. BB Codes Main Settings Setting utama untuk situs kita, kita bisa mengubah nama situs kita, gambar header situs, email situs, Welcome Messages, keyword, dan lainlain, juga kita dapat mengakses konfigurasi lainnya, melalui tabtab di sebelahnya. PHP Info Informasi Lengkap mengenai versi php, versi webserver, dan yang lainnya. Smiley Anda dapat menambah maupun merubah ekspresi smiley. Database Backup Membuat backup database MySql situs anda, dan dapat melakukan restore database. Miscellaneous Settings Menu konfigurasi lainnya seperti penggunaan "TinyMCE HTML editor" untuk penulisan Berita maupun Artikel, konfigurasi SMTP (Simple Mail Transfer Protocol) untuk pengiriman email, konfigurasi ini kita sesuaikan dari penyedia webhosting yang kita gunakan, dan beberapa setting lainnya. Private Message Settings Beberapa konfigurasi untuk Private Message Settings. Time and Date Settings Pengaturan Format Waktu dan Tanggal. Forum Settings Beberapa pengaturan di dalam Forum, seperti berapa banyak posting yang ditampilkan, tampilkan ip publik, maksimum ukuran file yang akan di upload, juga format yang di perbolehkan, dan lainlain. Panels Berfungsi menambahkan panel, merubah posisi panel, maupun mengaktifkan atau menonaktifkan panel.
http://imux.co.cc
8
Membangun Website dengan PHPFusion
Registration Settings Konfigurasi untuk proses registrasi member. Upgrade Berfungsi untuk mengUpgrade versi yang lebih baru. d. Infusions Menu Infusions adalah tempat konfigurasi modul tambahan yang anda install. Bagian 4 Sub Menu Admin ; Sub Menu dari setiap bagian Tab Menu Admin. Bagian 5 Information ; Informasi yang memberi tahu kita ada beberapa orang yang terdaftar di web kita, ada tidaknya submision (Berita,Artikel,Link,Foto) yang member kirimkan ke web kita, dan informasi mengenai statistik tentang komentar yang masuk, shoutbox (Pesan Singkat), ada berapa posting di forum, dan foto galeri.
D. Memulai Konfigurasi Web a. Membuat Kategori Berita dan Artikel. Pertamatama masuk ke dalam menu "News Categories". Disitu anda akan menjumpai beberapa kategori berita yang sudah ada, anda dapat menambahkannya atau menghapus kategori yang sudah ada, dan anda dapat mengupload gambar kategori berita yang sudah anda buat. klik link di bawah "Current News Categories"
Lalu,
Tentukan lokasi image anda, lalu tentukan nama Kategori berita dan file gambar yang baru anda upload.
http://imux.co.cc
9
Membangun Website dengan PHPFusion
Untuk kategori Artikel tidak disediakan untuk upload gambar seperti berita, kita hanya menentukan nama kategori Artikel dan deskripsi tentang kategori artikel tersebut. b. Membuats halaman Download. Untuk membuat halaman download untuk pengunjung, pertamatama kita terlebih dahulu membuat kategori download dan url sumber file yang akan kita taruh di halaman download. Klik
lalu tentukan nama kategori, deskripsi, urutan, dan hak akses. Maksud Hak akses ini ialah jika kita ingin kategori download yang baru kita buat hanya untuk user level tertentu, seperti Administrator, member, atau User Groups yang bisa kita buat sendiri. c. Memulai Forum. Pertamatama kita tentukan kategori forum terlebih dahulu,
Setelah itu kita buat nama forum "Divisi Jaringan" untuk kategori yang baru kita buat, yaitu ; Divisi.
Dan kita sudah mempunyai Room Forum bernama Divisi Jaringan di kategori Divisi. d. Konfigurasi Photo Gallery.
http://imux.co.cc
10
Membangun Website dengan PHPFusion
d. Konfigurasi Photo Gallery. Klik Panel di bawah pada Content Admin,
Pertamatama kita buat dulu Album, seperti gambar di bawah ini;
Dan kita sudah mempunyai satu Album, lalu kita akan upload foto ke Album ini, caranya klik pada Thumbnail Foto album,
Tentukan Nama foto, Deskripsi tentang foto, dan lokasi sumber foto yang akan di upload. disini juga ada beberapa opsi untuk memperbolehkan foto di beri komentar dan rating oleh member atau pengunjung.
http://imux.co.cc
11
Membangun Website dengan PHPFusion
Catatan : Nama File foto yang akan di upload haruslah dalam format numerik (1,2,3,4,dst,,). e. Polling. Polling adalah fitur menarik untuk pengambilan suara pengunjung tentang sesuatu, apalagi untuk web portal atau web komunitas. untuk mengaktifkan panel "Polling" kita menuju "Admin Panel"
kita tentukan Judul Polling, masukkan opsi pertama, kedua dan seterusnya, dan kita dapat menambah opsi pilihan.
dan terakhir kita aktifkan panel "Polls" di tab "System Admin" Secara default panel "Members Panel" berada di posisi disabled, jadi kita harus mengenabled panel "Members Panel" seperti gambar di bawah.
http://imux.co.cc
12
Membangun Website dengan PHPFusion
Maka panel "Members Poll" akan tampil seperti di bawah ini ;
f. Themes Kita dapat mengganti beberapa tema yang sudah disediakan dalam paket, tetapi kita dapat juga menambah atau mengupload tema. Silahkan untuk mengunduh tema di http://themes.phpfusion.co.uk. Setelah file kita selesai download, kita ekstrak ke direktori root dari situs kita, lalu kita pilih di tab "System Admin" panel, klik ;
Geser scroll bar ke bawah, sebagai contoh kita pilih "2point0" sebagai tema yang kita pilih.
http://imux.co.cc
13
Membangun Website dengan PHPFusion
Lalu klik save, dan lihat perubahannya.
E. Menambahkan Modul. http://mods.phpfusion.co.uk menyediakan mods/modul/plugin tambahan untuk kelengkapan situs kita, jikalau kita butuh kemampuan lebih dari website kita, atau kita membutuhkan tools untuk mempermudahkan kerja kita dalam pengelolaan website kita sendiri. Saya anggap anda sudah mengunduh modul di url yang saya sebutkan tadi, setelah itu kita upload dan ekstrak, di bawah ini saya akan menambahkan mods event calendar. kita ekstrak di folder infusions dari direktori root web kita, jadi http://localhost/files/infusions
Setelah itu kita menuju tab "System Admin" pilih ;
lalu kita kita klik tombol "infuse", "mods" mana yang akan kita "infuse".
Buat panelnya, di ; lalu klik link "Add New Panel" di bawah tabel panelpanel, cari "mods' yang baru kita pasang tadi, tentukan nama panel, masukkan password admin, dan klik save. http://imux.co.cc
14
Membangun Website dengan PHPFusion
dan yang terakhir kita ubah posisi panel "Event Calendar" dari disabled menjadi enabled,
BAB II Domain dan Web Hosting. Pertama sebelum kita membuat website tentu kita membutuhkan yang namanya alamat website tentu yang mudah di ingat, agar kerabat anda atau para pengguna internet di belahan15 dunia manapun dengan mudah menemukan website kita. Untuk itulah kita membutuhkan Nama Domain, domain contohnya www.namagw.com ya mas??? Yup, tepat sekali itu adalah salah satu contoh domain. Jadi ketika teman kita mengetik www.namagw.com di browser, maka teman kita bisa melihat
http://imux.co.cc (Domain/URL)
Membangun Website dengan PHPFusion
Pertama sebelum kita membuat website tentu kita membutuhkan yang namanya alamat website (Domain/URL) tentu yang mudah di ingat, agar kerabat anda atau para pengguna internet di belahan dunia manapun dengan mudah menemukan website kita. Untuk itulah kita membutuhkan Nama Domain, domain contohnya www.namagw.com ya mas??? Yup, tepat sekali itu adalah salah satu contoh domain. Jadi ketika teman kita mengetik www.namagw.com di browser, maka teman kita bisa melihat situs anda walaupun anda sedang nyeyak tertidur :P. untuk pembuatan domain akan kita bahas nanti, pada ebook ini saya menggunakan domain versi GRATISAN, maklum ebooknya aja gratis. Setelah kita memiliki sebuah domain kita memerlukan bantuan lagi yang namanya Web Hosting atau Server Hosting. Website kita akan memerlukan ruang (space) berupa tempat penyimpanan untuk meletakkan filefile website kita seperti gambar, kode php, html, flash dsb. Dalam benak anda tempat penyimpanan yang biasa anda temui adalah Hardisk, tepat sekali, Website kita sebenarnya di tempatkan di sebuah Hardisk di sebuah server yang berbentuk computer, dan computer inilah yang membuat website anda bisa online 24 jam, 7 hari 7 malem nonstop walaupun anda sedang main dokterdokteran dengan pasangan anda :P. Sejak itulah banyak penyedia jasa Web Hosting bertebaran di manamana. Web Hosting menyediakan perlengkapan seperti Software, Bandwith, Layanan teknis, Hardware, dsb, yang anda butuhkan tanpa harus repotrepot anda yg mengurusinya, dan saya yakin anda tidak mau melakukannya. Web Hosting bertugas seperti pemilik kontrakan, ataupun pemilik koskosan. Penyedia menyewakan rumah kepada orangorang yg membutuhkannya Setiap penyewa berhak untuk mendekorasi dan melakukan aktifitasnya di tempatnya masingmasing. Singkatnya Web Hosting menyediakan tempat di internet untuk Website anda tinggal. Dan tentu ini lebih menguntungkan dari pada anda membuat Web Hosting sendiri dengan membangun sebuah Web Server dengan biaya yang lumayan WAH dan tanpa perlu kawatir lagi dengan biaya perawatan plus menggaji teknisinya.
A. Membuat Domain. Sebagai contoh saya akan membuat sebuah domain dengan nama www.mentorupnvj.co.cc . lalu kita kunjungi situs http://www.co.cc dan kita langsung saja mengecek apakah domain mentorupnvj.co.cc tersedia dengan gratis,
jika tersedia dengan gratis maka akan muncul halaman seperti ini,
Selamat !!! , Lalu di lanjutkan proses registrasi, klik "sign in",
http://imux.co.cc
16
Membangun Website dengan PHPFusion
Isi form di bawah ini sesuai dengan datadata anda,
Jika sudah sampai tahap di bawah ini, dilanjutkan dengan proses "setup",
kita tinggalkan sejenak proses "setup", dan jangan tutup window situs di atas, sekarang buka tab baru yang akan kita butuhkan untuk mendaftar web hosting di http://www.000webhost.com lengkapi form di bawah ini sesuai datadata anda, http://imux.co.cc
17
Membangun Website dengan PHPFusion
Setelah itu anda akan diminta untuk mendownload program "ip_confirm.exe" untuk mengkonfirm ip address, setelah program tersebut di jalankan, anda akan mendapatkan 6 digit kode konfirmasi, lalu anda masukkan di kolom di bawah ini, (Mungkin program "ip_confirm.exe" akan terdeteksi sebagai virus oleh program AV anda).
Lalu copy nameserver dari 000webhost.com untuk proses setup di co.cc, http://imux.co.cc
18
Membangun Website dengan PHPFusion
lalu kita kembali ke tab url co.cc, dan kita paste di kolom Name Server 1 dan Name Server 2,
klik tombol setup, dan,
http://imux.co.cc
19
Membangun Website dengan PHPFusion
Jika kita tuliskan di url bar www.mentorupnvj.co.cc atau domain yang anda buat sendiri, maka akan tampil seperti ini,
Berarti proses sinkronisasi antara nameserver di 000webhost dengan dns server di co.cc, memakan waktu 2 x 24 jam alias 2 hari.
jika alamat mentorupnvj.co.cc seperti di atas, berarti domain sudah siap diakses. http://imux.co.cc
20
Membangun Website dengan PHPFusion
B.
Upload dan Instalasi.
Untuk Proses Upload kita tidak bisa mengandalkan fitur "File Manager" yang di sediakan oleh 000webhost karena membutuhkan proses yang cukup lama, bahkan terkadang di tengahtengah proses upload gagal, tau kurang sempurna. Maka dari pada itu, kita membutuhkan aplikasi "FTP Client" di Internet banyak tersedia "FTP Client" freeware maupun shareware, disini kita akan menggunakan "FTP Client" FileZilla. Silahkan cari di google.com. Pertama kita masuk ke admin panel 000webhost, lalu ke bagian menu "View FTP Details" untuk mendapatkan informasi username dan password yang akan kita butuhkan dalam menjalankan aplikasi FileZilla.
di bawah inilah informasi yang kita dapatkan.
Lalu copy pada rows FTP host name, username, dan password di aplikasi FileZilla, seperti gambar di bawah ini,
http://imux.co.cc
21
Membangun Website dengan PHPFusion
Lalu kita coba transfer file "phpfusion70004.zip" ke direktor public_html seperti gambar di bawah,
Setelah Proses transfer selesai, kita harus disconnect aplikasi FileZilla ke host kita, agar kita bisa membuka menu "file manager" bawaan 00webhost untuk mengekstrak file "phpfusion70004.zip",
setelah itu langsung klik tanda ceklis berwarna hijau, lalu Proses ekstraknya akan seperti ini,
http://imux.co.cc
22
Membangun Website dengan PHPFusion
Setelah itu klik tombol panah ke kiri, dan sekarang hasil ekstrak berada di http://mentorupnvj.co.cc/files tetapi di sarankan untuk memindahkan semua file yang ada di direktori file/ ke direktori root atau public_html, lalu kita ubah nama file _config.php menjadi config.php, setelah itu, langsung saja kita instal CMS "phpfusion" dengan mengetikkan url yang anda buat, ex mentorupnvj.co.cc/files
klik next,
Sampai di tahap ini, berarti kita harus mengubah Permission File yang di sebutkan di bawah, caranya menggunakan FileZilla atau File Manager dari 000webhost, pastikan tab File Manager yang tadi gunakan di close terlebih dahulu, lalu buka aplikasi FileZilla, http://imux.co.cc
23
Sampai di tahap ini, berarti kita harus mengubah Permission File yang di sebutkan di bawah, caranya Website menggunakan FileZilla atau File Manager dari 000webhost, pastikan tab FileMembangun Manager yangdengan tadi PHPFusion gunakan di close terlebih dahulu, lalu buka aplikasi FileZilla,
Rubah di kolom "numeric value" dibawah ini menjadi 777,
jika sudah selesai, maka
http://imux.co.cc
24
Membangun Website dengan PHPFusion
Berarti anda sudah selesai merubah permission file semua file yang di butuhkan, selanjutnya buka tab baru, kita akan membuat database terlebih dahulu,
Lalu kita buat nama database, username, dan password seperti di bawah ini,
klik create database,
http://imux.co.cc
25
Membangun Website dengan PHPFusion
ingatingat informasi di atas, tau kalau perlu di simpan halaman tersebut, informasi ini akan kita butuhkan dalam instalasi berikutnya. kita kembali ke tab instalasi PHPFusion, setelah klik tombol next, maka akan tampil form seperti di bawah ini,
Isikan sesuai database yang tadi baru kita buat, lalu klik next,
Sampai tahap ini koneksi ke database berhasil, konfigurasi telah tertulis ke config.php, dan table di database kita telah terbuat, lalu klik next,
http://imux.co.cc
26
Membangun Website dengan PHPFusion
Lengkapi form di atas, lalu klik next,
Sampai tahap ini proses instalasi berhasil, lalu diharuskan bagi kita untuk menghapus file setup.php dan mengembalikan permission file config.php ke numeric value 644 untuk alasan keamanan. Silahkan bereksplorasi dengan website yang baru anda buat...
http://imux.co.cc
27