AdityaDees

Sebuah situs yang mengusung tema keindahan alam, pariwisata, fotografi ataupun yang sejenisnya, akan terasa hambar jika tak memiliki sebuah halaman yang memuat galeri foto. Halaman tersebut saya katakan harus ada pada website yang sedang mereka kelola untuk menarik minat pengunjung. Sebagaimana diketahui bahwa yang ditawarkan berupa keindahan, maka tentu berkaitan erat dengan indera mata. Agak sulit mempercayai misalnya ada orang yang mengatakan kepada saya bahwa pantai di daerah A indah lho, tanpa ada bukti yang bisa saya lihat.

Website yang berisi tentang tempat-tempat wisata ataupun keindahan alam jika tak menghadirkan galeri foto maka akan membuat para wisatawan bertanya-tanya, benar atau tidak tempat yang diceritakan ini indah. Mungkin saja ada dari mereka berpendapat bahwa ini hanya sebatas perkataan saja. Toh bukti gambar tempatnya saja tidak ditampilkan oleh si pemilik tersebut pada websitenya. Hal semacam ini tentu tak kita inginkan. Karena akan menimbulkan keragu-raguan dimata para wisatawan, dan pada akhirnya akan merugikan si pemilik website karena berdampak pada berkurangnya jumlah wisatawan yang pergi berwisata ke tempatnya. Sebenarnya galeri foto ini tak hanya yang bertemakan keindahan saja yang memerlukannya, tetapi website-website instansi pemerintahan, sekolah dan sejenisnya juga memerlukannya untuk mempublikasikan kegiatan atau event-event tertentu yang mereka lakukan.

Nah, Mengingat hal ini penting, maka pada tulisan ini saya akan memberikan tutorial untuk memasang sebuah galeri foto pada halaman website. Website disini khususnya yang dibangun menggunakan CMS Joomla. Jenis komponen yang saya gunakan untuk membuat galeri tersebut adalah phoca gallery. Komponen tersebut berada dibawah lisensi GPL yang bisa anda gunakan tanpa mengeluarkan biaya untuk mendapatkannya. Untuk mengunduhnya bisa melalui link berikut ini http://adf.ly/1ffU5I.

Jika komponen tersebut sudah anda dapatkan, selanjutnya kita masuki langkah-langkah pemasangannya.

1. Masuk ke halaman administrator.
   
   
   
   
2. Pilih menu “Extentions → Manage → Install”.
   
   
   
   
3. Lalu pada tab “Upload Package File”, tekan tombol Choose File.
   
   
   
   
4. Pilih paket komponen phoca gallery yang telah anda unduh sebelumnya, lalu tekan tombol Open.
   
   
   
   
5. Kemudian tekan tombol Upload & Install dan tunggu sampai proses instalasi selesai.
   
   
   
   
6. Pada saat proses instalasi selesai maka akan tampak halaman Control Panel phoca gallery seperti gambar dibawah ini.
   
   
   
   
7. Untuk menambahkan galeri foto, tahap pertama adalah membuat kategori foto terlebih dahulu dengan cara memilih menu Categories.
   
   
   
   
8. Kemudian tekan tombol New.
   
   
   
   
9. Lalu isikan Title serta atribut lain jika diperlukan, dan dilanjutkan dengan menekan tombol Save & Close.
   
   
   
   
10. Setelah itu untuk menambahkan foto-foto pada kategori tersebut, caranya yaitu dengan memilih menu Images, lalu tekan tombol New.
    
    
    
    
11. Masukkan Title dan pilih Category yang telah anda buat sebelumnya.
    
    
    
    
12. Masukkan gambar yang akan anda tampilkan dengan menekan tombol Select Filename dan tekan tombol Choose File untuk memilih gambar yang ada di pc anda.
    
    
    
13. Kemudian tekan tombol Start Upload untuk meng-upload file foto tadi. Lalu pilih gambar yang baru saja selesai di upload dengan cara double klik gambar tersebut.
    
    
    
