Creating Virtual Host in Apache For Localhost

Configuring my localhost server bring me to a nice little trick to allow us visiting an URL, like ‘test.localhost’, and will be redirected to our new additional public directory:

1. We have one public html directory, for example in D:/Websites.  When we visit http://localhost, the browser will display a web page file (the default is index.html/index.php) that is saved di D:/Websites.

2. Maybe we also wanto to make D:/TestWebsite as our second public directory or we could say it is our ’second server’ though we only use one apache installation. It also would be nice if we can access this second server with

http://test.localhost

What can we do is to create a new virtual host. Update httpd-vhosts.conf, our virtual host configuration file. The location of the  file  is :

APACHE_INSTALLATION/conf/extra/httpd-vhosts.conf

Add these lines to the configuration file : 

NameVirtualHost *:8080
<VirtualHost *:8080>
    DocumentRoot “D:/TestWebsites”
    ServerName test.localhost
</VirtualHost>

These configurations state that we have a new  named virtual host with D:/TestWebsites as its public directory and the server can be visited in http://test.localhost

3. Restart the apache, type http://test.localhost in your browser address bar and taraaaa! With default configuration of your network, we may guess that your browser will come with an error message, informing us that the host cannot be resolved.  Yes, we use the same URL name that the google use in www.google.com. Maybe we need a DNS Server? This little trick will  do it for us. look for hosts configuration file in windows operating system . the file name is hosts without any file extension and the default location is :

C:\Windows\System32\drivers\etc\hosts

open the file with any text editor, and add this line

127.0.0.1       test.localhost

and…..you got your new virtual host in your localhost!

Javascript Platform?

This is the things that I had ever done before when I was in the college. As a student, I had been thaught  you have to code by yourself, from scratch! please think about the structure data, how effective  the will be memories used, bla bla bla, torra torra torra…….. No no, I don’t say that lesson is wrong. but here is a thing : sometimes a library makes your life a lot easier.

And Javascript is one script language (not a programming language) that nowadays is really important for me, or  for us as a web developer. Popular technique Ajax (Asynchronous Javascript And XML) is built on the technology of Javascript. Javascript is not a programming language because the script itself is mainly interpreted, not compiled (I don’t know what I can say about chrome, because that browser currently runs javascript from the compiled machine language of a code!), and Javascript also has a less syntax structure than the others programming language.

‘Prototype’ is a javascript library and framework. I am addicted to use it. It provides the great way to develop our script. you can easily access the div element by its id. this is an example how we access the element style with prototype way

$(‘element_id’).style

Actually I wanna discuss the other great features of prototype, I’ll be back with more subject related with this topic, Guys!

Please visit : http://www.prototypejs.org/ to learn more. I also like to read from http://www.sergiopereira.com/articles/prototype.js.html

Regular Expression [1]

Baru di sini saya berkenalan tentang regular expression ( padahal sudah berkutat sekian lama dengan dunia program memrogram).

Apa sih sebenarnya regular expression itu ? Dari definisi saya sendiri, regular expression merujuk pada aturan penulisan ekspresi dalam rangka pencarian sebuah pola dalam teks. Jika kita ambil perumpamaan seperti hal mencari jarum dalam jerami, jarumnya  ada banyak, regular expression akan digunakan dalam menendefiniskan jarum itu seperti apa. Melalui definisi inilah pencarian akan bisa dilakukan dengan rakus, efisien dan mudah.

Hidup adalah pilihan

a => adalah sebuah regular expression juga lo. dia akan mencari kemunculan huruf ‘a’ pertama di dalam subyek pencarian. Hem mungkin ekspressi ini belum mampu menunjukan kekuatan regular expression sebenarnya.

[abc] => ini bentuk yang mudah juga dalam regular expression. Ekspresi yang dibuka dengan ‘[' dan ditutup dengan ']‘ , dinamakan dengan Character Set. Ekspresi ini mendefinisikan bahwa yang ingin dicari adalah kemunculan salah satu karakter yang ada dalam pelukan [] (lebai deh). jadi kemunculan huruf ‘a’ atau ‘b’ atau ‘c’ akan memenuhi hasil pencarian dengan ekspresi character set diatas.

[A-Z] => masih meneruskan penjelasan tentang ekspresi character set di atas. intinya sama, tapi adanya karakter ‘-’ bukan berarti A dikurangi Z, karakter ini menunjukkan rentang, bahwa karakter A hingga Z akan memenuhi definisi di atas.  Adanya kurung [] ini juga menunjukkan bahwa kemunculan karakter ‘A’, atau ‘B’, atau ‘C’, atau …., atau ‘Z’ akan masuk dalam hasil pencarian. dalam kalimat ‘Joko Pergi Ke Pasar’, ‘J’ di awal kalimat adalah hasil pertama yang ditemukan, kemudian ‘P’ di kata ke dua, ‘K’ di kata ketiga, dan ‘P’ di kata ke empat.

[A-Za-z0-9] => hayoo perhatikan ndak saya make huruf besar di atas. Untuk memasukkan huruf kecil dalam salah satu kriteria pencarian, silakan ditambahkan ‘a-z’. ekspresi ‘0-9′ mendefinisikan bahwa jika lau ada satu karakter angka yang muncul, silakan absen dan berbaris di hasil pencarian. ‘2 Joko Pergi Ke Pasar’. ‘2′ adalah hasil pencarian pertama, ‘J’ hasil pencarian ke dua, hasil pencarian ke 3 tentu saja kita amini bareng-bareng : ‘o’ pertama di kata ‘Joko’. karakter spasi tidah masuk dalam daftar karakter yang dinginkan di atas. Jika ingin memasukkan spasi sisipkan saja karakter spasi  ‘ ‘ dalam daftar yang sudah ada : [A-Za-z0-9 ].

Pengulangan bukanlah hal yang buruk

Mas-mas, masak bisa nya cuman nyari satu karater saja? tentu tidak. Regular Expression cukup power full untuk mencari dengan pola yang jauh lebih sulit. kita mulai saja lagi dengan bagaimana mendifinisikan bahwa kemunculan nol, satu, atau lebih karakter akan masuk dalam hasil pencarian.

[a-z]+ => tanda ‘+’ menyatakan satu atau lebih. Berarti jika subyek pencarian adalah ‘joko pergi ke pasar’, kita akan menemukan ‘joko’, ‘pergi’, ‘ke’, dan ‘pasar’, karena mereka adalah kemunculan satu atau lebih karakter antar a dan z .

[a]* => tanda ‘*’ sedikit lebih luas dari ‘+’. Artinya adalah kemunculan nol atau lebih karakter a.

Naek kereta api tuuut tuuut tuuut….

Yak kita gunakan dalam kehidupan sehari2. Misalnya sendiri kita punya subyek pencarian :

‘Joko jko jokooooooo jooko jok’

jok[a-z]+ => hasilnya adalah ‘joko’ di kata ke 3. kata ‘jok’ diakhir kalimat ndak masuk karena definisi di atas menyatakan bahwa harus ada satu atau lebih karakter yang mengikuti kata ‘jok’.

j[o]*k[a-z]+ => kata2 didalam kalimat diatas masuk dalam hasil pencarian, keculi ‘jok’ di kata terakhir. maksudnya tak peduli ada huruf ‘o’ (nol atau lebih kemunculan) setelah j, ada satu kek, ada dua kek, atau tidak ada sama sekali, yang penting setelah itu ada ‘k’ yang  kemudian diikuti satu atau lebih karakter antara ‘a-z’. ‘jok’ tidak masuk karena alasan yang sama dengan ekspresi pertama.

j[o]*k[a-z]* => naaah ini baru ‘jok’ di akhir kalimat masuk.

Nah cukup praktis kan? kita lanjutkan nanti dengan yang rumit-rumit dan menggugah hati….(lebai lagi…..)

Red :

ekspresi dites dengan menggunakan notepad++ yang bisa didownlaod di http://notepad-plus.sourceforge.net/uk/download.php

Sebuah Perkenalan

Nama saya Febrian, saya sedang kesasar ndak jelas di Negara Belanda ini, berusaha untuk mencari ilmu, pengalaman dan penghidupan. Di sini seperti yang saya katakan di halaman tentang saya, saya pengen lebih berbagi ilmu. Sedikit saya pisahkan dengan blog saya yang lain di Febrianaris. Berusaha memisahkan konten agar lebih bermakna.

Akar studio adalah sebuah sejarah buat saya. Dari dulu memiliki impian membuat sebuah studio sendiri, memenuhi hasrat membangun sesuatu, menggambar dan menggoreskan sesuatu. Kenapa Akar? dulu sih mikirnya ingin menjadi sebuah perintis, namun saat ini dimulai dari sebuah hal yang kecil dulu seperti blog ini.  * sayang sekali ketika dengan teman diskusi panjang masalah nama ini, dan kita coba google dengan kata kunci yang akar studio, domain namanya pun sudah ada yang memakai! dari Kanada pula. sebuah kebetulan yang menurut saya aneh *

Saya pengen belajar menulis sesuatu yang bermakna di sini, berbagi sedikit ilmu terutama apa yang sudah saya pelajari. Moga-moga kelak bisa menjadi sebuah landasan buat saya sendiri dan juga buat orang lain yang sudah berkunjung menyapa saya di rumah pikiran saya yang kecil ini.

Jadi, mari kita berbagi!