[Tutorial Membangun Website] Simulasi Website Pada Komputer Lokal Dengan Wordpress / Secara Manual

(for begineers)

By : Rismunandar Winata (http://about.me/rismunandar/ belajarwebdesain.net | UKMaIT 1

Table of Contents
Webserver, Mysql, PhpMyAdmin, dan wordpress...........................................................................3 XAMPP............................................................................................................................................4 XAMPP for WINDOWS.........................................................................................................4 XAMPP for LINUX ...............................................................................................................6 Intallasi Wordpress...........................................................................................................................7

Webserver, Mysql, PhpMyAdmin, dan wordpress

Pembahasan pada ebook kali ini adalah, tentang cara membangun website namun dalam skala lokal. Maksudnya, website tersebut hanya dapat diakses dari komputer sendiri saja dan tidak dapat diakses dari internet. Untuk membuat ini kita membutuhkan beberapa servis/ aplikasi seperti; webserver, mysql & phpmyadmin, serta wordpress. Sebelumnya, jangan takut mendengar kata server, karena aplikasi webserver ini dapat diinstall dikomputer lokal anda. Fungsi dari aplikasi ini adalah untuk menerima permintaan dari client/ komputer sehingga komputer client tersebut dapat menerima hasil berupa halaman-halaman web yang sering kita lihat pada browser. Ada beberapa macam aplikasi webserver, seperti apache, IIS, dan lainlain. Aplikasi kedua yang kita butuhkan adalah mysql & phpmyadmin. Mysql merupakan aplikasi yang berfungsi untuk menyimpan data-data website anda agar menjadi dinamis , atau sering disebut dengan database. Database merupakan kumpulan data-data yang terdiri dari baris dan kolom. Sedangkan phpmyadmin berfungsi sebagai interface GUI bagi user agar dapat membuat database dengan mudah. Yang terakhir adalah sebuah mesin CMS (content management system), CMS yang akan kita gunakan disini adalah wordpress. Wordpress merupakan CMS yang paling sering digunakan oleh pengguna internet. Banyak digunakan karena memang tampilan dan fungsi-fungsi-nya cepat serta mudah dimengerti. Untuk memahaminya pun dapat dipelajari dengan mudah dan cepat. Untuk mempermudah, kita akan menggunakan aplikasi yang telah memiliki fungsi-fungsi tersebut dalam satu aplikasi. Sehingga dalam satu aplikasi terdapat aplikasi webserver, mysql, dan phpmyadmin. Aplikasi yang memuat ketiga fungsi tersebut bernama XAMPP. Untuk wordpress tetap software tersediri (harus didownload dari situs wordpress.org) yang tidak tergabung dengan aplikasi XAMPP.

XAMPP
XAMPP for WINDOWS Untuk mendownload aplikasi XAMPP anda bisa download pada link berikut, http://www.apachefriends.org/download.php?xampp-win32-1.8.1-VC9-installer.exe untuk panduan installasi nya anda bisa lihat di, anda bisa lihat di,

http://www.apachefriends.org/en/xampp-windows.html#522 Atau bagi yang sedang tidak ada koneksi untuk melihatnya berikut cara installasinya. Pertama buka aplikasi XAMPP yang telah anda download, kemudian pilih lokasi dimana file installasi akan disimpan. Kemudian klik next.

Gambar 1.1 instalasi xampp (pilih lokasi) Setelah itu, sampai pada bagian seperti gambar dibawah, jangan klik next terlebih dahulu karena anda harus mencentang semua checkbox yang ada pada bagian bawah pada langkah seperti gambar dibawah. Kemudian anda klik next untuk melanjutkannya, kemudian ikuti langkah-langkah selanjutnya dan tunggu hingga installasi selesai.

Gambar 1.2 instalasi xampp (pilih servis) Setelah selesai maka akan muncul tampilan seperti gambar dibawah.

Gambar 1.3 control panel xampp

Diatas merupakan XAMPP control panel yang berfungsi untuk mengaktifkan ataupun mennonaktifkan servis-servis dari aplikasi tersebut.

XAMPP for LINUX

(bagi yang menggunakan windows bagian installasi ini dapat dilewatkan) Bagi anda pengguna linux, anda bisa mendownload pada situs yang sama dengan kategori installasi untuk linux. Berikut link download nya: http://www.apachefriends.org/download.php?xampp-linux1.8.1.tar.gz untuk installasi XAMPP di linux, anda membutuhkan kemampuan dasar console/terminal/commandpromt. Cara insatllasi nya sebagai berikut. Buka aplikasi terminal dengan kombinasi tombol ctrl + alt + t . kemudian anda masuk ke folder tempat XAMPP for linux diunduh lewat terminal, contoh, file terdapat pada folder /home/downloads. Maka ketik cd /home/downloads. Setelah itu masuk sebagai root (ketikan perintah sudo -i , setelah itu masukan password user anda) kemudian ekstrak file tar ball tersebut (.tar.gz) dengan perintah tar xvfz xampp-linux-1.8.1.tar.gz -C /opt. Dengan maksud file xampp-linux-1.8.1.tar.gz di ekstrak ke folder opt. Maka xampp pada linux anda telah terinstall setelah diekstrak. Untuk memulai servis dari xampp anda adalah dengan menjalakan perintah sudo /opt/lampp/lampp start pada terminal anda. Maka akan muncul tampilan berikut:
Starting XAMPP 1.8.1... LAMPP: Starting Apache... LAMPP: Starting MySQL... LAMPP started.

Sekarang xampp anda siap digunakan. Untuk mencoba apakah installasi XAMPP baik di windows ataupun linux telah berhasil dengan cara buka browser kemudian ketik

localhost pada url browser. Maka akan muncul tampilah seperti ini.

Gambar 1.4 halaman localhost XAMPP telah berhasil di install, sekarang kita akan installasi wordpress pada komputer kita. Sebelumnya kita harus memiliki source wordpress terlebih dahulu. Wordpress dapat didownload pada wordpress.org . Setelah berhasil didwonload, salin dan ekstrak file tersebut pada folder c:/xampp/htdocs/ untuk diwindows dan /opt/lampp/htdocs untuk linux (Namun untuk linux anda anda harus mengubah permission folder untuk htdocs menjadi 755 agar dapat diakses, silakan anda yang menggunakan linux baca artikel tentang CHMOD, untuk saat ini tidak akan dijelaskan disini, kita akan menjelaskan bila menggunakan windows. Mungkin pada ebook berikutnya akan dijelaskan). Setelah wordpress dikstrak pada folder htdocs pada windowsn kemudian rename menjadi bernama website (me-rename optional karena untuk mempermudah penulisan url). silakan anda buka browser kemudian, ketik http://localhost/website.

Intallasi Wordpress
Maka anda akan melihat tampilan menjadi seperti ini. Anda bisa langsung klik Create a Configuration File.

Gambar 1.5 installasi wordpress (file konfigurasi) Setelah itu maka anda akan masuk kehalaman seperti gambar dibawah ini. Maka anda klik saja Lets Go

Gambar 1.6 installasi wordpress (kebutuhan installasi) Setelah itu akan tampil tampilan seperti gambar dibawah berikut. Isi tulisan yang ada pada textbox ini merupakan tulisan default jadi anda harus mengganti dan menyesuaikannya.

Gambar 1.7 wordpress database form default

Untuk textbox database nama, kita harus membuat database nya terlebih dahulu. Untuk membuat nya maka anda harus membuka phpmyadmin terlebih dahulu. Cara membuka phpmyadmin adalah, ketik http://localhost/phpmyadmin pada tab baru di browser anda. Setelah itu anda akan melihat tampilan ini.

Gambar 1.8 halaman phpmyadmin Setelah itu klik tab database pada phpmyadmin. Kemudian ketikan nama database yang ingin kita gunakan untuk website/wordpress kita. Sebagai contoh database yang akan digunakan, kita beri nama website. Maka ketik website kemudian klik Create.

Gambar 1.9 membuat database Setelah itu buka/klik kembali tab browser sebelumnya yang berisi installasi wordpress. Kemudian isi database name dengan website seperti yang telah kita buat tadi pada phpmyadmin. Setelah itu isi Username dengan root. Kemudian kosongkan Password. Lalu isi Database Host dengan localhost. Kemudian klik Submit.

10

Gambar 2.0 mengisi wordpress database form Setelah itu akan tampil halam seperti gambar dibawah. Maka klik Run the install.

Gambar 2.1 menjalankan installasi

11

Setelah itu akan muncul tampilan seperti gambar dibawah ini. Pada bagian ini anda diwajibkan untuk mengisi profil anda dan website anda seperti username, password, email, serta judul dari halaman web anda.

Gambar 2.2 mengisi informasi website dan personal Setelah itu kita akan menjumpai halaman konfirmasi, bahwa anda installasi anda telah berhasil. Maka anda dapat langsung klik Log In.

Gambar 2.3 halaman konfirmasi 12

kemudian anda bisa login kedalam website/wordpress anda dengan usernmae dan password yang telah anda isi pada langkah sebelumnya.

Gambar 2.4 halaman login wordpress/website Berikut adalah halaman dashboard wordpress setelah anda login sebagai administrator pada website anda.

Gambar 2.5 halaman dashboard wordpress

13

Sekarang coba anda ketik pada url browser anda dengan mengetik, http://localhost/website/. Maka sekarang anda telah dapat mengakses halama website pada komputer secara local tanpa harus terkoneksi dengan internet. Namun tampilan website masih sederhana, untuk ebook selanjutnya kita akan bahas untuk memperindah website ini.

Gambar 2.6 halaman home website

14

--Terimakasih semoga berguna dan bermanfaat bagi anda--

15

16