7/21/2019 Elfinder Config Tutorial

1/5

2013

[JQUERY FILE MANAGER DENGANELFINDER] File manager merupakan salah satu program aplikasi yang biasa digunakan padaOS windows. Program ini dapat digunakan untuk mengelola file dan folder agarpengguna dapat membuat dan menggunakan data dengan mudah, cepat, danfleksibel. Untuk tutorial kali ini kita akan coba memanfaatkan file manager berbasis web. Cekibrooottt

7/21/2019 Elfinder Config Tutorial

2/5

Juniar Arif Wicaksono, S.Kom - 2013 Page 2

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 pakettersebut 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 padafolder php.

- Lakukan editing script pada file elFinderVolumeMySQL.class.php pada folderphp, lalu edit pada baris berikut (sesuaikan dengan milikmu)

Database username

Database name

Table name

Server name

http://elfinder.org/http://elfinder.org/http://elfinder.org/http://elfinder.org/

7/21/2019 Elfinder Config Tutorial

3/5

Juniar Arif Wicaksono, S.Kom - 2013 Page 3

- Untuk password sesuaikan dengan setingan database anda. Simpan konfigurasitersebut

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 paketelfindernya, jika folder root dirubah maka silahkan rubah juga setingan ini,contoh :

Rubah connector.php menjadi sbb :

Folder root baru

7/21/2019 Elfinder Config Tutorial

4/5

Juniar Arif Wicaksono, S.Kom - 2013 Page 4

5. CobaAkses pada browser pada http://localhost/elfinder

6. Tools elfinder

Kemudahan yang diberikan lewat elfinder ini adalah dapat mengupload file banyaksecara langsung dengan cara select all pada file yang akan diupload lalu klik open.

New

folder

New txt

file

Upload file

http://localhost/elfinderhttp://localhost/elfinderhttp://localhost/elfinderhttp://localhost/elfinder

7/21/2019 Elfinder Config Tutorial

5/5

Juniar Arif Wicaksono, S.Kom - 2013 Page 5

Yang lain coba sendiri ye :p , cara menggunakan hamper sama dengan windows

explorer.