(Tugas) Membuat website menggunakan Joomla 3

(Tugas) Membuat website menggunakan Joomla - Kembali ke tugas. Kali ini saya akan berbagi cara untuk memuat website menggunakan CMS. Banyak sekali CMS yang disediakan secara gratis seperti Joomla, Wordpress, dan lain sebagainya. Untuk kali ini saya membuat website menggunakan Joomla versi 3. Bagaimana caranya? Check it out!


Yang diperlukan untuk membuat website menggunakan Joomla :
  1. Joomla versi 3 - http://www.joomla.org
  2. XAMPP (Optional, jika ingin dicoba di lokal) - https://www.apachefriends.org
Langkah-langkah membuat web Joomla di lokal :
  1. Download terlebih dahulu bahan-bahan yang diperlukan diatas.
  2. Install XAMMP terlebih dahulu.
    Klik Next

    Jika tidak tahu semua maksud masing-masing komponen, centang saja semua komponennya. Klik Next

    Normalnya XAMPP akan terinstall di C:\xampp. Bisa kamu ubah sesuai keinginan.
     Klik Next.
  3. Jika instalasi selesai, buka XAMPP Control Panel pada folder instalasi XAMPP, lalu klik Start pada bagian Apache dan MySQL

    Buka "xampp-control.exe"
    Klik Start pada bagian Apache dan MySQL. Tunggu sampai tulisan pada module berwarna hijau.
  4. Masih di folder yang sama, buka folder htdocs. Buat folder baru sesuai dengan keinginan. Misal : Androidlollipop

    Buka folder htdocs

    Buat folder baru sesuai keinginan
  5. Ekstrak semua file Joomla 3 di folder yang baru dibuat diatas.

    Ektrak file Joomla yang sudah di-download

    Copy/Cut semua isi dari file Joomla tadi, kemudian paste di folder yang sudah dibuat di htdocs
  6. Buka browser, kemudian ketik alamat : http://localhost/namafolder. Contoh : http://localhost/androidlollipop. Maka akan muncul tampilan konfigurasi Joomla.

    Tampilan konfigurasi Joomla
  7. Isi konfigurasi yang diperlukan, kemudian klik Next.
  8. Pada bagian Database Configuration, isi semua data yang disediakan. Hostname, Username, dan Password disesuaikan dengan servernya. Dan karena masih menggunakan XAMPP, default-nya adalah :

    Hostname : localhost
    Username : root
    Password : *kosong*

    Untuk database name, bebas menggunakan apa saja. Table prefix dibiarkan default.

    Jika semua sudah terisi dengan benar, klik Next. Pastikan Hostname, Username, dan Password nya benar

  9. Pada halaman Finalisation, Joomla akan meminta konfirmasi dari semua data yang telah diisi. Kamu juga bisa mengatur template awal web dengan memilih Sample Data yang disediakan. Jika sudah, klik Next. Tunggu proses instalasi. Jika sudah selesai, buka web kembali, maka tampilannya akan berubah menjadi tampilan web yang sudah jadi.
Instalasi web Joomla di lokal pun sudah selesai. Dengan begitu web sudah bisa digunakan, tapi hanya bisa diakses di komputer kamu saja karena masih lokal. Untuk bisa diakses siapa saja dengan internet, kamu harus meng-upload semua file yang ada di folder yang kamu buat di dalam htdocs ke layanan hosting. Kali ini saya menggunakan layanan IDHostinger karena tersedia layanan web hosting gratis.

Sebelum upload ke web hosting, beberapa hal yang harus dipersiapkan :
  1. Kompres semua file web yang sudah dibuat di htdocs tadi menjadi ZIP.

    Kompres menjadi file ZIP, jangan jadi RAR atau format lain.
  2. Buat Backup database yang sudah dibuat. Untuk melakukan backup, buka http://localhost/phpmyadmin, pilih database yang dibuat saat instalasi Joomla di bagian kiri,  klik Export, lalu klik Go. Download file .SQL dan simpan dimanapun untuk nantinya di-import di web hosting.

Langkah-langkahnya konfigurasi di Web Hosting :
  1. Buat dulu akun di IDHostinger untuk bisa menggunakan layanan web hosting. Bisa klik disini : http://www.idhostinger.com/order
  2. Jika akun sudah dibuat, kemudian login dengan akun yang sudah dibuat.
  3. Setelah login, klik Hosting > Order hosting baru
  4. Pilih paket hosting gratis, lalu klik Order
  5. Pastikan tipe domain-nya subdomain (karena menggunakan layanan gratis). Tulisnya nama web, misal Androidlollipop. Subdomainnya bisa dipilih sesuai yang tersedia. Isi password, kemudian klik lanjutkan.
  6. Selanjutnya pada tahap konfirmasi, isi captcha. Lalu klik Order.
  7. Jika sudah selesai, tunggu statusnya jadi aktif. Jika sudah, web hosting sudah bisa digunakan. 

Web hosting pun selesai. Tinggal meng-upload file web yang ada di lokal. Langkah-langkahnya : 
  1. Setelah login ke IDhostinger, maka akan ada list website yang sudah dibuat. Pilih web, kemudian klik Kelola.
  2. Pada control panel, pilih Detail untuk mendapatkan informasi seperti IP web, Username dan password FTP, dan lain sebagainya.
  3. Kembali ke control panel, buka File Manager 2 untuk dapat mengakses server FTP. Disini kamu akan meng-upload file web yang sudah dibuat di lokal.
  4. Buka folder public_html, kemudian klik Upload
  5. Klik browse pada bagian Archives (bukan yang files), kemudian pilih file ZIP yang sudah dibuat sebelumnya. Jika sudh, klik tanda centang hijau. Tunggu sampai selesai.
  6. Jika sudah, klik tanda panah biru untuk kembali. Jika berhasil, maka semua file web yang ada di lokal akan ada di list file FTP. Dengan begitu, upload file web selesai.

Yang terakhir yaitu mengkonfigurasi database pada web hosting. Langkah-langkahnya :
  1. Buat database di web hosting terlebih dahulu. Masih di dalam IDHostinger, pilih Database MySQL pada control panel. Isi nama database, username dan password, lalu klik Buat. 
  2. Jika udah, maka akan muncul daftar nama database, username, dan password yang baru saja dibuat. Simpan/ingat informasi tersebut untuk masuk ke database. 
  3. Kembali ke control panel, pilih Impor Database. Pilih database yang barusan dibuat, kemudian upload file SQL yang sudah dibuat sebelumnya. Jika sudah, klik Upload database.

Jika semua langkah diatas dilakukan dengan benar, maka Web pun sudah berhasil dibuat di Web Hosting dan sudah bisa diakses siapapun dengan internet!

Hasil web kami : http://androidlollipop.besaba.com/

SHARE ON:



Legaiabay is a random people who loves playing video games so much and (maybe) an hardcore console gamer. Just writing what I like in good mood, except college work lol. Enjoy, nothing here will interest you :D

    Blogger Comment

0 komentar:

Post a Comment