PRENSENTASI WEB 1

Prensetasi

Cara Membuat Website

[ Web Desa ]

Dengan Menggunakan

Xampp & Joomla

http://desawarembungan.url.ph

PRENSENTASI WEB 2

1.3 ALAT dan BAHAN

Laptop Xampp

Joomla Hostinger

PRENSENTASI WEB 3

Prosedur Percobaan

2.1 Menginstal Xampp

Mengistal Xampp

1. Download aplikasi XAMPP .

2. Dobel klik file xampp yang baru saja Anda download, selanjutnya

akan muncul jendela “installer language” seperti di bawah ini:

3. Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik

OK.

4. Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja

dan lanjutkan dengan klik OK dan YES.

PRENSENTASI WEB 4

5. Berikutnya akan muncul jendela yang isinya meminta Anda

menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi

sudah ditutup, maka klik tombol Next.

PRENSENTASI WEB 5

6. Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau

diinstal. Centang saja semua pilihan dan klik tombol Next.

7. Kemudian Anda akan diminta untuk menentukan lokasi folder

penyimpanan file-file dan folder XAMPP. Secara default akan

diarahkan ke lokasic:\xampp. Namun jika Anda ingin

menyimpannya di folder lain bisa klik browsedan tentukan secara

manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan

PRENSENTASI WEB 6

dan klik tombol Install.

8. Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah

muncul jendela seperti di bawah ini, klik tombol Finish untuk

menyelesaikannya.

PRENSENTASI WEB 7

9. Berikutnya, akan muncul jendela dialog seperti gambar di bawah

ini yang menanyakan Anda apakah mau langsung menjalankan

aplikasi XAMPP atau tidak. Jika ya, maka klik YES.

CARA MENJALANKAN APLIKASI XAMPP

1. Bukalah aplikasi XAMPP, bisa melalui Start

Menu atau Desktop, dan klik icon XAMPP. Atau, jika Anda

membukanya begitu proses instalasi selesai maka klik Yes seperti

yang terlihat pada gambar di atas.

2. Setelah terbuka, silahkan klik tombol Start pada

kolom Action sehingga tombol tersebut berubah

menjadi Stop. Dengan mengklik tombol tersebut, artinya itulah

aplikasi yang dijalankan. Biasanya jika saya menggunakan

XAMPP, yang saya start hanyalah aplikasi Apache dan MySQL,

karena saya tidak memerlukan aplikasi seperti Filezilla

PRENSENTASI WEB 8

3. Ini adalah tampilan xampp yang sudah running.

4. Sekarang bukalah browser kesukaan Anda, dan coba

ketikkanhttp://localhost/xampp di address bar. Jika muncul

tampilan seperti gambar di bawah ini, instalasi telah berhasil.

PRENSENTASI WEB 9

2.2 Menginstal Joomla

Tahap – tahap penginstalan joomla

1. Pertama kita harus mendownload Joomla, di sini yang saya gunakan

adalah joomla 3.1

Setelah kita mendownlaod joomla kita menge Extract Joomla.

PRENSENTASI WEB 10

PRENSENTASI WEB 11

2. Setelah joomla selesai di Extract, kita harus merubah nama folder

joomla tersebut

disini folder joomlanya saya berinama Desa Warembunga karana saya

ingin membuat web desa.

3. Setela itu folder joomla yang tela kita beri nama kita copy ke data C:

Xampp/ htdocs/

PRENSENTASI WEB 12

4. Setela kita memindakan folder joomla ke Xampp sekarang kita

Buka aplikasi internet disini saya menggunaka aplikasi Jet Browser

Lalu kita ketik nama folder joomla yang kita copy ke Xampp contonya:

http://localhost/desa warembugan lalu akan muncul gambar seperti

berikut :

Lalu kita harus mengisi apa yang ada di dalam tempilan tersebut setelah

itu kita klik Next

5. Di tahap ini juga kita disuru untuk mengisi. Yang perlu untuk di isi

hanyala Username dan Database

PRENSENTASI WEB 13

6. Disi adalah tahap untuk kita memilih tapilan artikel yang akan kita

