Waryanto Follow Founder of "Lalaris.com" 6:55 PM 22 comments

Membuat Galeri Foto dengan Codeigniter

Membuat galeri foto dengan codeigniter akan sedikit saya coba jelaskan, dengan memanfaatkan codeigniter dan instant photo galllery crud dari grocery crud. Klik link berikut untuk melihat demonya: DEMO

Walaupun malam ini sedang pusing menentukan jalan hidup, antara ngelamar kerja atau tetap pada tujuan utama yaitu menjadi seorang teknopreneur namun yang jelas sekarang masih bergumul dengan ppc dan affiliate yang tak kunjung PO, gak apa-apa curcol disela posting. Saya lanjutkan ke tujuan semula yaitu bagaimana membuat galeri gambar dengan codeigniter, saya asumsikan apache,mysql,php dan kawan-kawan nya sudah terinstal di kompi anda masing-masing.

Bahan-bahan yang diperlukan adalah:

1. Codeigniter(disini saya menggunakan CI versi 2.1.4)
2. Instant Photo Gallery CRUD (saya memakai versi 0.6)

Jika bahan-bahan sudah terkumpul semuanya, mari kita lanjutkan pada tahap selanjutnya yaitu proses mengimplementasikannya. Agar tercipta suatu hasil sesuai seperti yang diharapkan yaitu membuat galeri foto dengan Codeigniter, kedua bahan tadi harus di extract terlebih dahulu, berikut tampilan folder setelah di extrac:

Kemudian copy file yang berada di dalam folder image-crud-0.6 ke dalam folder CodeIgniter_2.1.4 sesuai pada tempatnya yaitu file image_crud.php yang berada di folder image-crud-0.6>application>config paste ke dalam folder CodeIgniter_2.1.4>application>config. Untuk file yang lain juga sama yaitu file yang berada di dalam folder controller di paste ke dalam folder controller juga. kemudian copy folder assets yang berada di dalam image-crud-0.6 dan paste ke dalam folder CodeIgniter_2.1.4. Jangan lupa untuk copy juga file yang berada di dalam image-crud-0.6 buat menghargain sang pembuat yaitu file change_log.txt, example_database.sql, license-gpl3.txt, license-image-crud.txt, license-mit.txt ke dalam folder CodeIgniter_2.1.4.

Sekarang kita berfokus pada folder CodeIgniter_2.1.4, biar lebih afdol kita rubah dulu nama folder CodeIgniter_2.1.4 menjadi folder galeriku. Kita masuk dulu ke pengaturan database, buat sebuah database dengan nama galeriku, saya anggap anda sudah bisa bagaimana cara membuat database pada phpmyadmin (kalo masih bingung nanti komen aja di bawah... hehe). Update: Berhubung tidak semua pembaca dapat membuat database di phpmyadmin, saya akan coba berbagi langkahnya walaupun caranya sama dengan postingan membuat crud dengan codeigniter:

pertama masukkan url http://localhost/phpmyadmin/ , jangan lupa pada XAMPP aktifkan Apache dan MySQL terlebih dahulu. Kemudian klik tab Databeses dan isikan nama database pada kolom Create database yaitu galeriku , terakhir klik tombol create. Berikut tampilannya:

Masih di phpmyadmin klik database galeriku yang terletak di sebelah kanan, Setelah database galeriku berhasil dibuat kemudian import file examples_database.sql yang berada di dalam folder galeriku ke dalam database galeriku dengan cara klik tab import, browse dan pilih file examples_database.sql kemudian klik Go.

Setelah file .sql berahasil di import akan ada empat tabel, yaitu tabel example_1, example_2, example_3, example_4. Kemudian seting pengaturan database yang berada pada galeriku>application>config>database.php, dan masukan usernamenya=root, databasenya=galeriku. berikut ini tampilan dari file database.php:

Pada langkah ini kita sudah berhasil membuat galeri foto dengan codeigniter, hehe. Untuk mengetesnya tinggal ketikkan di browser kesayangan anda url berikut http://localhost/galeriku/index.php/images_examples/

akan tampil beberapa menu yaitu menu example 1 dan seterusnya, berikut tampilan jika kita mengklik example 4 - images with title:

contoh-image-galeri-sederhana-codeigniter

Selesai sudah cara membuat image gallery sederhana menggunakan codeigniter, sebenarnya masih banyak yang ingin saya tulis, tapi berhubung saya harus tidur jadi next posting saja, atau silahkan komen bagi yang ingin bertanya atau memberikan masukan agar postingan ini lebih bermanfaat lagi bagi semua Bangsa Indonesia khususnya dan bangsa manusia umumnya, hehe...

Masuk sini gan kalau mau Menambahkan Template Pada Grocery Image Crud.

Kalo mau file yang udah jadi bisa diambil disini

Codeigniter

Comments (22)

Bang Jack

# November 14, 2013 at 1:49 PM

Terimakasih atas masukkannya... sangat membantu... dan ini hasilnya dilahat ya gan
http://tutorial-web-id.blogspot.com/

Reply · Delete
Unknown

# November 28, 2013 at 3:20 AM

Info bermanfaat bro,kebetulan sedang mencari cara menampilkan foto di halaman depan blog saya.Nanti saya coba tutorial diatas.

