[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework–Bag.10

Memadukan file uppload manager KCFINDER dengan editor TINYMCE

Sudah lama juga saya belum update tutorial tentang panada framework ini, dan setelah membaca bagian terakhir (bagian 9) ternyata ada janji yang belum saya tepati, yaitu bagaimana memadukan file manager dan upload kcfinder dengan tinymce editor yang sudah terpasang pada CMS yang kita buat. Pada saat klik ikon image akan tampil insert/eit image dan di samping baris ‘source’ tidak ada folder untuk ‘browse file’.

tinymce-tanpa-kcfinder

Gb. 10.1 | TinyMCE tanpa KCFinder

Kenapa memilih KCFINDER ? Baca lebih lanjut

Uninstall LibreOffice 3.X.X dan Install LibreOffice 4.1.4 pada Debian Wheezy

Di pagi ini kita akan mencoba untuk mengganti LibreOffice versi 3.4.X  dengan LibreOffice terbaru yaitu versi 4.1.4 yang lebih baik :) , OS yang saya pakai adalah Debian Wheezy.  Kita bisa ambil Software LibreOffice ini secara FREE di http://www.libreoffice.org/download . Inilah langkah install dan uninstallnya :

Dikarenakan pada OS ini ada LibreOffice versi lama yaitu versi 3.4.x , jadi kita uninstall dulu :


$ sudo apt-get remove --purge libreoffice*

$ sudo apt-get clean

$ sudo apt-get autoremove

Sebenarnya saya juga sudah install versi baru ini tanpa harus meng-uninstall versi lama terlebih dahulu (pada Ubuntu 11.10) dan hasilnya tetap bisa berjalan dengan baik. Hanya saja jadi tidak effisien dalam satu komputer terinstall 2 versi yang berbeda. Jadi pada OS Debian Wheezy ini saya lakukan uninstall versi lama terlebih dahulu. Setelah uninstall selanjutnya kita install versi barunya.


$ tar -xzvf libreoffice*.tar.gz

$ cd libreoffice*/DEBS

$ sudo dpkg -i *.deb

Ok. Selesai dah.

LibreOffice 4

Refferensi :

http://www.libreoffice.org/get-help/installation/linux/
http://www.libreoffice.org/get-help/installation/linux/#De-Installation_of_a_Previous_Version_of_Community-Supplied_LibreOffice_for_Linux

http://linuxg.net/how-to-uninstall-libreoffice-from-debian-based-distros/
http://linuxg.net/how-to-install-libreoffice-3-5-73-6-54-0-0-on-debian-based-systems/

[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework–Bag.9

Akhirnya sampai juga pada pembahasan bagaimana cara upload image, dalam kasus ini tentang upload gambar untuk menu slide -lanjutkan-”

 

Agar pembahasannya tidak melebar kesana – kemari jadi kita batasi saja , pokok-pokok yang akan kita bahas pada bagian 9 ini :

  • Bagaimana membuat fiture depan ‘slide banner’ CMS ini .
  • Bagaimana mengupload gambar pada panadaframework ini.

Kalau berbicara bagaimana mengupload gambar pada panada framework ini sebenarnya sudah lengkap ada pada dokumentasinya. Coba aja di lihat lagi pada link ini :

http://panadaframework.com/documentation/id/classes/upload.html

Hanya saja kadang-kadang tidak semua memahaminya, sama dengan saya saat pertama kali mengenal panada ini. Karena praktek dan praktek, mencoba dan mencoba, dan melihat dan melihat ‘kode’ ternyata mudah juga. Apalagi saat sudah ketemu masalahnya, begitu mudahnya. Hanya bisa bilang…. ooooh begitu toh. :)

Kembali ke program CMS kita yaitu kita akan membuat fiture untuk merubah atau memodifikasi slide banner pada halaman depan. Seperti ini :

panada-tutorial

Gambar 9.1 : Tampilan Slide Banner

Baca lebih lanjut

Beberapa cara Instalasi Paket Software GNU/Linux (Debian)

Instalasi Paket Software dari Source Code :

Jika tipe kompresi tar.gz  (namapaket.tar.gz) :

# tar -xvzf  namapaket.tar.gz       //ekstrak file paket
#cd namapaket                                //pindah direktori ke paket
#ls                                                        //lihat paket
#./configure
#make
#make install
#make clean

Jika tipe kompresi tar.bz2  (namapaket tar.bz2):

# tar -xvjf  namapaket.tar.gz       //ekstrak file paket
#cd namapaket                                //pindah direktori ke paket
#ls                                                        //lihat paket
#./configure
#make
#make install
#make clean

