Membuat Aplikasi Upload File Progressbar menggunakan PHP dan Jquery


ri32-upload-progress-bar

 

Latar Belakang

Kita mungkin pernah membuat aplikasi upload file menggunakan PHP. file diupload saat user menekan tombol upload dan halaman web menjadi putih selama proses upload file yang berukuran lumayan besar. bagaimana jika kita ingin mengetahu progress dari proses upload file?

Solusi

Pada artikel ini saya ingin sharing aplikasi php yang digunakan untuk upload file, dengan penambahan fitur progressbar. sehingga user dapat mengetahui progress dari proses upload file tersebut. kita sudah 100%, maka halaman akan di redirect ke halaman download. Setelah proses upload selesai, file disimpan di folder tertentu, dan nama file serta data yang diinput di halaman form akan disimpan di table data.

Dihalaman download sudah saya tambahkan fitur untuk download file atau hapus file yang telah di download, sekaligus menghapus record yang ada di table data.

ri32-download-file

Download

http://www.4shared.com/zip/uk7_7R4Wce/upload-progressbar.html

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cilangkap, 07-12-2014

GusnaNuri

Membuat aplikasi upload multiple file dengan Jquery


25-11-2014 23-22-42

Latar Belakang

Jika user ingin mengupload beberapa file sekaligus, maka web programmer harus mencari jquery plugin untuk upload multiple file. salah satu referensi saya adalah yang dibuat oleh Ravishanker Kusuma. Plugins ini juga yang saya gunakan untuk membuat ri32-encoder.

Jika setelah diupload ingin dimasukan ke database alamat filenya, maka silahkan kombinasikan dengan tulisan saya membuat-aplikasi-upload-dan-download-file-dengan-php

Cara Penggunaan

  1. Download plugins, extract dan simpan ke folder htdocs
  2. Jangan lupa buat folder “uploads” , jika tidak maka akan ada error. nama folder “uploads” bisa di sesuaikan dengan yang ada di script file upload.php dan delete.php25-11-2014 23-36-49
  3. Jalankan di web browser misalnya http://localhost/jquery/
  4. Klik tombol “Upload” pilih beberapa file, kemudian klik Open. maka file-file tersebut akan terupload dan tersimpan di folder “uploads”

Setup Plugins

Plugins ini memiliki beberapa setup misalnya :

  • Dapat menampilkan tombol delete file yang telah diupload
  • Filter file yang diupload, misalnya tidak boleh upload file .mp3, .zip, atau file .pdf
  • Jalankan fungsi dragDrop (true/false)

25-11-2014 23-43-27

Jika ingin variasi jquery plugin upload yang lain, bisa mengunjungi situs ini http://designscrazed.org

Referensi :

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cilangkap, 25-11-2014

GusnaNuri

Enkripsi file sourcecode PHP menggunakan Tools Ri32-Encoder


ri32-encoder-sourcecode-php

Latar Belakang :

Untuk teman-teman yang sering membuat website menggunakan PHP, terkadang ingin source codenya tidak dapat dibaca oleh orang lain atau saat file website tersebut diupload kesebuah hosting. dengan alasan ingin menjaga hak kekayaan intelektualnya.

Oleh karena itu saya ingin membantu teman-teman memberikan alternatif untuk mengamankan sourcecode file PHP yang telah dibuat. walaupun tidak 100% aman. setidaknya untuk obfuscate sourcecode website dari orang lain.

Fitur Ri32-Encoder :

  1. Dilengkapi fungsi multiupload, sehingga bisa upload lebih dari 1 file sekaligus
  2. Filter jenis file yang diupload, sudah disetting hanya berekstensi .php
  3. Terdapat warning jika file yang diupload bukan file php
  4. Terdapat tombol delete untuk menghapus file hasil enkripsi
  5. File hasil enkripsi dapat dijalankan baik localhost maupun di server hosting

20-11-2014 11-24-18

Cara Pemakaian :

  1. Pastikan tidak ada file di folder files selain file cipher.php
  2. Klik tombol Upload untuk mencari file yang akan dienkripsi
  3. User bisa memilih lebih dari satu file sekaligus (multiupload)
  4. Jika status file upload sudah Done berarti proses enkripsi telah selesai
  5. Jika ada file hasil enkripsi yang ingin di hapus, klik tombol Delete
  6. Jika semua file telah terenkripsi, silahkan Select All (ctrl+a) & CUT (ctrl+x) semua file di folder files termasuk file cipher.php

ri32-decoder

Download :

http://www.4shared.com/ri32-encoder.html

Referensi :

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cilangkap, 20-11-2014

GusnaNuri

Cara mencegah upload file backdoor ke website


 

Latar Belakang

