zwani.com myspace graphic comments

Thursday 9 July 2015

Database Plugin for CKFinder V1

Sumber Gambar : http://a.cksource.com/e/1/img/logo-ckfinder-h100.png

Artikel ini saya buat untuk penjelasan tambahan pada Repository saya di github, disini saya ingin menjelaskan kembali secara sederhana bagaimana cara penggunaannya. Seperti yang mungkin teman - teman pembaca ketahui, CKFinder adalah salah satu plugin editor tambahan yang memiliki cukup banyak feature di dalamnya. Dimana feature ini secara default tidak memiliki kemampuan untuk menyimpan hasil upload file pada database. Sehingga saya mencoba untuk membuat sebuah plugin sendiri yang bertindak sebagai perantara antara fasilitas pada CKFinder dan koneksi serta penyimpanan data pada database.

Plugin ini juga telah di review pada CodeReview StackExchange salah satu Komunitas Stackoverflow juga. Plugin ini mungkin belum sempurna, jadi saran dan masukan yang membangun dari teman - teman pembaca juga sangat saya harapkan demi sempurnanya plugin ini.

Oke, agar tidak terlalu banyak introduction mari langsung ke cara pemakaiannya.
Tools yang diperlukan :
  1. Tortoise SVN untuk windows, download disini.
  2. Rabbit VCS untuk linux, download disini.
  3. Subversion untuk distro linux yg belum di akomodir Rabbit VCS, download disini. Baca panduan Update disini.
  4. Install salah satu.. :D
Langkah - langkahnya adalah sebagai berikut :

  1. Buatlah folder "ckfinderku" di xampp/htdocs/
  2. Checkout copy link dibawah ini
  3.  https://github.com/ekojs/Database_Plugin4CKFinder/trunk  
    
  4. Kemudian paste link tersebut ke Tortoise SVN anda, ingat source code ada di "trunk" folder.
  5. Buatlah database baru dengan menggunakan file *.sql pada lokasi :
  6.  assets/slideshow.sql, assets/userfiles.sql, dan assets/users.sql.
    
  7. Ubahlah konfigurasi file config.php :
  8.  application/config/database.php // Ubahlah pada baris 51 - 54, sesuaikan dengan konfigurasi database anda.
    
  9. Ubahlah konfigurasi pada :
  10.  application/controllers/welcome.php // Baris ke 21  
     $this->ckfinder->BasePath = '/ckfinderku/assets/ckfinder/'; //ubahlah sesuai keperluan anda, baris ini maksudnya mengarah ke : http://localhost/ckfinderku/assets/ckfinder  
    
  11. Ubahlah konfigurasi pada :
  12.  assets/ckfinder/config.php // Ubahlah pada baris 22, 75 dan 346-355  
     // Pada baris 22 dibawah ini, anda harus menghapus baris ini dengan session pada saat login. Tapi untuk demo bisa anda abaikan baris ini 
     $_SESSION['IDRole'] = 1; //YOU MUST USE SESSION TO RESTRICT ACCESS TO THE FOLDER   
     // Baris 75  
     $baseUrl = 'http://'.$_SERVER['SERVER_NAME'].'/ckfinderku/assets/ckfinder/userfiles/'; //change this line 75 and 346 based on your configuration above  
     // Baris 346 - 355  
     $config['Plugin_ejsplug'] = array(   
          "dbhost" => "",   
          "dbuser" => "",   
          "dbpass" => "",   
          "dbase" => "",   
          "opt" => array(   
            "main_table" => "slideshow",   
            "other_table" => "userfiles"   
          )   
     );  
    
  13. Jalankan aplikasi ckfinder tersebut dan click "Here".
  14.  http://localhost/ckfinderku  
    
  15. Saat pertama kali menjalankan ckfinder, ckfinder akan membuat sebuah folder pada userfiles/
  16.  assets/ckfinder/userfiles/_thumbs  
     assets/ckfinder/userfiles/files  
     assets/ckfinder/userfiles/flash  
     assets/ckfinder/userfiles/images  
    
  17. Buatlah folder "slideshow" pada "assets/ckfinder/userfiles/images"
  18. Refresh halaman ckfinder hingga anda melihat folder "slideshow" saat expand folder "images"
  19. Tes untuk upload file pada folder slideshow, rename file, dan delete file. Periksa table database saat melakukan testing tersebut.
  20. Untuk modifikasi lebih lanjut, teman - teman bisa ubah script pada file :
  21.  assets/ckfinder/config.php  
     assets/ckfinder/plugins/ejsplug/plugin.php  
    
  22. Selamat mencoba...
Selanjutnya, anda bisa memberikan komentar tentang aplikasi ini. Berjalan dengan sesuai kah atau tidak. Bila ada pertanyaan seputar cara plugin ini, silahkan berikan komentar dibawah.

Terima kasih.... :D

No comments :