Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran....

28
1 Mudah & Praktis Membuat Website Berbasis CMS. Gratis! learning by doing Domain, Hosting, CMS & Webmail Ahmad Tauhid [email protected] https://www.facebook.com/tauhid.py

Transcript of Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran....

Page 1: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

1

Mudah & Praktis Membuat Website

Berbasis CMS. Gratis!

learning by doing

Domain, Hosting, CMS & Webmail

Ahmad Tauhid [email protected]

https://www.facebook.com/tauhid.py

Page 2: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

2

Kata Pengantar

Website merupakan media Pemberi dan penyebar Informasi yang banyak digunakan di

Internet. Selain itu, pemanfaatanya dewasa ini sudah sangat Pesat. Mulai dari eCommerce, Jejaring

Sosial dan lain sebagainya. Tidak Hanya Perusahaan atau Pemerintah, Website juga digunakan oleh

sebagian orang untuk berbagi pengetahuan bahkan untuk sekedar mengungkapkan curahan hati

(CURHAT) dalam hal ini Blog menjadi Pilihan utama.

Banyak Orang ingin membuat Website tapi tidak mengerti tentang Bahasa Pemrograman.

Entah itu PHP, Javascript, ASP atau JSP. Ebook ini Membahas Bagaimana Membuat Website dengan

Mudah dan Praktis. Anda Tidak Perlu Menguasai PHP, ASP atau JSP. Cukup Baca dan Praktekan apa

yang ada di ebook ini sampai selesai. Maka Saya Jamin Anda akan Memiliki Sebuah Website pribadi

yang dapat anda manfaatkan dan kelola sendiri. 100% Free.

Saya Berharap Tutorial singkat tentang membangun Website Gratis ini dapat bermanfaat

meskipun Masih jauh dari kesempurnaan. Akhir Kata, Jika ada Hal-hal yang kurang berkenan atau

kata-kata yang Slengean dan Masih Blepotan didalam Tutorial ini Saya Mohon Maaf yang sedalam

dalamnya.

Selamat Belajar dan Jayalah Indonesiaku.

Mataram, Juni 2013

Penyusun

Page 3: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

3

Bagian I

Tentang Domain

1.1 Pengertian Domain

Domain Merupakan Bagian yang perlu diketahui sebelum lebih

jauh membahas tentang Membangun Website. Selanjutnya Pada

Bagian II akan dibahas tentang Hosting. Ok, Kita Fokus ke Domain

dulu. Jika Kita Ilustrasikan ke Dunia Nyata, Domain Merupakan Nama

Jalan. Ex : Jl. Jendral Sudirman, Jl. Majapahit dll. Bisa disimpulkan

Jika Seorang User Hendak Mengunjungi sebuah Website. Maka yang

pertama kali harus dia tahu adalah Nama Domainnya.

Pada Dasarnya, Komputer Berkomunikasi satu sama lain menggunakan IP Address. Karena

beberapa alasan termasuk sulitnya mengingat angka, Maka dibuatlah sebuah konsep Domain. DNS

atau Domain Name Server bertugas memetakan alamat IP menjadi Nama dan sebaliknya (Nama ke

Alamat IP). Sehingga Sebuah Website dapat diakses dengan Nama dan IP Addres.

Penggunaan Nama Domain Telah diatur sedemikian rupa, sehingga kita dapat menyesuaikan

sendiri nama domain yang akan digunakan dalam membangun website. Suatu misal jika ingin

membangun website sekolah gunakanlah domain .sch.id (sch berarti School atau sekolah sedangkan

id berarti Indonesia dapat disimpulkan sekolah yang ada di Indonesia), .ac.id (Untuk

Akademik/Kampus), .org (Untuk Organisasi), .com (untuk komersil), .go.id (Untuk Pemerintahan)

dan lain sebagainya.

Jika kita berbicara struktur, Maka Tingkat Tertinggi dari Domain adalah (.) atau Root.

Selanjutnya ada Top Level Domain, Second Level Domain dan Sub domain.

1.2 Struktur Domain

Top Level Domain : wordpress.org, tokobagus.com, blogspot.com

Second Level Domain : mataramkota.go.id, unram.ac.id, stmikbumigora.ac.id

Sub Domain : forum.wordpress.org, pengumuman.unram.ac.id, contoh.blogspot.com

Jika Sobat Sudah Memiliki Weblog (Blog), entah itu wordpress, blogspot, blogdetik atau

yang lain. Secara tidak sadar kita telah membuat sebuat sub domain dari domain blog yang kita

buat. Suatu misal nama-blog.wordpress.com. Meskipun Kita dapat menghilangkan embel-embel

wordpress pada nama blog tersebut.

1.3 Penyedia Layanan Domain

Banyak Penyedia Layanan Domain yang dapat kita manfaatkan. Mulai dari yang berbayar

hingga yang gratisan. Jika sobat ingin menggunakan yang berbayar, sobat dapat mengunjungi

Page 4: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

4

website-website berikut : http://www.jetdino.com atau http://idwebhost.com Kedua website

tersebut menyediakan layanan Hosting dan Domain. Masalah harga, dapat sobat cek sendiri di

website tersebut.

1.4 Mendaftarkan Domain

Selanjutnya, Mari Kita Mendaftarkan sebuah Domain. Disini akan saya contohkan mendaftar

Domain ke sebuah penyedia Layanan Domain Gratis yang menjadi Favorit pemirsa dunia maya yaitu

Dot TK.

a). Silahkan Akses URL berikut pada browser sobat, http://www.dot.tk/. Penampakannya seperti

gambar dibawah ini :

b). Sebelum mendaftarkan domain, kita harus Registrasi dulu pada server dot TK, silahkan akses

URL ini pada browser Sobat : http://my.dot.tk/tweak/?show=signup

Page 5: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

5

c). Isikan Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan

Password, Sifatnya Optional artinya bisa diisi bisa juga tidak. Kemudian Klik Tombol Lanjut. Jika

Penampakannya Seperti dibawah ini, Artinya Anda Telah Berhasil Register Ke Server dot TK :

d). Nah, Sekarang Kita Sudah Bisa Mendaftarkan Domain karena Registrasi Sudah Sukses. Biasanya

Informasi akan dikirimkan pada email yang anda gunakan saat Registrasi.

e). Silahkan Klik Menu Domain Panel -> Add a Domain -> Isikan Fieldnya -> Add New Domain. Nama

Domain Inilah yang akan anda gunakan untuk mengakses website Anda nanti. Perhatikan Gambar

dibawah ini. Saya Membuat Domain dengan Nama belajar-buatweb.tk Pada Pilihan, Pilih Free

Domain Kemudian Next :

f). Untuk Option Selanjutnya. Pada Option 1, Pilih saja TK Mailias Only (Pengaturan Selanjutnya

akan kita lakukan setelah mendaftar di Hosting dan akan dibahas Pada Bagian Selanjutnya). Pada

Option 2, Pilih 12 Mounth (Lama Domain digunakan). Pada Option 3, Ketikan Captha Pada Field

sesuai Gambar yang ada Kemudian Next. Perhatikan gambar dibawah ini :

Page 6: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

6

g). Selesai.. Anda Sudah Berhasil Mendaftarkan Sebuah Domain Ke Server dot TK. Untuk Hasil akhir,

Silahkan klik Menu Domain Panel dan penampakan hasil saya seperti ini :

NB). Domain Belum dapat Anda Akses Karena Belum Terpointing dengan Hosting. Website akan

dapat diakses Seutuhnya setelah anda mempraktekan isi Tutorial ini sampai Bagian IV.

Stay Tune

Page 7: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

7

Bagian II

Tentang Hosting

2.1 Pengertian Hosting

Pada Bab Sebelumnya Kita telah belajar tentang Domain

dan Mendaftarkan Domain Gratis. Saya yakin sobat sudah paham

betul tentang domain. Jika Belum, Silahkan dibaca dan dipraktekan

lagi agar benar-benar paham. Pada Bagian kedua ini kita akan

membahas tentang Hosting, Mulai dari pengertian, Penyedia

Layanan Hosting serta Proses Registrasi ke Layanan Hosting.

Untuk Definisi, sebenarnya saya lebih suka mengilustrasikan

ke dunia nyata. Jika pada pembahasan sebelumnya kita

mengilustrasikan Domain sebagai nama jalan, maka Hosting Dapat diilustrasikan sebagai Tempat

atau lokasi. Itu saja ? Ya Itu saja. Suatu Misal Jika Sobat Ingin Membangun sebuah website Toko

Online maka yang dibutuhkan adalah Domain (Nama Website) dan Hosting (Lokasi atau tempat file-

file website ditampung). Coba Deh diilustrasikan kedunia nyata. Jika kita hendak membangun

rumah maka kita butuh lokasi bukan ? Begitulah kira-kira peran penting dari hosting.

Berikut Definisi Hosting yang saya peroleh dari Wikipedia, Web Hosting adalah salah satu

bentuk layanan jasa penyewaan tempat di Internet yang memungkinkan perorangan ataupun

organisasi menampilkan layanan jasa atau produknya di web/situs Internet. Tempat dapat juga

diartikan sebagai tempat penyimpanan data berupa megabytes (Mb) hingga terabytes (Tb) yang

memiliki koneksi ke internet sehingga data tersebut dapat direquest atau diakses oleh user dari

semua tempat secara simultan. Inilah yang menyebabkan sebuah website dapat diakses bersamaan

dalam satu waktu oleh Multi User.

2.2 Penyedia Layanan Web Hosting

Sama Halnya dengan Domain, Penyedia Layanan Hosting saat ini sudah tak terhitung

jumlahnya mulai yang berbayar ataupun yang gratis. Untuk layanan Hosting Gratis, Sobat dapat

memanfaatkan Layanan dari http://000webhost.com, http://idhostinger.com atau

http://byethost.com/. Sebenarnya Layanan Hosting yang disediakan oleh Ketiga Web Hosting

tersebut Free dan Pay. Untuk Pembelajaran, Kita dapat memanfaatkan Layanan Free yang mereka

sediakan. Ketiga Webhosting Tersebut juga menyediakan layanan Subdomain Gratis yang dapat kita

manfaatkan sehingga kita tidak perlu mendaftar di Penyedia layanan Domain.

Sedangkan Untuk Domain Berbayar, Sobat Dapat Mengunjungi http://jetdino.com atau

http://idwebhost.com Seperti yang telah dijelaskan sebelumnya Kedua Layanan Hosting tersebut

juga menyediakan Layanan Domain yang berbayar.

Page 8: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

8

2.3 Mendaftar di Layanan Web Hosting

Dalam memilih Web Hosting, Saya Lebih condong memilih Web Hosting Server Indonesia.

Alasannya tentu saja karena proses pembayarannya dan Registrasi yang mudah (Mungkin karena

menggunakan bahasa Indonesia) hehe. Dari ketiga Web Hosting yang telah disebutkan diatas, Web

hosting milik Indonesia adalah http://idhostinger.com. Jadi, untuk praktek mendaftar dilayanan

Web Hosting kita akan menggunakan Layanan IDHostinger.

a). Seperti Biasa, Sebelum dapat menggunakan Layanan milik IDHostinger, kita harus Registrasi

dulu, silahkan buka URL ini pada browser sobat : http://www.idhostinger.com/order

b). Isikan Informasi yang diperlukan pada form pendaftaran Seperti contoh diatas kemudian klik

tombol Buat Akun. Jika Tidak ada kesalahan, maka anda akan diarahkan kehalaman seperti dibawah

ini. Silahkan buka eMail yang anda gunakan pada saat registrasi untuk melakukan Aktivasi akun yang

anda daftarkan.

Page 9: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

9

c). Berikut Adalah Isi Pesan untuk melakukan konfirmasi pendaftaran dari IDHostinger. Silahkan klik

Link yang diberikan agar akun anda aktif.

d). Jika Muncul Halaman Seperti dibawah ini, maka akun yang anda daftarkan Telah Aktif.

e). Silahkan Klik Menu Kontrol Panel -> Buat Akun Baru (Proses Ini untuk membuat Akun untuk

website yang akan kita buat nanti).

f). selanjutnya akan muncul halaman dimana anda harus memilih layanan milik IDHostinger yang

akan anda gunakan. Dalam hal ini kita pilih Layanan Gratis -> Order

Page 10: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

10

g). Seperti yang telah dijelaskan sebelumnya, layanan hosting ini juga menawarkan sub domain

gratis. Silahkan centang Domain karena kita akan menggunakan Domain yang telah kita daftarkan di

dot TK. selanjutnya Anda akan diminta mengisi Beberapa Filed -> Buat. Perhatikan gambar berikut :

Page 11: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

11

h). Berikut adalah sebuah Halaman yang akan anda jumpai jika tidak ada kesalahan dalam membuat

akun.

i). Selesaii.. Akun Anda berhasil dibuat. Seperti yang di informasikan pada halaman diatas, akun

akan aktif dalam waktu 24 jam. Hehe (yang sabar ya.. namanya juga gratis) wkwk.. berikut

penampakan hasil akhir yang saya buat

NB). Website Belum dapat Anda Akses Karena Domain Belum Terpointing dengan Hosting. Website

akan dapat diakses Seutuhnya setelah anda mempraktekan isi Tutorial ini sampai Bagian IV.

Stay Tune

Page 12: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

12

Bagian III

Content Management System

3.1 Tentang CMS

Seperti Kata Pepatah, “Banyak Jalan Menuju Roma”.

Banyak Cara yang bisa kita lakukan untuk membangun website.

Salah satunya dengan memanfaatkan Content Management

System atau CMS. Dengan kemampuan yang powerfull, waktu

yang singkat dalam pembuatan serta kemudahan dalam

penggunaannya CMS menjadi pilihan utama dalam membangun

website. Maka Anda yang ingin membangun website sedangkan

tidak paham bahasa pemrograman gunakanlah CMS.

CMS saat ini sudah banyak dikembangkan oleh para Developer hingga hampir semua

kebutuhan dalam membangun website dapat dilakukan oleh CMS. Adapun beberapa CMS yang sering

digunakan adalah : wordpress http://wordpress.org, drupal http://drupal.org, dan joomla

http://www.joomla.org. Semuanya dapat anda download secara gratis dalam situs resmi mereka.

Berbagai Plugin dan Thema untuk CMS tersebut telah banyak dikembangkan sehingga anda tak perlu

khawatir dengan masalah Tampilan yang menarik.

Terkadang dalam mencari informasi di internet kita merasa Waww melihat beberapa

website keren yang kita kunjungi. Sekilas terlihat mewah dan terkesan sulit untuk dibuat. Namun

Tahukah Anda jika website-website tersebut menggunakan CMS (Kebanyakan Wordpress dan

Joomla). Hal ini dapat kita buktikan dengan melihat source code web tersebut. Klik Kanan Browser

Pada Website yang sedang kita kunjungi -> View Page Source (Lihat Sumber Laman) jika ada file

semacam wp-content atau wp-theme, bisa dipastikan Website tersebut dibangun dengan flatform

Wordpress.

Setahu saya, Ada Beberapa Situs Penting di Lombok yang menggunakan CMS : unram.ac.id

(wordpress), amikom-asm.ac.id (joomla), lombokbaratkab.go.id (wordpress). Bahkan Kampus saya

(Kampus IT) menggunakan CMS Wordpress; Heran juga sih, mungkin karena udah berkali-kali di hack

sama Mahasiswa sendiri jadi adminnya gak mau repot buat dari awal. Jadi Tak Perlu Menanggung

Malu atau gengsi menggunakan CMS. Haha :D

Nah, Pada Pembelajaran kali ini kita akan fokuskan untuk membangun website dengan

Content Management System milik Wordpress untuk CMS yang lain seperti Joomla, Drupal, Wolf dan

lain sebagainya, silahkan dipelajari sendiri. Konsepnya tidak jauh beda kok. Dan untuk tahap Awal

sebelum melanjutkan ke Bagian IV Silahkan sobat Download CMS-nya di situs ini :

http://wordpress.org. Silahkan Download Juga Beberapa Theme keren untuk Wordpress pada Menu

yang ada di situs tersebut Theme.

Page 13: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

13

Bagian IV

Instalasi CMS Wordpress

4.1 Integrasi Domain ke Hosting

Bagian ini akan menjelaskan Bagaimana mempointing Domain

yang telah kita buat di Dot TK dengan Hostingan yang telah kita

Daftarkan di IDHostinger karena Domain dan Hosting harus terhubung

agar website dapat diakses. Perihal bagaimana Mempointing Domain

dot TK dengan IDHostinger silahkan ikuti langkah-langkah berikut ini. Pertama-tama Silahkan Masuk

ke akun dot TK dan IDHostinger Anda.

A). Pada Akun dot TK anda, klik menu Domain Panel kemudian Modify domain yang telah anda buat

sebelumnya -> Dot TK DNS Service. Perhatikan gambar berikut :

B). Sampai pada gambar diatas, tahan dulu. Silahkan Masuk ke akun IDHostinger anda kemudian klik

menu Kontrol Panel. Pada Akun Web yang sudah anda buat silahkan klik tombol Kelola. Perhatikan

Bagian Informasi Akun. Copy Alamat IP yang ada pada Informasi Akun.

Page 14: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

14

C). Kembali Ke Akun dot TK Anda. Isikan Field Hostname Sesuai dengan Nama Domain yang anda

buat sebelumnya dan IP address sesuai dengan IP address yang ada di Hostingan Anda kemudian

Save Changes

D). Sampai disini Domain dan Hostingan anda sudah terpointing dengan benar. Silahkan cek dengan

mengkases nama Domain Anda Pada Browser. Jika Tampilan yang muncul seperti dibawah ini

artinya Pointing sudah benar. Jika tidak, Anda harus menunggu 24 jam.

4.2 Upload CMS ke Layanan Hosting

Setelah mempointing Domain dengan Hosting kita akan lanjutkan dengan mengupload CMS

yang telah anda download ke Hosting. Jadi Pastikan anda sudah mendownload CMS nya. Jika belum

silahkan download dulu. Untuk tahap pointing, Saya Asumsikan anda sudah berhasil mempointing

Domain dengan Hostingan Anda.

A). Jika Persiapan Sudah Selesai. Mari Kita Mulai. Untuk tahap pertama silahkan extrack CMS yang

anda Download.

Page 15: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

15

B). Pastikan Aplikasi Winzip Sudah Terinstal di Komputer Anda. Tahap kedua masuk ke Folder hasil

extrack. Kemudian ctrl+a klik kanan -> Winzip -> Add to Zip file.

C). Buat Sembarang Nama. Pada Contoh gambar dibawah ini saya memberi nama upload. Kemudian

tekan tombol Add. File Hasil Kompres itulah yang akan kita upload nantinya. Kenapa harus Zip ?

Jawabannya agar kita tidak mengupload filenya satu persatu. File zip tersebut nantinya akan

otomatis di extract setelah proses upload selesai.

D). Silahkan login ke akun IDHostinger anda. Klik Menu Kontrol Panel -> Kelola. Silahkan cari bagian

File. Pilih File Manager 3

Page 16: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

16

E). Untuk Informasi User FTP dapat anda lihat di Akses FTP. Anda Dapat merubah password akun

dengan mengklik Link Ubah Password Akun. Silahkan Ubah Password FTP Kemudian Masuk Ke File

Manager 3 menggunakan Password tersebut.

F). Berikut Tampilan File Manager 3 (net2ftp). Silahkan Buka directory public_html Kemudian Klik

Button Upload

G). Pada Gambar diatas silahkan Browse File yang tadi anda Compress dengan Zip. Kemudian Klik

Tombol Submit Centang (Warna Hijau). Tunggu Proses Upload Sampai selesai Kemudian Klik Lagi

Tombol Submit Centang (Warna Hijau) Setelah Itu Tombol Back (Warna Biru). Seperti Gambar

dibawah ini :

Page 17: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

17

H). Sampai disini Proses Upload CMS Sudah Selesai. Jika Proses Upload Gagal, Kemungkinan Ukuran

File Terlalu Besar. Hal ini bisa kita akali dengan memecah file cms menjadi beberapa bagian

(Konsep yang dipake IDM). Selanjutnya kita akan melakukan sedikit konfigurasi atau bisa dikatakan

Instalasi. Namun Sebelumnya Mari Kita Membuat Database.

4.3 Membuat Database

Sebelum Melakukan Proses Konfigurasi atau Instalasi Pada CMS yang sudah kita upload tadi,

kita membutuhkan sebuah database untuk menampung data Website kita. Berikut saya jabarkan

hal-hal yang dibutuhkan :

1. Sebuah Database

2. Username Database

3. Password Database

4. Host/Server

a). Masih didalam Kontrol Panel Akun IDHostinger Anda. Silahkan Pilih Database MySQL. Kemudian

Isikan Field yang dibutuhkan -> Klik Button Buat. Perhatikan Gambar dibawah ini.

Page 18: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

18

b). Sampai disini Database Sudah Berhasil Kita Buat. Seperti yang telah dijelaskan sebelumnya Yang

harus Anda Catat Adalah Informasi Tentang : Nama Database, Username Database, Password

Database Serta Host/Server MySQL.

4.4 Instalasi CMS Wordpress

Ini adalah Tahap Akhir Sebelum Website Anda Dapat diakses dengan Sempurna. Silahkan

akses nama domain anda melalui Browser. Jika Tampilan yang muncul seperti ini maka Proses

Upload Sudah Sukses. Silahkan Klik Tombol Create Configuration File Pada Gambar dibabawah :

A). Klik Tombol Let’s Go Pada Gambar dibawah ini Untuk Mulai Proses Instalasi

Page 19: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

19

B). Seperti yang telah dijelaskan sebelumnya. Silahkan Inputkan Informasi database Pada Field

tersebut. Gunakan informasi yang anda peroleh setelah membuat database kemudian Submit.

C). Klik Run The Install Untuk Menuju ke Proses Instalasi Selanjutnya.

D). Silahkan Inputkan Informasi yang dibutuhkan. Username dan Password Tersebut yang akan anda

gunakan untuk mengakses Dashboard Website Anda nantinya Kemudian Klik Install Wordpress

Page 20: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

20

E). Selesaii.. Berikut adalah Informasi yang Muncul Jika Proses Instalasi Berhasil

F). Selanjutnya Terserah Anda. Silahkan Login Untuk Masuk Ke Halaman Admin dan Mengedit

Theme, Posting dan MenSetting Web Anda. Untuk Melihat Hasil, Silahkan Akses Domain Anda Pada

Browser. Hasil Akhir Saya Seperti Ini :

Page 21: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

21

Bagian V

Webmail

5.1 Tentang WebMail

Email adalah suatu surat dalam bentuk elektronik. atau bisa juga di

sebut e-mail. e-mail singkatan dari Elektronik Mail yang berfungsi untuk

mengirimkan pesan baik berupa teks maupun gabungan gambar yang

dikirimkan dari satu alamat ke alamat lain yang melewati jaringan internet.

Untuk Mengakses eMail banyak aplikasi yang dapat kita gunakan. Salah

satunya dengan menggunakan aplikasi Webmail.

Adapun Pengertian Webmail yang saya dapatkan dari internet adalah sebagai berikut :

WEBMAIL adalah klien email yang menggunakan halaman Web sebagai media untuk mengelola

email di sisi klien. Sesuai dengan sifat AplikasiWeb, pemakai Webmail tidak perlu melakukan instalasi

perangkat lunak dan cukup mengisi sangat sedikit konfigurasi. Dengan kemudahan akses halaman

Web dari banyak tempat, Webmail menjadi lebih disukai lagi terutama bagi mereka yang sering

berganti-ganti komputer untuk akses Internet. Penyedia jasa Webmail gratis pun cukup banyak

tersedia karena mereka dapat menyediakan halaman Web yang akan sering dikunjungi pemakainya,

dengan imbal balik berupa pemasukan dari iklan.

Sedangkan macam-Macam Webmail yang sering digunakan adalah :

1. Yahoo

2. Gmail

3. Live Mail

4. Ovi Mail

Dengan Memiliki Sebuah Hosting. kita juga dapat memasang Aplikasi Webmail sendiri pada

Hostingan Kita. Sehingga eMail kita nantinya akan menjadi [email protected]. Keren

Bukan? Tapi kayaknya lebih keren kalo menggunakan domain Berbayar. Hehe . Pada Bagian ini

saya akan menjelaskan bagaimana memasang Aplikasi Webmail Pada IDHostinger. Ada beberapa

Aplikasi Webmail yang dapat kita pasang : squirrelmail, Afterlogic, RoundCobeMail. Namun Pilihan

saya jatuh pada After logic tidak lain karena konfigurasinya yang lebih mudah.

Sebelum Mulai Melakukan pemasangan Aplikasi Webmail Afterlogic, Anda harus memiliki

File Mentah atau master aplikasinya. Anda dapat Mendonwload Webmail Afterlogic pada situs

resminya disini : http://www.afterlogic.org/.

Page 22: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

22

5.2 Instalasi Webmail Afterlogic

Sebenarnya tanpa menginstal aplikasi webmail sendiripun kita sudah dapat menikmati

layanan webmail yang disediakan langsung oleh IDHostinger (Squirrelmail dan Roundcubemail).

Anda dapat mengakses webmail tersebut setelah membuat eMail Pada Kontrol Panel Akun Anda.

Namun Jika Anda Penasaran Untuk memasang Aplikasi Webmaill sendiri, mari kita mulai.

A). Saya Berasumsi Anda Sudah Mendownload Aplikasi Webmail Afterlogic. Silahkan Login Ke Akun

IDHostinger anda -> akses menu Kontrol Panel -> Kelola. Konsep Pemasangan Aplikasi Webmail ini

sebenarnya tidak jauh beda dengan Instalasi CMS wordpress. Untuk Tahap Awal, Kita mulai dari

membuat eMail. Masih didalam Kontrol Panel Akun Anda, Silahkan akses email -> Kelola email.

Pada Gambar dibawah, Silahkan buat Email dan Password Anda -> Buat

B). Selesai Membuat eMail, Pastikan Layanan SMTP, POP3 Pada Akun anda dalam keadaan Aktif

(dijalankan). Silahkan Cek di Email -> Pengaturan Layanan eMail. Pastikan Juga MX Record anda

mx1.idhostinger.com. (terdapat tanda titik dibelakang .com) cek di Edit MX Record. Perhatikan

Gambar berikut.

C). Kita lanjutkan dengan membuat sebuah Sub domain. Masuk Ke Bagian Domain -> Subdomain.

Buat sebuah SubDomain dengan Nama Mail -> Buat. Perhatikan Gambar Berikut.

Page 23: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

23

D). Setelah Sub Domain dibuat, secara Otomatis Direktori Website Anda akan bertambah Satu

Folder. Perhatikan gambar dibawah ini.

E). Selanjutnya Mari Mengupload File Aplikasi Webmail AfterLogic. Untuk tahap Sebelum Upload

anda dapat mengikuti Langkah-Langkah Pada Bagian 4.2. Silakan Lakukan Hal yang sama untuk

master File Afterlogic. yang Berbeda hanya lokasi tujuan File di Upload. Jika CMS Wordpress di

Upload Pada direktori root public_html, Maka Master Aplikasi After Logic di Upload Pada direktori

public_html/mail

Page 24: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

24

F). Jika Proses Upload Sukses, Pada Gambar diatas terlihat directory Mail sudah terisi dengan

aplikasi Webmail Afterlogic. Sebelum Melanjutkan Ke Tahap Instalasi, Silahkan Buat Sebuah

Database dulu. Langkah Membuat Database Sama dengan Langkah Pada Bagian 4.3. Yang harus

Anda Catat Adalah Informasi Tentang : Nama Database, Username Database, Password Database

Serta Host/Server MySQL.

G). Usai Membuat Database mari kita lanjutkan dengan Melakukan Instalasi Webmail Afterlogic.

Silahkan Akses URL pada Browser anda : htpp://nama-domain-anda.tk/mail/install/. Penampakan

yang muncul akan seperti dibawah ini. Klik Tombol Next (Pojok Bawah).

H). Pada Bagian Ini Silahkan Isi Informasi Tentang database yang telah dibuat sebelumnya pada

Proses F (Nama Database, Username Database, Password Database Serta Host/Server MySQL.)

kemudian Next (Anda dapat melakukan tes koneksi database dengan menekan tombol Tes

database). Perhatikan Gambar Berikut :

Page 25: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

25

I). Selanjutnya Atur Password yang akan anda gunakan untuk login ke Admin Panel. Untuk User

Default (mailadm) kemudian Next. Seperti gambar berikut :

J). Selanjutnya Isikan Seperti Email Server Host dengan mx1.idhostinger.com. dan centang semua

SMTP, POP3, IMAP kemudian Next.

K). Dan Yeee… Instalasi Complit. Silahkan Klik Button Exit Untuk Keluar dari Proses Instalasi Dan

Masuk Ke Admin Panel dengan Username dan Password yang anda Set di Step I.

Page 26: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

26

L). Pada Gambar diatas, Klik Button Save. Kemudian Pada Admin Panel, pilih menu Domain lalu klik

Default domain settings. Ubah setting berikut:

Incoming mail = IMAP

server = mx1.idhostinger.com.

port = 143

Outgoing mail

server = mx1.idhostinger.com.

port = 2525

SMTP Authentification = Use incoming mail's login/password of the user

Klik tombol Save untuk menyimpan setting. Perhatikan Gambar dibawah ini :

Page 27: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

27

M). Sampai disini Webmail Afterlogic Sudah terinstal dengan Benar dan Dapat digunakan. Silahkan

Akses Webmail anda dengan http://nama-domain.tk/mail. Login dengan Email dan Password yang

telah anda buat sebelumnya.

Berikut Penampakan pesan yang dikirim ke gmail Saya :

Selesaii… Selamat !! Anda Sudah Memiliki Website Pribadi dan Webmail Sendiri. Sekian dari Saya.

Sekali lagi Mohon Maaf Kalo Kata-Katanya Masih Blepotan. Wassalam

Page 28: Mudah & Praktis Membuat Website Berbasis CMS. … Informasi yang dibutuhkan pada form pendaftaran. Untuk Nama Pengguna Twitter dan Password, Sifatnya Optional artinya bisa diisi bisa

28

Tentang Penyusun

Bebaskan, Bebaskan dirimu. ambil resiko yang paling tinggi,

Agar hidupmu jadi lebih kaya !!

Bermimpilah karena Tuhan akan memeluk mimpi-mimpimu.

Teriakan mimpimu agar Tuhan mendengar.

Tertawalah, karena seisi dunia akan tertawa bersamamu,

Jangan bersedih karena kau akan bersedih sendirian.

Hiduplah untuk memberi sebanyak-banyaknya

bukan untuk meminta sebanyak-banyaknya.

Jelajahi Indonesiamu yang luas,

Jengkali Afrika yang eksotis, dan Jelajahi Eropa yang megah.

Tak ada selembar pun daun jatuh tanpa sepengetahuan sang pencipta.

(Andrea Hirata : Sang Pemimpi)

Sebenarnya Saya bukan Penulis. Saya juga bukan orang yang ahli di bidang IT. Bukan Juga

seorang Web Developer atau Web Maker. Atau entah apalagi nama panggilan-panggilan keren itu.

Saya Hanya Seorang Newbie. Yupz, Orang Bodoh yang ingin terus belajar dan berkarya.

Nama Saya Ahmad Tauhid. Saya kira gak ada yang special dengan nama itu, jadi tak perlu

dibahas. Saya lahir di pulau kecil Bagian Timur Indonesia. Tepatnya di Provinsi NTB. Berdampingan

dengan Pulau Eksotis, Bali. Biar Kalian tak penasaran kusebutkan saja namanya, Lombok.

Masalah Pendidikan. Saat Ini Saya Masih dibangku Kuliah disebuah perguruan Tinggi Swasta

NTB “STMIK Bumigora Mataram”. Jarang Aktif Menulis di Blog “http://delphitutor.blogspot.com”.

Ikut UKM MAPALA “Cantha Pratala” Meskipun Jarang aktif Juga. hehe

Ebook atau mungkin lebih tepat disebut Tutorial ini saya buat atas dasar Suka Sama Suka.

Loh Kok ? Haha. Maksud Saya Tutorial ini Sifatnya Free. Bebas digunakan dan disebarluaskan. Mau

dimodifikasi Juga gak masalah. Tapi saya akan merasa sangat dihargai jika Sobat Mencantumkan

Sumbernya. Akhir Kata, Selamat Belajar dan Berkarya.