Tutorial kali ini mungkin bisa
menjawab pertanyaan para pembaca setia. Kami akan mencoba
mendemonstrasikan cara instalasi XAMPP di Flash Disk mulai dari mendapatkan
installer XAMPP di situs resminya, sampai tes Dashboard WordPress via
FlashDisk.
Untuk memudahkan anda memahami
langkah – langkah instalasi wordpress di XAMPP Portable ini, maka tutorial ini
kami bagi menjadi 2 tahapan, yakni :
- Install XAMPP Portable di Flash Disk
- Install WordPress di localhost (FlashDisk)
TAHAP PERTAMA
Cara Install XAMPP di Flash Disk
1. Download Installer
XAMPP Portable di situs resminya
- Kunjungi situs apachefriends.org
- Klik Icon XAMPP di Menu ApacheFriends
2. Di halaman XAMPP
ini, anda akan melihat 3 buah versi XAMPP. Klik XAMPP for Windows
Selain XAMPP for Windows, ada XAMPP
for Linux dan Mac. Silakan anda sesuaikan dengan operating system yang anda
pakai. Di Tutorial ini kami hanya akan mendemonstrasikan Instalasi XAMPP di
Operating System Windows saja.
3. Di halaman ini anda
akan melihat berbagai versi XAMPP untuk Windows.
Pada tutorial kali ini, kami akan
mendemonstrasikan XAMPP for Windows 1.8.2. Untuk sementara ini, silakan anda
ikuti sepenuhnya langkah – langkah yang kami jelaskan. Setelah anda paham
sepenuhnya dengan langkah – langkah instalasinya, anda bisa mencoba versi XAMPP
yang lain.
- Cari XAMPP PHP 5.4
- Klik ZIP (ukuran filenya sekitar 180 MB)
4. Tunggu sebentar
sampai muncul dialog box seperti berikut ini.
- Pilih Save File
- Tekan OK
Apabila Dialog box seperti di bawah
ini tidak muncul juga. Silakan anda ulangi lagi langkah no 3 (Klik File ZIP).
5. Proses download
XAMPP
Disini kami tidak bisa menyebutkan
dengan pasti berapa lama proses download XAMPP ini, kaena hal ini bergantung
pada kecepatan koneksi internet anda masing – masing.
Apabila anda menggunakan FireFox
selama proses download XAMPP ini, maka anda bisa melihat file hasil download
tersebut di Library atau dengan cara tekan Ctrl + J dari Keyboard anda.
Setelah Proses Download Selesai.
Silakan anda buka Folder, tempat dimana anda menyimpan File Installer XAMPP
ini. Anda bisa membuka folder tempat Installer XAMPP ini tersimpan dengan cara
klik icon folder di Library (Silakan anda lihat ScreenShot kami di bawah ini)
6. Dalam Tutorial ini,
kami menyimpan hasil Download Installer XAMPP di Folder BLOGGERDISCUSS>>
XAMPP PACKAGE
Langkah 6 ini merupakan opsional,
karena masing – masing dari kita menyimpan file hasil download XAMPP di tempat
yang berbeda. Silakan anda sesuaikan dimana anda menyimpan file installer XAMPP
di komputer anda sendiri.
7. Install XAMPP
Untuk menginstall XAMPP di FlashDisk
:
- Klik kanan pada xampp-win32-1.8.2-2-VC9
- Klik Open With
- Pilih WinRaR archiver
8. Dialog Box WinRAR
akan terbuka, kemudian klik “Extract To”
9. Setelah di Klik
Extract To, maka akan muncul dialog box “Extraction path and options”
Di dialog box ini, anda arahkan
“Destination path” untuk extract file installer XAMPP ke dalam FlashDisk,
dengan cara klik “Removable Disk” atau Nama FlashDisk anda. maka secara
otomatis Destination path akan berubah menjadi Drive letak FlashDisk anda.
Hanya itu saja yang perlu anda
lakukan. Jika “Destination Path”-nya sudah benar, silakan klik OK.
10. Tunggu sampai proses extract installer XAMPP di FlashDisk selesai
Harap bersabar, karena proses
extract file installer XAMPP di FlashDisk ini membutuhkan waktu kurang lebih 30
sampai 40 menit.
11. Cek apakah folder
XAMPP telah ter-extract dengan sempurna di FlashDisk anda
Setelah proses extract file selesai,
maka secara otomatis di FlashDisk anda akan muncul folder baru yang bernama
“xampp” seperti tampak seperti gambar berikut :
12. Pastikan file –
file berikut ini ada di dalam folder xampp anda
- xampp start
- xampp stop
- xampp restart
- folder htdocs
Karena file – file inilah yang akan
sering kita sentuh di “xampp” ini. Untuk menjalankan xampp ini, anda cukup klik
2 kali xampp start.
13. Untuk mengaktifkan
xampp, klik “xampp_start” (lihat gambar di langkah 12 diatas) dan tunggu beberapa
saat. Jika tidak ada error, maka akan muncul window seperti command prompt
berikut ini.
14. Sekarang Cek XAMPP
Server anda via web browser
Untuk mengakses XAMPP Server, di
tutorial ini kami menggunakan Mozilla FireFox sebagai web browsernya. Anda bisa
mengakses XAMPP Server dengan web browser apa saja.
Ketik localhost di web
address anda. Tunggu sebentar sampai proses loading selesai.
Jika anda mengikuti semua langkah –
langkah yang telah kami uraikan diatas, maka di web browser anda akan muncul
welcome page XAMPP seperti gambar berikut ini.
Di halaman welcome page ini, anda
melihat ada beragam pilihan bahasa. Hanya saja, karena tidak ada bahasa
indonesia maka anda bisa pilih English saja
15. Dengan meng-klik
“English” di welcome page XAMPP (Langkah 14), maka anda akan di arahkan ke
halaman Index.php dari XAMPP Server.
Saya ucapkan SELAMAT…!!!…Anda telah
berhasil menginstall dan menjalankan XAMPP Portable dari FlashDisk anda
16. Untuk stop XAMPP
Server Portable ini , jangan lupa anda klik “xampp_stop.exe” di folder xammp
anda di flashdisk.
17. Tunggu beberapa
saat sampai muncul window stop xampp seperti berikut ini
TAHAP KEDUA
Install WordPress di localhost (FlashDisk)
Sebelum kita menginstall WordPress
di xampp, kita harus membuat database untuk wordpress yang akan kita install.
Membuat database wordpress tidak
sesulit kedengarannya. Kami akan menguraikan langkah – langkahnya secara detail
disini, sehingga anda bisa mengikutinya dengan mudah.
1. Klik “phpMyAdmin”
di homepage xampp
Apabila anda telah
menonaktifkan/stop xampp di langkah sebelumnya, silakan anda start ulang xampp
anda dan kemudian masuk ke homepage xampp. Kemudian klik phpMyAdmin di homepage
xampp
2. Ketika anda sudah
masuk di halaman phpMyAdmin, anda klik “Database” untuk mulai membuat database
wordpress anda.
phpMyAdmin ini bisa dikatakan
merupakan dapur dari website atau blog anda. Dengan menggunakan phpMyAdmin,
pekerjaan membuat database untuk website atau blog menjadi semakin mudah.
Untuk memudahkan anda mengikuti
tutorial kami selanjutnya, silakan anda set bahasa/language phpMyAdmin anda
menjadi bahasa Inggris (English) agar sama dengan setting bahasa di phpMyAdmin
yang kami gunakan.
3. Di Halaman Database
ini, anda buat database baru dengan nama “WordPress”.
Untuk membuat database baru di
halaman database phpMyAdmin, ikuti langkah – langkah berikut ini :
- Ketik nama database anda, dalam tutorial ini kami
gunakan nama “wordpress“
- Pilih Server Connection Collation –> “utf8_general_ci“
- Klik tombol “Create“
Nah, itu saja yang perlu anda
setting di halaman Database phpMyAdmin ini. Mudah Bukan?
4. Setelah anda klik
tombol create, tunggu sebentar sampai muncul alert “Database wordpress has been
created”
Bila telah muncul alert seperti
gambar di bawah ini, maka database “wordpress” anda telah siap digunakan untuk
install wordpress.
5. Download installer
wordpress di situs resminya
Karena setting phpMyAdmin telah
selesai, maka langkah selanjutnya adalah mendownload file installer wordpress.
Kunjungi situs resmi wordpress di wordpress.org untuk
mendownload installer wordpress terbaru.
Di halaman depan wordpress.org, Klik
tombol “Download WordPress” di pojok kanan atas. Lihat gambar berikut
untuk lebih jelasnya.
6. Anda akan diarahkan
ke halaman download wordpress. Di sebelah kanan halaman, ada tombol untuk
download wordpress versi terbaru.
Pada saat kami menulis tutorial ini,
versi wordpress yang kami download adalah versi 3.6. Bisa jadi, ketika anda
membaca tutorial ini dan membuka situs wordpress.org versi wordpress yang
terbaru sudah bukan lagi versi 3.6
Silakan klik tombol “Download
WordPress 3.6”
7. Simpan File
Installer WordPress di komputer anda
Ketika muncul dialog box seperti
gambar dibawah, pilih “Save File“. Kemudian klik OK
8. Setelah proses
download selesai, buka folder tempat anda menyimpan hasil download installer
wordpress tersebut
Bila anda tidak tahu dimana default
browser anda menyimpan hasil download installer wordpress. Caranya tekan tombol
Ctrl+J untuk melihat library download anda (Mozilla FireFox). Kemudian
tekan icon folder disamping nama file anda, dalam hal ini wordpress-3.6.zip
Pada tutorial ini, kami menyimpan wordpress-3.6.zip
di folder BLOGGERDISCUSS>>XAMPP PACKAGE
9. Extract installer
wordpress yang telah anda download di folder xampp>>htdocs
Setelah file installer wordpress
sudah tersimpan di komputer anda. Sekarang kita telah sampai pada tahapan
meng-install wordpress di flashdisk menggunakan xampp di flashdisk anda.
Langkah-langkahnya :
- Buka folder tempat anda menyimpan file wordpress-3.6.zip.
Dalam tutorial ini kami menyimpannya di FlashDisk kami pada folder BLOGGERDISCUSS>>XAMPP
PACKAGE
- Klik kanan wordpress-3.6.zip, OpenWith>>WinRAR
Archive
10. Klik icon “Extract
To”
11. Pilih Destination
path “htdocs” dari xampp di flashdisck anda
Masukkan destination path folder
“htdocs” di bawah tulisan Destination path. Dalam tutorial ini, folder “htdocs”
kami terletak di E>>xampp>>htdocs, karena
FlashDisk kami terletak di Drive E. Silakan anda sesuaikan dengan letak drive
FlashDisk anda.
Untuk lebih mudahnya, silakan anda
cari folder “htdocs” menggunakan tree yang ada di sebelah kanan sebagaimana
kami tunjukkan pada gambar di bawah ini
12. Silakan tunggu
sampai proses extract file selesai
Karena ukuran file installer
wordpress ini tidak terlalu besar, maka proses extraction-nya tidak terlalu
lama seperti xampp.
13. Setelah proses
extraction selesai, cek apakah folder wordpress sudah muncul di dalam folder
htdocs anda.
Apabila proses extraction file
installer wordpress tidak ada masalah, maka di dalam folder htdocs anda
akan muncul folder baru bernama wordpress
14. Ubah Konfigurasi
WordPress anda
Untuk menjalankan wordpress di
localhost menggunakan XAMPP, maka anda perlu mengubah terlebih dulu setting nama
database, username dan password di dalam wp-config.php
15. Buka
wp-config-sample.php anda menggunakan notepad
Untuk mengubah configurasi
wp-config.php, caranya :
- Buka NotePad
- Klik File>>Open
- Masukkan destination path tempat file wp-config.php
anda tersimpan. Pada tutorial kami ini destination path wp-config.php kami
terletak di Removable Disk (E)>>xampp>>htdocs>>wordpress
- Klik 2 kali wp-config-sample.php
- File wp-config-sample.php akan terbuka di
notepad anda.
Seperti inilah isi dari file
wp-config-sample.php anda. Yang perlu anda ubah hanya ada tiga yaitu :
- Ubah ‘database_name_here’ menjadi ‘wordpress”
- Ubah ‘username_here’ menjadi ‘root’
- Ubah ‘password_here‘ menjadi ” (password
dikosongi saja, tapi jangan hapus tanda petiknya)
16. Simpan file
wp-config anda
Setelah anda mengubah 3 parameter di
dalam wp-config-sample.php anda, silakan anda simpan file tersebut dengan nama wp-config.php
Caranya :
- Klik File
- Save As
17. Simpan file
wp-config.php anda di folder yang sama dengan wp-config-sample.php
18. Setelah anda
menyimpan file wp-config.php, makan isi folder wordpress anda akan tampak
seperti berikut ini
19. Aktifkan wordpress
anda
Untuk mengaktifkan wordpress anda,
caranya :
- Buka browser anda.
- Ketikkan di address bar : localhost/wordpress/wp-admin/install.php
20. Tunggu sebentar
sampai muncul Welcome Page dari wordpress berikut ini
21. Isi beberapa
detail informasi dari wordpress yang baru anda install. Kemudian tekan tombol
Install WordPress
22. Tunggu sebentar,
sampai muncul logo wordpress seperti berikut.
Dengan munculnya logo wordpress
seperti gambar di bawah, berarti instalasi wordpress di flashdisk anda telah
SUKSES!!!…
23. Coba anda login ke
wp-admin dari wordpress anda di localhost
Untuk memastikan apakah, instalasi
wordpress di flashdisk anda benar – benar sukses. Silakan anda coba akses
wp-admin anda di localhost, caranya :
Jika di browser anda muncul login
page wordpress seperti gambar berikut ini, berarti proses install wordpress di
flashdisk anda SUKSES !!!..
24. Sekarang mari kita
coba login menggunakan data username dan password yang telah kita isi di detail
information pada langkah sebelumnya
25. Silakan anda
tunggu sebentar sampai proses loading selesai.
Jika tidak ada error, maka dashboard
wordpress akan muncul di web browser anda, seperti tampak pada gambar dibawah
ini
26. Untuk melihat blog
anda, caranya klik judul blog anda dan klik Visit Site
27. Inilah tampilan
blog anda
Selamat!!!…anda telah berhasil
menginstall wordpress di localhost (flashdisk) menggunakan xampp portable.
Mudah-mudahan tutorial ini bermanfaat bagi anda.
Jika anda masih mengalami
kesulitan/masalah dalam mengikuti tutorial ini, silakan anda tinggalkan
pertanyaan anda di kolom komentar. Kami akan dengan senang hati membantu anda
mengatasi masalah anda.
gan ini berlaku juga untuk hardisk kah?
ReplyDeleteSangat membantu... terima kasih
ReplyDelete