Anda di halaman 1dari 16

10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

NEW!! » Premium Support - PHP, MySQL, Dll Buku Query MySQL Lihat Detail » x

 Tutorial Web Development…

Home » XAMPP Tutorial » Cara Install XAMPP di Windows –


Search... 
Panduan Lengkap

Cara Install XAMPP di Newsletter


Windows – Panduan Jadilah yang pertama

Lengkap tahu berita terbaru


dari Jagowebdev.com

 Agus Prawoto Hadi  29-04-2016 Nama Lengkap

 XAMPP Tutorial
Email

Hi sobat, pada kesempatan kali ini kita akan membahas


secara lebih detail mengenai cara install XAMPP di Subscribe

Windows, tulisan ini cukup panjang, namun saya yakin


akan membawa manfaat dan bisa menjadi tambahan
informasi jika suatu saat sobat menemui kondisi seperti
yang kita bahas disini, so.. mari kita ikuti bersama.

Daftar isi:

1 Apa itu xampp dan apa kegunaannya?

2 Teknik Download XAMPP

3 Cara Install XAMPP di Windows

4 Cara Menjalankan XAMPP di Windows

5 Cara Mengubah Direktori Instalasi XAMPP E-Book


Eksklusif
6 Lebih Lanjut…

I. Apa itu xampp dan apa Kupas Tuntas


Teknik Olah Data
kegunaannya? Dengan Query
MySQL
http://jagowebdev.com/cara-install-xampp-di-windows/ 1/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev
y
Sebelum membahas cara install xampp di windows, ada
baiknya kita berkenalan dengan XAMPP. Menurut
Wikipedia, XAMPP merupakan kependekan dari Cross- Panduan
Platform (X), Apache (A), MariaDB (M), PHP (P) and Perl
Lengkap Query
MySQL - Tutorial
(P), dari istilah diatas terlihat bahwa software ini terdiri
dan Referensi
dari software: Lengkap Query
MySQL
1   Apache Web Server yang digunakan untuk
menjalankan program PHP,

2 PHP untuk menjalankan program php itu


sendiri,

3 MariaDB (sebelumnya menggunakan MySQL)


yang digunakan sebagai database. MariaDB Like Us
adalah database open source yang merupakan
“duplikasi” dari MysQL. Follow
Like

Ikuti
4 Perl, opsi tambahan, jika kita ingin melakukan
pemrograman perl.

sedangkan cross-platform sendiri maksudnya adalah


software ini dapat digunakan untuk berbagai operating Social
sistem, saat ini sudah mendukung penggunaan di
Windows, Linux, dan MacOS.
  Facebook
Dari penjelasan diatas sudah dapat dibayangkan apa
kegunaan XAMPP, yaitu sederhananya untuk   Twitter
menjalankan PHP dan MySQL, karena memang untuk
kedua hal tersebut Software ini diperuntukkan.  
Google
Plus
II. Download XAMPP untuk
 RSS
windows

Download XAMPP Versi FULL


Installer Artikel Pilihan
Untuk mendownload le instalasi versi terbaru dari
XAMPP (versi FULL bukan portable), sobat dapat Membuat
mengunjungi o cial website dari XAMPP yang Tabel
beralamat di www.apachefriends.org, pada halaman
Responsive
tersebut sobat dapat langsung mendownloadnya
Dengan CSS – 4
dengan mengklik tombol XAMPP for Windows dibagian
http://jagowebdev.com/cara-install-xampp-di-windows/
Alternatif 2/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev
g g g
Alternatif
download.

Cookie
Pada PHP

Panduan Lengkap

Mendesain Form
Login Dengan CSS
3 – Clean dan
Responsive

10 Ide
Desain
Tabel
Menarik Dengan
Keuntungan dari versi ini adalah kita dapat menginstall CSS 3 – Fresh
apache dan MySQL service melalui XAMPP Control Design
Panel (dengan menjalankannya sebagai Administrator)
diamping itu menu XAMPP akan ditambahkan pada
Character
start menu Windows
Set dan
Collation
Download XAMPP Versi Portable Pada MySQL –
Intaller Yakin Sudah
Paham?
Jika sobat ingin men-download XAMPP Portable versi
terbaru, sobat dapat langsung menuju link: Membuat
https://sourceforge.net/projects/xampp/ les/latest/download. 15 Efek
Social
Ketika link di buka, maka otomatis akan mendownload Media Button
le installer berbentuk (.exe). Dengan CSS Part I