14. Setelah itu tekan tombol Save & Close untuk menyimpan file foto tadi kedalam galeri foto.
    
    
15. Langkah selanjutnya setelah selesai menambahkan kategori dan foto tersebut adalah membuat sebuah navigasi yang mengarahkan ke halaman galeri foto. Caranya adalah pilih menu “Menus → Main Menu → Add New Menu Item”.
    
    
    
    
16. Masukkan Menu Title misalnya “Galeri Foto”, lalu pada pilihan “Menu Item Type” tekan tombol Select.
17. Pilih Menu Item Type dengan “Phoca Gallery → List of Categories (Categories View)”.
    
    
    
    
18. Pastikan Status disamping kanan yaitu Published. Selanjutnya tekan tombol Save & Close.
    
    
    
    
19. Buka halaman front-end website anda, kemudian pilih menu galeri foto yang tadi anda buat, maka akan terlihat halaman tersebut seperti dibawah ini.
    

Demikianlah tutorial Percantik Halaman Web Joomla dengan Menambahkan Galeri Foto. Semoga ada manfaatnya bagi anda dan saya. Jika ada pertanyaan mengenai tutorial diatas, silahkan bertanya melalui form komentar dibawah. Kemudian jika ingin meng-update secara rutin artikel yang kami posting dari blog ini, silahkan isi email anda pada isian Follow by Email dibawah.

Terima kasih... wassalam

Bismillah ...

Pada saat awal pembuatan web menggunakan CMS Joomla, bahasa yang digunakan untuk mengelola pada halaman administrator adalah bahasa Inggris. Bahasa ini terkadang menyulitkan pengguna karena keterbatasan mereka pada penguasaan bahasa Inggris yang baik. Oleh sebab itu perlu dimasukkan bahasa yang dimengerti oleh admin website tersebut.

Joomla sendiri menyediakan eksistensi untuk mengganti bahasa itu sendiri melalui menu Languages. Nah disitu nanti akan ada daftar bahasa dunia yang bisa kita gunakan. Pada tutorial ini saya memberikan contoh tentang cara menginstal bahasa Indonesia. Untuk menginstal bahasa lainnya juga sama, tinggal memilih saja bahasa yang mau di instal tersebut.

Oke, langsung saja kita masuki langkah-langkah penginstalannya.

1. Login ke halaman administrator
   
   
   
   
2. Pada halaman Control Panel, pilih menu "Extentions -> Language(s)".
   
   
   
   
3. Pada halaman languages tekan tombol "Instal Languages".
   
   
   
   
4. Lalu pilih bahasa yang akan di gunakan. Pada tutorial ini saya memberi contoh menginstal bahasa Indonesia. Kemudian setelah memilih bahasa, dilanjutkan dengan menekan tombol "Instal" yang berada di pojok kiri.
   
   
   
   
5. Tunggu sampai proses instalasi selesai.
   
   
   
   
6. Setelah proses instalasi selesai, pilih menu "Language(s) -> Installed".
   
   
   
   
7. Selanjutnya pilih bahasa Indonesia, dan tekan tombol "Default" pada pojok kiri untuk menjadikan bahasa tersebut sebagai bahasa standard. Bahasa pada halaman front-end juga akan berubah menjadi bahasa Indonesia nantinya.
   
   
   
   
8. Logout dari halaman administrator.
9. Login kembali dan lihat terdapat pilihan bahasa yang sudah di instal tadi seperti gambar dibawah ini.
10. Pilih bahasa yang akan digunakan pada halaman administrator, lalu tekan tombol "Log in" untuk masuk kembali kehalaman administrator.

Demikianlah tutorial Cara Mengganti Bahasa Administrator Joomla Menjadi Bahasa Indonesia. Semoga ada manfaatnya untuk andan dan saya. Jika ada pertanyaan mengenai tutorial diatas, silakan bertanya melalui form komentar dibawah. Kemudian jika ingin meng-update secara rutin artikel yang kami posting dari blog ini, silahkan isi email anda pada isian Follow by Email dibawah.

