1 Prensetasi Cara Membuat Website [ Web Desa ] Dengan Menggunakan Xampp & Joomla PRENSENTASI WEB 12 1.3 ALAT dan BAHAN Laptop Xampp Joomla Hostinger ...
Prensetasi Cara Membuat Website [ Web Desa ] Dengan Menggunakan Xampp & Joomla
http://desawarembungan.url.ph
PRENSENTASI WEB
1
1.3 ALAT dan BAHAN Laptop
Xampp
Joomla
Hostinger
PRENSENTASI WEB
2
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
3
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
4
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
5
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
6
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
7
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
8
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
9
PRENSENTASI WEB
10
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
11
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
12
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
13
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
14
Dan ini adalah tampilan awal dari joomla.
PRENSENTASI WEB
15
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
16
3. berikutnya kita pergike Extension Template di situ akan muncul beberapa template lalu kita klik sala satu lalu klik Default
PRENSENTASI WEB
17
2.4 1.
Menambakan Fitur di Web
Kita pergi ke Extension /Extension Manager lalu kita masukan Module yang kita download . sperti module slideshow
2. Lalu kita klik Extentsion Module
PRENSENTASI WEB
18
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
19
Akan tampil. Tampilan Sebagai berikut Maka kita dapat Mengetik dan Memasukan artikel
PRENSENTASI WEB
20
Bab 3 Hasil Analis 3.1 Halaman utama Web Dan ini adalah halaman utama web kami. Dan artikelnya adalah profil desa
PRENSENTASI WEB
21
3.2 Tampilan-tampilan Artikel di Web Ini adalah tampilan artikel yang terdapat di web saya. Sajarah desa :
Struktur Pemerintahan:
PRENSENTASI WEB
22
Peta desa
PRENSENTASI WEB
23
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
24
3. Jadi kia langsung menuju ke pengisian akun dan mengisi registrasi yang ada.
4. Selanjutnya klik switch.
PRENSENTASI WEB
25
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
26
7. Selanjutnya akan masuk ke tahap penginstallan.
PRENSENTASI WEB
27
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
28
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
29
Dan gambar di bawah ini adalah tempat untuk mengganti template yang akan kita gunakan.
PRENSENTASI WEB
30
Dibawah ini merupakan tampilan web kami yang menggunakan hostinger
PRENSENTASI WEB
31
Demikian presentasi kami tentang pembuatan website desa. TERIMAKASIH
