Album Foto di Joomla dengan JoomGallery

clip_image052

Siapa yang tidak menginginkan halaman websitenya tampil cantik dan menarik? Tentu saja siapapun akan berusaha untuk memoles halaman websitenya sedemikian rupa sehingga dapat menarik pengunjung. Salah satu cara yang bisa Anda lakukan untuk mempercantik halaman website Anda adalah dengan menampilkan galeri foto yang tampak artistik dengan beragam tema, bisa berupa alam, flora, fauna, kuliner, dan lain sebagainya.

Untuk menampilkan galeri foto tersebut, Anda bisa menggunakan ekstensi image slide show yang dapat Anda peroleh secara gratis di situs Joomla yang salah satu di antaranya adalah JoomGallery. Untuk memperoleh ekstensi ini, Anda bisa download di situs http://extensions.joomla.org/index.php?option=com_mtree&task=listcats&cat_id=1779&Itemid=35. Ekstensi ini berbentuk component yang mudah untuk Anda instal dan aplikasikan ke halaman administrator Joomla Anda. Adapun proses instalasinya sebagai berikut:

1. Awali dengan memilih menu Extensions > Install/Uninstall.

2. Apabila Anda sudah berada di halaman Extension Manager, klik tombol Browse.

3. Muncul kotak dialog File Upload, pilih file ekstensi JoomGallery.

clip_image002

Gambar 4.1. Memilih File Ekstensi JoomGallery

4. Sesudahnya tekanlah tombol Open.

5. Anda kini berada kembali di halaman Extension Manager, mulailah proses upload dan instal dengan mengklik tombol Upload File & Install.

6. Jika proses instalasi telah usai dan berjalan dengan lancar, maka Anda akan melihat notifikasi yang muncul yaitu โ€œInstall Component Successโ€.

clip_image004

Gambar 4.2. Notifikasi Keberhasilan Proses Instalasi

7. Sekarang bukalah Tab Component dan Anda bisa melihat nama component JoomGallery telah terdaftar di dalamnya.

clip_image006

Gambar 4.3. Component JoomGallery yang telah Terinstal

4.1 Membuat Kategori

Hal pertama yang harus Anda lakukan setelah component JoomGallery berhasil diinstal adalah membuat kategori image. Berikut ini langkah-langkahnya:

1. Buka menu Components > JoomGallery > Category Manager.

clip_image008

Gambar 4.4. Membuka Menu Components > JoomGallery > Category Manager

2. Selanjutnya muncul halaman JoomGallery: Category Manager, klik ikon New.

clip_image010

Gambar 4.5. Mengklik Ikon New di Halaman JoomGallery: Category Manager

3. Ketikkan nama kategori di kotak Title.

4. Setelah itu tuliskan deskripsi singkat mengenai nama kategori di kotak Description.

clip_image012

Gambar 4.6. Mengetikkan Judul dan Deskripsi Kategori

5. Kemudian lakukan pengaturan sebagai berikut:

ยท Access: Public

ยท Published: Yes

ยท Ordering: First

clip_image014

Gambar 4.7. Mengatur Access, Published dan Ordering

6. Kalau sudah klik ikon Save clip_image016.

7. Nama kategori yang Anda buat langsung masuk dalam daftar kategori di halaman Category Manager seperti tampak pada ilustrasi berikut.

clip_image018

Gambar 4.8. Tampilan Daftar Kategori di Halaman Category Manager

8. Jika Anda ingin membuat kategori lebih dari satu, maka lakukanlah langkah-langkah yang sama dan hasilnya nanti bisa Anda lihat di halaman Category Manager yang menampilkan lebih dari satu kategori seperti berikut.

clip_image020

Gambar 4.9. Daftar Kategori di Halaman Category Manager

4.2 Meng-upload Image

Selesai dengan proses pembuatan kategori, berikutnya Anda perlu meng-upload file-file image yang akan dimasukkan ke dalam masing-masing kategori yang telah Anda buat. Adapun proses upload file image dapat dijabarkan dalam langkah-langkah berikut:

1. Mulailah dengan membuka menu Components > JoomGallery > Picture Upload.

clip_image022

Gambar 4.10. Membuka Menu Components > JoomGallery > Picture Upload