Terima kasih... wassalam

Bismillah…

Pada postingan Sehari Bersama Joomla sebelumnya kita sudah belajar bagaimana menginstal joomla ke web server lokal. Kemudian kita juga telah mengetahui eksistensi-eksistensi apa saja yang ada pada joomla itu sendiri. Nah, pada postingan ini saya kembali memberikan tutorial kepada anda bagaimana cara memasang template pilihan supaya website yang anda buat jadi kelihatan cantik dan menarik. Website yang memiliki tampilan biasa-biasa saja cenderung membuat pengunjung anda tak betah berlama-lama disana. Oleh sebab itu, anda perlu cepat-cepat mengganti template website anda supaya kelihatan lebih menarik dan indah dipandang mata.

Untuk template-nya saya menyarankan untuk mengunduhnya di www.joomlaperfect.com. Karena selama saya browsing kesana kemari, hanya di situs itu yang menyediakan template gratis dengan jumlah yang sangat-sangat banyak. Disitus tersebut juga banyak menyediakan template yang responsive yang sekarang banyak website-website menggunakannya. Bahkan untuk ditahun ini, rata-rata pelanggan saya yang memesan website saya gunakan template responsive tersebut. Sebenarnya banyak alasan kenapa saya menggunakan template yang responsive, salah satunya adalah lebih mobile friendly. Dengan arti kata pada saat anda membuka situs yang saya buat melalui handphone atau gadget anda, tampilannya tidak akan menjadi kacau balau. Jadi tampilannya sangat bagus dan tidak perlu anda utak-atik lagi menggunakan plugin tertentu untuk men-set tampilan khusus pada saat dibuka di handphone atau di gadget.

Jika anda sudah mengunduh template tersebut, selanjutnya kita akan Mengubah Tampilan Joomla Menjadi Super Cantik dalam 1 Menit. Langkah-langkahnya adalah sebagai berikut :

1. Login terlebih dahulu melalui halaman administrator
   
   
   
   
2. Kemudian pada halaman Control Panel pilih menu “Install Extentions”
   
   
   
   
3. Tekan tombol “Choose File”
   
   
   
   
4. Cari template yang tadi anda unduh, dan tekan tombol “Open”. Pada tutorial ini saya menggunakan template apple_design yang diunduh melalui situs yang saya sebutkan sebelumnya.
   
   
   
   
   
5. Lalu tekan tombol “Upload & Install”. Tunggu sampai proses upload dan instalasi selesai.
   
   
   
   
   
   
   
   
6. Kemudian buka menu “Extentions => Template => Styles”
   
   
   
   
7. Pilih template yang baru saja anda tambahkan tadi dengan menekan simbol bintang pada kolom default.
   
   
   
   
   
   
   
   
8. Buka halaman website anda dan hasilnya akan berubah sesuai dengan template yang anda unduh tadi.
   
9. Selebihnya tinggal anda sesuaikan dengan modul dan content apa saja yang akan anda masukkan didalamnya.
   
   
10. Untuk tutorial selanjutnya kita akan belajar mengatur modul-modul yang saya sebutkan diatas.
    
    

Demikianlah tutorial Mengubah Tampilan Joomla Menjadi Super Cantik dalam 1 Menit, semoga ada manfaatnya bagi anda dan saya. Jika ada yang kurang dipahami silakan bertanya di form komentar dibawah. Insya Allah jika bisa dijawab, saya akan menjawabnya :).

 Wassalam…

Sumber : extensionscdn.joomla.org

Bismillah...

