Home >Documents >Instalasi XAMPP di Windows - ? ‚ web server dengan fasilitas Apache 2, ... itu tandanya...

Instalasi XAMPP di Windows - ? ‚ web server dengan fasilitas Apache 2, ... itu tandanya...

Date post:01-Feb-2018
Category:
View:216 times
Download:1 times
Share this document with a friend
Transcript:
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011I. Instalasi XAMPP di Windows

    Sebuah PC atau Laptop dapat kita jadikan sebagai web server. Disini akan dibahas installasi web server dengan fasilitas Apache 2, PHP 5, dan MySQL 5 dengan menggunapak paket software XAMPP. Paket XAMPP ini merupakan satu paket installasi yang nantinya

    akan menginstall Server Apache, PHP, dan MySQL.

    Paket ini dapat di download di http://www.apachefriends.org/en/xampp-windows.html dengan mengikuti petunjuk yang ada pada situs tersebut. Setelah mendapatkan software XAMPP tersebut langsung saja Double klik atau jalankan klik kanan lalu klik Run.

    Double klik

    1Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

    http://www.apachefriends.org/en/xampp-windows.html

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    Klik Next.

    Klik Next.

    2Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    Pilih Install Apache as service dan Install MySQL as service, jika Filezilla ftp server ingin diinstall juga sebagai service pilih juga. Lalu klik Install.

    Setelah instalasi selesai, muncul message berikut :

    3Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    Klik Finish, dan kemudian muncul message box berikut :

    Klik Ok.

    Klik Yes, jika ingin segera menjalankan XAMPP Control Panel.Instalasi XAMPP 1.6.6 selesai dilakukan.

    Tampilan XAMPP Control Panel.

    4Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    Setingan pada kontrol panelnya cukup sederhana. Pada bagian Svc ada bagian yang tanpa centang, itu tandanya service dari Aplikasi belum terinstal pada windows. Agar Service terinstall pada Windows Services, klik pada bagian Svc.Untuk start/stop service tinggal klik pada tombol Start/Stop.

    Untuk mengetes apakah server yang kita buat berjalan dengan baik, silahkan Akses server dengan mengetikkan http://localhost/

    Berikut tampilan web administrasi pada XAMPP.

    5Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

    http://localhost/

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011II. Installasi Joomla 1.5.xx

    Joomla 1.5 adalah salah satu proyek open source di bidang web developer.

    Turunan dari CMS Mambo ini telah menjadi sangat populer dan telah mendapatkan

    beberapa penghargaan prestisius. Dalam artikel ini kita aakn membahas bagaimana

    menginstalasi CMS Joomla ini. Namun sebelumnya, pada komputer anda harus terinstall

    sebuah web server virtual, yang disini kita menggunakan XAMPP.

    Proses Instalasi CMS Joomla 1.5

    Jika anda belum mempunyai package Joomla 1.5 maka anda dapat mendownloadnya

    terlebih dahulu di website resmi joomla www.joomla.org

    1. Download Joomla_1.5.10-Stable-Full_Package.zip

    2. Buat folder di dalam folder www pada direktori XAMPP Server dengan nama

    folder menyesuaikan nama proyek. Sebagai contoh websekolah

    3. Ekstaksi file yang ada di dalam Joomla_1.5.10-Stable-Full_Package.zip ke

    dalam direktori yang telah dibuat tersebut.

    4. Setelah proses ekstrak selesai langsung akses http://localhost/websekolah

    5. Kemudian akan muncul halaman pertama instalasi Joomla

    6. Pilih bahasa yang akan anda gunakan dalam pengembangan halaman web sekolah

    6Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

    http://localhost/websekolahhttp://www.joomla.org/

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    7. Selanjutnya adalah proses checking system & hardware support untuk instalasi Joomla.

    7Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    8. Setelah Pre-Installation Check selesai dilakukan, maka proses instalasi akan dilanjutkan ke License Agreement

    8Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 20119. Setelah license agreement disetujui, proses intalasi dilanjutkan ke konfigurasi Database

    10. Setelah proses pengkonfigurasian database selesai, maka instalasi akan dilanjutkan ke proses konfigurasi File Transfer Protocol (FTP). Proses ini dapat langsung kita lewati jika kita tidak mengetahui konfigurasi FTP-nya

    9Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    11. Setelah proses konfigurasi FTP selesai, kita lanjutkan ke proses konfigurasi halaman web yang akan kita buat.

    10Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    12. Setelah proses konfigurasi halaman selesai, kita lanjutkan ke proses selanjutnya. Maka akan muncul halaman seperti ini.

    11Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    13. Sebelum kita mem-preview halaman web kita atau masuk ke site administrator, ada peringatan untuk menghapus folder instalasi pada package joomla yang telah diekstrak tadi.

    12Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    14. Setelah kita hapus folder instalasi pada folder proyek kita maka ketika kita mem-preview halaman yang telah kita buat hasilnya adalah sebagai berikut.

    13Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 201115. Jika kita masuk ke site administrator, maka kita akan dihadapkan pada halaman login (verifikasi user). Masukkan username dan password. Halaman Administrator dapat diakses di http://localhost/websekolah/administrator/

    16. Setelah berhasil login, maka akan dihadapkan ke Joomla Control Panel seperti berikut.

    14Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

    http://localhost/websekolah/administrator/

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    17. Pada tahap ini Anda telah berhasil melakukan installasi joomla. Dan Anda bisa bebas berkreasi.

    III. Konfigurasi Control Panel Joomla

    Setelah melewati halaman login, anda akan dibawa ke sebuah sistem control panel. Dari sini kita bisa mengatur keseluruhan isi dari Joomla yang kita buat. Ada berbagai menu yang bisa kita gunakan disini diantaranya site, menus, content, components, extensions, tools, dan help.

    a. Menu site digunakan untuk mengakses konfigurasi situs secara umum.

    b. Menus digunakan untuk mengatur menu-menu yang ada pada situs.

    c. Content digunakan untuk mengatur isi dari situs, baik itu section, category, maupun artikel-artikel di dalamnya.

    d. Menu components digunakan untuk mengatur komponen-komponen yang ada pada Joomla. Komponen ini bisa berupa komponen bawaan maupun hasil installasi kita.

    e. Menu extension berisi konfigurasi modul, template, plugin, serta bahasa. Modul-modul ini bisa ditambahkan atau dihapus melalui menu ini juga.

    15Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011

    1. Menu

    Sebagaimana dijelaskan pada awal bagian ini, menu yang dimaksud disini merupakan menu-menu yang nantinya akan muncul pada halaman website. Menu ini bisa diatur melalui menu manager dengan tamplan sebagai berikut.

    Disini kita bisa menambahkan menu, menghapus menu, serta mengatur item-item yang dimuat dari masing-masing menu. Item ini nantinya akan di list pada tampilan menu di website. Item ini dapat berupa link ke salah satu isi dari situs seperti artikel, berita, pencarian, pengguna, dan lain-lain. Juga dapat berupa link ke situs-situs di luar website kita.

    Pemilihan tipe menu item yang akan kita buat merupakan langkah pertama yang dilakukan

    16Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011untuk menambahkan menu item sebelum mengatur isi dari itemnya. Tampilannya dapat dilihat seperti gambar berikut.

    Setelah tipe menu item dipilih, kita akan dibawa ke halaman menu editor dimana kita diminta mengisikan detail dari item suatu menu.

    - judul dari menu ini,

    - alias yang akan dimunculkan pada menu,

    - link tujuan dimana halaman akan berpindah bila menu ini di akses, serta lokasi item menu ini. Lokasi ini meliputi nama menu tempat item ini diletakkan,

    17Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011- level menu ini, apakah menu utama atau sub menu darimenu lain yang suda

Embed Size (px)
Recommended