Okeselesai teman-teman. sekian dulu tutorial Membuat Upload File Dengan PHP Dan MySQL. selanjutnya saya akan membuatkan tutorial cara membuat aplikasi galery foto dengan php dan mysql. stay terus di mendapatkan update tutorial-tutorial php terbaru dan free source code aplikasi php dan mysql. Baca juga : jadidi sini kita sekalian membuat halaman tidak di temukan dengan php.. nah selesai sudah halaman dinamis yang telah kita buat dengan php.. Jika teman-teman masih bingung dengan cara kerjanya. yuk simak penjelasan berikut. Penjelasan. Sebenarnya konsep nya mudah saja teman-teman. coba teman-teman perhatikan pada link url menu yang kita buat di atas. Untukmelatih pemahaman kita mengenai CSS3, di video ini kita akan belajar membuat sebuah galeri foto dengan menambahkan fitur lightbox.---link:- CSS Reseth CaraMembuat Upload Gambar Langsung dari Webcam. 1. Membuat Database dan Tabel. Buatlah sebuah tabel baru dengan nama latihan, dan buatlah sebuah tabel baru di dalamnya dengan nama galeri. Dan untuk field dan struktur tabelnya dapat kalian lihat pada gambar di bawah ini. Membuat database dan tabel. 2. TutorialCara Upload File Dengan PHP + File Gambar. Pada tutorial kali ini kita akan membahas bagaimana cara mengupload file gambar ataupun file lain dengan menggunakan PHP. Proses mengupload ini tidak sulit namun tidak mudah juga apalagi untuk pemula. Pada tutorial ini akan dijabarkan sedikit langkah kunci untuk membantu pemula untuk memahami 2YXCVPs. Sebelum membuat galeri foto, anda harus bisa mengupload file dengan php. Secara singkat galeri foto yang akan dibuat adalah sebagai berikut. Pertama pengguna memilih gambar yang akan diupload dan memasukkan deskripsi gambar. Kemudian dengan php, gambar akan diupload ke sebuah folder. Nama file dan deskripsi gambar akan disimpan ke database. Membuat Database Galeri Foto Buatlah sebuah database dengan nama "galeri", dan buat sebuah tabel "foto" dengan struktur seperti Name Field Tipe Data Keterangan id int11 primary key, auto increment nama_file varchar255 deskripsi varchar255 atau gunakan sql query di bawah CREATE TABLE `foto` `id` int11 NOT NULL AUTO_INCREMENT, `nama_file` varchar255 NOT NULL, `deskripsi` varchar255 , PRIMARY KEY `id` ENGINE = MyISAM; Membuat Form dan Struktur Folder Pertama buatlah sebuah folder dengan nama "galeri" di document root web server. Biasanya folder "htdocs" atau "public_html". Di dalam folder galeri buat folder "upload" dan tiga file kosong seperti gambar. Buka file dan buatlah html form dengan kode berikut. New Picture File Deskripsi kemudian simpan file tersebut. Mengupload dan Menyimpan Gambar ke Database Langkah selanjutnya adalah mengupload gambar ke folder "upload" dan menyimpan deskripsi dan nama file ke tabel "foto". Buka file dan gunakan kode php di bawah untuk menyimpan gambar. 0 && $_FILES['file']['error'] == 0{ $fileName = $_FILES['file']['name']; $move = move_uploaded_file$_FILES['file']['tmp_name'], 'upload/'.$fileName; if$move{ //simpan deskripsi dan nama file ke database $sql = "insert into foto nama_file, deskripsi values '$fileName', '".$_POST['deskripsi']."'"; mysql_query$sql; header"Location exit; } } Pertama tama di baris ke 3-4 membuka koneksi ke database. Di baris ke-6 dilakukan pengecekan apakah file sudah terupload dan ukurannya lebih besar dari nol dan tidak terjadi error. Baris ke-8 memindahkan file yang telah terupload, dari temporary folder ke folder "upload" yang telah dibuat sebelumnya. Baris selanjutnya mengecek jika proses pemindahan file berhasil. Jika berhasil deskripsi dan nama file disimpan ke tabel 'foto'. Menampilkan Gambar [htmltag][/htmltag] Selanjunya, menampilkan gambar yang telah disimpan. Buka file dan isi dengan kode php di bawah. Gallery "> " alt="" width="200" border="0"/> '; } $i++; } ?> Yang perlu di perhatikan adalah di baris ke-22. Untuk menampilkan gambar digunakan tag . Nama nama gambar yang ditampilkan diambil dari database - echo $row['nama_file']. Karena gambar diupload ke folder "upload" maka attribute src diisi dengan nilai seperti ini "upload/". Membuat Zoom Sebuah galeri foto perlu sebuah fasilitas zoom. Untuk itu diperlukan jQuery dan Fancybox. Silahkan download Fancybox di websitenya versi saat tutorial ini dibuat. Setelah selesai, ekstrak file zip yang didownload dari website fancybox. Kemudian copy file dan folder fancybox dari hasil ekstrakan dan paste di folder 'galeri' yang telah dibuat sebelumnya. Selanjutnya buka kembali file dan ubah menjadi seperti berikut. Gallery $document.readyfunction{ $".fancy".fancybox; }; " class="fancy"> " alt="" width="200" border="0"/> '; } $i++; } ?> Delete / Hapus Gambar Tidak tertutup kemungkinan ada kesalahan pada saat mengupload file. Untuk itu diperlukan fungsi untuk menghapus file. Pertama ubah skrip untuk menampilkan gambar file tambahkan kode di bawah setelah baris ke-24. " onclick="return confirm'Anda yakin?';">Delete Kemudian buat satu file lagi dengan nama dan isi dengan skrip untuk delete gambar di bawah. 0 { $data = mysql_fetch_array$result; //delete file unlink'upload/'.$data['nama_file']; //delete data di database mysql_query"delete from foto where id='$id'"; } } header"Location Edit Gambar Selain manghapus data juga diperlukan kemampuan untuk mengedit gambar. Pertama ubah skrip untuk menampilkan gambar file ubah pada baris yang sama seperti cara membuat hapus gambar tambahkan kode di bawah setelah baris ke-24. seperti ">Edit Kemudian buat sebuah file dengan nama dan isi dengan skrip php di bawah untuk melakukan edit gambar. 0 && $_FILES['file']['error'] == 0{ //update gambar hanya jika user memilih file baru $move = move_uploaded_file$_FILES['file']['tmp_name'], "upload/".$_FILES['file']['name']; if$move{ $update .= ", nama_file='".$_FILES['file']['name']."'"; } } $update .= " where id='".$_POST['id']."'"; mysql_query$update; //update data ke database header"Location exit; } ?> Edit Picture " alt="" width="200"/> File Deskripsi "/> Sekarang buka browser dan buka halaman http//localhost/galeri/ Upload beberapa file dan lihat hasilnya. Selamat Mencoba. Memiliki galeri foto di website bisa memberikan pengalaman yang lebih menarik bagi pengunjung. Selain itu, galeri foto juga bisa digunakan untuk memperlihatkan portofolio atau dokumentasi kegiatan pada sebuah website. Namun, bagaimana cara membuat galeri foto di website menggunakan PHP? Berikut adalah langkah-langkahnya 1. Buat Database Langkah pertama dalam membuat galeri foto adalah membuat database untuk menyimpan informasi tentang foto. Buatlah tabel pada database yang berisi kolom-kolom seperti id, nama, deskripsi, dan nama file foto. 2. Buat Halaman untuk Upload Foto Setelah membuat database, buatlah halaman untuk mengupload foto. Pada halaman ini, terdapat form untuk mengisi informasi tentang foto seperti nama dan deskripsi, serta tombol untuk memilih file foto yang akan diupload. Setelah tombol submit ditekan, lakukan proses upload foto ke server. 3. Buat Halaman untuk Menampilkan Galeri Foto Setelah foto berhasil diupload, buatlah halaman untuk menampilkan galeri foto. Pada halaman ini, tampilkan informasi tentang setiap foto seperti nama dan deskripsi, serta tampilkan foto itu sendiri. Gunakan loop untuk menampilkan semua foto yang ada pada database. 4. Buat Halaman untuk Melihat Detail Foto Tambahkan fitur untuk melihat detail foto pada halaman galeri foto. Ketika pengunjung mengklik salah satu foto, arahkan mereka ke halaman baru yang menampilkan informasi detail tentang foto tersebut seperti ukuran dan tanggal pengambilan foto. 5. Buat Fitur Pencarian Tambahkan fitur pencarian pada halaman galeri foto. Berikan pengunjung kemampuan untuk mencari foto berdasarkan kata kunci tertentu seperti nama atau deskripsi foto. 6. Buat Fitur Kategori Tambahkan fitur kategori pada halaman galeri foto. Berikan pengunjung kemampuan untuk melihat foto dalam kategori tertentu seperti potrait, landscape, atau black and white. 7. Tambahkan Fitur Like dan Share Buatlah fitur like dan share pada halaman detail foto. Berikan pengunjung kemampuan untuk memberikan like pada foto dan share foto tersebut ke media sosial seperti Facebook dan Twitter. 8. Tambahkan Fitur Komentar Tambahkan fitur komentar pada halaman detail foto. Berikan pengunjung kemampuan untuk memberikan komentar pada foto dan melihat komentar yang telah diberikan oleh pengunjung lainnya. 9. Tambahkan Fitur Pagination Tambahkan fitur pagination pada halaman galeri foto. Berikan pengunjung kemampuan untuk melihat halaman galeri foto yang berbeda-beda dan mempercepat waktu loading halaman. 10. Optimalkan Gambar Agar halaman galeri foto lebih cepat dimuat, optimalkan ukuran gambar yang ditampilkan. Gunakan library image processing seperti GD atau Imagick untuk mengecilkan ukuran file gambar tanpa mengurangi kualitas gambar. 11. Gunakan CDN untuk Hosting Gambar Agar halaman galeri foto lebih cepat dimuat di seluruh dunia, gunakan Content Delivery Network CDN untuk hosting gambar. Dengan menggunakan CDN, gambar akan didistribusikan ke server-server di seluruh dunia sehingga pengunjung dari berbagai negara dapat mengakses gambar dengan cepat. 12. Buat Backup Berkala Pastikan melakukan backup berkala pada database dan file gambar yang diupload. Hal ini penting untuk menghindari kehilangan data jika terjadi masalah pada server atau website. 13. Gunakan SSL untuk Keamanan Untuk menjaga keamanan pengunjung, gunakan HTTPS dan SSL pada website. Dengan menggunakan SSL, data yang dikirim antara server dan pengunjung akan dienkripsi sehingga tidak dapat diakses oleh pihak yang tidak berwenang. 14. Gunakan Framework PHP Untuk mempercepat proses pembuatan galeri foto, gunakan framework PHP seperti Laravel atau CodeIgniter. Framework ini menyediakan fitur-fitur yang siap pakai sehingga Anda tidak perlu membuat semuanya dari awal. 15. Buat Dokumentasi Buatlah dokumentasi yang lengkap dan jelas tentang cara membuat galeri foto menggunakan PHP. Dokumentasi ini akan berguna jika Anda ingin mengembangkan galeri foto ini lebih lanjut atau jika Anda ingin berbagi dengan komunitas PHP. 16. Gunakan Desain yang Menarik Pilihlah desain yang menarik untuk galeri foto. Buatlah tata letak yang mudah dipahami dan tampilan yang menarik bagi pengunjung. Pisahkan antara foto dan informasi detail sehingga pengunjung tidak kebingungan. 17. Tampilkan Foto dalam Ukuran yang Sama Tampilkan semua foto dalam ukuran yang sama agar galeri foto terlihat rapi dan profesional. Anda bisa menggunakan library image processing untuk mengecilkan atau memperbesar ukuran foto. 18. Buat Halaman untuk Login Tambahkan fitur login pada website agar Anda dapat membatasi akses ke halaman upload foto dan halaman pengaturan lainnya. Berikan pengunjung kemampuan untuk mendaftar dan login ke website Anda. 19. Buat Halaman Pengaturan Buatlah halaman pengaturan untuk mengubah informasi tentang website dan galeri foto. Berikan pengunjung kemampuan untuk mengubah nama website, deskripsi website, dan pengaturan lainnya. 20. Tambahkan Fitur Privasi Tambahkan fitur privasi pada website. Berikan pengunjung kemampuan untuk membatasi akses ke foto atau halaman tertentu hanya untuk pengunjung yang terdaftar atau pengunjung yang memiliki hak akses khusus. 21. Tambahkan Fitur Tagging Tambahkan fitur tagging pada foto. Berikan pengunjung kemampuan untuk menambahkan tag atau kategori pada foto agar pengunjung lainnya dapat menemukan foto yang relevan dengan cepat. 22. Tambahkan Fitur Geotagging Tambahkan fitur geotagging pada foto. Berikan pengunjung kemampuan untuk menambahkan lokasi pengambilan foto sehingga pengunjung lainnya dapat menemukan foto yang diambil di tempat yang sama. 23. Buat Halaman untuk Statistik Buatlah halaman untuk melihat statistik pengunjung dan foto pada website. Tampilkan informasi seperti jumlah pengunjung, jumlah foto, dan jumlah like pada halaman tersebut. 24. Tambahkan Fitur Filter Tambahkan fitur filter pada halaman galeri foto. Berikan pengunjung kemampuan untuk memfilter foto berdasarkan kategori, tag, atau lokasi. 25. Tambahkan Fitur Favorit Tambahkan fitur favorit pada halaman detail foto. Berikan pengunjung kemampuan untuk menyimpan foto favorit mereka sehingga dapat dilihat kembali di kemudian hari. 26. Tambahkan Fitur Unduh Tambahkan fitur unduh pada halaman detail foto. Berikan pengunjung kemampuan untuk mengunduh foto dalam ukuran asli atau ukuran yang telah dioptimalkan. 27. Tambahkan Fitur Slideshow Tambahkan fitur slideshow pada halaman galeri foto. Berikan pengunjung kemampuan untuk melihat foto dalam mode slideshow. 28. Tambahkan Fitur Watermark Tambahkan fitur watermark pada foto. Berikan pengunjung kemampuan untuk menambahkan watermark pada foto sehingga foto tersebut tidak dapat dicuri oleh orang lain. 29. Tambahkan Fitur Zoom Tambahkan fitur zoom pada halaman detail foto. Berikan pengunjung kemampuan untuk melihat foto dalam ukuran yang lebih besar dan memperbesar bagian-bagian tertentu dari foto. 30. Gunakan Teknik SEO Gunakan teknik Search Engine Optimization SEO untuk meningkatkan visibilitas website Anda di mesin pencari seperti Google. Gunakan kata kunci yang relevan pada judul, deskripsi, dan konten website Anda.

cara membuat galeri foto di website dengan php