Harap di perhatikan untuk membaca terlebih dulu file readme-nya.

Baca lebih lanjut

[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework–Bag.8

Bagaimana khabarnya? Masih semangat untuk meneruskan pelajaran kita membuat CMS (Content Managemen System) Company Profile dengan panada php framework? Yuk, kita lanjutkan ke bagian berikutnya.

Pada kesempatan ini kita akan membuat fitur untuk menambah halaman baru dan menghapus halaman pada proyek cms kita kali ini. Walaupun fitur ini tidak cocok untuk tema saat ini, karena kalau ada penambahan halaman tampilan menunya terlihat turun kebawah. Yang di tekankan di sini adalah agar kita tahu cara menambah halaman dan menghapusnya. Karena hal ini bisa kita gunakan pada fitur lainnya. Inilah langkah-langkah yang akan kita siapkan.

  1. Membuat method baru insert dan delete pada model pages ( /app/Models/Pages.php ). Buka models Pages dan masukkan sourcecode di bawah ini.

//fungsi menyisipkan data baru ke database
// $avalue=array();

public function insert($avalue) {

$this->db->insert($this->table, $avalue);

}

//fungsi menghapus data dari database

// $avalue=array();

public function delete($awhere) {

$this->db->delete($this->table, $awhere);

}

Sourcecode lengkap model Pages lihat di sini : http://pastebin.com/bCfkqB8v

Baca lebih lanjut

[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework–Bag.7

“Merapihkan bagian dashboard, menambah halaman baru, menghapus halaman , menampilkan/ menyembunyikan halaman dan menambahkan editor wysiwyg html pada editor CMS kita”.

Pada tutorial sebelumnya kita sudah membahas bagaimana menampilkan halaman dari database dan menambahkan fitur untuk mengedit halamannya. Terlihat fitur editnya sangat sederhana, untuk membuat halaman lebih bagus minimal kita harus paham bahasa html. Misalnya untuk menebalkan huruf/kata kita harus mengetik tag <strong></strong> atau <b></b> di antara huruf/kata yang akan kita buat tebal. Untuk kita sendiri sepertinya gampang saja karena yang membuatnya, bagaimana seandainya CMS yang kita buat ini dipakai orang lain yang tidak mengerti bahasa html? Mereka tahunya tinggal klik ‘icon B’ untuk menebalkan, ‘icon i’ untuk membuatnya miring, dan lain sebagainya.

Sebelum kita melanjutkan menambah fitur lainnya, kita akan mengubah terlebih dahulu fitur edit yang sudah kita buat menjadi lebih baik. :) Pada artikel yang lalu terlihat fitur edit yang sederhana (hanya kotak kosong), sekarang akan kita tambahkan js editor html. Menjadi seperti ini.  (lihat gambar) .

Baca lebih lanjut

[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework – Bag.6

Harap diperhatikan ‘code’ yang ada di tiap artikel dikarenakan pada saat simpan artikel selalu ada perubahan. Misalnya seharusnya <?php  menjadi <!–?php  , atau seperti ini $page->id  terlihat menjadi  ->id ;  :(

Tak terasa kita sudah sampai ke bagian 6, pada bagian ke-5 kita sudah membahas cara membuat form login dan penggunaan session untuk mengecek hak akses seseorang untuk masuk ke dashboard admin, ketika login sukses (username dan password sudah benar) sistem akan membuat session dan masuk ke dashboard admin , kalau masih salah harus login kembali. Jadi yang membedakan bagian depan (homepage) dan dashboard admin hanyalah pada proses pengecekan session ini. Apakah ada session login ataukah belum ada session. Untuk itu di setiap methods pada controller yang hanya bisa di akses oleh orang yang berhak, dilakukan terlebih dulu pengecekan session login ini. Kalau session login sudah ada proses di lanjutkan, jika belum ada beritahu untuk login lagi.

Lihat skrip di bawah ini ;

public function index(){
        $ceklogin=$this->session->getValue('logadmin'); //cek dulu ya sudah login belum?
        if($ceklogin){	 //kalau sudah login sih masuk aja ke dashboard

           $this->output('dash/dashboard');  //halaman dashboard admin
        }else{	     //kalau belum login, maaf ya login dulu di from.
           $this->output('dash/index');	  //halaman login admin
        }
    }

Dimana bagian mengeset session-nya? lihat lagi bagian method login pada contoller Boardadmin, ada skrip seperti ini ;

                 $this->session->setValue(
                       array(
                            'logadmin' => true,
                            'username' => $hslcek->username
                            )
                  );

Untuk lebih jelasnya silahkan buka lagi dokumentasi panada bagian session.

Baca lebih lanjut