Keuntungan dari versi ini adalah installer hanya akan


mengekstrak le istalasi saja tidak ada perubahan
dalam sistem windows, selain itu kita dapat
memindahkan folder instalasi xampp dengan mudah.
Memahami GET
dan POST Pada
Download XAMPP Versi Archive PHP dan HTTP

Alternatif lain, sobat dapat langsung mengunjungi


http://jagowebdev.com/cara-install-xampp-di-windows/ 3/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

halaman sourceforge XAMPP di alamat


 https://sourceforge.net/projects/xampp/ les/ kemudian
klik pada bagian Windows, selanjutnya akan muncul Memahami
halaman baru yang berisi daftar direktori versi XAMPP, Character Set dan
silakan klik versi yang diinginkan Character
Encoding

Memahami
Session Pada PHP
dan
Penggunaannya

RECENT RANDOM COMMENT

1 Same Origin
Policy – Apa dan
Bagaimana
Mengatasinya?
Misal kita klik pada 5.6.19, maka akan muncul daftar le
installer xampp versi 5.6.19:
2 JSONP Dengan
Javascript dan
jQuery – Lintas
Domain

3 JSON Pada
Javascript –
Panduan
Lengkap

4 JSON Pada
Dokumen HTML

5 JSON Dari
Database – PHP
dan MySQL

dari gambar diatas dapat di simpulkan setidaknya ada Memahami


6
http://jagowebdev.com/cara-install-xampp-di-windows/ 4/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev
6
tiga jenis le yang tersedia, yaitu: JSON Pada PHP

1 XAMPP Full Installer  merupakan installer


7 Panduan
XAMPP versi Full berbentuk le .exe – ukuran
Lengkap
le paling besar.
Memahami
2 XAMPP Portable Installer yang berbentuk le JSON
.exe dan  XAMPP Portable Archive
yang  dikemas dalam le archive (.7z dan .zip). Memahami Tipe
8
Pada versi portable tidak terdapat FileZilla FTP Data Pada PHP
dan Mercury Mail Server.
Query MySQL di
3 XAMPP FULL Archive (XAMPP FULL – termasuk 9
Dalam PHP Loop
Filezilla dan Mercury Mail Server) yang
– Bad Practice !!!
berbentuk le archive (.7z dan .zip).

Keuntungan dari versi Archive (baik yang full maupun 10 Software


portable) adalah kita hanya perlu mengekstrak lenya Kompres dan
saja kemudian menjalankannya tanpa perlu Optimasi Gambar
menginstall, namun untuk  dapat menggunakannya, / Foto (JPG dan
komputer kita harus terinstall Microsoft Visual C++ 2008 PNG) – Tested
Redistributable (4Mb),

Jika kita telah menggunakan xampp


 sebelumnya, maka kita bisa langsung
Kategori

menggunakan versi archive ini, karena


 CODE EDITOR 2
Mic. Visual C++ sudah terinstall pada
xampp sebelumnya.
 CSS TUTORIAL21
Untuk versi portable yang berbentuk
le .exe didalamnya sudah 1
 HTML TUTORIAL
termasuk installer Microsoft Visual C++
2008. 1
 INSPIRASI

1
 JAVASCRIPT
Penamaan Versi XAMPP TUTORIAL

Sebelumnya XAMPP menggunakan penamaan versi 4


 JQUERY
sendiri hingga versi 1.8.3, pada versi tersebut, untuk TUTORIAL
mengetahui versi PHP yang digunakan, kita harus
membaca le readme_en.txt yang terdapat pada folder 6
 JSON
instalasi.
7
Setelah itu penamaan versi mengikuti versi PHP yang
 LAINNYA
http://jagowebdev.com/cara-install-xampp-di-windows/ 5/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev
Setelah itu penamaan versi mengikuti versi PHP yang
digunakan sehingga mudah untuk diketahui versi
14
berapa yang digunakan.  MYSQL
TUTORIAL

III. Cara Install XAMPP di  OPTIMASI WEB3


Windows
50
 PHP TUTORIAL
Sampailah kita pada bagian utama yaitu cara install
XAMPP di Windows. Untuk meng install xampp di
 PHPMYADMIN6
