Langkah-langkahnya :

1. Pastikan XAMPP sudah terintall.
2. Lalu cari direktori dimana pas menginstal XAMPP! (klo saya di drive C)
3. Biar cepet CoPas C:\xampp\apache\conf\extra di Window Explorer
4. Nah klo dah kebuka buka file httpd-vhosts.conf di Notepad.
5. Hilangkan tanda # pada baris #NameVirtualHost *:80
6. Posisikan kursor di paling bawah saja, kemudian tulis ini :


<VirtualHost *:80>
DocumentRoot "E:/MY_WEBSITE/folderku"
ServerName warman.net
ServerAlias www.warman.net
</VirtualHost>


7. Jika sudah simpan.
8. Sekarang Copas C:\Windows\System32\drivers\etc di Window Explorer
9. Buka file hosts, posisikan kursor di paling bawah lalu tulis :

127.0.0.1 warman.net

10. Jika sudah simpan. (jika tidak bisa di simpan kasi hak akses full dulu pada file tersebut, dibawah saya lampirkan caranya)
11. Jalankan Apache di XAMPP, klo yang udah jalan di restart Apache nya.
12. coba cek di browser ketikan warman.net (Jika udah tampil berarti pembuatan domain anda sudah berhasil).

Cara ngasi hak akses pada file host :

Semoga Bermanfaat!!!
1. Klik kanan di file host.
2. Klik Properties.
3. Klik Tab Security.
4. Klik tombol Edit.
5. Lakukan seperti gambar di bawah ini :

6. Klik OK dan OK.
7. Silahkan coba Save File Host yang gk bisa di save tadi.

Semoga Bermanfaat!!!

Pribahasa mengatakan “tak kenal maka tak sayang”, Maka dari itu mari kita berkenalan terlebih dahulu !!!

APA ITU JQUERY?

JQuery merupakan suatu framework (library) javascript yang menekankan bagaima interaksi antara javascript dengan HTML. JQuery pertaman kali dirilis pada tahun 2006 oleh John Reisg. pada perkembangannya JQuery tidak sekedar framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak develover web menggunakannya. JQuery memiliki selogan “Write Less, do More” yang maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak.

JQuery merupakan library open source dengan lisensi GNU (General Public License) dan MIT Licence. dari sisi ukurannya framework JQuery memiliki kapasitas yang sangat kecil hanya 20KB dan hanya terdiri dari suatu file.  Namun, bagi yang menginginkan fungsi lebih, JQuery memungkinkan penambahan fungsionalitas dalam bentuk plugin. Saat ini tersedia ribuan plugin yang dapat diperoleh secara gratis di internet.

Apa yang bisa dilakukan dengang JQuery?

Berikut  ini merupakan keuntungan yang dapat dilakukan dengan JQuery :

1. Mengakses bagian halaman tertentu dengan mudah.

Tanpa adanya library Javascript khusus, untuk mengakses suatu bagian tertentu dari halaman, harus mengikuti aturan DOM (Document Object Model) dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML. Dengan kata lain, penngaksesan bagian tertentu dari halaman sangat tergantung pada struktur daru HTML. Jquery menawarkan cara yang mudah dalam mengakses bagian tertentu dari halaman. Pengaksesan juga tidak terlalu bergantung pada struktur HTML.

2. Mengubah tampilan bagian halaman tertentu.

CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web. Namun terkadang CSS punya kelemahan yang cukup mengganggu, yaitu beberapa perintah CSS tidak didukung oleh semua browser. Cukup merepotkan jika kita harus mendesign halaman web dengan beberapa CSS sekaligus. Sekali lagi JQuery menawarkan solusi untuk mengatasi hal tersebut. Dengan JQuery, “kesenjangan” yang terjadi antara browser dalam urusan CSS akan tertutup dengan baik.

3. Mengubah isi dari halaman.

Jaman dulu (sebelum JQuery lahir) cukup sulit jika kita akan mengubah sebagian isi dari halaman. Mengubah disini dapat berarti mengganti teks, menambahkan teks atau gambar, mengurutkan suatu daftar (list), menghapus baris tabel dan sebagainya. Dengan JQuery, hal tersebut dapat dilakukan dengan hanya beberapa baris perintah.

