Belajar Install XAMPP dan Joomla di Windows

15/05/2009 07:54

Berikut adalah yang harus kamu siapkan :

  1. Komputer, bisa berupa PC ataupun Laptop

  2. XAMPP 1.5.3a.

    XAMPP adalah paket yang berisi program Apache, MySQL, FileZilla, dan Mercury. Disini yang dibutuhkan adalah Service Apachenya saja.

  3. CMS ( Content Management System ).

    Adalah source kode website dari yang kita ingin buat, Banyak sekali jenis CMS yang bisa di pakai, untuk tutorial ini saya menggunakan Joomla 1.0.15-Stable Full yang merupakan CMS OpernSource ( Free ). Ada banyak jenis CMS OpenSource (Free ) diantaranya Mambo, WordPress, Drupal, phpBB, dan lainnya.

  4. Web Browser

    Web Browser digunakan untuk melihat hasil website kita dan mengedit contentnya. Web Browser yang saya gunakan adalah K-Meleon. Kamu bisa gunakan Mozilla Firefox, Opera, Flock, dan lainnya.

  5. Setelah 1-4 sudah disiapkan sekarang yang paling penting adalah Niat dan Kemauan.

 

Langkah – Langkah :

  1. Install XAMPP 1.5.3a, dan akan muncul pilihan bahasa installasi. Pilih bahasa English, dan klik OK.

    https://img301.imageshack.us/img301/4226/95287530xy2.jpg

  2. Kemudian ada jendela setup wizard yang memberitahukan bahwa XAMPP akan di install, klik Next.

    https://img301.imageshack.us/img301/4412/32256139sj3.jpg

  3. Selanjutnya adalah lokasi installasi, defaultnya ada di C:\Program File, klik Install.

    The image “https://img123.imageshack.us/img123/5009/25654766uy3.jpg” cannot be displayed, because it contains errors.

  4. Tunggu proses installasi dan akan muncul jendela bahwa installasi sudah complete, klik Finish.

    https://img361.imageshack.us/img361/2849/85158808pm2.jpg

  5. Pada selanjutnya kamu ditanya apakah ingin menginstall service Apache, MySQL, dan FileZilla. Klik saja Yes.

    The image “https://img361.imageshack.us/img361/2710/57449512jd6.jpg” cannot be displayed, because it contains errors.

  6. Langkah selanjutnya kamu ditanya apakah ingin menginstall service Apache 2. Klik saha Yes.

    https://img361.imageshack.us/img361/8910/83252281nj1.jpg

  7. Setelah itu ada pemberitahuan bahwa Apache 2 sudah sukses di install pada port 80 dan 443. Klik OK.

    https://img374.imageshack.us/img374/5531/85572226yx9.jpg

  8. Kemudian langkah selanjutnya kamu ditanya apakah ingin menginstall service MySQL, klik Yes.

    https://img374.imageshack.us/img374/7076/92018001fw9.jpg

  9. Akan muncul jendela pemberitahuan bahwa MySQL sukses di install di port 3306. Klik OK.

    The image “https://img374.imageshack.us/img374/9140/23547323bg3.jpg” cannot be displayed, because it contains errors.

  10. Kemudian kamu akan ditanya apakah ingin menginstall service FileZilla FTP, klik Yes.

    https://img374.imageshack.us/img374/6323/10or5.jpg

  11. Congratulation, XAMPP sudah selesai di install. Klik Yes untuk menampilkan Control Panel-nya.

    https://img374.imageshack.us/img374/5975/11gp5.jpg

  12. Ini adalah Control Panel dari XAMPP.

    https://img374.imageshack.us/img374/4976/12mz0.jpg

  13. Untuk mengecek apakah servicenya sudah berhasil di install, sekarang kamu buka Web Browser dan ketikan localhost di url-nya. Kalau berhasil tampilan di browser akan menunjukkan halaman XAMPP.

    https://img229.imageshack.us/img229/9505/13ee9.jpg

     

  14. Langkah XAMPP sudah selesai, sekarang mulai langkah installasi Joomla 1.0.15-Stable Full. Setelah kamu download Joomla 1.0.15-Stable Full.zip-nya, kamu extract di C:\Program Files\xampp\htdocs\xampp.

    The image “https://img229.imageshack.us/img229/9549/14fs0.jpg” cannot be displayed, because it contains errors.

  15. Untuk lebih enaknya rename nama Joomla 1.0.15-Stable Full menjadi Joomla saja.

    https://img229.imageshack.us/img229/7194/15aw3.jpg

  16. Buka web browser lagi dan ketikkan https://localhost/xampp/Joomla/installation/index.php, maka akan muncul pre-installation check Joomla di web browser. Untuk melanjutkan klik Next.

    https://img229.imageshack.us/img229/1993/16mz5.jpg

  17. Setelah kamu klik next maka akan sampai pada proses licence. Disini di jelaskan licenci dari Joomla, untuk lebih jelasnya kamu baca sendiri, namun intinya Joomla berlicenci GNU/GPL License Versi 2. Klik Next.

    https://img212.imageshack.us/img212/5913/17ea9.jpg

     

  18. Masuk pada langkah 1 dari installasi Joomla. Isi sesuai berikut :

    Host Name : localhost

    MySQL User Name : root

    MySQL Password : biarkan kosong

    MySQL Database Name : joomla ( bebas, boleh diisi apa saja )

    Setelah diisi sesuai dengan diatas kemudian klik Next.

    The image “https://img212.imageshack.us/img212/3563/18fx3.jpg” cannot be displayed, because it contains errors.

  19. Langkah 2 adalah pemberian nama website. Isi nama websitenya dan klik Next.

    The image “https://img212.imageshack.us/img212/5831/19ab3.jpg” cannot be displayed, because it contains errors.

  20. Langkah 3 adalah persetujuan URL, path, admin e-mail, dan file directory chmods. Isi e-mail dan ubah password menjadi yang lebih mudah diingat, yang lain biarkan default kemudian klik next.

    https://img212.imageshack.us/img212/3883/20dd7.jpg

  21. Congratulation, Joomla sudah sukses di install. Catat password admin-nya, karena ini digunakan sebagai login admin di website ini.Klik View Site.

    The image “https://img212.imageshack.us/img212/3171/21yp7.jpg” cannot be displayed, because it contains errors.

  22. Coba kamu baca perintah yang ada di browser, kita disuruh menghapus / me-rename folder installation di direktori C:\Program Files\xampp\htdocs\xampp\Joomla\installation, untuk amannya rename saja menjadi installation1.

    https://img134.imageshack.us/img134/2441/22ho2.jpg

  23. Sekarang kembali ke web browser dan refresh page, kamu akan melihat web dasar dari Joomla.

    https://img134.imageshack.us/img134/1839/23ow6.jpg

  24. Untuk menedit isi content dari web masuk ke admin dan isi password yang sesuai tadi, kamu akan masuk pada control panel Joomla. Disana kamu bisa mengedit web kamu. Untuk tutorial editing web kamu bisa belajar sendiri dengan coba sana coba sini, ubah sana ubah sini, jangan takut salah dan jangan malas apabila ingin membuat website sesuai yang kita inginkan.

    https://img134.imageshack.us/img134/3761/24hn4.jpg

 

Selesai sudah proses installasi XAMPP dan Joomla. Semoga tutorial ini bermanfaat. Apabila ada pertanyaan / saran / kritik / gambar yang kurang jelas bisa kasih masukan di comment. Terimah kasih semoga bermanfaat.

 

Tags:

| |

Back