Black_Plankton yoga_djayz B a l i C y b e r C o m m u n i t y © 11222008
MEMBUAT WEBSITE
BERBASIS CMS DENGAN
DOMAIN DAN HOSTING
GRATIS!
Content :
BAB I : Registrasi Free Domain
BAB 2 : Registrasi Free Hosting
BAB 3 : Sinkronisasi Domain dan Hosting
BAB 4 : Instalasi Aplikasi CMS
BAB 5 : Menggunakan FTP Client
BAB 6 : Setting awal CMS & Database
BAB 7 : Membuat Sub Domain
Black_Plankton &
yoga_djayz
Bali Cyber Community©
11/22/2008
BAB I
Registrasi Free Domain .co.cc
Untuk membuat domain free, silahkan akses situs free domain http://free-registration.co.cc
Alasan saya memilih layanan free domain tersebut karena domain tersebut bersifat flexible. Support
CNAME, A, MX, NS records seperti domain berbayar dan yang paling penting bebas iklan.
Gambar 1.1
Setelah page terbuka, klik “Create an account now” untuk memulai proses pendaftaran domain
gratis anda (Gambar 1.1)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
2
Gambar 1.2
Isi data-data pada halaman tersebut dengan lengkap (Gambar 1.2). Bagian ini hanyalah
formalitas. Untuk alamat email, sangat disarankan tidak menggunakan email yahoo. Anda bisa mencoba
menggunakan Gmail atau yang lainnya. Setelah semua data2 terisi (kolom yang dicentang wajib di isi).
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
3
Beri centang pada “I Accept the terms of Services” kemudian klik “Create an account now” untuk
melanjutkan ke proses selanjutnya .
Gambar 1.3
Klik “Getting A new Domain” untuk proses pembuatan domain anda (Gambar 1.3)
Gambar 1.4
Isi nama domain yang anda inginkan pada kolom yang tersedia (Gambar 1.4). Sebagai contoh
saya menggunakan nama domain “website-ku” kemudian klik “Check availability” untuk mengecek apa
domain tersebut sudah ada yang menggunakan atau belum.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
4
Gambar 1.5
Jika nama domain yang anda gunakan sudah ada yang memakai, silahkan coba terus petunjuk
sebelumnya. Skr kita lanjutkan ke bagian bila nama domain anda masih tersedia. Akan terlihat seperti
Gambar 1.5 . klik “Continue to registration” untuk melanjutkan proses pendaftaran domain anda.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
5
Gambar 1.6
Selamat, domain pilihan anda telah sukses dibuat (Gambar 1.6). Klik “Set Up” untuk mulai
melakukan pengaturan domain anda agar bisa dikoneksikan dengan hosting anda. Dan ini akan dibahas
pada bab berikutnya.
Untuk langkah selanjutnya kita akan membuat free hosting untuk domain anda pada BAB II.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
6
BAB II
Registrasi free hosting di www.free-webhosts.uni.cc
Buka browser kemudian akses situs Free Hosting http://www.free-webhosts.uni.cc
Kenapa saya sarankan ke alamat tersebut? Karena selama ini saya selalu menggunakan jasa di hosting
tersebut dan belom pernah menemukan kendala sama sekali.
Setelah halaman website terbuka, pilih “Free Hosting” Seperti Gambar 2.1 dibawah ini
Gambar 2.1
Kemudian akan terbuka halaman selanjutnya, yaitu halaman tentang penjelasan singkat free
hosting tersebut dan fiturnya. Bagian atas adalah kelebihan-kelebihan yang didapat dari free hosting
tersebut. Klik “Click here to sign up for free hosting” untuk melanjutkan ke proses selanjutnya. (Gambar
2.2)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
7
Gambar 2.2
Sekarang kita sudah memasuki bagian registrasi (Gambar 2.3) Isi data-data yang dperlukan
untuk free-hosting anda.
Gambar 2.3
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
8
Username & Password : Sebagai contoh, di kolom username kita isi “tutorhosting” (user name ini
bukan untuk login ke hosting anda. Tapi dgunakan sebagai penamaan sub domain hosting anda.
Contoh: username.free-webhosts.uni.cc) dan pada kolom password kita isi dengan “123456”.
Email Address : Untuk alamat Email, silahkan gunakan email pribadi anda (Disarankan menggunakan
email selain yahoo karena hosting tersebut tidak support dengan yahoo mail.
Site category : Tentukan kategori website anda dengan memilih salah satu dari menu drop down.
Kategori-kategori yang tersedia adalah : Personal, Business, Hobby, Forum, adult, dating,
Software/Download. Untuk contoh kita pilih “Personal”
Site Language : Tentukan bahasa yang akan anda gunakan dalam website anda dengan memilih
pada menu drop down. Tersedia 2 pilihan bahasa. “English” dan “non English”. Untuk gampangnya,
kita pilih bahasa “English” saja.
Security Code : Ketikkan code yang muncul pada kolom “Enter Security Code”
Bila dirasa data-data anda sudah lengkap, silahkan klik “Register” untuk melanjutkan ke proses
berikutnya.
Gambar 2.4
Ketikan pada kolom 2 kata yang muncul pada bagian “Image Verification” (Gambar 2.4). bila
dirasa gambar kurang jelas, bisa mereload gambar dengan meng-klik icon reload pada gambar.
Kemudian klik “Register” untuk melanjutkan ke proses selanjutnya.
Bila proses verifikasi di atas sukses. Berarti anda telah berhasil membuat account free hosting
anda. Halaman selanjutnya berisi data-data tentang account hosting anda (Gambar 2.5)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
9
Gambar 2.5
Sedikit penjelasan,
Control panel : Untuk mengakses control panel anda (http://cpanel.free-webhosts.uni.cc), gunakan
username dan password yang tertera dalam kolom contrl panel (NB: user name yang didapat
bersifat random dan otomatis dari free hosting tsb).
Files and FTP Settings : Untuk mengakses hosting dan menggunakan FTP Client, gunakan FTP
username, FTP Password, dan FTP hostname yang tertera pada kolom tersebut (Penjelasan tentang
FTP client akan dibahas pada bab berikutnya)
MySQL Settings : Untuk mengakses database pada hosting anda, gunakan MySQL User, MySQL
password, MySQL host pada kolom tersebut. (Penjelasan tentang Setting MySQL akan dibahas pada
bab berikutnya).
Domain name : domain sementara hosting anda. Sudah dapat dibuka dengan mengakses alamat
domain yang tertera pada kolom tersebut. Kita gunakan contoh di atas “http://tutorhosting.freewebhosts.uni.cc”
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
10
Bila berhasil maka tampilan sementara website anda akan tampak seperti Gambar 2.6
Gambar 2.6
Selamat! Anda sudah berhasil membuat account hosting dengan memanfaatkan jasa free hosting
http://free-webhosts.uni.cc
Untuk langkah selanjutnya yaitu Sinkronisasi Domain dan Hosting akan dibahas pada BAB III.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
11
BAB III
Sinkronisasi hosting dan domain
Sekarang kita membahas bagaimana mengkoneksikan antara domain dan hosting yang tadi kita
buat. pertama-tama login dahulu ke Control panel hosting anda di http://cpanel.free-webhosts.uni.cc/
(Penjelasan tentang control panel dan account hosting anda sudah dijelaskan pada bab sebelumnya ).
Gambar 3.1
Ketikkan username dan password anda pada kolom yang disediakan (Gambar 3.1). Contoh, kita
menggunakan account yang sebelumya sudah kita buat. Dengan username ucb_2568608 dan password
123456. Kita gunakan pilihan bahasa “English” kemudian klik login untuk melanjutkan.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
12
Gambar 3.2
Setelah sukses login ke control panel hosting anda, klik “addon domain” pada bagian “domain”
(Gambar 3.2)
Sekarang anda akan dihadapkan pada halaman “addon Domain” (Gambar 3.3)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
13
Gambar 3.3
Ketikan alamat domain yang tadi sudah anda buat di kolom Domain name. Untuk Name Server,
dari pihak hosting menyediakan 2 alamat NS. ns1.free-webhosts.uni.cc dan ns2.free-webhosts.uni.cc , 2
alamat ini bisa disimpan sementara di notepad karena akan digunakan pada pengaturan domain anda.
Kemudian klik “Create Domain” untuk melanjutkan ke proses berikutnya.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
14
Gambar 3.4
Selamat, anda sudah berhasil mengkoneksikan hosting dengan domain anda (Gambar 3.4).
Sekarang tinggal mengkoneksikan domain dengan hosting anda.
Buka kembali halaman set up domain anda (Gambar 3.5)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
15
Gambar 3.5
Berhubung kita akan menggunakan domain yang terintegrasi dengan hosting, kita menggunakan
fitur DNS pada pengaturan domain. Klik Manage DNS.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
16
Gambar 3.6
Ketikan pada kolom “Name server” 2 NS dari hosting yang tadi sudah kita catat (Bila masih
kurang jelas, tinjau kembali Gambar 3.3). Setelah itu klik “Set Up” untuk melanjutkan.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
17
Gambar 3.7
Selamat, anda sudah berhasil mengkoneksikan domain dengan hosting anda (Gambar 3.7).
Berhubung ada delay dari pihak domain (.co.cc) yang mewajibkan anda menunggu 24 jam untuk proses
aktifasi domain anda maka untuk hari ini pembahasan cukup segini dulu, besok kita lanjut dengan
pembahasan BAB IV : Instalasi Aplikasi CMS pada Web Hosting.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
18
BAB IV
Instalasi aplikasi CMS pada web hosting
Setelah domain anda sudah di aktivasi oleh pihak penyedia domain, kita akan melanjutkan ke
proses selanjutnya. Yaitu Instalasi aplikasi CMS pada web hosting. Untuk aplikasi CMS yang akan kita
gunakan pada pembahasan ini adalah “Joomla” (http://www.joomla.org). Penjelasan tentang aplikasi
CMS “Joomla” bisa langsung di lihat di site resminya.
Sebelum kita memulai instalasi, buat dahulu database untuk aplikasi “Joomla” anda. Caranya
adalah, login ke control panel hosting anda. Caranya sudah dijelaskan pada pembahasan sebelumnya.
Gambar 4.1
Pilih “MySQL databases” pada bagian Databases (Gambar 4.1)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
19
Gambar 4.2
Ketikkan nama database sesuai selera anda pada kolom “make a new database”. Untuk contoh
saya gunakan nama database “websiteku”. Kemudian klik “Create Database”
Gambar 4.3
Database anda telah sukses dibuat (Gambar 4.3). Simpan nama database anda di notepad
karena akan kita gunakan untuk proses berikutnya.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
20
Sekarang kita akan mulai proses instalasi. Kembali ke halaman index control panel anda
kemudian pilih “Fantastico Type Installer” pada bagian Software/services. Lihat Gambar 4.4 (Anda juga
dapat menginstall aplikasi Joomla secara manual melalui FTP. Penjelasan tentang FTP client akan
dibahas pada bab berikutnya)
Gambar 4.4
Gambar 4.5
Pilih domain anda pada menu drop down. Disini kita memakai domain website-ku.co.cc sebagai
contoh. Kemudian klik “Proceed” untuk melanjutkan ke proses berikutnya.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
21
Gambar 4.6
Gambar 4.6 memperlihatkan list aplikasi-aplikasi CMS yang free dan siap untuk di install. Karena
tutorial kali ini menggunakan joomla, kita pilih Joomlaa 1.0.15. kemudian klik “Click to Install” untuk
memulai proses instalasi.
Gambar 4.7
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
22
Kita akan menginstall aplikasi di dalam folder “root” (Gambar 4.7). Langsung klik “Complete Install”
untuk melanjutkan proses instalasi. Jika proses instalasi berhasil akan tampak seperti Gambar 4.8
Gambar 4.8
Akses website anda dengan mengklik link di atas. Disini kita menggunakan contoh website
http://website-ku.co.cc. Setelah berhasil mengakses website tersebut, kita akan dihadapkan dengan
proses instalasi Joomla. Topik pembahasan ini akan dibahas pada BAB VI. Untuk BAB V, kita akan
membahas tentang penggunaan FTP Client.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
23
BAB V
Mengakses web hosting anda menggunakan FTP client
Pada bagian ini kita akan mempelajari bagaimana cara mengakses web hosting anda dengan
menggunakan FTP client. Aplikasi FTP client yang akan kita gunakan adalah FileZilla. Jalankan aplikasi,
kemudian akan muncul tampilan seperti Gambar 5.1.
Gambar 5.1
Lakukan login ke web hosting anda, perhatikan Gambar 2.5 pada BAB II. Gunakan FTP Host
Name pada kolom address, FTP user name dan FTP password pada kolom user dan password. Untuk
kolom port dikosongkan saja. Kemudian tekan tombol Quickconnect.
Setelah Filezilla ini berhasil mengkoneksikan computer dengan web hosting anda maka di bagian
kanan aplikasi akan muncul direktori file system hosting anda (Gambar 5.2).
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
24
Gambar 5.2
Bila anda belum punya aplikasi Filezilla anda bisa mendownload nya pada link-link dibawah ini :
-Filezilla Portable
Download Part 1
Download Part 2
Download Part 3
Mirror :
Download
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
25
BAB VI
Setting awal aplikasi CMS dan database nya
Dalam bab ini kita akan membahas tahapan-tahapan dalam proses instalasi Joomla.
Pre installation check
Gambar 6.1
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
26
License
Tak perlu saya jelaskan license disini. Tekan next pada bagian ini.
Step 1 (MySQL database configuration)
Gambar 6.2
Perhatiakan Gambar 6.2. Pertama-tama masukkan hostname dari server hostingan anda.
Perhatikan lagi Gambar 2.5, masukkan MySQL Host pada kolom ini. Kemudian masukkan MySQL User
Name dan MySQL password pada kolom yang disediakan. Jika sudah lanjut ke tahap berikutnya dengan
menekan next.
Step 2 (Name of your site)
Tahapan selanjutnya adalah member nama situs yang anda buat. Caranya mudah, ketikkan nama
situs anda pada kolom yang tersedia. Sebagai contoh perhatikan Gambar 6.3. Site name yang digunakan
adalah Website Pertamaku. Next jika sudah menemukan nama yang oke.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
27
Gambar 6.3
Step 3 (Confirm URL, path, admin e-mail and chmods)
Tahap selanjutnya adalah memastikan alamat website anda. Untuk kolom path dapat dilihat kembali
pada Gambar 2.5 pada BAB II untuk memastikannya. Masukkan juga alamat email anda yang akan
dipakai sebagai alamat email super administrator pada website. Next jika sudah selesai.
Gambar 6.4
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
28
Step 4 ( Congratulations!!)
Gambar 6.5
Selamat, anda sudah berhasil menginstall Joomla! Perhatikan Gambar 6.5. Untuk melihat website anda
silahkan tekan “View Site”. Untuk ke panel admin silahkan tekan “Administration” dan gunakan user dan
password yang tertera pada “Administration Login Details”
Jangan lupa menghapus folder installasi anda. Dengan cara mengakses hosting anda melalui FTP client
seperti yang telah kita bahas sebelumnya (BAB V). Penamaan direktori sama dengan nama web anda.
Double click direktori anda (pada contoh ‘website-ku.co.cc’). Masuk ke folder “htdocs” kemudian hapus
folder “installation” seperti Gambar 6.6.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
29
Gambar 6.6
Pada BAB selanjutnya (BAB VII) kita akan membahas tentang cara pembuatan domain.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
30
BAB VII
Membuat Sub Domain
Dalam bab ini kita akan mempelajari bagaimana membuat sub domain. Pada panel control
hosting pilih menu Sub domains (lihat Gambar 7.1)
Gambar 7.1
Maka akan terbukalah menu sub domain manager seperti Gambar 7.2. Ketikkan nama sub
domain yang anda inginkan. Dalam contoh misalkan kita akan membuat forum dalam website-ku.co.cc.
Klik create domain, maka dalam page selanjutnya sub domain yang anda inginkan akan terdata dalam
tab current sub-domain (Gambar 7.3) dan refresh FTP Client anda (FileZilla) untuk memastikan sub
domain anda sudah masuk ke direktori domain anda (Gambar 7.4).
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
31
Gambar 7.2
Gambar 7.3
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
32
Gambar 7.4
Cukup sampai disini tutorial singkat Membuat Website berbasis CMS dengan Domain dan
Hosting
Gratis!
Apabila
ada
yang
kurang
jelas
bisa
langsung
E-Mail
ke
blackplankton.youseebeesoft@gmail.com
Regards,
Black_Plankton & yoga_djayz
Bali Cyber Community©
Denpasar 22 November 2008 4:30 WITA
Thanks to :
Pillow_Face, a9atha, cyrus_168, Orion, KiLL_DJ, kcankkpry, poetra-one, doubpsycho, flack,
pujanggabageur, spink, na_na_na, aNaK_KECILmu, zA_nAzA, buana, dan semua orang yang selalu
mendukung kami.
Other Link :
STIKOM BALI, Piracy-faculty, Bali Cyber Community, Binary-Translator, Jumpalitan, VB-BEGO, Google
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
33
BERBASIS CMS DENGAN
DOMAIN DAN HOSTING
GRATIS!
Content :
BAB I : Registrasi Free Domain
BAB 2 : Registrasi Free Hosting
BAB 3 : Sinkronisasi Domain dan Hosting
BAB 4 : Instalasi Aplikasi CMS
BAB 5 : Menggunakan FTP Client
BAB 6 : Setting awal CMS & Database
BAB 7 : Membuat Sub Domain
Black_Plankton &
yoga_djayz
Bali Cyber Community©
11/22/2008
BAB I
Registrasi Free Domain .co.cc
Untuk membuat domain free, silahkan akses situs free domain http://free-registration.co.cc
Alasan saya memilih layanan free domain tersebut karena domain tersebut bersifat flexible. Support
CNAME, A, MX, NS records seperti domain berbayar dan yang paling penting bebas iklan.
Gambar 1.1
Setelah page terbuka, klik “Create an account now” untuk memulai proses pendaftaran domain
gratis anda (Gambar 1.1)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
2
Gambar 1.2
Isi data-data pada halaman tersebut dengan lengkap (Gambar 1.2). Bagian ini hanyalah
formalitas. Untuk alamat email, sangat disarankan tidak menggunakan email yahoo. Anda bisa mencoba
menggunakan Gmail atau yang lainnya. Setelah semua data2 terisi (kolom yang dicentang wajib di isi).
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
3
Beri centang pada “I Accept the terms of Services” kemudian klik “Create an account now” untuk
melanjutkan ke proses selanjutnya .
Gambar 1.3
Klik “Getting A new Domain” untuk proses pembuatan domain anda (Gambar 1.3)
Gambar 1.4
Isi nama domain yang anda inginkan pada kolom yang tersedia (Gambar 1.4). Sebagai contoh
saya menggunakan nama domain “website-ku” kemudian klik “Check availability” untuk mengecek apa
domain tersebut sudah ada yang menggunakan atau belum.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
4
Gambar 1.5
Jika nama domain yang anda gunakan sudah ada yang memakai, silahkan coba terus petunjuk
sebelumnya. Skr kita lanjutkan ke bagian bila nama domain anda masih tersedia. Akan terlihat seperti
Gambar 1.5 . klik “Continue to registration” untuk melanjutkan proses pendaftaran domain anda.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
5
Gambar 1.6
Selamat, domain pilihan anda telah sukses dibuat (Gambar 1.6). Klik “Set Up” untuk mulai
melakukan pengaturan domain anda agar bisa dikoneksikan dengan hosting anda. Dan ini akan dibahas
pada bab berikutnya.
Untuk langkah selanjutnya kita akan membuat free hosting untuk domain anda pada BAB II.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
6
BAB II
Registrasi free hosting di www.free-webhosts.uni.cc
Buka browser kemudian akses situs Free Hosting http://www.free-webhosts.uni.cc
Kenapa saya sarankan ke alamat tersebut? Karena selama ini saya selalu menggunakan jasa di hosting
tersebut dan belom pernah menemukan kendala sama sekali.
Setelah halaman website terbuka, pilih “Free Hosting” Seperti Gambar 2.1 dibawah ini
Gambar 2.1
Kemudian akan terbuka halaman selanjutnya, yaitu halaman tentang penjelasan singkat free
hosting tersebut dan fiturnya. Bagian atas adalah kelebihan-kelebihan yang didapat dari free hosting
tersebut. Klik “Click here to sign up for free hosting” untuk melanjutkan ke proses selanjutnya. (Gambar
2.2)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
7
Gambar 2.2
Sekarang kita sudah memasuki bagian registrasi (Gambar 2.3) Isi data-data yang dperlukan
untuk free-hosting anda.
Gambar 2.3
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
8
Username & Password : Sebagai contoh, di kolom username kita isi “tutorhosting” (user name ini
bukan untuk login ke hosting anda. Tapi dgunakan sebagai penamaan sub domain hosting anda.
Contoh: username.free-webhosts.uni.cc) dan pada kolom password kita isi dengan “123456”.
Email Address : Untuk alamat Email, silahkan gunakan email pribadi anda (Disarankan menggunakan
email selain yahoo karena hosting tersebut tidak support dengan yahoo mail.
Site category : Tentukan kategori website anda dengan memilih salah satu dari menu drop down.
Kategori-kategori yang tersedia adalah : Personal, Business, Hobby, Forum, adult, dating,
Software/Download. Untuk contoh kita pilih “Personal”
Site Language : Tentukan bahasa yang akan anda gunakan dalam website anda dengan memilih
pada menu drop down. Tersedia 2 pilihan bahasa. “English” dan “non English”. Untuk gampangnya,
kita pilih bahasa “English” saja.
Security Code : Ketikkan code yang muncul pada kolom “Enter Security Code”
Bila dirasa data-data anda sudah lengkap, silahkan klik “Register” untuk melanjutkan ke proses
berikutnya.
Gambar 2.4
Ketikan pada kolom 2 kata yang muncul pada bagian “Image Verification” (Gambar 2.4). bila
dirasa gambar kurang jelas, bisa mereload gambar dengan meng-klik icon reload pada gambar.
Kemudian klik “Register” untuk melanjutkan ke proses selanjutnya.
Bila proses verifikasi di atas sukses. Berarti anda telah berhasil membuat account free hosting
anda. Halaman selanjutnya berisi data-data tentang account hosting anda (Gambar 2.5)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
9
Gambar 2.5
Sedikit penjelasan,
Control panel : Untuk mengakses control panel anda (http://cpanel.free-webhosts.uni.cc), gunakan
username dan password yang tertera dalam kolom contrl panel (NB: user name yang didapat
bersifat random dan otomatis dari free hosting tsb).
Files and FTP Settings : Untuk mengakses hosting dan menggunakan FTP Client, gunakan FTP
username, FTP Password, dan FTP hostname yang tertera pada kolom tersebut (Penjelasan tentang
FTP client akan dibahas pada bab berikutnya)
MySQL Settings : Untuk mengakses database pada hosting anda, gunakan MySQL User, MySQL
password, MySQL host pada kolom tersebut. (Penjelasan tentang Setting MySQL akan dibahas pada
bab berikutnya).
Domain name : domain sementara hosting anda. Sudah dapat dibuka dengan mengakses alamat
domain yang tertera pada kolom tersebut. Kita gunakan contoh di atas “http://tutorhosting.freewebhosts.uni.cc”
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
10
Bila berhasil maka tampilan sementara website anda akan tampak seperti Gambar 2.6
Gambar 2.6
Selamat! Anda sudah berhasil membuat account hosting dengan memanfaatkan jasa free hosting
http://free-webhosts.uni.cc
Untuk langkah selanjutnya yaitu Sinkronisasi Domain dan Hosting akan dibahas pada BAB III.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
11
BAB III
Sinkronisasi hosting dan domain
Sekarang kita membahas bagaimana mengkoneksikan antara domain dan hosting yang tadi kita
buat. pertama-tama login dahulu ke Control panel hosting anda di http://cpanel.free-webhosts.uni.cc/
(Penjelasan tentang control panel dan account hosting anda sudah dijelaskan pada bab sebelumnya ).
Gambar 3.1
Ketikkan username dan password anda pada kolom yang disediakan (Gambar 3.1). Contoh, kita
menggunakan account yang sebelumya sudah kita buat. Dengan username ucb_2568608 dan password
123456. Kita gunakan pilihan bahasa “English” kemudian klik login untuk melanjutkan.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
12
Gambar 3.2
Setelah sukses login ke control panel hosting anda, klik “addon domain” pada bagian “domain”
(Gambar 3.2)
Sekarang anda akan dihadapkan pada halaman “addon Domain” (Gambar 3.3)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
13
Gambar 3.3
Ketikan alamat domain yang tadi sudah anda buat di kolom Domain name. Untuk Name Server,
dari pihak hosting menyediakan 2 alamat NS. ns1.free-webhosts.uni.cc dan ns2.free-webhosts.uni.cc , 2
alamat ini bisa disimpan sementara di notepad karena akan digunakan pada pengaturan domain anda.
Kemudian klik “Create Domain” untuk melanjutkan ke proses berikutnya.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
14
Gambar 3.4
Selamat, anda sudah berhasil mengkoneksikan hosting dengan domain anda (Gambar 3.4).
Sekarang tinggal mengkoneksikan domain dengan hosting anda.
Buka kembali halaman set up domain anda (Gambar 3.5)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
15
Gambar 3.5
Berhubung kita akan menggunakan domain yang terintegrasi dengan hosting, kita menggunakan
fitur DNS pada pengaturan domain. Klik Manage DNS.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
16
Gambar 3.6
Ketikan pada kolom “Name server” 2 NS dari hosting yang tadi sudah kita catat (Bila masih
kurang jelas, tinjau kembali Gambar 3.3). Setelah itu klik “Set Up” untuk melanjutkan.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
17
Gambar 3.7
Selamat, anda sudah berhasil mengkoneksikan domain dengan hosting anda (Gambar 3.7).
Berhubung ada delay dari pihak domain (.co.cc) yang mewajibkan anda menunggu 24 jam untuk proses
aktifasi domain anda maka untuk hari ini pembahasan cukup segini dulu, besok kita lanjut dengan
pembahasan BAB IV : Instalasi Aplikasi CMS pada Web Hosting.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
18
BAB IV
Instalasi aplikasi CMS pada web hosting
Setelah domain anda sudah di aktivasi oleh pihak penyedia domain, kita akan melanjutkan ke
proses selanjutnya. Yaitu Instalasi aplikasi CMS pada web hosting. Untuk aplikasi CMS yang akan kita
gunakan pada pembahasan ini adalah “Joomla” (http://www.joomla.org). Penjelasan tentang aplikasi
CMS “Joomla” bisa langsung di lihat di site resminya.
Sebelum kita memulai instalasi, buat dahulu database untuk aplikasi “Joomla” anda. Caranya
adalah, login ke control panel hosting anda. Caranya sudah dijelaskan pada pembahasan sebelumnya.
Gambar 4.1
Pilih “MySQL databases” pada bagian Databases (Gambar 4.1)
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
19
Gambar 4.2
Ketikkan nama database sesuai selera anda pada kolom “make a new database”. Untuk contoh
saya gunakan nama database “websiteku”. Kemudian klik “Create Database”
Gambar 4.3
Database anda telah sukses dibuat (Gambar 4.3). Simpan nama database anda di notepad
karena akan kita gunakan untuk proses berikutnya.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
20
Sekarang kita akan mulai proses instalasi. Kembali ke halaman index control panel anda
kemudian pilih “Fantastico Type Installer” pada bagian Software/services. Lihat Gambar 4.4 (Anda juga
dapat menginstall aplikasi Joomla secara manual melalui FTP. Penjelasan tentang FTP client akan
dibahas pada bab berikutnya)
Gambar 4.4
Gambar 4.5
Pilih domain anda pada menu drop down. Disini kita memakai domain website-ku.co.cc sebagai
contoh. Kemudian klik “Proceed” untuk melanjutkan ke proses berikutnya.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
21
Gambar 4.6
Gambar 4.6 memperlihatkan list aplikasi-aplikasi CMS yang free dan siap untuk di install. Karena
tutorial kali ini menggunakan joomla, kita pilih Joomlaa 1.0.15. kemudian klik “Click to Install” untuk
memulai proses instalasi.
Gambar 4.7
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
22
Kita akan menginstall aplikasi di dalam folder “root” (Gambar 4.7). Langsung klik “Complete Install”
untuk melanjutkan proses instalasi. Jika proses instalasi berhasil akan tampak seperti Gambar 4.8
Gambar 4.8
Akses website anda dengan mengklik link di atas. Disini kita menggunakan contoh website
http://website-ku.co.cc. Setelah berhasil mengakses website tersebut, kita akan dihadapkan dengan
proses instalasi Joomla. Topik pembahasan ini akan dibahas pada BAB VI. Untuk BAB V, kita akan
membahas tentang penggunaan FTP Client.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
23
BAB V
Mengakses web hosting anda menggunakan FTP client
Pada bagian ini kita akan mempelajari bagaimana cara mengakses web hosting anda dengan
menggunakan FTP client. Aplikasi FTP client yang akan kita gunakan adalah FileZilla. Jalankan aplikasi,
kemudian akan muncul tampilan seperti Gambar 5.1.
Gambar 5.1
Lakukan login ke web hosting anda, perhatikan Gambar 2.5 pada BAB II. Gunakan FTP Host
Name pada kolom address, FTP user name dan FTP password pada kolom user dan password. Untuk
kolom port dikosongkan saja. Kemudian tekan tombol Quickconnect.
Setelah Filezilla ini berhasil mengkoneksikan computer dengan web hosting anda maka di bagian
kanan aplikasi akan muncul direktori file system hosting anda (Gambar 5.2).
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
24
Gambar 5.2
Bila anda belum punya aplikasi Filezilla anda bisa mendownload nya pada link-link dibawah ini :
-Filezilla Portable
Download Part 1
Download Part 2
Download Part 3
Mirror :
Download
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
25
BAB VI
Setting awal aplikasi CMS dan database nya
Dalam bab ini kita akan membahas tahapan-tahapan dalam proses instalasi Joomla.
Pre installation check
Gambar 6.1
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
26
License
Tak perlu saya jelaskan license disini. Tekan next pada bagian ini.
Step 1 (MySQL database configuration)
Gambar 6.2
Perhatiakan Gambar 6.2. Pertama-tama masukkan hostname dari server hostingan anda.
Perhatikan lagi Gambar 2.5, masukkan MySQL Host pada kolom ini. Kemudian masukkan MySQL User
Name dan MySQL password pada kolom yang disediakan. Jika sudah lanjut ke tahap berikutnya dengan
menekan next.
Step 2 (Name of your site)
Tahapan selanjutnya adalah member nama situs yang anda buat. Caranya mudah, ketikkan nama
situs anda pada kolom yang tersedia. Sebagai contoh perhatikan Gambar 6.3. Site name yang digunakan
adalah Website Pertamaku. Next jika sudah menemukan nama yang oke.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
27
Gambar 6.3
Step 3 (Confirm URL, path, admin e-mail and chmods)
Tahap selanjutnya adalah memastikan alamat website anda. Untuk kolom path dapat dilihat kembali
pada Gambar 2.5 pada BAB II untuk memastikannya. Masukkan juga alamat email anda yang akan
dipakai sebagai alamat email super administrator pada website. Next jika sudah selesai.
Gambar 6.4
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
28
Step 4 ( Congratulations!!)
Gambar 6.5
Selamat, anda sudah berhasil menginstall Joomla! Perhatikan Gambar 6.5. Untuk melihat website anda
silahkan tekan “View Site”. Untuk ke panel admin silahkan tekan “Administration” dan gunakan user dan
password yang tertera pada “Administration Login Details”
Jangan lupa menghapus folder installasi anda. Dengan cara mengakses hosting anda melalui FTP client
seperti yang telah kita bahas sebelumnya (BAB V). Penamaan direktori sama dengan nama web anda.
Double click direktori anda (pada contoh ‘website-ku.co.cc’). Masuk ke folder “htdocs” kemudian hapus
folder “installation” seperti Gambar 6.6.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
29
Gambar 6.6
Pada BAB selanjutnya (BAB VII) kita akan membahas tentang cara pembuatan domain.
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
30
BAB VII
Membuat Sub Domain
Dalam bab ini kita akan mempelajari bagaimana membuat sub domain. Pada panel control
hosting pilih menu Sub domains (lihat Gambar 7.1)
Gambar 7.1
Maka akan terbukalah menu sub domain manager seperti Gambar 7.2. Ketikkan nama sub
domain yang anda inginkan. Dalam contoh misalkan kita akan membuat forum dalam website-ku.co.cc.
Klik create domain, maka dalam page selanjutnya sub domain yang anda inginkan akan terdata dalam
tab current sub-domain (Gambar 7.3) dan refresh FTP Client anda (FileZilla) untuk memastikan sub
domain anda sudah masuk ke direktori domain anda (Gambar 7.4).
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
31
Gambar 7.2
Gambar 7.3
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
32
Gambar 7.4
Cukup sampai disini tutorial singkat Membuat Website berbasis CMS dengan Domain dan
Hosting
Gratis!
Apabila
ada
yang
kurang
jelas
bisa
langsung
ke
blackplankton.youseebeesoft@gmail.com
Regards,
Black_Plankton & yoga_djayz
Bali Cyber Community©
Denpasar 22 November 2008 4:30 WITA
Thanks to :
Pillow_Face, a9atha, cyrus_168, Orion, KiLL_DJ, kcankkpry, poetra-one, doubpsycho, flack,
pujanggabageur, spink, na_na_na, aNaK_KECILmu, zA_nAzA, buana, dan semua orang yang selalu
mendukung kami.
Other Link :
STIKOM BALI, Piracy-faculty, Bali Cyber Community, Binary-Translator, Jumpalitan, VB-BEGO, Google
Black_Plankton & yoga_djayz | Membuat Website berbasis CMS Dengan Domain dan Hosting Gratis
Bali Cyber Community© 2008
33