20 0 614 KB
2013
[JQUERY FILE MANAGER DENGAN ELFINDER] File manager merupakan salah satu program aplikasi yang biasa digunakan pada OS windows. Program ini dapat digunakan untuk mengelola file dan folder agar pengguna dapat membuat dan menggunakan data dengan mudah, cepat, dan fleksibel. Untuk tutorial kali ini kita akan coba memanfaatkan file manager berbasis web. Cekibrooottt…
1. Download software paket server & database mysql (xampp, appserv, dll) 2. Download elfinder di http://elfinder.org/ 3. Un kompres file download, maka akan terlihat susunan file sbb
Letakkan pada localroot folder, karena di sini saya menggunakan xampp maka paket tersebut saya letakkan pada ../xampp/htdocs/elfinder 4. Setting : a. Database - Akses phpmyadmin melalui browser - Lalu buat database baru (nama database terserah)
- Setelah itu buka database dan import file MySQLStorage.sql yang ada pada folder php. - Lakukan editing script pada file elFinderVolumeMySQL.class.php pada folder php, lalu edit pada baris berikut (sesuaikan dengan milikmu) Server name Database username Database name
Table name
Juniar Arif Wicaksono, S.Kom - 2013
Page 2
- Untuk password sesuaikan dengan setingan database anda. Simpan konfigurasi tersebut b. Connector - Untuk konfigurasi dibagian ini adalah untuk menentukan root folder yang dapat diakses oleh elfinder, untuk itu buka file connector.php pada folder php - Lalu ubah lokasi root foldernya (ctt : letak path silahkan disesuaikan dengan folder tree nya)
Untuk contoh pada gambar masih menggunakan folder yang berada pada paket elfindernya, jika folder root dirubah maka silahkan rubah juga setingan ini, contoh :
Folder root baru
Rubah connector.php menjadi sbb :
Juniar Arif Wicaksono, S.Kom - 2013
Page 3
5. Coba Akses pada browser pada http://localhost/elfinder
6. Tools elfinder Upload file
New folder
New txt file
Kemudahan yang diberikan lewat elfinder ini adalah dapat mengupload file banyak secara langsung dengan cara select all pada file yang akan diupload lalu klik open.
Juniar Arif Wicaksono, S.Kom - 2013
Page 4
Yang lain coba sendiri ye… :p , cara menggunakan hamper sama dengan windows explorer.
Juniar Arif Wicaksono, S.Kom - 2013
Page 5