Reply · Delete
- Waryanto Author
  
  # November 28, 2013 at 4:15 AM
  
  woke bro,... termikasih atas kunjungannya..
  
  Delete
Unknown

# December 30, 2013 at 6:45 PM

cara ganti templatenya pake template sendiri gimana gan? -_-

Reply · Delete
- Waryanto Author
  
  # December 30, 2013 at 11:22 PM
  
  bisa di tambahin script template agan di bagian views>example.php
  
  Delete
- Unknown
  
  # January 18, 2014 at 11:12 AM
  
  nah ini dia gan yang ditunggu.. minta link tutornya gan....
  
  Delete
- Waryanto Author
  
  # January 18, 2014 at 4:42 PM
  
  oke gan, agan bisa masuk lewat link yang ada di paragraf terakhir...
  
  Delete
Unknown

# January 1, 2014 at 8:17 PM

Maaf pemula, contoh scriptnya gimana gan?

Reply · Delete
- Waryanto Author
  
  # January 1, 2014 at 8:42 PM
  
  ane juga pemula gan hehe... nanti ane coba buat contoh scriptnya lewat postingan, tapi jangan dimaki ya... :)
  
  Delete
one7photo

# January 12, 2014 at 6:59 PM

ini keren, tp jujur ane belum tahu cara membuat database phpmyadmin itu. bisa tolong jelaskan gan?

Reply · Delete
- Waryanto Author
  
  # January 16, 2014 at 9:33 AM
  
  postingannya udah ane update gan, ditambahin sedikit cara membuat database di phpmyadmin, semoga berhasil :)
  
  Delete
Unknown

# January 20, 2014 at 7:47 PM

gan kalau mau nampilin file hasil uploadnya di halaman utama gimana ya ?
nb : saya menggunakan tutorial anda ini pada halaman admin untuk upload foto untuk halaman utama "gallery"

Reply · Delete
- Waryanto Author
  
  # January 20, 2014 at 11:58 PM
  
  maksud agan ingin gambarnya langsung tampil lewat url http://localhost/galeriku/ ya? bisa di seting di bagian aplication>config>routes.php terus di bagian default_controller ganti "welcome" dengan "images_examples/example1"
  
  Delete
- Unknown
  
  # January 22, 2014 at 5:18 AM
  
  bukan gitu gan, maksud ane file tutorial yg agan kasih itu mau ane kasih di halaman admin untuk upload images di website yg ane bangun, nah nanti di halaman utamanya itu ada menu "gallery" yg hanya bisa menampilkan file gambar yang sudah diupload tadi beserta efek zoom in dari js yg agan buat
  
  Delete
- Waryanto Author
  
  # January 22, 2014 at 6:16 AM
  
  nanti deh ane buat tutornya dulu gan, bingung jelasinnya kalo ane belum nyoba hehe. Tapi agan bisa nyoba dulu menu "gallery" di kasih url menuju ke "http://localhost/galeriku/index.php/images_examples/simple_photo_gallery". kemudian hapus tab "Example 1 - Simple | Example 2 - Ordering | Example 3 - With group id | Example 4 - Images with title | Simple Photo Gallery" di bagian views>example.php, semoga berhasil gan....
  
  Delete
- Unknown
  
  # January 22, 2014 at 6:50 AM
  
  oke gan makasih atas jawabannya, nanti ane coba dulu yg ini. kalau tutornya udah jadi kabarin ane gan atau diupload ya, kalau bisa secepatnya karena tugasnya udah mendekati deaedline ini hehehehe. makasih sebelumnya gan D
  
  Delete
Bimo Class

# February 21, 2014 at 4:29 PM

The configuration file image_crud.php does not exist. kalo kya gini ngatasinnya giamana pak

Reply · Delete
- Waryanto Author
  
  # February 21, 2014 at 10:29 PM
  
  file image_crud.php yang berada di folder image-crud-0.6>application>config paste ke dalam folder CodeIgniter_2.1.4>application>config .... semoga berhasil :)
  
  Delete
Unknown

# June 18, 2014 at 10:32 PM

mas saya mau nanya kalau untuk membuat CRUD dimana salah satu datanya adalah foto dimana nantinya ketika update data tersebut termasuk ingin mengupdate foto terbaru dengan cara diupload ada tutorialnya gak mas terimakasih :)

Reply · Delete
- Waryanto Author
  
  # June 20, 2014 at 9:56 AM
  
  Silahkan untuk mengikuti tutorial berikut http://www.grocerycrud.com/examples/set_upload_field_example
  
  Delete
Unknown

# June 1, 2015 at 9:40 PM

kalo ada tulisan ginai "Unable to load the requested file: example.php" gimana solusinya ??
tulisan itu muncul stelah saya klik kategori Example 1 - Simple .. mhon solusinya om..

Reply · Delete
- Waryanto Author
  
  # June 3, 2015 at 8:03 AM
  
  mungkin file example.php nya ga ada atau ada kemungkinan lain, tapi biar lebih mantap coba download file yang udah jadi terus dijalanin di localhost agan http://bit.ly/1JkUhNO
  
  Delete

Membuat Galeri Foto dengan Codeigniter

Comments (22)

Post a Comment