Joomla, mungkin sudah tak asing lagi kedengarannya dikalangan web programmer. Ya, joomla adalah salah satu CMS (Content Management System) yang sudah sangat terkenal dan powerful. CMS ini bisa dibilang sangat lengkap dalam menyediakan modul-modul, plugin, dan eksistensi lainnya yang bersifat gratis maupun berbayar untuk mendukung pembuatan website anda. Sekalipun anda menggunakan eksistensi gratis, hasilnya tak kalah bagus dengan eksistensi-eksistensi berbayar. Beberapa contoh website yang saya sendiri kembangkan menggunakan eksistensi gratis tersebut diantaranya adalah situs www.programdakwah.com, www.darussilmibintan.com dan www.amanahummat.or.id. Anda tentu bisa melihat sendiri, dan menguji kemampuan joomla dalam pembuatan website berbasis CMS tersebut dari beberapa situs yang saya sebutkan diatas atau dari website-website lainnya yang menggunakan joomla sebagai CMS-nya. Seluruh eksistensi yang saya sebutkan diatas bisa dengan mudah didownload melalui situs resmi eksistensi joomla di link berikut sh.st/39Yvj.

Pada artikel Sehari Bersama Joomla ini saya akan mengajak anda (web programmer) pemula khususnya untuk berkenalan terlebih dahulu dengan CMS yang satu ini. Kemudian setelah itu membuat awal permulaan website menggunakan joomla dengan waktu satu hari atau barangkali kurang dari itu.

Pada tahap awal sebelum memasuki pembuatan website, ada baiknya kita mengetahui terlebih dahulu apa itu module, plugin, component, template dan language yang disebut sebagai extsentions pada joomla.

1. Module
   Modul adalah eksistensi joomla yang bisa dimunculkan pada banyak halaman. Misalnya modul menu bar, fans page facebook, jumlah pengunjung atau modul lain yang penempatannya di sekat-sekat sesuai dengan template yang kita gunakan. Jika anda membuka halaman administrator joomla, pengaturan modul bisa dijumpai dimenu Exstentions => Modules.
2. Plugin
   Plugin pada joomla adalah eksistensi yang digunakan untuk menangani event tertentu, misalnya menambahkan komentar pada artikel, mengaktifkan captcha pada komentar ataupun event-event lainnya. Untuk mengatur plugin yang ada, buka menu Exstentions => Plugins.
3. Component
   Component adalah eksistensi joomla yang digunakan untuk memperkaya fungsionalitas website yang kita buat. Misalnya sebuah website membutuhkan halaman untuk menampilkan album foto, maka komponen yang dibutuhkan adalah komponen galeri foto seperti Phoca Gallery atau yang sejenisnya. Letak layout komponen ini berada di inti halaman, sama seperti layout artikel yang biasa anda buka. Untuk melakukan pengaturan komponen yang telah anda instal sebelumnya, buka menu Components dan pilih komponen yang akan diatur.
4. Template
   Template digunakan untuk mengatur tampilan website. Untuk template, bisa anda pilih dan sesuaikan dengan tema yang diusung. Saya sendiri menyarankan untuk mendownload template dari situs www.joomlaperfect.com karena diisitus tersebut sangat banyak menyediakan tema yang tentunya gratis untuk anda gunakan.
5. Language
   Language adalah eksistensi yang digunakan untuk menginstal bahasa (selain bahasa inggris) agar administrator website bisa dengan mudah mengelolanya. Untuk mengelola bahasa tersebut bisa dibuka melalui menu Exstentions => Language.

Nah, setelah mengetahui berbagai eksistensi yang terdapat pada joomla, selanjutnya adalah melakukan proses instalasi joomla pada web server offline anda. Disini saya menggunakan xampp dimana didalamnya sudah terdapat apache sebagai web server, dan mysql sebagai basis datanya. Jika anda belum memiliki xampp, bisa mendownload disini sh.st/39Y8U untuk versi windows. Setelah download selesai, lakukan instalasi seperti biasa. Jika anda tidak mengetahui cara penginstalan xampp pada windows, buka tutorial berikut ini Cara Menginstal Xampp di Windows sebagai panduan penginstalan. Setelah itu, download paket joomla disitus resmi joomla berikut sh.st/39YH2. Pada tutorial ini saya menggunakan joomla versi 3.6.0, sedangkan pada saat tutorial ini dibuat joomla sudah mengupdate kembali paket instalasinya ke versi 3.6.3.

