BAB 7

IMPLEMENTASI WEBSITE DESA WISATA PADA

DOMAIN DAN HOSTING

7.1. Instalasi Joomla pada SubDomain dan Hosting

1. Ketikan infinityfree.net

2. Klik tombol client area

3. Isikan username dan password pada saat mendaftar

Disusun Oleh : Angga Setiyadi, S.Kom., M.Kom Hal 1

 2

4. Berikut ini adalah layar keluaran dari berhasil masuk kedalam sistem

pengelolaan di infinityfree

5. Klik manage
 3

6. Klik tombol control panel

7. Pilih Softacolous Apps Installer pada bagian software

8. Pilih bagian portal/cms dan joomla

 4

9. Klik tombol install now

10. Isikan Data Sebagai Berikut ini

Deskripsi Pengisian Data

Choose the version you want to install 3.9.22
Choose Installation URL Choose Protokol : http://www
Choose Domain : namapraja.rf.gd
Site Name Nama Anda
Site Description Website Destinasi Wisata
Admin Username admin
Admin Password 4dm1n12345
 5

11. Klik tombol Install untuk melakukan pemasangan joomla kedalam website

anda

12. Tahap Instalasi

 6

13. Berikut ini adalah layar keluaran berhasil memasang joomla pada website

anda

Penjelasan :

1. No 1 adalah url yang dapat anda bagikan untuk public

2. No 2 adalah url yang digunakan untuk halaman administrator

 7

7.2. Menghapus Joomla pada SubDomain dan Hosting

Penghapusan joomla dilakukan disaat kita sudah tidak membutuhkan isi

websitenya kembali. Untuk bagian penghapusan hanya dilakukan jika

website bermasalah, dalam kegiatan ini bagian ini dapat kita lewati.

1. Pilih bagian portal/cms dan joomla

2. Klik tombol silang untuk menghapus joomla

3. Klik tombol remove installation

 8

7.3. Backend atau Halaman admin

Backend website adalah halaman belakang pada sistem content

management system. Backend biasanya diakses oleh administrator. Berikut ini

adalah langkah-langkah untuk masuk ke dalam sistem backend website

diantaranya :

1. Masuk kembali ke bagian control panel dan lihat di bagian akun terdapat

nama website anda

 9

2. Ketikan www.namapraja.rf.gd/administrator

www.namapraja.rf.gd didapatkan dari control panel pada point 1

3. Masukan username dan password pada langkah 10 tentang instalasi joomla

dan klik tombol login

4. Berikut adalah layar keluaran dari halaman admin

 10

7.4. Frontend atau Halaman Pengguna

Frontend website adalah segala macam teknologi yang digunakan untuk

menampilkan sebuah website di browser yang diakses oleh pengguna. Berikut ini

adalah langkah untuk mengakses frontend desa wisata diantaranya :

1. Ketikan www.namapraja.rf.gd pada browser

2. Berikut ini adalah layar keluaran dari frontend desa wisata

7.5. Template Website

Template website merupakan komponen dasar dari suatu sistem yang

memisahkan antara bagian konten, presentasi dari suatu desain web. Web

template digunakan untuk memproduksi dokumen secara massal.

 11

7.5.1. Memasang Template Website

Berikut ini adalah langkah-langkah dalam memasang template untuk bagian

frontend/pengguna di antaranya :

1. Ketikan www.namapraja.rf.gd/administrator

www.namapraja.rf.gd didapatkan dari control panel pada point 1

2. Masukan username dan password pada langkah 10 tentang instalasi joomla

dan klik tombol login

3. Berikut adalah layar keluaran dari halaman admin

 12

4. Pilih menu extensionàmanage à install

5. Klik tombol browse for file

6. Klik folder pendukung

 13

7. Pilih file j51_renovate_template.zip à Open

8. Proses upload file

 14

9. Berikut adalah layar keluaran berhasil memasang template untuk

pengguna

