Joomla Di Localhost

Embed Size (px)

Citation preview

  • 8/2/2019 Joomla Di Localhost

    1/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    1 Hakcipta terpelihara 2012 | [email protected]

    1. Muat turunfolderxampp (yang dibekalkan) ke dalam pemacu storan USB anda. Pastikan andamenyalinnya ke direktori utama* (jika pemacu storan USB adalah G; maka salinnya sebagai

    G:/xampp)

    *Nota: Awas! Sistem mungkin tidak berfungsi sekiranya anda menyalin folder xampp ini ke

    dalam direkori lain

    2. Buka folder xampp dan buka (klik 2 kali) fail xampp-control.

  • 8/2/2019 Joomla Di Localhost

    2/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    2 Hakcipta terpelihara 2012 | [email protected]

    3. Klik butang Start Apache untuk memulakan fungsi web server.

    4. Klik butang Start MySQL untuk memulakan fungsi Database Server

  • 8/2/2019 Joomla Di Localhost

    3/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    3 Hakcipta terpelihara 2012 | [email protected]

    5. Klik butang Admin Apache untuk membuka laman utama XAMPP (laman info dan kawalan).

    6. Klik butang Explore untuk membuka direktori utama xampp.

  • 8/2/2019 Joomla Di Localhost

    4/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    4 Hakcipta terpelihara 2012 | [email protected]

    7. Buka folder htdocs (folder web). Folder ini telah dimuatkan dengan 2 folder ujian Joomla iaitujoomla1 (Joomla versi 2.5) dan joomla2 (Joomla versi 1.7 dengan template bt_arise dan

    extensionnya).

    8. Untuk memulakan instalasi joomla1, buka pelayar web dan masukkan URLhttp://localhost/joomla1. Pilih bahasa untuk proses instalasi dan klik butang Next.

  • 8/2/2019 Joomla Di Localhost

    5/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    5 Hakcipta terpelihara 2012 | [email protected]

    9. Pada paparan Pre-Installation Check, pastikan semua kriteria wajib (seksyen atas pre-installationcheck) bertanda Yes dan hijau. Bahagian Recommended settings tidak wajib dipatuhi.

    Seterusnya klik butang Next.

    10.Baca perjanjian dan klik butang Next.

  • 8/2/2019 Joomla Di Localhost

    6/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    6 Hakcipta terpelihara 2012 | [email protected]

    11.Pada bahagian Database Configuration, hentikan sementara proses instalasi ini kerana kita perlumenyediakan database terlebih dahulu.

    12.Buka laman utama XAMPP (URLhttp://localhost) dan klik menu phpMyAdmin (atau buka URLhttp://localhost/phpmyadmin) menggunakan web browser.

    http://localhost/http://localhost/http://localhost/http://localhost/phpmyadminhttp://localhost/phpmyadminhttp://localhost/phpmyadminhttp://localhost/
  • 8/2/2019 Joomla Di Localhost

    7/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    7 Hakcipta terpelihara 2012 | [email protected]

    13.Pada laman PHPMyAdmin, klik menu Database

    14.Masukkan nama database (seperti: joomla1) dan klik butang Create.

    Paparan seperti di bawah akan terpapar sekiranya database berjaya dibina.

  • 8/2/2019 Joomla Di Localhost

    8/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    8 Hakcipta terpelihara 2012 | [email protected]

    15.Buka kembali laman instalasi dan masukkan maklumat database ke dalam paparan DatabaseConfiguration. Untuk contoh ini, host name: localhost ; username: root ; password: (tiada) ; dan

    database name: joomla1.

    16.Abaikan ruang FTP Configuration dan klik butang Next.

  • 8/2/2019 Joomla Di Localhost

    9/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    9 Hakcipta terpelihara 2012 | [email protected]

    17.Pada paparan Main Configuration, masukkan maklumat Site Name, email admin, nama admin,dan katalaluan admin. Peringatan: Elakkan menggunakan nama admin atau administrator bagi

    nama admin joomla anda.

  • 8/2/2019 Joomla Di Localhost

    10/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    10 Hakcipta terpelihara 2012 | [email protected]

    18. Instalasi selesai. Klik butang Remove installation folder untuk membuang fail-fail yang telahdigunakan bagi instalasi ini. Sistem Joomla tidak dapat berfungsi selagi folder installation ini

    tidak dibuang.

    Teks Installation folder successfully removed akan terpapar setelah folder installation berjaya

    dibuang.

  • 8/2/2019 Joomla Di Localhost

    11/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    11 Hakcipta terpelihara 2012 | [email protected]

    Klik butang Site (atau buka URL http://localhost/joomla1) untuk membuka laman utama Joomla.

    Paparan utama ini digelar sebagai FrontEnd (paparan pengguna)

  • 8/2/2019 Joomla Di Localhost

    12/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    12 Hakcipta terpelihara 2012 | [email protected]

    19.Klik butang Administrator (atau buka URL http://localhost/joomla1/administrator) untukmembuka laman pengurusan sistem.

    Laman pengurusan ini akan meminta pengguna memasukkan nama admin dan katalaluan admin

    sebelum dibenarkan masuk. Masukkan nama admin dan katalaluan admin seperti yang telah

    anda masukkan sebelum ini (langkah 17), kemudian klik butang Log in.

  • 8/2/2019 Joomla Di Localhost

    13/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    13 Hakcipta terpelihara 2012 | [email protected]

    Paparan pengurusan Joomla ini digelar sebagai BackEnd (paparan pengurusan).

    20.Untuk instalasi folder joomla2, ulangi langkah-langkah di atas (langkah 8 - langkah 19) denganmemasukkan URL http://localhost/joomla2 pada web browser. Gunakan nama database yang

    berbeza (seperti: joomla2) untuk membina database (langkah 14 langkah 15).

    Berikut adalah paparan joomla2 sekiranya instalasi joomla2 berjaya:

  • 8/2/2019 Joomla Di Localhost

    14/14

    March 22, 2012 [BENGKEL KEMASKINI LAMAN WEB (JOOMLA) - 2012]

    14 Hakcipta terpelihara 2012 | [email protected]

    Paparan FrontEnd

    Paparan BackEnd