Membuat Website dengan CMS php-fusion

BAB I

PHP�FUSION

A. Sekilas tentang PHP�Fusion

Php�fusion 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 PHP�Fusion, kenapa kita milih PHP�Fusion? PHP�Fusion bukanlah CMS yang terbaik, tetapi CMS ini merupakan leight�weight cms, cms yang simpel dan ringan tetapi banyak fitur�fitur yang tidak kalah dengan CMS ternama,seperti fitur forum,polling,shoutbox,download area, dan lain�lain. Selain itu, kode�kode dalam PHP�Fusion 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.

PHP�Fusion adalah open source content management system (CMS) yang menggunakan bahasa PHP5, dan menggunakan MYSQL untuk menyimpan konten website. PHP�Fusion merupakan software gratis tampa biaya, kita dapat memperbanyak atau memodifikasi dibawah lisensi GNU Affero General Public License (AGPL) dan di�publikasikan oleh Free Software Foundation

B. Instalasi PHP�Fusion di localhost

Membutuhkan aplikasi XAMPP untuk kita mencova mendesain PHP�Fusion 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 control�panel di webhosting atau PhpMyadmin. Ketikkan "localhost/phpmyadmin" (tanpa tanda kutip). maka akan seperti dibawah ;

Kita akan menggunakan PHP�Fusion versi php�fusion�7�00�rc2 (versi terakhir, silahkan download di http://www.php�fusion.co.uk), pertama kita ekstrak ke folder htdocs di tempat kita install aplikasi XAMPP.

Membangun Website dengan PHP�Fusion

http://imux.co.cc 2

Setelah di ekstrak, secara default maka semua file PHP�Fusion 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 PHP�Fusion, klik Next


http://imux.co.cc 3

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

Jika sudah mencapai tahap ini, proses instalasi sudah selesai. anda harus menghapus file setup.phpsesuai anjuran dan alasan keamanan. lalu klik Finish.

gambar di atas adalah tampilan awal PHP�Fusion.

C. Bagian�bagian 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

Bagian 1 User Info ;a. Edit Profile

Ubah Setting profile anda seperti username, password, email, dan yang lainnya.

b. Private MessagesSarana kirim pesan antar sesama member atau member ke administrator.

c. Member ListMelihat Daftar member yang terdaftar.

d. Admin PanelLink menuju Admin Panel.

e. LogoutLink 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 CategoriesMengkategorikan Isi dari Artikel.

DownloadsMenu untuk Halaman Download, terlebih dahulu kita memberikan kategori download.

NewsMenu 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 Line�Break" untuk otomatisasi pindah baris (Sintaks html <br>), "Enable Comments" untuk mengijinkan memberi komen pada berita, dan "Enable Ratings" untuk menginjikan memberi rating untuk berita.

Web Link CategoriesMemberikan Kategori untuk direktori Web Links


http://imux.co.cc 6

ArticlesUntuk Posting Suatu Artikel dengan kategori yang sudah dibuat.

FAQsFAQs (Frequently Asked Questions) atau pertanyaan�pertanyaan 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 CategoriesSecara defaults PHP�Fusion sudah memberikan bebarapa kategori, dan kita dapat merubah maupun menghapus kategori Berita.

Web LinksMenambahkan atau menghapus Web Links.

Custom PagesBerfungsi jika kita ingin menambahkan halaman web sendiri, bisa digunakan untuk membuat halam tentang deskripsi situs kita, atau menjelaskan tentang anda sendiri.

ForumsPengaturan Forum diskusi, seperti pemberian kategori forum, dan membuat forum sesuai kategori yang telah dibuat.

Photo AlbumsAlbum Foto yang bisa kita buat kategorinya dan dapat langsung kita upload.

Download CategoriesPengkategorian untuk item Download di menu Downloads

ImagesMengorganisasian gambar untuk gambar utama, berita, artikel, dan kategori berita.

PollsFitur Polling, hal yang akan di Polling dapat anda tentukan sendiri, juga jumlah opsinya.

b. User Admin

AdministratorsBerfungsi untuk merubah level type member menjadi Administrator.

ShoutboxMengorganisasian Pesan shoutbox, edit atau dihapus.

BlacklistAnda dapat melalukan blokir ip address agar tidak dapat mengakses situs anda, juga anda bisa melakukan blokir terhadap username dan alamat email dalam proses registrasi.

SubmissionsMelihat kiriman berita, link, article, dan foto yang dikirim oleh member, yang belum terferifikasi oleh administrator maupun super administrator.Forum RanksPengorganisasian ranking pada member di forum, rangking tergantung seberapa lama member berada di dalam forum, dan seberapa banyak posting yang dia lakukan.

User FieldsBerfungsi untuk mengatur (enable/disable) Field�field mana saja yang ditampilkan pada halaman profile member.

MembersPengorganisasian member situs. kita dapat melakukan banned member, melihat member yang belum diaktifkan, dan melihat informasi detail tentang member.


http://imux.co.cc 7

Pengorganisasian member situs. kita dapat melakukan banned member, melihat member yang belum diaktifkan, dan melihat informasi detail tentang member.

User GroupsKita dapat membuat Group User, untuk pengelompokan member.

c. System Admin

BannersPengelolaan banner web.

InfusionsJika ingin menambahkan modul (Mods) tambahan, maka kita membutuhkan menu Infusions untuk menginstallnya.

Photo Gallery SettingsPengaturan untuk Galeri Foto, seperti ukuran untuk Thumbnail, ukuran foto dan maksimum pixel foto, maksimum ukuran file foto, dan lain�lain.

Site LinksBerfungsi untuk pengorganisasian link situs, kita dapat ubah posisinya di bagian navigation atau subheader link, maupun penambahan link dan penghapusan link.

BB Codes

Main SettingsSetting utama untuk situs kita, kita bisa mengubah nama situs kita, gambar header situs, email situs, Welcome Messages, keyword, dan lain�lain, juga kita dapat mengakses konfigurasi lainnya, melalui tab�tab di sebelahnya.

PHP InfoInformasi Lengkap mengenai versi php, versi webserver, dan yang lainnya.

SmileyAnda dapat menambah maupun merubah ekspresi smiley.

Database BackupMembuat backup database MySql situs anda, dan dapat melakukan restore database.

Miscellaneous SettingsMenu 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 SettingsBeberapa konfigurasi untuk Private Message Settings.

Time and Date SettingsPengaturan Format Waktu dan Tanggal.

Forum SettingsBeberapa 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 lain�lain.

PanelsBerfungsi menambahkan panel, merubah posisi panel, maupun mengaktifkan atau menonaktifkan panel.


http://imux.co.cc 8

Registration SettingsKonfigurasi untuk proses registrasi member.

UpgradeBerfungsi untuk meng�Upgrade versi yang lebih baru.

d. InfusionsMenu 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.Pertama�tama 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

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, pertama�tama 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.Pertama�tama 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

d. Konfigurasi Photo Gallery.Klik Panel di bawah pada Content Admin,

Pertama�tama 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.



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 meng�enabled panel "Members Panel" seperti gambar di bawah.



Maka panel "Members Poll" akan tampil seperti di bawah ini ;

f. ThemesKita dapat mengganti beberapa tema yang sudah disediakan dalam paket, tetapi kita dapat juga menambah atau meng�upload tema. Silahkan untuk mengunduh tema di http://themes.php�fusion.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.



Lalu klik save, dan lihat perubahannya.

E. Menambahkan Modul.

http://mods.php�fusion.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 panel�panel, cari "mods' yang baru kita pasang tadi, tentukan nama panel, masukkan password admin, dan klik save.



dan yang terakhir kita ubah posisi panel "Event Calendar" dari disabled menjadi enabled,

BAB IIDomain dan Web Hosting.

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



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 file�file 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 dokter�dokteran dengan pasangan anda :P.

Sejak itulah banyak penyedia jasa Web Hosting bertebaran di mana�mana. Web Hosting menyediakan perlengkapan seperti Software, Bandwith, Layanan teknis, Hardware, dsb, yang anda butuhkan tanpa harus repot�repot anda yg mengurusinya, dan saya yakin anda tidak mau melakukannya. Web Hosting bertugas seperti pemilik kontrakan, ataupun pemilik kos�kosan. Penyedia menyewakan rumah kepada orang�orang yg membutuhkannya Setiap penyewa berhak untuk mendekorasi dan melakukan aktifitasnya di tempatnya masing�masing. 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",



Isi form di bawah ini sesuai dengan data�data 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.comlengkapi form di bawah ini sesuai data�data anda,



Setelah itu anda akan diminta untuk mendownload program "ip_confirm.exe" untuk meng�konfirm 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,



lalu kita kembali ke tab url co.cc, dan kita paste di kolom Name Server 1 dan Name Server 2,

klik tombol setup, dan,



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.



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 tengah�tengah 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,



Lalu kita coba transfer file "php�fusion�7�00�04.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 "php�fusion�7�00�04.zip",

setelah itu langsung klik tanda ceklis berwarna hijau, lalu Proses ekstraknya akan seperti ini,



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 "php�fusion" 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,



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,

Rubah di kolom "numeric value" dibawah ini menjadi 777,

jika sudah selesai, maka



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,



ingat�ingat informasi di atas, tau kalau perlu di simpan halaman tersebut, informasi ini akan kita butuhkan dalam instalasi berikutnya.

kita kembali ke tab instalasi PHP�Fusion, 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,



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



Membuat Website dengan CMS php-fusion

Documents

Transcript of Membuat Website dengan CMS php-fusion