Rabu, 26 Oktober 2011

Upload File Ke Database Dengan Dreamweaver

Dreamweaver adalah tool (editor web) yang sudah umum digunakan para web master, developer, ataupun pelajar sekalipun. Dengan memanfaatkan software ini untuk mendesain suatu tampilan web kita sudah tidak lagi harus puyeng dengan melihat tampilan teks melulu seperti di notepad. Eits tapi jangan salah kaprah notepad adalah editor yang pertama sekali anda kenal sebelum anda menggunakan editor-editor lain di versi windows.
Nah proses upload file ke database MySQL dapat kita lakukan dengan memanfaatkan kemudahan-kemudahan yang ada di dreamweaver, dengan catatan harus kenal dong pinomat ama perintah-perintah : html dan php dulu lah. Karena disini penulis mencoba untuk menerangkan gimana si memanfaatkan dreamweaver sebagai form ataupun media upload file.
  1. Pertama sekali yang harus di pahami adalah :
    • Direktory penyimpanan web anda :
      Misalnya : Drive “C:Xampp htdocs webku”
      Anda harus membuat direktori untuk penampung hasil file yang diupload di dalam folder webku, misalnya : file 0 Upload File Ke Database 
Dengan Dreamweaver
    • Buatlah database baru dengan nama dbupload, lalu buatlah tabel dengan 3 field seperti dibawah ini : tbl Upload File 
Ke Database Dengan Dreamweaver
      id merupakan primary key
    • Manajemen site (buat site anda) (tutorial download disini)
    • Koneksi database
    • Form upload beserta recordset nya.
  2. Nah sekarang kita ke langkah pembutan form upload.
    • Pertama sekali anda buka halaman php baru dan simpan dengan nama upload.php
    • Buat recordset baru, pada menu application, pilih tab bindings, pilih recordsetquery 1 Upload File Ke Database 
Dengan Dreamweaver
    • Isi name, misalnya : rsuplod, pilih connection : koneksi (koneksi yang anda buat) dan pilih tabel penyimpanan record file yang akan di upload, yaitu tabel : gambar. Pilih test, dan pilih OK.
    • Masukan objek form kehalaman upload.php dengan cara cepat menggunakan wizzard.
      Pilih menu file, insert, application objects, insert record, insertion record from wizard. 21 Upload File 
Ke Database Dengan Dreamweaver
      Keterangan : pada field id display as pilih Hidden field (karena id sifatnya autoincraement) Pilih OK maka akan menghasilkan tampilan dibawah ini :
      31 Upload File 
Ke Database Dengan Dreamweaver
    • Klik objek textfield pada label foto dan Hapus textfield, lalu masukan objek baru file_field, dapat anda lihat pada gambar ini :
      41 Upload File 
Ke Database Dengan Dreamweaver kemudian beri nama objek file_field tersebut dengan name : foto (sesuai dengan nama field di tabel gambar pada database)
  3. TAHAP CODING
    Sahabat pembaca, mari yuk kita biasakan dengan membuang mainset “aku gak ngerti kode”, supaya kita mau mengerti kode, kalau gak suka kode yah disukai dong… hehehe. icon smile Upload File Ke Database Dengan Dreamweaver
    buka jendela kode halaman upload.php, lalu anda cari baris kode yang didalam box hitam berikut :
    51 Upload File 
Ke Database Dengan Dreamweaver
    Kalau baris kode tersebut sudah anda temukan, selanjutnya adalah blok kode tersebut agar tidak berfungsi dengan menambahkan tanda “/” sebanyak 2 kali (//) dan tambahkan kode baru seperti dibawah ini :
    61 Upload File 
Ke Database Dengan Dreamweaver

    Simpan file upload.php dan coba jalankan serta isi data dan pilih file yang akan di upload, lalu pilih upload.
    Jika langkah-langkah anda berhasil maka file yang berhasil di upload berada di folder file pada folder webku
    0 Upload File Ke
 Database Dengan Dreamweaver
Dan record tabel gambar akan terisi dengan data yang baru anda upload.
sahabat pembaca dapat mengunduh file upload data tersebut disini jika menemukan kesulitan dalam mencobanya.
Atau kontak di email saya guiviolon@gmail.com
link contoh program yang mirip kasus diatas, dengan tambahan field di tabel. Silahkan downloa disini pass : key 
Upload File Ke Database Dengan Dreamweaver
Selamat mencoba

0 komentar:

Posting Komentar