03 May 2013

<img alt='menggunakan xampp sebagai server web di computer' src='http://3.bp.blogspot.com/-6-oRnflr-4U/UX_INv2tYmI/AAAAAAAAGhc/sOnI5TFyDVw/s1600/xampp.jpg'/>Di era Internet dan serba Digital ini kita sudah sangat gampang membuat Blog atau Website melalui berbagai layanan di internet, seperti misalnya Blogger, Wordpress, Weebly, serta layanan lain yang bersifat gratis. Tetapi kalau anda ingin lebih mendalami komponen - komponen web atau blog sampai pada hal - hal yang paling detail, ada baiknya sobat mencoba dan belajar dengan menggunakan Xampp.

Apakah sebenarnya Xampp itu? Xampp merupakan software yang bisa dijadikan server untuk mempermudah distribusi web server Apache yang terdiri dari MySQL, PHP, serta Perl dalam komputer kita. Dengan menggunakan Xampp sobat bisa menginstall flatform web atau blog yang menjadi favorite seperti CMS ( Content Management System ) Wordpress, CMS Drupal, serta CMS Joomla. Dengan kata lain sobat bisa membuat website secara offline di localhost computer anda. Pada versi Xampp yang terbaru ini anda bisa melihat module service dari Apache, MySQL, FileZilla, Mercury, dan Tomcat termasuk PID serta Port secara lengkap. Satu hal yang harus diingat adalah service terpenting yang mesti di jalankan yaitu Apache dan MySQL dan jangan menjalankan Team Viewer sebab port 80 akan digunakan Apache. Lihat gambar dibawah.

Xampp Control Panel

<img alt='cara menjalankan service dari apache, mysql, filezilla di xampp control panel' src='http://3.bp.blogspot.com/-gPg2FipNPX8/UYDs408FGTI/AAAAAAAAGiM/jU0CAtveabY/s1600/xampp+control+panel.jpg'/>
Warna Hijau Muda menandakan
service yang sedang berjalan.

Saya akan paparkan secara lengkap dari proses awal hingga akhir dengan menggunakan CMS Wordpress. CMS sendiri merupakan system yang digunakan untuk mengelola dan mengatur atau akses kontrol secara mudah berbagai konten website seperti teks, image, video, link, termasuk data lain yang sebagian besar berbasis web. Baik biar tidak ngelantur kita mulai saja.


Cara Install CMS Wordpress Menggunakan Xampp :
  • Download dan Install Xampp terlebih dahulu. Biar lebih mudah unduhlah installer.exe. 
  • Setelah terinstall, Xampp akan berjalan secara otomatis atau bisa juga secara manual dan akan langsung menampilkan Xampp Control Panel seperti gambar di atas. 
  • Jalankan service Apache, MySQL, FileZilla, serta Tomcat. ( Ini adalah service yang berjalan secara default ). Bila ingin mengecek, klik kanan Xampp di Taskbar dan service yang sedang berjalan akan ditandai dengan bulatan berwarna Hijau. Gambar bawah.
Xampp Taskbar
<img alt='cara mengecek service yang sedang berjalan melalui xampp taskbar' src='http://4.bp.blogspot.com/-LQfV05ObNPk/UYJ8C2zr_ZI/AAAAAAAAGi4/D5NfB0OhgD0/s1600/service+xampp+di+taskbar.jpg'/>

  • Bukalah drive C:\ karena secara default Xampp akan terinstall disana, bukan pada Program Files.
  Drive C:\ pada PC
<img alt='xampp terinstall pada drive c, tetapi bukan pada program files' src='http://1.bp.blogspot.com/-qJ8Pi-76QTk/UYD8C9vzG8I/AAAAAAAAGic/noXEknxK8J0/s1600/xampp+terinstall+pada+drive+c.jpg'/>
  • Klik 2x folder Xampp lalu cari dan buka folder htdocs.
  • Selanjutnya bila anda belum memiliki CMS Wordpress, sebaiknya download dulu di situsnya. Kemudian copy paste wordpress tersebut di folder htdocs. Jika dalam bentuk arsip, ingat untuk mengekstrak. Lihat gambar dibawah.