windows, setidaknya terdapat dua cara yang dapat kita
lakukan, yaitu:
 WEB HOSTING2
1 Jika sobat mendownload le archive (.7z atau
7
.zip), sobat dapat langsung meng ekstraknya ke  WEB
drive atau direktori yang diinginkan kemudian OPTIMIZATION
jalankan le setup_xampp.bat yang ada
9
didalamnya, maka xampp akan  WORDPRESS
mengkon gurasi path/direktori yang
digunakan, dan SELESAI. 5
 XAMPP
TUTORIAL

selanjutnya sobat dapat langsung menuju


bagian Cara Menjalankan XAMPP di Windows.

2 Jika sobat mendownload versi installer


maupun versi portable dengan bentuk le .exe,
sobat dapat menginstall nya dengan
menjalankan le exe tersebut, kemudian
mengikuti ikuti wizard yang ada.

http://jagowebdev.com/cara-install-xampp-di-windows/ 6/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

Wizard Instalasi

Langkah 1: Dobel klik le .exe, maka akan muncul kotak


peringatan terkait User Account Control (khusus
windows vista keatas).

Intinya hindari direktori C:\Program Files karena akan


ada pembatasan hak akses sehingga menyebabkan
XAMPP tidak dapat berjalan sebagaimana mestinya,
selanjutnya klik OK untuk melanjutkan instalasi

Langkah 2: Selanjutnya akan muncul  halaman awal


wizard, klik Next untuk melanjutkan.

http://jagowebdev.com/cara-install-xampp-di-windows/ 7/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

Langkat 3:  Selanjutnya kita memilih komponen yang


ingin diinstall, komponen tambahan yang penting
adalah MySQl/MariaDB dan phpMyAdmin, untuk
komponen lainnya bisa di uncheck (tetapi perbedaan
ukuran le tidak seberapa).

Untuk mudahnya, pilih pilihan default kemudian klik


next untuk melanjutkan.

Langkah 4:  Langkah selanjutnya pilih direktori dimana


XAMPP akan kita install, usahakan lokasinya tidak satu
drive dengan operating sistem, hal ini untuk
mengantisipasi jika terjadi hal-hal yang tidak diinginkan
pada OS kita, selanjutnya klik next.

http://jagowebdev.com/cara-install-xampp-di-windows/ 8/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

Langkah 5: Selanjutnya terdapat tawaran untuk


