[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

[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

[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

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

Bagaimana khabarnya hari ini? masih semangat mengikuti tutorial berseri panada framework? setelah episode yang lalu kita belajar cara menyambungkan sistem cms yang kita buat dengan database MySQL.

Belajar cara sebuah ‘models’ mengambil data dari tabel database yang dipanggil dari ‘controllers’ dan menampilkannya pada ‘views’.

Belajar cara menggunakan query panada yang ‘natural (manual query)’ atau yang sudah di buat susah untuk di ingat (maaf! query builder)… :), semua bisa anda gunakan di panada ini. Lihat saja pada dokumentasinya. Ciyus! Enelan! 😀

Jika anda dapat mengikuti tutorial ini dari awal, langkah demi langkah membuat sebuah ‘free webtemplate css’ bisa menjadi tema pada cms kita. Dan anda berhasil mengikuti tutorial dari pertama sampai bagian ke empat, saya yakin anda pun sudah bisa membuat tema baru. Bahkan saya tantang anda untuk bisa membuatnya. Gampangkan?

Tinggal kita buat folder tema baru, misal nama temanya : karyaku ,sehingga pada folder /app/views/tema/ menjadi ada dua tema, yaitu tema default /app/views/tema/default dan /app/views/tema/karyaku/ . Mudahkan?

Baiklah kalau anda sudah bisa membuat tema baru, setelah tutorial ke-5 ini kita akan membahas tentang bagaimana mengganti tema, dan sedikit tip-triksnya. Tentu saja tip triks dari saya sendiri. Entah nanti akan di bahas di bagian tutorial ke 6 atau terakhir (yang tidak tahu kapan akhirnya). Setelah bagian kelima ini kita akan membuat tutorial sesuai permintaan, apabila tidak ada permintaan mana yang ingin di dahulukan, berarti kita akan membuat tutorial sesuai dengan rencana yang ada di otak saya (kalau rencana di otak saya habis…ya tamat deh). 😀

Baiklah kita sudahi saja kata pengantar pada tutorial ke lima ini, saatnya kita kembali ke topik bagian ke lima ini, yaitu bagaimana langkah membuat dashboard admin? Apa saja yang akan kita bahas pada episode ke lima ini, kita lanjutkan:

Baca lebih lanjut

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

Setelah mengikuti tutorial panada Membuat CMS Company Profile dengan PHP panada framework – ke-3. Akhirnya sampailah kita pada tutorial panada yang membahas tentang database dan bagaimana kita dapat menginput,mengedit,menghapus dan menampilkan datanya pada CMS yg sudah kita buat. Ya betul sekali kita akan masuk ke bagian dashboard admin, tapi sebelum itu sebaiknya mengetahui bagaimana cara menyambungkan database agar bisa di ambil dan di tampilkan pada CMS kita. Banyak database yang di dukung oleh panada framework ini di antaranya mysqlpostresqlsqlite ,mongodb dan cubrid. Untuk lebih lengkapnya tentang database ini silahkan lihat dokumentasi panada bagian database.

Apa yang akan kita pelajari pada bagian ke empat tutorial panada framework ini?

  • Membuat database dan tabel pages untuk halaman CMS kita
  • Bagaimana menyambungkan panada dengan database (MySQL)
  •  Mengenal Models pada panada framework
  • Mengambil data dari database dan menampilkannya

Baca lebih lanjut