4. Merespond interaksi user dalam halaman.

Website yang baik tidak cukup digambarkan dengan user-interface dan tampilan yang memukau. Namun lebih dari itu, bagaimana pengunjung dapat berinteraksi dengan website dan dapat mengatur tampilannya sendiri. Interaktivitas sangat bergantung bagaimana pemrograman yang dipakai dalam menangani event- handling. Javascript sendiri memiliki beberapa event-handling seperti onclick untuk menangani event saat terjadi click. Namun demikian, event handling pada Javascript terbatas pada object-object tertentu, dan jenisnya pun terbatas. JQuery melengkapi semuanya dengan tambahan penanganan event-handling yang semakin mudah.

5. Menambahkan animasi ke halaman.

Animasi seringkali disertakan dalam suatu halaman web untuk menambah kecantikannya. Saat ini animasi masih cukup digemari oleh para peselancar situs. Animasi dapat dibuat dalam berbagai gaya, ada yang menggunakan Flash, gambar bergerak (GIF), video, dan sebagainya. Masing-masing tentu memiliki kelebihan dan kekurangan masing-masing. JQuery sendiri menawarkan konsep animasi (walaupun masih sederhana) yang cukup apik namun ramah bandwidth alias ringan. Salah satu animasi yang bisa dibuat dengan JQuery adalahf ading jika terdapat suatu bagian dari halaman ditambahkan atau dihilangkan.

6. Mengambil informasi dari server tanpa me-refresh seluruh halaman.

Mengambil informasi dari server tanpa refresh halaman merupakan salah satu konsep dasar dari yang namanya AJAX (Asynchronous Javascript and XML). Pada penerapannya, cukup ribet jika harus membangun website dengan konsep AJAX, saat ini banyak library khusus yang berusaha mempermudahnya. JQuery merupakan salah satunya.

7. Menyederhanakan penulisan Javascript biasa.

Semboyan JQuery adalah“Write less, do more” atau dengan kata lain kesederhanaan dalam penulisan code, tetapi menghasilnya tampilan yang lebih. Sebenarnya inilah yang menjadi daya tarik tersendiri buat para pengembang web untuk menggunakan JQuery.

To be Continue…

Bagaimana rasanya setelah berkenalan dengan JQuery, anda berminat untuk mempelajarinya? Disambung di tulisan berikutnya.

Referensi :

1. http://www.scribd.com/doc/10965834/JQuery-Untuk-Orang-Awam-net

2. http://jquery.com/

Yu kita sambel terasi (sama-sama belajar, trampil dan berkreasi), salam pedas….

Keep Bandung Beautiful euy!!!

<img class=’absimg’ src=’http://html.scribd.com/7ur2m8mczimlbr4/images/1-ea5d24d438/000.jpg’ style=’left: 7.63em; clip: rect(0.07em 41.00em 2.00em 0.07em); height: 9.44em; top: 3.19em; width: 41.07em;’/><img class=’absimg’ src=’http://html.scribd.com/7ur2m8mczimlbr4/images/1-ea5d24d438/000.jpg’ style=’left: 17.07em; clip: rect(2.38em 22.38em 9.38em 0.07em); height: 9.44em; top: 21.13em; width: 41.07em;’/><img class=’absimg’ src=’http://html.scribd.com/7ur2m8mczimlbr4/images/1-ea5d24d438/000.jpg’ style=’left: 8.07em; clip: rect(2.13em 40.19em 2.25em 0.07em); height: 9.44em; top: 64.88em; width: 41.07em;’/>

JQuery untuk Orang Awam

Halaman | 1

JQuery untuk Orang Awam

Oleh Achmad Solichin *

JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana

interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak developer web menggunakannya. JQuery memiliki slogan“Write less, do more” yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak

Validasi untuk penulisan alamat email akan dibutuhkan pada suatu form pendaftaran yang mana harus melampirkan alamat email, yang tentu saja format penulisannya harus benar.

Berikut langkah pembuatan validasi penulisan alamat email :

1. Buat file validasi_email.js yang berisikan sorce berikut :

function cekEmail(idFormEmail) {
var vEmail = document.getElementById(idFormEmail).value;//memanggil nilai yang ada pada Form berdasarkan ID
if ((vEmail==”")&&(vEmail.replace(/ /,”")==”")) {
document.getElementById(‘msg_’+idFormEmail).innerHTML = “Tidak boleh kosong!”;
}
else {
var emailfilter=/^.+@.+\..{2,3}$/
var returnval=emailfilter.test(vEmail);
if (returnval==false) {
document.getElementById(‘msg_’+idFormEmail).innerHTML = “Format Penulisan Email Salah.”
}
else {
document.getElementById(‘msg_’+idFormEmail).innerHTML = “”;
}
}
}

2. Buat File index.html yang berisikan sorce berikut :

<html>
<head>
<title>Validasi penulisan Alamat Email</title>
<script src=”validasi_emai.js” language=”javascript” type=”text/javascript”></script>
<!– Style CSS –>
<style>
.error {
color:#C00;
}
</style>
</head>

<body>
<table width=”487″ border=”0″ cellspacing=”0″ cellpadding=”4″>
<tr>
<td width=”29%” height=”39″ align=”left” valign=”top”>Email (*)</td>
<td width=”2%” align=”left” valign=”top”>:</td>
<td width=”69%” align=”left”><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td>
<input name=”user_mail” type=”text” id=”user_mail” size=”30″ onchange=”cekEmail(‘user_mail’)”/>
<span id=”msg_user_mail”></span>
</td>
</tr>
<tr>
<td><span>Contoh : admin@yahoo.com</span></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

3. Selesai…

Silahkan di coba, hasilnya sebagai berikut :

- Kondisi Awal

- Kondisi Penulisan Alamat Email Salah

Contoh : tuliskan “warman” pada form !

- Kondisi Penulisan Alamat Email Benar

Contoh : tuliskan “warman@yahoo.com” pada form!

- Kondisi Form Kosong

Contoh : coba anda kosongkan form!

Selamat Belajar, Silahkan dikembangkan…

By : warman

Maka dari itu, agar kisah tersebut tidak terulang kembali mari sediakan payung sebelum hujan. Untuk mempersingkat waktu mari kita mulai untuk mengkonfigurasi!

Sebelum memulai mengkonfigurasi, perlu diketahui bahwa pada tulisan ini Local Server yang saya gunakan adalah XAMPP Versi 1.7.0 , berikut adalah lankah-langkahnya :

1. Pastikan Anda sudah menginstal XAMPP.
2. Coba anda buat New Folder pada  drive yang menurut anda aman, misalnya pada (Drive D:) dengan nama folder MyWebsite sehinga akan menhasilkan sebuah Direktori (D:/MyWebsite).
3. Buka Folder XAMPP pada Direktori dimana anda menginstal XAMPP : ( xampp -> apache -> conf  ).
4. Cari file httpd.conf , setelah file tersebut ditemukan coba anda ( Klik Kanan -> Open ->  Openya di “Notepad” aja ).
5. Setelah file httpd.conf berhasil dibuka, coba anda cari DocumentRoot pada baris sorce yang terdapat dalam file httpd.conf dengan cara scrooling atau menggunakan fasilitas Find yang di sediakan Notepad, kemudian merubahnya dari DocumentRoot “asli“ menjadi DocumentRoot “D:/MyWebsite”.

6. Setelah itu lakukan proses yang sama seperti pada proses 5 pada <Directory “asli“> menjadi <Directory “D:/MyWebsite”>.

7.   Setelah proses sudah selesai, Save File httpd.conf tersebut dengan cara menekan Ctrl+S atau memilih Menu (File-Save).
8. Restart XAMPP anda!!

Setelah selesai mengkonfigurasi, Silahkan anda Buka browser yang Anda miliki kemudian pada Adress Bar tuliskan http://localhost, dan browser akan menampilkan Data Project/Direktori yang telah kita buat tadi. Mulai dari sekarang simpanlah project anda pada New Folder yang sudah kita buat tadi (MyWebsite),agar data kita aman.

Enjoyed,,,

SEMOGA BERMANFAAT, Mohon maaf bila ada kata-kata yang salah…

Salam Hangat SAMBEL TERASI (Sama – sama Belajar, Terampil dan Berkreasi)..

By : warman