LANGKAH INSTALL XAMPP DAN WORDPRESS DI PC KOMPUTER Oleh: Akhmad Syaiful, S.Kom Bagi Anda yang ingin membuat website namun belum memiliki domain dan hosting sendiri, jangan berkecil hati dulu. Karena masih ada alternatif cara lain. Apa itu? Ya, kita bisa tetap membuat website di PC komputer / laptop, dengan menjadikan PC kita seolah-olah seperti server hosting. Langkah ini juga sering digunakan bagi oleh para web developer yang sudah mahir sekalipun, untuk membuat website di komputer kerja mereka, sebelum mereka mengupload hasil kerjanya ke server hosting. Bagaimana caranya? Caranya adalah dengan menginstal aplikasi server localhost di PC kita. Salah satu aplikasi server localhost serta yang paling banyak digunakan dan cukup familiar di kalangan web developer saat ini adalah XAMPP. Aplikasi XAMPP ini dibuat oleh Apache Friends dan installer-nya bisa langsung diunduh dari situs mereka. Isi aplikasinya juga sudah sangat komplit, antara lain: 1. Apache 2. MySQL 3. PHP 1
4. phpmyadmin 5. FileZilla FTP Server 6. Tomcat 7. XAMPP Control Panel Untuk itu, kali ini saya akan menuliskan tentang panduan cara instal XAMPP di komputer. Berhubung saya pakainya Windows, maka panduan ini juga diperuntukkan bagi pengguna PC Windows ya. Namun kurang lebih untuk sistem operasi lain, caranya sbb. Cara Instal XAMPP di Windows 1. Download aplikasi XAMPP terbaru; 2. Dobel klik file XAMPP yang baru saja Anda download, nanti selanjutnya akan muncul jendela installer language seperti di bawah ini: 3. Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik OK. Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan dengan klik OK dan YES. 2
4. Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol Next; 3
5. Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua pilihan dan klik tombol Next; 6. Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan diarahkan ke lokasic:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa klik browsedan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol Install; 4
7. Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya; 8. Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES. Cara Menjalankan Aplikasi XAMPP 1. Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktop, dan klik icon XAMPP. Atau, jika Anda membukanya begitu proses instalasi selesai maka klik Yes seperti yang terlihat pada gambar di atas; 2. Setelah terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol tersebut berubah menjadi Stop. Dengan mengklik tombol tersebut, artinya itulah aplikasi yang dijalankan. Biasanya jika saya menggunakan XAMPP, yang saya start hanyalah aplikasi Apache dan MySQL, karena saya tidak memerlukan aplikasi seperti Filezilla, dan lain-lain. 5
3. Sekarang bukalah browser kesukaan Anda, dan coba ketikkanhttp://localhost/xampp di address bar. Jika muncul tampilan 6
seperti gambar di bawah ini, instalasi telah berhasil: Selamat, akhirnya Anda berhasil menginstal aplikasi XAMPP. Sekarang komputer Anda sudah berfungsi seperti server dan bisa menjalankan aplikasi-aplikasi berbasis web. Membuat Database dengan XAMPP Masih berada di seri artikel Cara Membuat Website. Setelah kita belajar cara menginstal XAMPP dan menjalankannya, sekarang saatnya kita belajar bagaimana membuat database di XAMPP dan cara install WordPress di localhost. Artinya kita menginstal WordPress di komputer kita sendiri atau menginstal WordPress secara offline. Diasumsikan Anda sudah bisa menjalankan aplikasi XAMPP. Sehingga sekarang komputer Anda sudah bisa dijadikan server. Oia, jangan lupa untuk memastikan bahwa aplikasi XAMPP bisa berjalan dengan baik ya. Cek kembali dengan mengetikhttp://localhost/xampp di browser, lalu cek status. Detilnya bisa dilihat 7
pada gambar di bawah ini. Membuat Database dan User di XAMPP Sebelum kita menginstal WordPress, kita harus membuat database dan user terlebih dahulu. Ini harus kita lakukan karena WordPress merupakan aplikasi website yang membutuhkan database untuk menyimpan data-data yang kita gunakan. 1. Pertama-tama kita harus masuk ke phpmyadmin di XAMPP. Ketik di browser alamat http://localhost/phpmyadmin sehingga muncul tampilan 8
seperti di bawah ini: 2. Pada menu Database, silahkan masukkan nama database yang diinginkan, kemudian klik Create. Ingat-ingat nama database tersebut ya, karena kita akan menggunakannya nanti. Jika perlu, tuliskan di aplikasi notepad supaya mudah bagi kita untuk mengingatnya; NB: Di sini saya menggunakan nama database blogku. 3. Sekarang saatnya kita menambahkan nama user untuk database yang baru saja kita buat. Silahkan masuk ke database yang sudah dibuat, Anda bisa menemukannya di bagian sebelah kiri. Begitu masuk, lihat 9
menu Privileges. Kemudian klik Add user; 4. Begitu Anda klik Add User maka akan muncul form pembuatan user baru. Isikan username, Anda bisa mengisikannya dengan nama apapun teserah Anda, yang penting Anda hafal. Kemudian isikan juga host, gunakan use text field saja, lalu isikan dengan localhost. Selanjutnya isikan password 2 kali dan harus sama. Terakhir, centang grant all privileges on database. 10
5. Selanjutnya scroll ke bawah, dan Anda akan menemukan opsi Global Privileges guna memberikan hak akses kepada user untuk mengelola semua database, klik Check All saja. Setelah itu, pencet tombol Add User. Langkah membuat database dengan XAMPP dan user di phpmyadmin sudah selesai. Secara default, aplikasi XAMPP mempunyai default user bernama root dan tanpa password. Jika kita hendak menggunakan user tersebut juga tidak masalah. Namun ada baiknya kita gunakan user sendiri. 11
Install WordPress di Localhost Menggunakan XAMPP Selanjutnya, saya akan membahas bagaiamana cara install WordPress di localhostmenggunakan XAMPP. Cukup mudah sebenarnya, namun memang membutuhkan sedikit kecermatan dan sering coba-coba. 1. Siapkan file WordPress terbaru. Kalau belum punya bisa ngunduh dulu atau download langsung di WordPress.org. 2. Buka folder XAMPP di komputer Anda. Lalu bukalah folder htdocs, Copy-kan file WordPress ke dalam folder ini. Lebih mudahnya, buka Windows Explorer, lalu ketik C:\xampp\htdocs pada bagian folder address seperti terlihat pada gambar di bawah ini. Folder htdocs merupakan folder yang dipakai untuk menaruh file-file yang bisa dibuka di browser. Jika kita menaruh selain di folder ini, maka browser tidak akan bisa membukanya. Biasanya kalau settingan masih default, folder ada di drive C. Apabila file masih dalam bentuk compress, maka ekstrak terlebih dahulu. Default folder hasil ekstrak biasanya bernama wordpress. Jika mau, nantinya Anda bisa mengganti nama folder ini menjadi nama yang Anda sukai. Katakanlah nama website Anda. Di sini saya menggantinya dengan nama blogku. Jika diakses, hasilnya akan terlihat seperti gambar di bawah 12
ini: 3. Sekarang bukalah browser favorit Anda. Untuk membuka situs wordpress offline ini, nantinya kita bisa mengaksesnya dengan alamathttp://localhost/nama_folder. Kalau milik saya ya bukanya pakai alamathttp://localhost/blogku. Jika milik Anda tetap memakai folder default, maka alamatnya http://localhost/wordpress. Ketikkan di address bar. Lalu klik Create a Configuration File. 13
4. Klik Let s Go. 5. Isikan nama database, user name, dan password yang sudah Anda buat sebelumnya. Jika belum, Anda bisa membacanya pada tutorial cara membuat database menggunakan XAMPP. Pada bagian Database 14
Host isikan dengan localhost saja. Klik Submit. 6. Klik Run the Install. 15
7. Isikan data-data yang dibutuhkan untuk admin dan nama website. Setelah itu klik install wordpress. 16
8. Selamat! WordPress offline Anda sudah jadi. Silahkan Login. 9. Masukkan username dan password yang telah Anda buat pada langkah no.8untuk login ke Dashboard. Cara lain bisa langsung mengetikkan alamat di browser http://localhost/nama_folder/wp-admin. Jika di tempat 17
saya berarti menggunakan alamat http://localhost/blogku/wp-admin. 10. Selesai. 18