Saya pernah menemukan file backdoor pada website demo saya dalam folder upload gambar atau dokumen. file yang diupload biasanya adalah file b374k-shell.

User memanfaatkan kelemahan yang terdapat dalam aplikasi upload file. yang tidak terdapat filter file yang diperbolehkan atau dibatasi untuk diupload ke sistem.  

PHP Backdoor termasuk salah satu jenis trojan yang digunakan untuk meremote, sehingga bisa melakukan create file, upload file, remove, change-mode permission, bahkan sampai Denial Of Service hanya dengan satu file php yang biasa disebut backdoor.

Contoh Aplikasi Upload

Filter Upload File

$nama_file=$_FILES[‘datafile’][‘name’];
$ext = pathinfo($nama_file, PATHINFO_EXTENSION);

//$ext = end(explode(“.”, $nama_file));
//$path = pathinfo($nama_file);
//$ext = $path[‘extension’];

if ($ext==”php”)
{
?><script language=”javascript”>alert(‘File tidak diperbolehkan!’)</script><?php
}else{
//Upload File
}

Kesimpulan

Saat membuat aplikasi upload file, perlu diperhatikan filter ukuran file, serta tipe file yang diperbolekan untuk diupload.

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cilangkap, 04-04-2014

GusnaNuri

Software untuk memotong file mp3


Latar Belakang

Jika Teman-teman ingin memotong sebagian dari sebuah file mp3. saya mereferensikan sebuah software yang lumayan simple untuk digunakan.

Download

http://www.musetips.com/free-mp3-cutter-and-editor.html

Cara pemakaian

  1. Install dan jalankan Software
  2. Open file mp3 yang akan diedit
  3. Pilih area yang akan di potong dengan menandai menggunakan tombol Set Start dan tombol Set End
  4. Delete dengan menggunakan tombol delete selected
  5. Save file yang sudah diedit
  6. Selesai

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan anda semua…aamiin

 

Cilangkap, 7-09-2013

GusnaNuri

Konversi ukuran file dalam format byte


aplikasi upload update photo RI32 Agus Sumarna

Aplikasi Biodata Sahabat Ri32

Latar Belakang

Saat membuat aplikasi upload file biasanya user ingin mengetahui ukuran file yang diupload. namun ukurannya masih dalam format satuan byte. misalnya ukuran file 1MB dalam byte adalah sekitar 1.000.000 byte.

Sehingga perlu adanya script untuk konversi ukuran file agar mudah dibaca. ukuran file yang biasa user ketahui adalah dalam format :

  • KB(Kilo Byte)
  • MB(Mega Byte)
  • GB(Gyga Byte)
  • TB(Tera Byte)

Fungsi Konversi

function formatBytes($size, $precision = 2){
$base = log($size) / log(1024);
$suffixes = array(”, ‘ KB’, ‘ MB’, ‘ GB’, ‘ TB’);
return round(pow(1024, $base – floor($base)), $precision) . $suffixes[floor($base)]; }

Cara Panggil Fungsi

Ukuran dalam database masih dalam satuan byte, namun saat di tampilkan dalam halaman aplikasi sudah dikonversi dengan fungsi konversi. Untuk mengkonversi ukuran file, perlu memanggil fungsi konversi dengan cara :

<?php echo formatBytes($row[‘ukuran’],0);?>

Contoh Aplikasi

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

 

Cilangkap, 7 Juli 2013

GusnaNuri

View dan Edit File CSV dengan Software OpenOffice


Latar Belakang

Saya mempunyai case saat saya harus mengedit sebuah file csv dan menguploadnya kembali ke server.

Cara pertama, saya menggunakan software Ms.Excel untuk menampilkan dan mengedit file csv tersebut. Jika kita klik kanan file csv dan memilih ms.excel sebagai editornya, maka kita harus merubah dahulu file csv tersebut dari format text ke format colomn agar mudah dilihat. berikut adalah tutorialnya.

Namun cara pertama ini kurang berhasil, karena ketika saya save ulang file csv nya, ternyata formatnya dianggap berbeda. dan saya tidak bisa mengupload file tersebut ke server.

view-csv-ri32

Cara kedua, saya mencari software kecil untuk open view dan edit file csv. saya menemuka software CSVed 2.2.3. Namun software tersebut kurang powerfull dan kurang userfriendly.

software-edit-csv

Solusi

Saya coba untuk membuka file csv menggunakan software OpenOffice – Calc saya dapat dengan mudah mengedit, delete, ataupun insert record baru. Dan ketika saya mengupload kembali file csv yang sudah diedit tersebut ke server, ternyata berhasil.

openoffice-csv

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cilangkap, 02-04-2013

GusnaNuri

%d bloggers like this: