Mengenal Localhost dan htdocs pada XAMPP


localhost-htdocsSetelah sukses menginstal XAMPP, selanjutnya kita mulai belajar tentang pengelolaan web server secara lokal. Mengapa disebut lokal, karena web server ini hanya bekerja pada komputer kita sendiri dan beberapa komputer yang terhubung dalam jaringan komputer lokal (bukan internet) yang terhubung dengan komputer kita. Web server ini bisa dibuka pada browser dengan alamat localhost atau 127.0.0.1.

LOCALHOST  merupakan gabungan dari dua kata, yaitu local dan host. Local berarti lokal atau internal komputer kita, sedangkan host artinya penyedia jasa hosting. Hosting sendiri berarti tempat untuk menaruh file-file dari web server. Singkatnya, Localhost adalah sebutan untuk memanggil hosting pada komputer lokal yang diinstal web server.

HTDOCS adalah folder untuk menaruh file-file latihan PHP kita nantinya. folder ini akan otomatis dibuat saat kita menginstal XAMPP. Saat kita memanggil alamat localhost pada browser maka yang tampil adalah hasil kompilasi dari file-file yang berada pada folder HTDOCS ini.

Baca Selengkapnya

Tempat mendaftar domain dan hosting termurah


Nama nama domain

Nama nama domain

Domain adalah nama untuk sebuah website. Contoh nama domain adalah .com .net .org .co.id dan masih banyak lagi nama domain lainnya. Domain dibutuhkan saat kita ingin membuat website. Untuk domain-domain utama atau Top Level Domain seperti .com dan .net biasanya kita harus membayar dalam periode tertentu minimal satu tahun. Biaya pendaftaran yang ditawarkan bervariasi dari yang termurah sampai yang termahal.

Berikut ini perbandingan biaya perdaftaran nama domain dari beberapa hosting per tgl 01-01-2014

Domain MasterWeb RumahWeb Idwebhost Pusathosting
.COM 59.600 95.000 95.000 120.000
.NET 79.900 95.000 95.000 110.000
.ORG 79.900 95.000 100.000 120.000
.INFO 79.900 95.000 110.000 120.000

Dari perbandingan biaya pendaftaran diatas, dapat dilihat bahwa Masterweb adalah yang termurah. Namun tentu muncul pemikiran bahwa apakah harga berbanding lurus dengan pelayanan, ternyata tidak. Kemarin saya sudah buktikan dengan mendaftarkan domain baru pulsajepara.com dan saat ada kesulitan pada waktu setting langsung dibantu oleh para cunsomer service-nya. Bahkan pada suatu problem, saya dibantu oleh dua orang sekaligus. Mantap juga pelayanan Masterweb ini.

Sepasang dengan domain adalah Hosting, yaitu tempat menaruh file-file dan database kita pada website. Soal biaya hosting, lagi-lagi Masterweb menjadi juaranya. Bahkan kita hanya membayar Rp 11.400 untuk langganan Hosting 100MB per tahun. Bagi pemula ini adalah penawaran hosting yang sangat murah dan terjangkau.

Bagaimana jika suatu saat mau upgrade? Masterweb juga menyediakan fasilitas upgrade dan downgrade kapan saja. Sungguh memudahkan bagi pebisnis online yang baru merintis seperti saya.

Silahkan download artikel ini dalam format PDF disini

Cara Membuat Website dot TK


Dot Tk adalah nama domain untuk negara Tokelau, sebuah negara di kawasan pasifik. Dot Tk menyediakan fasilitas domain gratis, jadi kita dapat registrasi domain dot tk secara gratis. Dengan  dot tk maka website kita jadi mempunyai domain utama bukan sub domain seperti blog, jadi nama websitenya cukup satu kali dot, contoh : www.abisabrina.tk

Untuk memudahkan membuat website dot tk, lebih dahulu kita membuat blog di wordpress atau yang lain. Setelah itu kita buat domain dot tk yang nantinya akan kita pakai sebagai nama domain untuk blog/website kita. Contoh : www.abisabrina.wordpress.com menjadi www.abisabrina.tk

Cara membuat website dot TK :

  1. Buka website www.dot.tk lalu masukkan nama blog kita dan klik next.

    Halaman depan www.dot.tk

    Halaman depan http://www.dot.tk

  2. Lalu kita akan diberi nama domain kita secara otomatis, nama ini bisa juga diganti dengan nama yang lain.

    Konfirmasi nama domain dot kita

    Konfirmasi nama domain dot kita

  3. Selanjutnya kita akan diberi pilihan anonymous user atau register user, sebaiknya kita memlih yang register user. dengan begitu kita bisa mengelola website dot tk yang kita buat lebih lanjut.

    Memilih pengaturan Akun

    Memilih pengaturan Akun

  4. Kemudian akan ada pilihan Free domain dan Paid domain, pilih yang Free domain lalu klik next.

    Memilih Jenis layanan domain

    Memilih Jenis layanan domain

  5. Lalu kita masukkan nama nama blog dan nama email kita.

    Mengisi nama blog dan alamat email

    Mengisi nama blog dan alamat email

  6. Masukkan  alamat email, nama user dan password untuk akun kita nantinya.

    Mengisi data registrasi

    Mengisi data registrasi

  7. Kemudian akan tampil notifikasi sukses, dan kita diminta untuk melakukan aktivasi via email.

    Registrasi Sukses

    Registrasi Sukses

  8. Buka alamat email, disana ada alamat url dan kode untuk aktivasi.

    Isi email konfirmasi

    Isi email konfirmasi

  9. Klik alamat aktivasi lalu masukkan kode dan klik confirm.

    Memasukkan kode aktivasi

    Memasukkan kode aktivasi

  10. Akun dot tk kita telah aktif dan bisa coba dibuka alamat website dot tk kita yang baru.

Cara Memasang Alexa Rank Pada WordPress


Alexa Rank adalah rangking atau peringkat sebuah situs. Seperti saat disekolah dulu jika rangkingnya semakin kecil maka semakin baik. Widget Alexa Rank disediakan secara gratis oleh Alexa.com salah satu anak perusahaan amazon.com.

Untuk mamasang Alexa Rang pada blog wordpress, silahkan ikuti langkah-langkah berikut ini:

  1. Pertama kali kita harus mendaftar di Alexa.com, dengan mendaftar kita akan lebih luas menggunakan fitur-2 Alexa.

    Halaman Depan Alexa.com

    Halaman Depan Alexa.com

  2. Isi alamat email, nick name dan nama lengkap lalu klik  register.

    Registrasi Account di Alexa

    Registrasi Account di Alexa

  3. Selanjutnya buka alamat email, lalu klik link aktivasi dari Alexa.

    Email Aktivasi dari Alexa

    Email Aktivasi dari Alexa

  4. Jika benar maka tampil seperti ini:

    Halaman Aktivasi Alexa

    Halaman Aktivasi Alexa

  5. Lalu isi alamat email, password dan confirm passsword sama dengan password, kemudian klik Submit
  6. Buka tab for site owners, lalu  ke bawah dan pada widget pilih Get Traffic widget.
    Tab For site Owner Alexa

    Tab For site Owner Alexa

    Menu Get Widget Alexa

    Menu Get Widget Alexa

  7. Pilih widget yang diinginkan, contoh: Alexa Sites Stats Button, lalu isi kan nama website pada kolom lalu klik Build Widget.

    Buat Widget Untuk Situs Kita

    Buat Widget Untuk Situs Kita

  8. STOP !!!  jangan dulu kopi-paste, yang perlu diperhatikan adalah wordpress tidak memperbolehkan javascript, jadi kita tidak bisa langsung kopi-paste kode script ini.

    Java Script Widget dari Alexa

    Java Script Widget dari Alexa

  9. Yang harus dilakukan adalah mengkopi semua isi halaman termasuk gambar yang tampil pada layar.
  10. Selanjutnya klik Add new pada post dan paste ke dalam kolom artikel.

    Paste halaman dari Alexa ke kolom artikel

    Paste halaman dari Alexa ke kolom artikel

  11. Kemudian hapus semua isi, kecuali gambar widget yang diinginkan.

    Site Info dari Alexa

    Site Info dari Alexa

  12. Klik tab  HTML di sebelah tab Visual, lalu kopi script HTML mulai dari <a>…. sampai </>

    Copy Script HTML dari Site Info

    Copy Script HTML dari Site Info

  13. Kemudian masuk ke menu Appearance, lalu klik widget.
  14. Turun ke bawah dan pilih widget TEXT, lalu klik dan geser ke kanan seperti saat proses menambahkan widget.

    Pasang Widget TEXT

    Pasang Widget TEXT

  15. Klik tombol down(segitiga kebawah) pada widget text, lalu paste kode tadi kedalam isi widget TEXT, kemudian klik Save.

    Paste Script Site Info ke Widget TEXT

    Paste Script Site Info ke Widget TEXT

  16. Sampai disini proses pemasangan widget selesai, Untuk mengeceknya silahkan buka blog wordpress kita. Jika semuanya benar, maka widget akan tampil seperti berikut ini:

    Tampilan Widget Alexa pada Blog

    Tampilan Widget Alexa pada Blog

Cara Mudah Membuat Website dot com (*.com)


Berikut ini langkah-langkah membuat website dengan domain dot com :

  1. Memilih nama domain dan mengecek ketersediaan nama domain

    Cek Domain

    Cek Domain

  2. Memilih paket hosting untuk nama domain yang telah dipilih

    Memilih Hosting

    Memilih Hosting

  3. Melakukan pembayaran ke penyedia jasa layanan website melalui transfer atau cash.
  4. Login CPANEL dengan user dan password yang telah diperoleh.

    Login CPANEL

    Login CPANEL

  5. Bekerja dengan antarmuka CPANEL. Untuk mengelola file, pilih menu File Manager.

    Tampilan antarmuka CPANEL

    Tampilan antarmuka CPANEL

  6. Saat ada pilihan direktori, beri tanda yang Web Root (public_html) lalu klik “Go”

    Masuk File Manager

    Masuk File Manager

  7. Jika benar maka akan tampil antar muka File manager berikut ini.

    Tampilan File Manager

    Tampilan File Manager

  8. Langkah selanjutnya adalah mencari template website, artinya kita tidak perlu mendesain website dari awal, cukup dengan mengedit saja.

    Download template di www.oswd.org

    Download template di http://www.oswd.org

  9. Setelah memilih template yang sesuai, download ke komputer lalu ekstrak ke salah satu folder.
  10. Buka file “index.html” dengan salah satu program pengolahan website, misal : ms. frontpage

    Tampilan Semula

    Tampilan Semula

  11. Sesuaikan/ganti isi dan tampilan yang ada dengan isi dan tampilan website anda, lalu simpan.

    Tampilan Website Setelah diedit

    Tampilan Website Setelah diedit

  12. Setelah selesai proses mengedit lalu kompres kembali file “index.html” dan folder image tadi ke file zip dengan software archive seperti: winrar, allzip ,7zip, dll.
  13. Upload file zip tadi ke folder public_html melalui antarmuka File Manager (langkah no.7)

    Upload file

    Upload file

  14. Kemudian klik pada file zip, lalu klik kanan pilh “Extract”, kemudian akan tampil proses extract file kedalam folder public_html.
  15. Sampai disini website anda sudah jadi, silahkan klik new tab dan masukkan nama domain anda pada alamat situs pada browser, jika benar maka akan tampil seperti ini.

    Tampilan Website Jadi

    Tampilan Website Jadi

Cara Membuat Website


Membuat website sekarang bisa dilakukan oleh siapa saja. Dengan seiring perkembangan teknologi, sekarang membuat website menjadi semakin mudah. Dahulu, untuk membuat website kita harus menguasai serangkaian kode HTML yang rumit.

Kini dengan ada software seperti Microsoft Frontpage dan Adobe Dreamweaver, membuat website menjadi semakin mudah seperti membuat dokumen dalam microsoft word. Apalagi dengan adanya software web CMS (Content Management System) seperti Joomla dan WordPress, membuat website yang hebat kini menjadi semakin cepat dan menyenangkan.

Untuk kepentingan pribadi sekarang sudah ada BLOG, yaitu sebuah website gratis yang bisa kita isi dengan profil, artikel dan foto-foto pribadi kita. Membuat BLOG lebih mudah dari pada membuat website, karena kita dibantu oleh sistem yang memudahkan pembuatan isi dan proses upload ke server.

Sebuah Website

Sebuah Website

Secara umum membuat website dibagi menjadi 5 langkah :

1. Menentukan Konsep Website

Sebelum membuat website, terlebih dahulu kita harus menentukan konsep dari website yang akan kita buat. Kita akan membuat website  berbayar (*.com, *.org, *.co.id, *.net dll) atau website gratis / BLOG. Dari segi isi kita akan membuat website yang dinamis atau yang statis, dan dari segi keperluan kita akan membuat website pribadi atau website bisnis atau untuk keperluan yang lainnya

2. Registrasi Website (Domain dan Hosting)

Berdasarkan konsep yang kita buat tadi, langkah selanjutnya adalah proses registrasi  atau pendaftaran website. Untuk website berbayar, kita bisa memilih jasa layanan registrasi website lalu setelah memilih nama domain dan hosting, kita akan diminta melakukan pembayaran dalam jumlah tertentu. Untuk website gratis, kita bisa memilih salah satu dari situs-situs yang memberikan fasilitas website gratis, seperti: wordpress, blogger, dll. Untuk ini kita hanya diminta mengisi alamat email dan sedikit  melengkapi data pribadi.

3. Membuat isi Website

Setelah terdaftar dan memiliki nama domain dan kapasitas hosting maka kita dapat mulai membuat isi website. Untuk website berbayar isi dan materi website sepenuhnya tergantung dari kita tanpa ada pembatasan sistem dan jenis file. Tentang isi website, kita dapat memilih membuat isi yang sederhana (statis) atau diisi dengan aplikasi sistem website, yang salahsatu yang terkenal adalah CMS (Content management system). Untuk website gratis, kita harus mengikuti mekanisme pengisian website sesuai dengan tempat kita registrasi website gratis/BLOG tersebut.

4. Upload isi Website ke server

Upload artinya kita mengirim isi file yang telah kita buat tadi ke server agar bisa di akses secara luas. File tersebut nantinya akan disimpan di memory server yang disebut hosting tadi. Untuk website berbayar, kita bisa memanfaatkan fasilitas CPANEL atau software FTP. CPANEL adalah Control Panel yang disediakan otomatis  saat kita registrasi website berbayar.  Software FTP (File Transfer Protocol) adalah software antarmuka tukar menukar file dari komputer ke server dan sebaliknya. Dengan software FTP kita akan dengan mudah mengupload file karena antarmukanya mirip dengan tampilan Windows Explorer. Contoh software FTP adalah: FileZilla, Ipswitch, dll.

5. Debug dan Testing Website

Setelah selesai proses Upload, langkah selanjutnya adalah mengecek semua isi dan link yang ada dalam website.  Link atau nama lengkapnya Hyperlink adalah sebuah fungsi tambahan dari text atau gambar yang   menghubungkan pengguna ke halaman/file lain. Jika diklik link akan membuka halaman/file yang dihubungkan melalui link tersebut. Selain itu kita juga perlu mengecek redaksi kata dan kalau perlu EYD-nya juga diperhatikan