CARA MEMBUAT UPLOAD DAN DOWNLOAD FILE DENGAN PHP DAN MySQL

CARA MEMBUAT UPLOAD DAN DOWNLOAD FILE DENGAN PHP DAN MySQL


Cara Membuat Upload dan Download File dengan PHP dan MySQL

v  Upload File

1.    Buat database dan tabel dengan nama database adalah upload dan tabel dengan nama upload.
2.    Jalankan xampp-control.exe, kemudian jalankan module Apache dan MySQL dengan menekan tombol “start” sebagai berikut:


3.    Bukalah browser, kemudian ketik alamat : localhost/phpmyadmin atau tekan tombol “Admin” di bagian Module MySQL.
4.    Pilih Database, kemudian buatlah database dengan nama upload di bagian Create Database, lalu tekan tombol Create.

5.    Buatlah table pada database tersebut dengan nama tabel “upload” dengan kolom 5, lalu tekan tombol Go sebagai berikut:


6.    Buatlah struktur data table upload sebagai berikut:


1.      Buat Folder project dengan nama upload_wisata serta didalam folder project tersebut terdapat folder untuk menampung file-file yang di upload, misalnya folder files.
2.      Buka aplikasi “Adobe Dreamweaver CC2018”. Buatlah sebuah site dengan memilih menu Site – New Site….
3.      Isi Site Name: upload_wisata dan Local Site Folder: lokasi folder project yang telah dibuat sebelumnya (dalam hal ini lokasi xampp berada di C, maka C:\xampp\htdocs\upload_wisata\)
4.      Pilih menu Servers, klik icon “+”, maka muncul sebuah form konfigurasi dan isikan sebagai berikut:
1.      Server Name: upload_wisata
2.      Connect using: Local/Network
3.      Server Folder:  lokasi folder project yang telah dibuat sebelumnya (dalam hal ini lokasi xampp berada di C, maka C:\xampp\htdocs\upload_wisata\)
4.      Web URL: http://localhost/upload_wisata/
5.      Pilih Sub Menu Advanced, pilih pada bagian Server Model: PHP MySQL.
5.      Pilih Sub Menu Advanced SetingsBootstrap,  pastikan pilih Boostrap Version: 3.3.7.
6.      Pastikan memilih “Testing” sebelum tekan tombol “Save” di bagian Sub Menu Servers.
7.       Buatlah file index.php dan disimpan dengan nama index.php dengan cara pilih menu File – New… .
8.      Pilih Document Type: HTML, kemudian isi pada bagian Title: Nama Website Anda. Doc Type: HTML5.
9.      Pada bagian menu “BOOTSTRAP”, pastikan pilih “Create new”dan hilangkan centang pada bagian “Include a pre-built layout”. Lalu tekan tombol Create.
10.  Akan tampil hasil generate dari framework Bootstrap, kemudian simpan dengan nama index.php.
11.  Tambahkan 1 buah div dengan class Container di bagian tag <body>, dengan cara pilih menu Insert – Bootstrap Components – Container.
12.  Tambahkan 1 buah Navbar di antara tag div class Container dengan cara pilih menu Insert – Bootstrap Components – Navbar – Basic Navbar.
13.  Gunakan bagian-bagian tertentu untuk menghasilkan navigasi bar yang sesuai:





14.    Hasil output dari kode program diatas sebagai berikut:



15.    Tambahkan 1 buah div dengan class Panels di bawah tutup tag <nav> dengan cara pilih menu Insert – Panels.
16.    Atur kode program baris tersebut seperti berikut:




17.    Buatlah file php baru dengan nama modul.php. Ketik kode program sebagai berikut:
modul.php


18.     Buatlah file php baru, disimpan dengan nama beranda.php. Desain isi halaman beranda sesuai keinginan Anda, berikut contoh file beranda.php:

beranda.php

19.    Langkah selanjutnya, buka kembali file index.php, dan tambahkan link (bertanda #) pada
tulisan beranda seperti berikut:



20.    Simpan, dan cobalah klik menu Beranda tersebut. Maka output seperti berikut:
21/ 21.
21.    Buatlah file php baru, simpan dengan nama koneksi.php yang berfungsi untuk mengkoneksikan program dengan database (dalam hal ini MySQLi). Kemudian ketik kode program sebagai berikut:

koneksi.php


22.    Buka kembali file index.php, tambahkan kode program berikut pada bagian baris atas file tersebut.


23.    Untuk menampilkan data wisata. Buatlah file php baru, simpan dengan nama data_wisata.php. kemudian ketik kode program sebagai berikut:

data_wisata.php



24.    Langkah selanjutnya, buka kembali file index.php, dan tambahkan link (bertanda #) pada tulisan wisata seperti berikut:


25.    Simpan, kemudian jalankan. Klik menu Wisata, maka output seperti gambar berikut:



26.  Untuk menambahkan data wisata, buatlah file php baru dengan nama form_wisata.php. Ketik kode program sebagai berikut:

form_wisata.php



27.    buatlah file php baru dengan nama simpan_wisata.php. Ketik kode program sebagai berikut:

simpan_wisata.php


28.    Simpan dan jalankan. Tekan tombol "Tambah Wisata, maka output form wisata sebagai berikut:

29.    Untuk merubah data wisata, buatlah file php baru dengan nama form_edit_wisata.php. Ketik kode program sebagai berikut:

form_edit_wisata.php


30.    buatlah file php baru dengan nama edit_wisata.php. Ketik kode program sebagai berikut:

edit_wisata.php


31.    Simpan dan jalankan. Tekan tombol “Edit” pada data di halaman Data Wisata, maka output form edit wisata sebagai berikut:


32.    Untuk menghapus data wisata beserta file gambar, buatlah file php baru dengan nama hapus_wisata.php. Ketik kode program sebagai berikut:

hapus_wisata.php


v  Download File

1.        Untuk mendownload file gambar hasil upload, buka kembali file data_wisata.php, tambahkan 1 tombol download sebagai berikut yang diletakkan disamping tombol hapus :


2.        Simpan dan jalankan. Maka output sebagai berikut:


Terima Kasih




Penulis :


Bagus Nur Izam
SMKN 1 PROBOLINGGO
Magang Angkatan 15

Tidak ada komentar :

Posting Komentar