2. Pada halaman JoomGallery: Picture Upload yang muncul kemudian, klik tombol Browse.

clip_image024

Gambar 4.11. Mengklik Tombol Browse

3. Berikutnya Anda berhadapan dengan kotak dialog File Upload, bukalah folder penyimpanan file-file image yang ingin Anda tampilkan lalu seleksilah salah satu file image.

clip_image026

Gambar 4.12. Menyeleksi Salah Satu File Image

4. Setelah itu tekan tombol Open.

5. Lakukan langkah yang sama untuk memasukkan file-file image lainnya di deretan Select Image yang ada di halaman JoomGallery: Picture Upload hingga terisi seluruhnya.

clip_image028

Gambar 4.13. Memasukkan File Image di Deretan Select Image

6. Kalau sudah sorot kotak kombo Category Photo Will be Assigned to lantas pilih kategori yang sesuai dengan image.

7. Berikutnya isilah kotak-kotak yang ada di bawah seperti contoh berikut:

ยท Generic Title: Insect Gallery

ยท Generic Description (optional): All About Insect

ยท Author (optional): Administrator

ยท Aktifkan kotak cek Transparent or animated picture files?

clip_image030

Gambar 4.14. Pengisian Kotak Generic Title, Generic Description dan Author

8. Sesudah itu tekanlah tombol Upload.

9. Jika proses upload file image berjalan lancar, maka muncul notifikasi Upload successful.

clip_image032

Gambar 4.15. Notifikasi yang Menyatakan Proses Upload File Image Sukses

10. Untuk menambahkan image pada kategori lainnya, lakukanlah dengan cara yang sama.

4.3 Mengatur Menu

Jika Anda telah menambahkan file-file image dalam setiap kategori yang Anda buat, maka tahap selanjutnya adalah mengatur menu agar galeri foto Anda dapat tampil di halaman web. Bagaimana selengkapnya, ikuti terus langkah-langkah berikut ini:

1. Pilih menu Menus > Main Menu.

clip_image034

Gambar 4.16. Memilih Menu Menus > Main Menu

2. Klik ikon New di halaman Menu Item Manager yang muncul kemudian.

clip_image036

Gambar 4.17. Mengklik Ikon New di Halaman Menu Item Manager

3. Pada halaman berikutnya, pilihlah opsi JoomGallery.

clip_image038

Gambar 4.18. Memilih Opsi JoomGallery

4. Lanjutkan langkah dengan mengetikkan judul galeri foto yang akan Anda tampilkan di halaman web pada kotak Title.

clip_image040

Gambar 4.19. Mengetikkan Judul Galeri Foto

5. Kalau sudah klik ikon Apply clip_image042 kemudian Save clip_image043.

4.4 Menampilkan Galeri Foto

Tentunya Anda ingin melihat hasil dari setiap tahap yang Anda lakukan dalam upaya membuat galeri foto, bukan? Setelah Anda selesai dengan pengaturan menu, kini Anda bisa menampilkan galeri foto di halaman web dengan langkah-langkah sebagai berikut:

1. Pastikan Anda berada di halaman Menu Item Manager.

2. Aktifkan kotak cek di samping menu item My Picture Album (nama galeri foto yang Anda buat dalam proses pengaturan menu) sehingga tercentang.

clip_image045

Gambar 4.20. Mencentang Menu Item My Picture Album

3. Selanjutnya klik ikon Default clip_image047 sehingga tanda bintang berpindah ke menu item My Picture Album.

4. Setelah itu klik link Preview yang ada di bagian atas kanan halaman tersebut.

5. Dalam beberapa detik halaman web Anda langsung menampilkan galeri foto dengan kategori-kategori yang Anda buat seperti tampak pada ilustrasi berikut.

clip_image049

Gambar 4.21. Tampilan Galeri Foto Kategori Insect dan Food

6. Untuk melihat konten dari kategori atau file-file yang tercakup dalam kategori, klik thumbnail dari kategori yang Anda inginkan.

7. Sesaat kemudian Anda bisa melihat galeri image dalam kategori yang Anda pilih.

clip_image052

Gambar 4.22. Tampilan Galeri Foto dalam Salah Satu Kategori

Share

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *