Anda di halaman 1dari 20

kursus-online.

com
Oleh: Adhi Prasetio
kursus-online.com Bagaimana Cara Menyulap PC Anda menjadi Web Server

Daftar Isi

Daftar Isi........................................................................................................................2
Penjelasan e-book Menyulap PC menjadi Web Server ..............................................3
Apa Yang Harus Anda Lakukan ?...............................................................................4
Prosedur Instalasi XAMPP...........................................................................................5
Penggunaan XAMPP....................................................................................................8

2
kursus-online.com Bagaimana Cara Menyulap PC Anda menjadi Web Server

Penjelasan e-book Menyulap PC menjadi Web Server


E-book ini merupakan bagian awal dari e-book PHP Quick Start Guide dari kursus-
online.com.
E-book lengkap, Kelas online, Video tutorial dan software lainnya yang jauh lebih
menarik dan bermanfaat dapat anda peroleh di kursus-online.com.
Selamat Belajar.

3
kursus-online.com Bagaimana Cara Menyulap PC Anda menjadi Web Server

Apa Yang Harus Anda Lakukan ?


Berikut adalah langkah-langkah yang saya sarankan bagi anda untuk mulai
mempelajari membuat web site adalah:
1. Pelajari HTML, PHP, MySQL dan cara menggunakannya secara bersamaan
di kelas online kursus-online.com
2. Pelajari cara instalasi XAMPP dalam dokumen ini
3. Pelajari cara pengoperasian XAMPP dalam dokumen ini.
4. Pelajari cara membuat halaman PHP Pertama anda dalam dokumen ini.
5. Mulai mempelajari PHP dasar menggunakan materi PHP dari kursus-
online.com pada direktori tutorial. Saya sarankan menggunakan Crimson
Editor untuk menuliskannya dengan 2 alasan:
a. Anda dapat melihat nomor baris dari skrip yang anda buat sehingga
memudahkan dalam melakukan penelurusan jika ada error.
b. Crimson Editor dapat mengenali perintah PHP dan membedakannya
dengan warna lain. Hal ini akan mempermudah anda dalam
melakukan penulisan kode dan menghindari kesalahan yang mungkin
terjadi dalam menuliskan perintah PHP.
6. Gunakan Tutorial tambahan untuk menambah pemahaman anda tentang
PHP.
7. Setelah selesai membuat web site anda di PC anda, anda dapat mempelajari
cara untuk menguploadnya ke Internet pada bab Cara Mengupload ke
Internet.
8. Anda pasti akan bereksperimen dengan parameter dari perintah PHP yang
anda gunakan. Hal ini akan memerlukan penjelasan mendetail tentang
perintah PHP anda. Gunakan PHP Manual yang ada di situs resmi PHP yaitu
http://php.net.

Selamat belajar, dan semoga bermanfaat.

4
kursus-online.com Bagaimana Cara Menyulap PC Anda menjadi Web Server

Prosedur Instalasi XAMPP


1. Download paket XAMPP di situs ini http://www.apachefriends.org/en/xampp-
windows.html#641. Saya sarankan ambil yang versi XAMPP Windows -
Basic Package – Installer (sekitar 35 MB saat materi ini ditulis).
2. Klik 2 x installer XAMPP, akan muncul menu pilihan bahasa instalasi. Pilih
English.

3. Klik OK
4. Klik NEXT
5. Lokasi instalasi. Pastikan ada space kurang lebih 211 MB pada direktori yang
bersangkutan.

5
kursus-online.com Bagaimana Cara Menyulap PC Anda menjadi Web Server

6. Pilih lokasi lain atau gunakan default. Klik Install

7. Proses Instalasi

8. Proses Instalasi selesai. Klik Finish.

6
kursus-online.com Bagaimana Cara Menyulap PC Anda menjadi Web Server

9. Opsi untuk menjadikan sebagai service atau tidak. Pilih No.

10. Proses selesai. Klik Yes. XAMPP siap digunakan.

Selamat, anda sudah berhasil melakukan instalasi XAMPP !

7
kursus-online.com Bagaimana Cara Menyulap PC Anda menjadi Web Server

Penggunaan XAMPP
Setelah Instalasi atau saat aplikasi XAMPP dipanggil, maka akan muncul XAMPP
control panel sebagaimana gambar di bawah.

Paket XAMPP lengkap terdiri dari :

1. Apache Web Server (server Web untuk HTML dan Server PHP)
2. MySQL database Server
3. FTP Server Filezilla
4. Mail Server Mercury

Berikut akan saya sampaikan sedikit materi dari versi lengkap PHP Quick Start
Guide, yaitu cara membuat halaman PHP pertama Anda.

1. Buka XAMPP Control Panel dan pastikan bahwa Status Apache "Running"
dengan mengklik tombol Start di samping Apache.
2. Buka Notepad dan ketikkan <? echo("Halaman PHP pertama saya");?>
3. Tuliskan persis sama jangan sampai ada yang ketinggalan, atau Anda bisa
copy paste saja untuk mempermudah.
4. Simpan di direktori C:\Program Files\xampp\htdocs dengan nama "test.php"
(mohon perhatikan pada saat melakukan Save File, gunakan tanda kutip
ganda untuk mengapit nama file. Ini penting agar Notepad tidak
menyimpan dengan ekstension txt).
5. Coba panggil file Anda tersebut dari browser dengan mengetikkan
http://localhost/test.php

8
kursus-online.com Bagaimana Cara Menyulap PC Anda menjadi Web Server

Dalam bagian berikutnya, anda akan mempelajari cara pengoperasian server-server


tersebut melalui XAMPP Control panel dengan lebih lengkap. Dapatkan di member
area http://kursus-online.com dan segera lakukan pendaftaran di http://kursus-
onilne.com/order.php .

INFO PENTING:
1. Anda dapat memperoleh materi lengkap di e-book PHP Quick Start Guide
kursus-online.com dengan melakukan upgrade ke paket kursus apapun.
Pendaftaran dapat Anda lakukan di http://kursus-online.com/order.php .
2. Materi tersebut mencakup:
a. pengoperasian XAMPP
b. cara membuat dokumen PHP pertama anda dan
c. cara melakukan upload ke internet.
3. Sebagai member Anda juga akan memperoleh:
a. kelas online membuat web,
b. peta rahasia,
c. kelas kilat dan berbagai bonus menarik lainnya agar Anda bisa
membuat web dalam waktu singkat dan menyenangkan.

Selamat belajar dan semoga bermanfaat 

9
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Langkah Mudah Membuat Website Anda Bisa di Lihat


di Internet secara Gratis
(Registrasi dan Upload File di Hosting Gratis)

Agar website yang Anda buat bisa dilihat oleh orang lain melalui internet, Anda perlu
mengupload halaman web yang sudah Anda buat ke server hosting.
Salah satu penyedia jasa hosting gratis adalah 0fees.net. Dengan support PHP dan
MySQL, maka hosting gratis ini menjadi salah satu pilihan yang menarik untuk Anda
coba sebagai tempat praktek bagi file-file HTML maupun PHP yang Anda buat
selama selama belajar di http://kursus-online.com.
Dalam penjelasan kali ini, saya akan memberikan contoh untuk file HTML, namun
langkah-langkah yang sama bisa Anda terapkan untuk melakukan upload file PHP.
Nah, mari kita mulai...

Untuk menggunakannya, silakan kunjungi http://0fees.net, Anda akan menjumpai


halaman depan seperti ini. Silakan klik Order Now!

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Lakukan pendaftaran dengan mengisi form seperti di bawah ini. Perhatikan, password
tidak boleh melebihi 8 karakter, dan jangan gunakan email dari yahoo (ymail,
yahoo.co.id, yahoo.com, dll). Saran saya gunakan email dari gmail.com.
Setelah ok, silakan klik Register.

Anda akan diminta beberapa konfirmasi. Silakan klik pada tombol yang tersedia.

Masukkan captcha sesuai huruf yang disediakan. Kemudian klik Register.

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Anda akan memperoleh pemberitahuan bahwa email untuk aktivasi akun sudah
dikirimkan ke alamat email yang Anda gunakan.

Silakan cek ke email Anda dan lakukan aktivasi dengan meng-klik pada link yang
disediakan.
Anda akan dibawa ke sebuah halaman konfirmasi captcha lagi. Isikan kata-kata yang
disediakan, dan klik Register.

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Jika semua berjalan lancar, maka Anda akan memperoleh konfirmasi pesanan yang
berisi data-data free hosting Anda.
Perhatikan baik-baik dan catat user name, password dan domain name yang tersedia.
Untuk amannya silakan klik link "Download my account setting" dan simpan di
direktori khusus sebagai referensi nantinya.
Saat ini website Anda sudah bisa diakses namun masih menggunakan file index.htm
default dari 0fees.net. Silakan refer data domain name Anda untuk mencoba
mengakses website Anda. Untuk kasus saya, domainnya adalah
http://percobaan.0fees.net.
Anda akan memperoleh tampilan standar seperti pada gambar berikut ini.

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Untuk melakukan upload file, Anda harus login terlebih dahulu ke VistaPanel.
Lanjutkan dengan meng-klik link "Click here to log into your VistaPanel". Anda akan
menemui tampilan seperti gambar berikut ini. Gunakan user name dan password
yang sudah Anda catat dari data hosting sebelumnya.

Berikut ini adalah tampilan halaman utama VistaPanel. Klik Online File Manager
untuk melakukan operasi file seperti upload.

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Berikut ini adalah tampilan menu utama dari Online File Manager. Perhatikan, jangan
lakukan upload file di direktori ini. Silakan lanjutkan dengan melakukan klik pada
ikon direktori htdocs.

Anda akan menemui tampilan seperti gambar di bawah ini. Lanjutkan dengan meng-
klik tombol Upload.

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Buat sebuah file HTML. Caranya sebagai berikut.


1. Buka Notepad
2. Ketikkan kode berikut ini dalam notepad:
Halaman website pertama buatan saya!
3. Setelah selesai, klik Save dan simpan dengan nama "coba.html" di direktori
yang Anda sukai. (PERHATIAN: Jangan lupa mengapit nama file coba.html
dengan tanda kutip ganda, jika tidak maka file Anda akan tersimpan dengan
ekstensi file txt, bukannya html).
4. Ya...halaman website HTML pertama Anda sudah jadi. Sekarang waktunya
untuk mengupload file ini ke hosting agar bisa dinikmati semua orang.

Klik Browse dan arahkan ke direktori tempat Anda menyimpan file html Anda.

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Pilih file yang akan di upload. Lanjutkan dengan klik tombol Open,

Klik tombol submit (tanda ceklis hijau).

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Jika proses upload berjalan lancar, maka Anda akan memperoleh konfirmasi seperti
dalam gambar berikut ini.
Silakan lanjutkan dengan meng-klik tombol back (panah biru), untuk kembali ke
halaman utama online file manager.

Perhatikan, file yang Anda upload seharusnya sudah ada dalam daftar file di direktori
htdocs seperti dalam gambar berikut ini.

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Silakan coba akses halaman web Anda dengan mengetikkan alamat website diikuti
nama file. Dalam kasus saya ini adalah http://percobaan.0fees.net/coba.html.
Anda akan melihat hasil karya Anda seperti di bawah ini.
Selamat, file karya Anda sudah bisa diakses dari seluruh belahan dunia melalui
internet.

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"


Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Mudah-mudahan bermanfaat.
Silakan akses http://kursus-online.com untuk update materi atau mempelajari cara
membuat website lebih lanjut.
Salam hangat.
Adhi Prasetio.

Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"

Anda mungkin juga menyukai