Ahmad Tauhid
ahmad.tauhid.cp@gmail.com https://www.facebook.com/tauhid.py
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.
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
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
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
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 :
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
http://byethost.com/.
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. 7
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.
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
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 :
10
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
11
12
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.
13
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.
14
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
15
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 :
16
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.
17
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 Lets Go Pada Gambar dibawah ini Untuk Mulai Proses Instalasi
18
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
19
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 :
20
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 nama-email@nama-domain.tk. 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/.
21
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.
22
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
23
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 :
24
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.
25
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 :
26
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.
Selesaii Selamat !! Anda Sudah Memiliki Website Pribadi dan Webmail Sendiri. Sekian dari Saya. Sekali lagi Mohon Maaf Kalo Kata-Katanya Masih Blepotan. Wassalam
27
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.
28