mempelajari lebih lanjut tentang Bitnami yang
merupakan installer untuk CMS populer yang dapat
langsung diinstall ke XAMPP (url ref:
https://bitnami.com/stack/xampp).

Untuk mudahnya hilangkan centangan dan klik next


untuk melanjutkan.

Langkah 6: Proses instalasi mulai dijalankan, XAMPP


akan mengekstrak le yang diperlukan dan melakukan
kon gurasi seperlunya, proses ini akan memakan
waktu cukup lama hingga beberapa menit.

http://jagowebdev.com/cara-install-xampp-di-windows/ 9/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

Langkah 7: Proses instalasi selesai, XAMPP siap untuk


digunakan, jika ingin langsung menjalankan XAMPP
Control Panel, centang pilihan ‘Do  you want to start the
control panel now?‘, selanjutnya klik nish untuk
menutup jendela instalasi.

IV. Cara menjalankan


XAMPP di Windows
Setelah berhasil meng install xampp di windows,
selanjutnya kita bahas cara menjalankannya.

Jika saat proses install sobat mencentang pilihan


http://jagowebdev.com/cara-install-xampp-di-windows/ 10/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

“Do you want to start the control panel now?” maka secara


otomatis XAMPP Control Panel akan terbuka, jika tidak,
dapat dijalankan melalui menu START > All Programs >
XAMPP > XAMPP Control Panel.

Jika sobat menggunakan versi portable, dapat dilakukan


dengan membuka folder instalasi kemudian dobel-klik
le xampp-control.exe.

Selanjutnya, setelah XAMPP control panel terbuka,


 jalankan module Apache dan MySQL dengan mengklik
tombol start yang ada di sebelahnya. Jika tidak ada
masalah maka akan muncul warna hijau pada module
ini.

Selanjutnya kita   tes apakah software PHP dapat


berjalan dengan baik. Buka browser dan ketikkan
alamat http://localhost, jika berjalan dengan baik, maka
akan muncul tampilan seperti gambar dibawah ini.

http://jagowebdev.com/cara-install-xampp-di-windows/ 11/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

Setelah sukses, sobat dapat mengosongkan folder


htdocs dengan cara menghapus le yang ada
didalamnya ( le bawaan xampp) dan menggantinya
dengan le php yang telah / akan sobat buat.

V. Cara Mengubah Direktori


Instalasi XAMPP
Jika suatu saat sobat berubah kiran dan ingin
mengubah direktori instalasi XAMPP, sobat cukup
mengcopy-paste semua le hasil instalasi ke lokasi yang
baru (berlaku untuk semua jenis installer baik
.exe/archive).

Setelah itu klik le setup_xampp.bat, ketik angka 1


ketika ada pertanyaan kon rmasi dan ketik enter,
secara otomatis XAMPP akan memperberui isi le
kon gurasi merujuk ke lokasi yang baru.

http://jagowebdev.com/cara-install-xampp-di-windows/ 12/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

Setelah mengubah direktori installasi XAMPP, untuk


versi full install, sobat perlu menyesuaikan link shortcut
XAMPP yang ada di start menu.

VI. Lebih Lanjut


Hal penting yang perlu sobat ketahui bahwa setiap kita
menjalankan module Apache dan MySQL, kita harus
menjalankan XAMPP Control Panel dan mengklik
tombol start pada kedua module tersebut.

Hal tersebut tentu saja tidak praktis, terdapat cara lebih


praktis yaitu kita jalankan kedua module tersebut
sebagai service di windows sehingga keduanya akan
aktif ketika windows start, untuk tutorial lengkapnya
dapat sobat baca pada artikel:  Install Apache Sebagai
Service di Windows  dan  Install MySQL Service di
Windows.

Selain itu jika sobat ingin menjalankan 2 XAMPP atau


lebih di satu komputer, misal untuk menjalankan 2 versi
PHP yang berbeda, atau menjalankan 2 MySQL server,
sobat dapat membaca tutorialnya disini:  Install XAMPP
Lebih Dari Satu di Satu Komputer

Demikian tutorial mengenai cara install xampp di


windows, semoga bermanfaat.

http://jagowebdev.com/cara-install-xampp-di-windows/ 13/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

Jangan lupa beritahu rekan yang lain:

Bingung install XAMPP?


tidak tahu installer mana
yang akan digunakan
(installer, portable, .exe,
.zip, .7z)? cek ini:
http://bit.ly/25ZXETR
CLICK TO TWEET

Subscibe Now
Suka dengan artikel di Jagowebdev.com? jangan
sampai ketinggalan, segera join ke milis kami
untuk update informasi terbaru dari
Jagowebdev.com

Nama Lengkap

Email

Subscribe

Komitmen Kami: Kami senantiasa menghargai


privasi Anda dan tidak akan membagikan
identitas Anda ke pihak manapun.

Recomended Post

Mengubah Port Install Apache


Apache dan Service di
MySQL di XAMPP Windows
http://jagowebdev.com/cara-install-xampp-di-windows/ 14/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev
MySQL di XAMPP Windows

Mengubah Install XAMPP


Password MySQL Lebih Dari Satu di
Dengan XAMPP Satu Komputer

Like Like

Share 1
Share Bagikan Tweet Share

2 Feedback dari pembaca

Abdi
19 October 2017 at 14:59

Oke banget penjelasannya mas, Saya sudah


berhasil memasang XAMPP.

Reply

Kaspiner
21 May 2018 at 18:04

wah hebat karya anak bangsa makasih sobat


saya akan coba intstall di Neetbook

Reply

Silakan tinggalkan komentar


 Your Comment

http://jagowebdev.com/cara-install-xampp-di-windows/ 15/16
10/13/2018 Cara Install XAMPP di Windows - Panduan Lengkap | JagoWebDev

 Name :

 Email :

 Website (optional) :

I'm not a robot


reCAPTCHA
Privacy - Terms

Notify me of followup comments via e-mail. You can


also subscribe without commenting.

Submit

Copyright ©2018 www.jagowebdev.com


HOME  ABOUT  CONTACT  E-BOOK PREMIUM  PREMIUM SUPPORT

http://jagowebdev.com/cara-install-xampp-di-windows/ 16/16

Anda mungkin juga menyukai