[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

Lanjutkan membaca “[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework–Bag.9”

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

Lanjutkan membaca “[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework–Bag.7”

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

Lanjutkan membaca “[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework – Bag.6”

[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:

Lanjutkan membaca “[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework – Bag.5”

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

Merapihkan skrip CMS kita

Pada tutorial sebelumnya kita sudah bisa mengganti tampilan awal panada dengan tema yang kita inginkan. Sampai di sini kita sudah bisa membuat web statis dengan bantuan panada framework ini. Saya kembali mengingatkan apa yang sudah kita pelajari :

  • Menginstall Panada PHP Framework.
  • Mengganti tema awal Panada PHP Framework.
  • Membuat halaman baru.
  • Membuat Menu dan menyambungkannya dengan halaman baru.

Pada tutorial sebelumnya kita sudah membuat :

Controllers baru yaitu Ourclients.php ( /app/Controllers/Ourclients.php )
views baru yaitu ourclients.php ( /app/views/tema/default/ourclients.php)

Bagaimana langkah untuk membuat halaman baru yang lainnya yang terdapat pada menu tema kita, misal About Us atau Careers? Sama saja seperti kita membuat menu dan halaman baru ‘ourclients’ pada tutorial sebelumnya. Lihat lagi tutorial bagian 2. Saya sudah buat menu Aboutus,Careers dan Contact Us. Anda sudah buat?? Cobalah buat dulu sekarang, kalau tidak latihan terus pasti tidak akan paham.

panada-framework-3-23

Lanjutkan membaca “[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework – Bag.3”

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

Menganti Tampilan Default Panada dengan Tema baru

Pada bagian satu , kita sudah dapat memasang skrip PHP Panada Framework pada localhost. Pada kesempatan ini kita akan mencoba untuk menggantikan tampilan default dari panada ini dengan tema yang sudah kita download pada bagian satu. Sudah download kan? Kalau belum silahkan kembali lagi ke bagian satu. Mungkin ada yang penasaran kenapa pake tema yang sudah jadi -gratisan lagi- . Dalam kasus ini di ibaratkan kita sudah mendapatkan tema jadi – misalnya dari desainer web sendiri,  desain sendiri atau mungkin beli tema jadi yang premium. Karena kalau menunggu buat dulu kan lama. 🙂

Lihat gambar 2-1 (asalnya) dan gambar 2-2 (hasilnya).

panadaframework2-2Buka file universality.zip yang sudah kita download, dan extract ke folder baru, dimana saja terserah anda dan beri nama foldernya default. Anda boleh beri nama apa saja misal : universal , atau lainnya. Tetapi tentu saja anda harus ingat ketika saya tulis tema default, berarti tema yang ini. Kemudian buka folder default tadi dan lihat apa saja isinya.

Lanjutkan membaca “[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework – Bag.2”

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

Tahukah apa itu PHP PanadaFramework?

panadaframework1-1Dengan mengucap Bismillah, saya mulai membuat artikel tutorial bagaimana membuat sendiri CMS -Content Management System- dengan PHP Panada Framework, janji menulis tutorial yang sebenarnya sudah lama ingin saya wujudkan. Tahukah apa itu PHP PanadaFramework? Saya rasa belum banyak yang orang mengetahuinya. Bagaimana dengan istilah CodeIgniter, Zend Framework, Kohana , Yii Framework , Sympony dan lainnya. Selengkapnya bisa di lihat di http://www.phpframeworks.com/ . Lanjutkan membaca “[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework – Bag.1”