gunakan untuk web kita.

Gambar di bawa ini adalah proses penginstalan joomla

PRENSENTASI WEB 14

7. ini adalah tahap akhir penginstalan joomla & tampilan ini

menyatakan penginstalan joomla suda selesai .

Lalu klik Installation folder succe fully removed dan akan

mucultampilan berikut :

PRENSENTASI WEB 15

Dan ini adalah tampilan awal dari joomla.

PRENSENTASI WEB 16

2.3 Cara merubah tampilan Web

1. Pertama kita harus membuka administrator contonya:

http://localhost/desa%20warembungan/administrator

Seperti tamilan berikut

2. Kita pergi ke Extension /Extension Manager lalu kita masukan template yang kita

download

Lalu klik Upload & Install

PRENSENTASI WEB 17

3. berikutnya kita pergike Extension Template di situ akan muncul

beberapa template lalu kita klik sala satu lalu klik Default

PRENSENTASI WEB 18

2.4 Menambakan Fitur di Web

1. Kita pergi ke Extension /Extension Manager lalu kita masukan Module

yang kita download . sperti module slideshow

2. Lalu kita klik

Extentsion Module

PRENSENTASI WEB 19

3. Setelah itu kita klik

module yang

telah kita instal.

Lalu kita klik

Published maka module

tersebut akan tampil

di web yang kita buat

2.5 Memasukan artikel di Web

1. Disni saya hanya menggunaka

cara yang sederhana

Saya pergi halaman

web lalu sing in

maka akan muncul

fitu seperti berikut

lalu kita klik edit.

PRENSENTASI WEB 20

Akan tampil.

Tampilan

Sebagai berikut

Maka kita dapat

Mengetik dan

Memasukan artikel

PRENSENTASI WEB 21

Bab 3

Hasil Analis

3.1 Halaman utama Web

Dan ini adalah halaman utama web kami.

Dan artikelnya adalah profil desa

PRENSENTASI WEB 22

3.2 Tampilan-tampilan Artikel di Web

Ini adalah tampilan artikel yang terdapat di web saya.

Sajarah desa :

Struktur

Pemerintahan:

PRENSENTASI WEB 23

Peta desa

PRENSENTASI WEB 24

3.3 Menginstal Joomla Online & Mempublis di Hostinger

1. Pertama kita cari di google dengan kata kunci Hostinger lalu

Kita klik setela itu akan masuk ke web hostinger lalu kita klik

Order sekarang .

2.Karena saya sudah terlebih dahulu mempunyai akun.

Disini langsung saja klik create new account untuk membua akun baru.

PRENSENTASI WEB 25

3. Jadi kia langsung menuju ke pengisian akun dan mengisi registrasi

yang ada.

4. Selanjutnya klik switch.

PRENSENTASI WEB 26

5. Disini kita klik Auto Installer untuk menginstal cms yang akan kita

gunakan.

6. Cms yang kita gunakan adalah joomla. Kemudian kita harus mengisi

administrator username dan password.

PRENSENTASI WEB 27

7. Selanjutnya akan masuk ke tahap penginstallan.

PRENSENTASI WEB 28

8. Dibawah ini merupakan tampilan untuk mengedit website

menggunakan zyro yang terdapat pada hostinger.

Dan dibawa ini adalah cara untuk mengedit tampilan joomla

Di sini kita klik Extension Manager untuk minginstal module &

Template yang kita inginkan

PRENSENTASI WEB 29

Ini adalah tempat untuk mengupload module & template yang akan kita

gunakan.

Disini adalah tempat untuk mengedit module atau fitur yang akan kita

tambakan di website seperti tampilan slidesow dan fitur yang lain.

PRENSENTASI WEB 30

Dan gambar di bawah ini adalah tempat untuk mengganti template yang

akan kita gunakan.

PRENSENTASI WEB 31

Dibawah ini merupakan tampilan web kami yang menggunakan

hostinger

PRENSENTASI WEB 32

Demikian presentasi kami tentang pembuatan

website desa.

TERIMAKASIH