Setelah seluruh kebutuhan tersedia, selanjutnya kita masuki langkah-langkah pembuatan website dengan joomla sebagai berikut :

1. Pindahkan paket instalasi joomla yang tadinya didownload ke folder htdocs xampp seperti gambar dibawah ini :
   
   
   
2. Kemudian buat folder baru untuk nama website anda nantinya. Misalnya nama website anda adalah www.belajarjoomla.com, maka buatlah folder baru didalam htdocs dengan nama "belajarjoomla" (hanya untuk memudahkan).
   
   
   
3. Ekstrak paket instalasi joomla kedalam folder "belajarjoomla" hingga selesai. Sehingga isi folder "belajarjoomla" terisi dengan folder dan file seperti dibawah ini :
   
   
   
4. Setelah berhasil mengekstrak seluruh paket tersebut kedalam folder "belajarjoomla", selanjutnya adalah membuat database untuk website anda. Buka web browser (chrome, mozilla firefox dsb), lalu masuk ke halaman phpmyadmin.
   
   
   
5. Kemudian klik "New" untuk membuat database baru.
   
   
   
6. Masukkan nama database anda misalnya "belajarjoomla" dan tekan tombol "Create"
   
   
   
7. Setelah selesai membuat database, selanjutnya adalah melakukan instalasi paket joomla untuk website anda. Pada title bar website ketikkan "localhost/belajarjoomla".
   
   
   
8. Sehingga akan muncul halaman intalasi web joomla seperti berikut ini :
   
   
   
9. Isikan data yang diperlukan misalnya :
   

   Site Name	:	Belajar Joomla
   Administration Email	:	belajarjoomla@gmail.com
   Administrator Username	:	belajarjoomla
   Administrator Password	:	belajarjoomlaadmin
   Confirm Administrator Password	:	belajarjoomlaadmin

   
   Seluruh isian diatas yang bertanda * menandakan isian tersebut wajib terisi. Dan biarkan saja Site Offline dalam keadaan No, kemudian tekan tombol Next.
   
10. Selanjutnya adalah isi seluruh informasi mengenai database anda :
    

    Database Type	:	MySQLi
    Hostname	:	localhost
    Username	:	Username yang anda gunakan untuk membuka database anda, secara default username-nya adalah "root".
    Password	:	Masukkan password jika anda menggunakan password untuk mengakses database, atau biarkan kosong jika anda tidak memasukkan password pada database.
    Database Name	:	belajarjoomla
    Table Prefix	:	biarkan saja diatur secara otomatis oleh joomla

    
    Kemudian tekan tombol Next untuk melanjutkan instalasi.
    
    
    
11. Pada halaman instalasi selanjutnya pilih Instal Sample Data dengan Default English untuk melihat hasil sample data nantinya pada website yang anda buat.
    
    
    
12. Dan selanjutnya tekan tombol Instal, tunggu sampai proses instalasi selesai.
    
    
    
13. Kemudian tekan tombol "Remove installation folder" yang berwarna kuning dan selamat, anda sudah berhasil membuat website menggunakan CMS joomla. Untuk melihat hasil tersebut silakan buka situs seperti sebelumnya dengan mengetikkan "localhost/belajarjoomla", sehingga tampak halaman awal website anda dengan data sample seperti gambar dibawah ini.
    

Demikianlah artikel Sehari Bersama Joomla, semoga ada manfaatnya bagi anda sebagai pemula untuk belajar pembuatan website melalui CMS joomla. Dan pada postingan selanjutnya saya akan memberikan tutorial-tutorial lanjutan tentang bagaimana memoles website yang anda buat agar terlihat lebih bagus dan menarik.

Wassalam…