7.5.2. Mengganti Template Website

Berikut ini adalah langkah-langkah untuk mengganti template website

untuk pengguna di antaranya :

1. Klik menu extension à template

2. Klik tombol bintang pada bagian default j51 renovate

 15

3. Berikut ini adalah layar keluaran untuk membuat j51_renovate menjadi

template default untuk pengguna

7.5.3. Melihat Template Website untuk pengguna

Berikut ini adalah langkah-langkah untuk melihat template untuk bagian

frontend/pengguna di antaranya :

1. Ketikan www.namapraja.rf.gd pada browser

2. Berikut ini adalah layar keluaran dari frontend desa wisata

 16

7.5.4. Mengganti Logo Website untuk pengguna

Berikut ini adalah langkah-langkah untuk mengganti logo pada website

desawisata diantaranya :

1. Klik menu extensions à templates

2. Klik template j51_renovate – default

3. Klik tombol logo

4. Klik tombol select pada bagian select logo image

 17

5. Pilih menjadi headers

6. Klik tombol choose file

 18

7. Pilih file logo pada folder pelatihan website ilmu pemerintahan dan

pilih file logo à open

8. Klik tombol start upload

 19

9. Klik logo.png (desa wisata) à Insert

10. Ubahlah y postion menjadi 30

 20

11. Klik tombol save and close untuk menyimpan

 21

7.5.5. Melihat Logo Website untuk pengguna

Berikut ini adalah langkah-langkah untuk melihat logo pada website

desawisata diantaranya :

1. Ketikan www.namapraja.rf.gd pada browser

2. Berikut ini adalah layar keluaran dari frontend desa wisata

7.6. Slideshow

Slideshow pada website adalah suatu rangkaian gambar yang bergerak

yang dirangkai menjadi satu dan ditujukan untuk maksud tertentu. Berikut ini

adalah contoh dari slideshow dari sebuah website.

 22

7.6.1. Memasang Modul Slideshow pada desa wisata

Berikut ini adalah langkah-langkah untuk memasang modul slideshow

pada website desawisata diantaranya :

1. Klik menu extensions à manage

2. Klik tombol choose file

 23

3. Pilih mod_j51slideshow à Open

4. Proses upload file

5. Modul slideshow berhasil di install di website desa wisata

 24

7.6.2. Mengkonfigurasi Penempatan Gambar Slideshow pada desa

wisata

1. Klik menu content à media

2. Klik tombol create new folder

 25

3. Isikan sliders pada pengisian teks dan tekan tombol create folder

4. Berikut ini adalah layar keluaran berhasil membuat folder sliders

 26

7.6.3. Menambahkan Gambar Slideshow pada desa wisata

1. Klik menu content à media manager

2. Klik folder sliders

3. Klik tombol upload à choose file

4. Pilih slideshow1 sampai slideshow3 à klik open

 27

5. Klik tombol start upload

6. Berikut adalah layar keluaran berhasil mengupload file slideshow

 28

7.6.4. Mengaktifkan Modul Slideshow pada desawista

1. Extension Manager à Module

2. Klik j51_slideshowmodule
 29

3. Ubahlah Data Berikut pada bagian details :

a. Status : Published

b. Show Title : Hide

c. Positions : contenttop-a

Berikut ini adalah layar keluaran dari pengubahan data :

4. Ubahlah data image directory pada bagian setting menjadi

“Images/Sliders”
 30

5. Ubahlah data module assignment pada bagian menu assignment menjadi

on all pages
 31

6. Klik tombol save & close

7. Berikut layar keluaran berhasil mengaktifkan modul

J51_Slideshowmodule

7.6.5. Melihat Slideshow Website untuk pengguna

Berikut ini adalah langkah-langkah untuk melihat slideshow pada website

desawisata diantaranya :

1. Ketikan www.namapraja.rf.gd pada browser

2. Berikut ini adalah layar keluaran dari frontend desa wisata

32