membuat web site sekolah bag 2

Upload: slametbl

Post on 02-Jun-2018

220 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/10/2019 Membuat Web Site Sekolah Bag 2

    1/8

    Membuat Web Site Sekolah /Guru dengan Joomla

    ( Bag 2 )

    Panduan ini adalah lanjutan dari Membuat Web Site Sekolah / Guru dengan Joomla ( Bag 1 ).Pada tahap ini Bapak/Ibu telah yakin mulai membuat Web Site. Setelah aplikasi XAMPP, aplikasi

    Joomla 1.5.x, modul, komponen dan plugin di dapat dari hasil download, maka sekarang lakukan

    Instalasi dua aplikasi itu.

    A. Instalasi XAMPP di Lokal Komputer.

    Berikut langkah-langkah menginstal Aplikasi XAMPP di dalam komputer Bapak / Ibu :

    1. Pilih atau klik dua kali File xampp-win32-1.6.1- instalerhasil download. Gambar 1

    Gambar 1

    2. Berikut muncul pilihan bahasa dalam screen installer Language, lalu klik tombol OK.Gambar 2

    Gambar 2

    3. Selanjutnya ditampilkan informasi selamat datang XAMPP Setup Wizard, Klik tombol NEXT

    untuk melanjutkan. Gambar 3

    Gambar 3

  • 8/10/2019 Membuat Web Site Sekolah Bag 2

    2/8

    4. Berikutnya muncul Pilihan letak tempat instalasi pada harddisk komputer. Biarkan saja standart

    sistem, jangan di ubah. Klik tombol NEXT. Gambar 4

    Gambar 4

    5. Kemudian tampil pilihan XAMPP Option. Check List semua Kotak pilihan di SERVICE

    SECTION. Berikutnya klik tombol Install. Terlihat progres bar instalasi pada layar. Tunggulahhingga proses instalasi XAMPP selesai di komputer. Gambar 5 dan gambar 6

    Gambar 5

    Gambar 6

    6. Setelah proses instalasi selesai, maka klik tombol Finish untuk menyelesaikan proses. KetikaAnda selesai klik tombol finish akan terlihat pop-up window berupa konfirmasi untuk membukaXAMPP Control panel, klik tombol Yes. Gambar 7

  • 8/10/2019 Membuat Web Site Sekolah Bag 2

    3/8

    Gambar 7

    7. Selanjutnya muncul Screen XAMPP Control Panel Aplication. Amati Modul Apache, MySql,

    FileZilla, apakah sudah dalam keadaan Running. Jika sudah maka Web Server dan webdatabase sekarang telah aktif. Gambar 8

    Gambar8

    8. Terakhir Klik Tombol Close ( X)

    Setelah Instalasi XAMPP di lokal komputer selesai maka sekarang lanjutkan dengan mengekstrak

    aplikasi Joomla 1.5.x nya.

    B. Ekstrak Joomla 1.5.x ke Direktori C:\xampp\htdoc

    1. Buka window explore di komputer Bapak/Ibu. Berikutnya cari dan buka directory

    C:\xampp\htdoc lihat gambar 9

    Gambar 9

  • 8/10/2019 Membuat Web Site Sekolah Bag 2

    4/8

    2. Setelah folder htdocs terbuka, buatlah folder baru dengan nama sembarang, yang penting ingat,

    sebagai contoh : buat folder baru dengan nama sekolahku. Folder ini digunakan sebagaitempat mengekstrak file aplikasi Joomla 1.5.x. Gambar 10

    Gambar 10

    3. Berikutnya Buka File zip Joomla 1.5.x. Dalam hal ini Kita ambil contoh file aplikasi Joomlayang dipakai adalah versi 1.5.6. Ekstrak file zipJoomla_1.5.6-Stable-Ful l-Package hasil

    download ke foldersekolahku yang baru saja dibuat tadi. Gambar 11

    Gambar 11

    4. Jika sudah maka sekarang aplikasi Joomla 1.5.6 telah selesai di ekstrak di lokal komputer

    Bapak/Ibu.

    Berikutnya Instalasi Acount User Joomla dan membuat data base di Lokal Komputer. Ikuti Langkahsebagai berikut :1. Buka browser di Komputer Bapk/Ibu (Internet Explorer / Mozilla Fire Fox), lalu ketik

    http://localhost/sekolahkuatau http://127.0.0.1/sekolahlalu tekanEnter. Gambar 12

    Gambar 12

    http://127.0.0.1/sekolahhttp://127.0.0.1/sekolahhttp://127.0.0.1/sekolah
  • 8/10/2019 Membuat Web Site Sekolah Bag 2

    5/8

    2. Sehingga tampil screen Pilihan bahasa (Choose Language). Biarkan standart sistem. Klik Next.Gambar 13.

    Gambar 13

    3. Selanjutnya ditampilkan keterangan konfigurasi dan fasilitas server apache, MySQL,dankomponen PHP. Apabila ada komponen pokok yang tidak tersedia, maka akan adapemberitahuan. Kemudian ada juga rekomendasi system dan konfigurasi yang diberikan olehsistem Joomla untuk masalah keamanan. lik tombol NEXT, Gambar 14

    Gambar 14

    4. Berikutnya muncul halaman licence.Halaman ini menjelaskan soal lisensi Joomla untuk dilihatdan dimengerti akan hak-hakJoomla dan user dalam hal copyrightdi dunia opensource. Klik

    tombol NEXT. Gambar 15

    Gambar 15

  • 8/10/2019 Membuat Web Site Sekolah Bag 2

    6/8

    5. Berikutnya muncul kotak dialog konfigurasi data base. Isilah seperti gambar di bawah ini.Gambar 16

    Gambar 16

    Ketik Pada Kolom Basic Settings seperti di bawah ini :

    Database Type : mysql

    Host Name : localhost

    Username : root

    Password : ( biarkan kosong saja )

    Database Name : datasekolah

    Setelah selesai mengisi seperti di atas klik tombol Next.

    6. Berikutnya meuncul screen konfirmasi pemberitahuan keberadaan database. Klik tombol Yes.Gambar 17

    Gambar 17

    7. Selanjutnya ditampilkan langkah FTP Konfiguration. Biarkan defaulnya. Jadi lanjutkan KlikTombol NEXT saja. Gambar 18

    Gambar 18

  • 8/10/2019 Membuat Web Site Sekolah Bag 2

    7/8

    8. Langkah berikutnya ditampilkan Konfigurasi Site. Gambar 19. Bapak/Ibi harus mengisi NamaSite, E-Mail Password Admin dan konfirmasi Password Admin. Sebagai Contoh Lihat di Bawahini :

    Site Name : SMA Makmur Kandangan

    Your E-Mail : [email protected]

    Admin Password : smamakmur ( tampilan yang terlihat :

    )Confirm Admin Password : smamakmur (harus sama dng yang diatas)

    Gambar 19

    Jika Sudah Lanjutkan Klik NEXT

    9. Selanjutnya Jika Isian yang Bapak/Ibu berikan benar maka ditampilkan Konfrimasi

    Congratulations Installasi Joomla. Gambar 20.

    Gambar 20

    Sekarang Instalasi Acount User Joomla dan pembuatan nama data base di lokal komputer telahselesai. Biarkan Dulu Tampilan ini ( Jangan di tutup). Sebelum Bapak/Ibu mencoba mangakses /

    masuk ke Login Admin. Hapus dulu FolderInstallation. Folder tersebut berada di directory

    C:\xampp\htdoc\sekolahku\installation

    Jika folderInstallation sudah dihapus, maka sekarang coba untuk login Administrator Joomla.Klik tombol Adminpada gambar diatas.

    mailto:[email protected]:[email protected]
  • 8/10/2019 Membuat Web Site Sekolah Bag 2

    8/8

    10. Berikutnya ditampilkan Screen Joomla Administration Login. Gambar 21.

    Gambar 21

    Pada baris User Name ketik : admin , berikutnya pada baris Password : isilah sesuai pasaawordyang telah bapak/Ibu Tulis Tadi. Jika Sudah Klik Tombol Login atau Tekan Enter di Keyboard.

    Nah Mulai Sekarang Bapak/Ibu telah bisa mulai merancang dan membuat Web Site Sekolah atau

    Web Pribadi.

    Dah Dulu Yaaa. Bapak / Ibu Panduan Bag 2 nya ini. Ntar Sambung Lagi Bag 3. Ini DahJam 12 Malam, Mau Nonton Film Di Trans TV dulu baru bisa tidur Dan Besok Ngajar Pagi.