Folder htdocs
<img alt='htdocs sama fungsinya seperti my documents di komputer tempat kita copy paste cms wordpress' src='http://4.bp.blogspot.com/-FYlyltMmUcY/UYJ_1pZzSBI/AAAAAAAAGjI/fS1GdPY1d5w/s1600/xampp+htdocs.jpg'/>
  • Sekarang buka salah satu browser sobat dan ketik localhost pada link browser. Apabila berhasil maka Xampp akan terbuka dengan tampilan seperti gambar ini.
Localhost Xampp
<img alt='cara membuka xampp melalui browser dengan mengetik localhost' src='http://2.bp.blogspot.com/-4ivwZnrp-rk/UYKCq4n_07I/AAAAAAAAGjY/SDV64jn1YsA/s1600/xampp+localhost.jpg'/>
  • Klik phpMyAdmin yang berada di Tools kiri bawah. Sekarang kita akan membuat Database untuk CMS Wordpress sobat. Caranya klik tab Databases, lalu dalam kotak Create Database isi wordpress ( agar lebih mudah diingat ), selanjutnya di Collation pilih utf8_unicode_ci, terakhir klik Create. Lihat gambar dibawah ini.
Buat Database Wordpress
<img alt='cara membuat database wordpress melalui phpmyadmin di xampp' src='http://3.bp.blogspot.com/-gPhfDA53DO0/UYKHO2MXHnI/AAAAAAAAGjo/cqCyaY6AdJ4/s1600/buat+database+wordpress.jpg'/>
  • Klik Security yang berada dibawah Status. Bila sudah terbuka klik lagi link : http://localhost/security/xamppsecurity.php. Selanjutnya isi password MySQL SuperUser root ( jangan sampai anda lupa dengan password root ). Demi keamanan, sebaiknya anda juga mengisi password pada Xampp Directory. Bila sudah klik Password changing.
 Mengisi Password root
  • Buka folder htdocs, terus folder wordpress, cari dan buka dengan notepad wp-config-sample.php, dan isikan : DB_NAME ( database yang kita buat tadi wordpress ), DB_USER ( root ), DB_PASSWORD ( password root yang anda buat tadi ). Klik save.
Wp Config Sample
<img alt='cara melakukan koneksi database wordpress dengan mengedit wp_config_sample.php' src='http://1.bp.blogspot.com/-Pg2Ao3q71o4/UYKYwlK1gkI/AAAAAAAAGkI/vBYKgeRz_uI/s1600/setting+wp+config.jpg'/>

  • Ketik di browser localhost/wordpress/, kemudian klik Create a Configuration file dan isikan secara lengkap koneksi database wordpress sobat. Setelah semua terisi klik Submit. Pada halaman selanjutnya klik Run the install. Dan jika berhasil sobat akan dibawa ke pengisian informasi website serta admin untuk login sebagai pengelola web.

Bila anda kurang memahami dengan gambar di atas, sobat bisa menonton video tutorialnya dibawah ini. Selamat mencoba.



Cara Membuat Website Dengan CMS Wordpress Di XAMPP Belajar Dan Bertanya
Published: 2013-05-03T13:43:00+08:00
Title:Cara Membuat Website Dengan CMS Wordpress Di XAMPP
Rating: 4.5 On 450 reviews

SEO Reports for tusad.blogspot.com

3 comments:

  1. thanks infonya..sangat bermanfaat

    ReplyDelete
  2. info yang sangat bermanfaat, tp kok sy menghadapi masalah Error establishing a database connection ya min, mohon bantuannya. trims

    ReplyDelete

Mohon untuk tidak menyertakan link aktif pada setiap komentar.

List of Posts

 
Related Posts Plugin for WordPress, Blogger...