Kamis, 03 Februari 2011

Pengertian DHCP,DNS,WEB Server,FTP,Email Server Dan PROXY SERVER

PENGERTIAN DHCP SERVER

DHCP (Dynamic Host Configuration Protocol) adalah protokol yang berbasis arsitektur client/server yang dipakai untuk memudahkan pengalokasian alamat ip dalam satu jaringan. Sebuah jaringan lokal yang tidak menggunakan DHCP harus memberikan alamat IP kepada semua komputer secara manual. Jika DHCP dipasang di jaringan lokal, maka semua komputer yang tersambung di jaringan akan mendapatkan alamt ip secara otomatis dari server DHCP. Selain alamat IP, banyak parameter jaringan yang dapat diberikan oleh DHCP, seperti default gateway dan DNS server.

PENGERTIAN DNS SERVER

Domain Name System (DNS) Adalah sebuah aplikasi service di internet yang menerjemahkan sebuah domain name ke IP address dan salah satu jenis system yang melayani permintaan pemetaan IP address ke FQPN (Fany Qualified Domain Name) dan dari FQDN ke IP address. DNS biasanya digunakan pada aplikasi yang berhubungan ke internet sererti Web Browser atau e-mail, Dimana DNS membantu memetakan host name sebuah computer ke IP address. Selain digunakan di internet DNS juga dapat di implementasikan ke private network atau internet.

PENGERTIAN WEB SERVER

Web Server adalah sebuah perangkat lunak server yang berfungsi menerima
permintaan HTTP atau HTTPS dari klien yang dikenal dengan web browser dan
mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya
berbentuk dokumen HTML. Salah satu server web yang terkenal di linux adalah
Apache. Apache merupakan server web antar platform yang dapat berjalan di
beberapa platform seperti linux dan windows. Web Server juga merupakan
sebuah komputer yang menyediakan layanan untuk internet. Server disebut juga
dengan host. Agar anda dapat memasukkan web yang anda rancang ke dalam
internet, maka anda harus memiliki ruangan terlebih dahulu dalam internet,
dan ruangan ini disediakan oleh server

PENGERTIAN FTP SERVER

FTP Server adalah suatu server yang menjalankan software yang memberikan layanan tukar menukar file dengan selalu siap memberikan layanan FTP apabila mendapat request dari FTP client.

PENGERTIAN EMAIL SERVER

Mail server adalah Perangkat lunak program yang mendistribusikan file atau informasi sebagai respons atas permintaan yang dikirim via email, juga digunakan pada bitnet untuk menyediakan layanan serupa FTP

PENGERTIAN PROXY SERVER

Proxy server adalah tekhnik standar utuk akses internet secara bersama-sama oleh beberapa komputer sekaligus dalam sebuah local area network (LAN) melalui sebuah modem atau sebuah salauran komunikasi.Secara sederhana proxy adalah seseorang atau lembaga yang bertindak atas nam dati orang lain/lembaga/negara lain.

Proxy server bekerja dengan menjembatani komputer ke Internet. Program Internet seperti browser, download manager dan lain-lain berhubungan dengan proxy server, dan proxy server tersebut yang akan berkomunikasi dengan server lain di Internet.

Rabu, 02 Februari 2011

Step by Step Instalasi Server 2003

Kali ini saya membahas tentang langkah-langkah instalasi Windows Server 2003. Mungkin sebagian orang sudah tau apa itu Windows Server 2003 dan fungsinya namun belum memahami bagaimana cara penginstallannya. Sekarang mari kita bersama-sama mengenal dan mulai mencoba menginstallnya pada PC. Bagi teman-teman juga yang ingin mengingat kembali materi yang sudah di pelajari di sekolah dan siap-siap menghadapi Ujian Produktif juga bisa menyimak semoga bisa membantu serta bermanfaat. Mari sekarang kita ikuti langkah-langkahnya sebagai berikut:


Boot komputer dengan CD Windows Server 2003


Atur konfigurasi BIOS agar melakukan boot ke CD/DVD ROM. Masukkan CD/DVD Windows Server 2003. Anda akan mendapatkan layar selamat datang di setup Windows Server 2003.

Tekan ‘F8′ di keyboard untuk persetujuan lisensi Windows Server 2003.


Membuat Partisi
Jika hardisk Anda masih kosong, anda harus membuat partisi untuk sistem Windows Server 2003. Tekan ‘C’ untuk membuat partisi dan masukkan ukuran partisi yang dibutuhkan, misal 10000MB (1GB).


Jika sudah selesai, tekan ‘ENTER’.
Format partisi tersebut dengan filesystem NTFS dengan metode quickformat.


Tekan ‘ENTER’. Windows Server 2003 Setup memformat partisi hardisk Anda.


Setelah format selesai, Windows Server 2003 Setup meng-copy file-file ke partisi Windows.


Setelah selesai, Windows Server 2003 Setup akan me-restart komputer dan boot ulang.


Windows Server Setup GUI


Tunggu beberapa saat sampai muncul Wizard berikut:


Pilih ‘Customize’, dan lakukan setting seperti screen di bawah ini.


Klik ‘OK’, kembali ke layar sebelumnya dan klik ‘Next’.


Isi dengan Nama Anda dan Nama Perusahaan Anda. Kemudian klik ‘Next’.


Isi dengan CD key Windows Server 2003 yang disertakan bersama CD Windows Server 2003. Klik ‘Next’


Pilih Licensing Mode ‘Per Server’ dan isi dengan jumlah koneksi yang dibutuhkan. Klik ‘Next’.


Isi ‘Computer Name’ dan password untuk Administrator. Klik ‘Next’.


Pilih ‘Time Zone’ dengan (GMT +07:00 ) Bangkok, Hanoi, Jakarta. Klik ‘Next’. Setup akan melakukan instalasi Network.



PIlih ‘Custom settings’ dan klik ‘Next’.


Pilih komponen ‘Internet Protocol (TCP/IP)’ dan klik ‘Properties’.


Isi ‘IP address’, ‘Subnet mask:’, ‘Default gateway:’ sesuai konfigurasi network Anda. Klik ‘OK’. Kemudian klik ‘Next’.


Isi nama Workgroup yang diinginkan, misalnya : ‘VOUCHA’. dan klik ‘Next’.


Setup mencopy file-file komponen ke partisi Windows. Setelah itu Setup akan melakukan restart dan boot ulang komputer Anda.


elamat, Anda berhasil melakukan instalasi Windows Server 2003!

Aturan Penting Menulis File CSS

CSS (Cacading Style Sheet) merupakan bahasa pemrogramman text yang paling mudah dipahami dan di mengerti. Tapi terkadang orang suka seenaknya ketika mengedit CSS di situs atau blognya, lalu suatu saat akan kembali mengeditnya, kita sendiri suka lupa atau pusing dengan susunan baris pada file CSS-nya.

Terlebih lagi ketika di hadapkan dengan file CSS yang sangat kompleks, jika anda tidak melakukan cara yang terstruktur untuk menulis dan mengaturnya.

Posting ini akan membahas tentang cara praktis dan sederhana yang dapat membantu anda menulis file CSS dengan baik dan benar, agar lebih terstruktur dan mudah di pelajari oleh developer lainnya.

1. Urutkan Properti CSS Berdasarkan Abjad
Ketika anda mulai menambahkan properti baru untuk sebuah elemen CSS, mungkin anda tidak pernah memperhatikan urutan yang anda gunakan. Agar lebih baik lagi, gunakan urutan abjad yang terstruktur agar mudah di kembangkan lagi. Lihat contoh di bawah ini:

[css]
#wrapper {
border: 1px solid #333;
color: #000;
height: 200px;
padding: 10px;
width: 650px;
}
[/css]

Dalam beberapa kasus suatu komponen css yang terdapat lebih dari 10 properti, cara ini merupakan trik jitu ketika anda bolak-balik mengedit komponen tersebut.

2. Indent Anak Element Dibawahnya
Elemen id merupakan elemen utama (pada contoh ini #wrapper). Ini merupakan cara terbaik untuk menyorot dependensi antar bagian kode dengan indent yang lebih dalam.

[css]
#wrapper {
width: 960px;
}
#wrapper ul {
float: left;
}
#wrapper ul li {
display: block;
}
[/css]

3. Gunakan Komentar Untuk Memisahkan Komponen Atau Bagian yang Besar
Baris komentar benar-benar berguna ketika memperbaiki kode. Komentar sangat mudah dibaca jika digunakan dengan kriteria tertentu (dan tidak disalahgunakan), dapat membantu anda memisahkan bagian-bagian dari kode CSS yang terkait dengan struktur dokumen HTML, atau bagian-bagian besar seperti header, sidebar, footer. Berikut contohnya:

[css]
/*——————-
HEADER
——————- */
#header{width:650px;}
#header a:link,
#header a:visited{
color:#0033CC;
}

/*——————-
NAVIGATION BAR
——————- */
#nav{width:650px;}
#nav ul li{
float:left;
padding:0 10px;
}
[/css]

4. Gunakan Spasi Diantara Properti Dan Nilai Yang Tunggal
Cara ini lumayan efektif untuk mengatur kerapihan penulisan, agar mudah dimengerti. Tapi terkadang cara ini sering dilupakan dalam beberapa element saja, dan jarang digunakan dikarenakan keterbatasan waktu untuk mengeditnya.

[css]
#main{
width: 650px;
}
#main h1{
color: #000;
font-size: 22px;
font-weight: bold;
}
#main p{
color: #000;
font-size: 12px;
padding: 10px;
}
[/css]

5. Kelompokkan Elemen Yang Mempunyai Properti Yang Sama
Jika Anda memiliki sekelompok elemen dengan properti dan nilai yang sama, anda dapat mengelompokan mereka dalam properti yang bernilai sama, dan memisahkan properti yang bernilai bedanya. Sebagai contoh lihat kode di bawah ini:

[css]
.icon-facebook {
background:url(facebook.gif);
padding-left: 26px;
margin-right: 20px;
width: 100px;
}
.icon-twitter {
background:url(twitter.gif);
padding-left: 26px;
margin-right: 20px;
width: 100px;
}
.icon-delicious {
background:url(delicious.gif);
padding-left: 26px;
margin-right: 20px;
width: 100px;
}
[/css]

Anda dapat mengimprovisasinya menjadi seperti ini:

[css]
.icon-facebook,
.icon-twitter,
.icon-delicious {
padding-left: 26px;
margin-right: 20px;
width: 100px;
}
.icon-facebook{background:url(facebook.gif);}
.icon-twitter{background:url(twitter.gif);}
.icon-delicious{background:url(delicious.gif);}
[/css]

Kesimpulan
Bila situs anda siap untuk go public, saya sarankan anda untuk membuat dan mempublikasikan file css anda dengan menggunakan versi yang lebih ringan, dengan menggunakan CSS kompresor (seperti http://www.csscompressor.com/ atau http://www.cssoptimiser.com/) Yang memungkinkan anda mengurangi load website agar tidak berat ketika membaca file css.

Install Nginx di VPS Ubuntu/Debian



Server OS :
Debian 5 Lenny &
Ubuntu 9.04 jaunty

Nginx Version :
Stable 0.7.67
(from source)

Web Developer mana yang tidak tahu web server yang bernama Nginx (Engine X) ini, dan sudah pasti tahu perbedaan yang sangat signifikan dalam hal performance dengan web server yang lainnya. Beberapa keunggulan lainnya juga dapat dirasakan ketika nginx dijadikan sebagai reverse proxy untuk aplikasi web seperti Django, Tomcat, Glassfish atau web server yang lainnya seperti Apache dan lighttpd.

Akan lebih ringan lagi ketika anda membutuhkan php dalam nginx dengan menggunakan php-fpm. Berikut ini adalah beberapa langkah mudah yang anda bisa ikuti ketika anda mempunya sebuah server atau VPS yang menggunakan OS Ubuntu atau Debian. Langkah-langkah ini baru saya tes di Ubuntu 9.04 (Jaunty) dan Debian 5 (Lenny). Dengan menggunakan Nginx versi Stable terbaru yaitu 0.7.67 dan php 5.3.0.

Saya asumsikan server anda dalam keadaan bersih dan belum terinstall software apapun, agar lebih up-to-date, pastikan anda sudah melakukan langkah ini:

1 apt-get update
2 apt-get upgrade

Install terlebih dahulu paket yang di perlukan oleh nginx, untuk melihat paket apa saja yang diperlukan oleh nginx, gunakan cara berikut:
1 aptitude show nginx
2 ...
3 Depends: libc6 (>= 2.7-1), libpcre3 (>= 7.4), libssl0.9.8 (>= 0.9.8f-5), zlib1g (>= 1:1.1.4)
4 ...

Install paket-paket berikut ini:
1 aptitude install build-essential libc6 libpcre3 libpcre3-dev libpcrecpp0 libssl0.9.8 libssl-dev zlib1g zlib1g-dev lsb-base sysv-rc-conf

Dan pastikan anda memilih “Yes” septiap pertanyaan yang ada. Disini kita akan mengunstall nginx dari source (bukan dari package masing-masing OS). Download terlebih dahulu:
1 cd /usr/local/src
2 wget http://sysoev.ru/nginx/nginx-0.7.67.tar.gz
3 tar -zxf nginx-0.7.67.tar.gz

Setelah anda mendapatkan folder “nginx-0.7.67″ agar lebih memudahkan anda, rename folder menjadi “nginx”:
1
2
3
4

mv nginx-0.7.67 nginx
ls -l
drwxr-xr-x 8 root staff 4096 Aug 29 23:40 nginx
-rw-r--r-- 1 root staff 608462 Jun 15 16:55 nginx-0.7.67.tar.gz

Lalu masuk ke folder nginx, lakukan configure default seperti ini:
1 cd nginx
2 ./configure \
3 --sbin-path=/usr/local/sbin \
4 --conf-path=/etc/nginx/nginx.conf \
5 --pid-path=/var/run/nginx.pid \
6 --error-log-path=/var/log/nginx/error.log \
7 --http-log-path=/var/log/nginx/access.log \
8 --with-http_ssl_module \
9 --http-client-body-temp-path=/tmp/nginx_client \
10 --http-proxy-temp-path=/tmp/nginx_proxy \
11 --http-fastcgi-temp-path=/tmp/nginx_fastcgi

Setelah anda yakin dan siap install nginx, lakukan install nginx sebagai berikut:
1 make
2 make install

Tunggu proses sampai berhasil, dan pastikan tidak ada pesan error yang muncul. Jika ada pesan error atau failed, silahkan jangan sungkan, tanyakan disini melalui komentar di bawah. Siapa tahu saya bisa membantu :) .

Selamat, nginx di server anda sudah berhasil di install. Tinggal sekarang bagaimana caranya kita mengatur proses nginx melalui script int.d.
1 cd ~
2 nano /etc/init.d/nginx

Copy script ini untuk init.d nginx di server anda, anda bisa copas disini, atau dengan cara wget:
1 cd /etc/init.d
2 wget http://ddl.fauzievolute.com/etc/init.d/nginx

Pastikan file init.d ini bisa di eksekusi dengan baik oleh daemon dan berjalan otomatis ketika server anda pertama penyala atau setelah di reboot, dengan menggunakan perintah ini:
1 chmod u+x /etc/init.d/nginx
2 sysv-rc-conf --level 2345 nginx on

Jika tidak berhasil dengan cara di atas, anda bisa menjadikan nginx agar melulai otomatis ketika reboot dengan cara berikut:
1 /usr/sbin/update-rc.d -f nginx defaults

Kemudian gunakan script untuk konfigurasi utama nginx seperti ini. Atau dengan cara wget:
1 cd /etc/nginx
2 wget http://ddl.fauzievolute.com/etc/nginx/nginx.conf

Buat folder baru untuk virtual host:
1 cd /etc/nginx
2 mkdir sites-available
3 mkdir sites-enabled

Yang dimana folder ‘sites-available’ digunakan untuk kofigurasi situs yang tersedia, yang akan di symlink ke folder ‘sites-enabled’ agar bisa dibaca oleh konfigurasi utama nginx. Salah satu contohnya seperti berikut:

1 cd ~
2 nano /etc/nginx/sites-available/default

Masukkan script untuk default nginx disini, atau anda bisa download dengan cara wget:
1 cd /etc/nginx/sites-available
2 wget http://ddl.fauzievolute.com/etc/nginx/sites-available/default

Aktifkan konfigurasi virtualhost default anda, dengan cara:
1 ln -s /etc/nginx/sites-available/default /etc/nginx/sites-enabled/default

Jalankan nginx di server anda:
1 /etc/init.d/nginx start

Cek melalui browser anda melalui IP server anda. Jika berhasil, anda akan melihat text Welcome to Nginx!

Nginx dan php-fpm di Ubuntu 10.04

Belum lama ini php-fpm telah update ke php versi 5.3.3. Kemudahan serta optimalisasi webserver terutama pengguna VPS yang mempunya resource yang minimalis sangat cocok menggunakan dua paket instalasi ini.

Mengapa harus php-fpm?
Php-fpm adalah versi lightweight dari php yang dimana kita hanya mengunakan core php dan modul standar saja yang digunakan. Kelebihan lainnya php-fpm mempunya proses tersendiri yang bisa kita monitor dan atur sedemikian rupa.
Selengkapnya di : http://www.php-fpm.org

Mengapa harus nginx?
Nginx adalah webserver yang bisa di andalkan untuk server yang mempunya resource minimalis seperti VPS. Ukuran proses yang tidak terlalu banyak, tetapi bisa meng-handle semua proses yang berkaitan dengan web interface. Kelebihan utama nginx adalah kecepatan untuk akses file statis dari server lebih cepat dan stabil.
Selengkapnya di : http://wiki.nginx.org

Di dalam tutorial ini saya menggunakan instalasi versi package khusus untuk ubuntu dari ppa. Di dalam VPS paket VIR MEDIUM dari Magnet hosting dengan template os Ubuntu 10.04 LTS 32 Bit. Berikut ini adalah langkah cepat untuk instalasinya.

Pertama kita harus meng-update source paket yang akan kita gunakan dengan cara mengedit file /etc/apt/sources.list :
1 deb http://ubuntu.pesat.net.id/archive lucid main universe
2 deb http://security.ubuntu.com/ubuntu lucid-security main universe
3 # Source php-fpm
4 deb http://ppa.launchpad.net/brianmercer/php/ubuntu lucid main
5 # Source nginx
6 deb http://ppa.launchpad.net/nginx/stable/ubuntu lucid main

Sebelum di update, masukkan dulu key untuk ppa php-fpm :
1 apt-key adv --keyserver keyserver.ubuntu.com --recv-keys A42227CB8D0DC64F

Kemudian akan muncul pesan seperti ini :
1 Executing: gpg --ignore-time-conflict --no-options --no-default-keyring --secret-keyring /etc/apt/secring.gpg --trustdb-name /etc/apt/trustdb.gpg --keyring /etc/apt/trusted.gpg --primary-keyring /etc/apt/trusted.gpg --keyserver keyserver.ubuntu.com --recv-keys A42227CB8D0DC64F
gpg: requesting key 8D0DC64F from hkp server keyserver.ubuntu.com
2 gpg: key 8D0DC64F: public key "Launchpad Brian's PPA" imported
3 gpg: Total number processed: 1
4 gpg: imported: 1 (RSA: 1)

Lalu masukkan juga source ppa key untuk nginx :
1 apt-key adv --keyserver keyserver.ubuntu.com --recv-keys C300EE8C

Kemudian akan muncul pesan seperti ini :
1 Executing: gpg --ignore-time-conflict --no-options --no-default-keyring --secret-keyring /etc/apt/secring.gpg --trustdb-name /etc/apt/trustdb.gpg --keyring /etc/apt/trusted.gpg --primary-keyring /etc/apt/trusted.gpg --keyserver keyserver.ubuntu.com --recv-keys C300EE8C
2 gpg: requesting key C300EE8C from hkp server keyserver.ubuntu.com
3 gpg: key C300EE8C: public key "Launchpad Stable" imported
4 gpg: Total number processed: 1
5 gpg: imported: 1 (RSA: 1)

Setelah kedua key ring tersebut berhasil masuk, lakukan update dan upgrade:
1 apt-get update
2 apt-get upgrade

Kemudian install paket nginx :
1 apt-get install nginx

lalu install juga paket php yang sesuai dengan kebutuhan anda :
1 apt-get install php5-fpm php5-mysql php5-json php5-mcrypt php5-curl php5-imap php5-gd

Setelah keduanya berhasil di install, anda bisa start nginx dan php-fpm dengan cara :
1 service nginx start
2 service php5-fpm start

Selamat mencoba dan semoga berhasil :) jika ada trouble dan sudah merasa benar mengikuti tutorial ini silahkan komentarkan masalah anda disini, mungkin bisa saya bantu untuk memecahkannya.

Facebook Style Sheet Hack

Sekarang mari kita membahas bagaimana kita bisa membuat style aplikasi atau situs Facebook dan agar terlihat dan benar-benar seperti beberapa aplikasi milik Facebook platform. Saya telah memeriksa warna, huruf, dimensi dan beberapa pola desain umum yang oleh Facebook diterapkan dalam aplikasinya.

Jadi, jika anda mempunyai niat untuk membuat sebuah aplikasi facebook atau situs yang serupa dengan style yang digunakan Facebook, tidak ada salahnya anda mecoba style yang akan saya tulis disini.

Dengan menggunakan beberapa tools yang terdapat di browser, saya dapat mengetahui beberapa style dan elemen apa saja yang digunakan dalam facebook style itu. Saya tidak akan membahas secara rinci tentang proses ini, singkatnya saya hanya menggunakan Firebug salah satu ekstensi Firefox dan Chrome yang digunakan untuk mengorek style atau source code pada sebuah situs.

Mari kita lihat beberapa unsur penting dari kategori CSS dan kemudian saya akan menjelaskan bagaimana untuk mempraktekannya pada beberapa elemennya.

Warna Dasar dari CSS Facebook

Facebook menggunakan model warna yang sederhana, dan ini merupakan penggunaan yang cukup efektif. Teks pada umumnya mempunyai warna dari terang ke gelap abu-abu (tidak hitam) dari beberapa link dalam “Si Biru Facebook” itu. Untuk warna background dan border, Facebook menggunakan sepasang warna terang dan gelap pada satu variasi warna untuk membuatnya terlihat kontras.

Si Biru Facebook
Biru Facebook #3b5998

Warna Text/Font
Light Text #999999
Medium Text #666666
Dark Text #333333
Warna Link #3b5998

Grey Box
Background #f7f7f7
Border #CCCCCC

Blue Box
Background #eceff6
Border #d4dae8

Information Box
Background #fff9d7
Border #e2c822

Error Box
Background #ffebe8
Border #dd3c10

Tipografi Facebook

Sebuah penelitian kecil saya membuktikan, bahwa font-family dari “Si Biru” yang digunakan secara global, seperti ini:

[css]
body {
font-family: “lucida grande”, tahoma, verdana, arial, sans-serif;
}
[/css]

Icon Pada Halaman Facebook
Facebook menggunakan icon 16×16 px pada seluruh aplikasi mereka. Untuk tampilan dan nuansa yang sama dengan kemampuan ekspansi secara besar-besaran, lihat selengkapnya di FamFamFam Icon.

Jika Anda perhatikan dengan saksama pada beberapa icon di famfam, anda akan melihat salah satu ikon yang digunakan untuk komentar di facebook.
Komponen Utama Style Facebook

Gray Box

[html]
Terlihat dengan baik seperti grey box yang ada di facebook?

[/html]

Terlihat dengan baik seperti grey box yang ada di facebook?

Blue Box : Komentar

[html]
Terlihat dengan baik seperti komentar yang ada di facebook?

[/html]

Terlihat dengan baik seperti komentar yang ada di facebook?

Info Box : Peringatan

[html]
Terlihat dengan baik seperti informasi yang ada di facebook?

[/html]

Terlihat dengan baik seperti informasi yang ada di facebook?

Error Box : Pesan Error

[html]
Terlihat dengan baik seperti pesan error yang ada di facebook?

[/html]

Terlihat dengan baik seperti pesan error yang ada di facebook?

Facebook Tabs yg terdapat dalam Profil

[html]
Facebook Tab #1
Facebook Tab #2
Facebook Tab #3
Facebook Tab #4
[/html]

Facebook Tab #1Facebook Tab #2Facebook Tab #3Facebook Tab #4

Selanjutnya Bagaimana Cara Menggunakan Komponen tersebut?
Ini sebenarnya cukup mudah, kode contoh di atas akan membantu Anda memulai menyesuaikan tampilan aplikasi anda seperti layaknya facebook. Pada dasarnya, Anda hanya perlu mengatur kelas dari div atau elemen jangkar kelas yang sesuai dalam stylesheet. Jika Anda ingin menggunakan Facebook sebagai dasar styling pada aplikasi anda, gunakan wrapper pada konten Anda dengan div “fbbody”.

Anda tidak perlu menggunakan lagi file CSS di aplikasi anda, karena facebook telah menyediakannya untuk anda.

Jika anda benar-benar membutuhkan file CSS facebook ini, anda bisa mendownloadnya disini.
Facebook Style Sheet

Membangun Proxy di Ubuntu Server



Proxy server sudah banyak digunakan akhir-akhir ini di beberapa warnet pada umumnya. Kelebihannya tidak hanya menyimpan cache dari situs-situs yang mempunyai static content, bisa juga menghemat BW untuk warnet yang menggunakan type bw non-metered. Oke, untuk yang belum tau apa itu proxy server mari kita lihat disini.

Kita mulai saja cara instalasi proxy server di ubuntu 10.04 server. Disini kita asumsikan bahwa server telah di update dan di upgrade, tinggal kita console lewat Putty.
Yang Dibutuhkan

Spesifikasi minimum untuk membuat proxy server:
- Ubuntu 10.04 LTS 64 bit
- Processor Dual Core
- RAM 1 GB
- HDD SATA 250 GB


Install paket Dasar

1 apt-get install squid squidclient squid-cgi gcc \
2 build-essential sharutils ccze libzip-dev automake1.9

Install Lusca
1 wget http://ddl.fauzievolute.com/squid/LUSCA_FMI.tar.gz
2 tar xzvf LUSCA_FMI.tar.gz
3 cd LUSCA_FMI

Setelah itu kita akan mulai compile dengan perintah sebagai berikut :
1 ./configure --prefix=/usr --exec_prefix=/usr \
2 --bindir=/usr/sbin --sbindir=/usr/sbin \
3 --libexecdir=/usr/lib/squid --sysconfdir=/etc/squid \
4 --localstatedir=/var/spool/squid --datadir=/usr/share/squid \
5 --enable-http-gzip --enable-async-io=24 --with-aufs-threads=24 \
6 --with-pthreads --enable-storeio=aufs --with-maxfd=65536 \
7 --enable-linux-netfilter --enable-arp-acl --enable-epoll \
8 --enable-removal-policies=heap --with-aio --with-dl --enable-snmp \
9 --enable-delay-pools --enable-htcp --enable-cache-digests \
10 --disable-unlinkd --enable-large-cache-files --with-large-files \
11 --enable-err-languages=English --enable-default-err-language=English

Setelah itu kita akan install paket tersebut:
1 make && make install

Konfigurasi Proxy Server
Setelah semuanya terinstall dengan baik, pindah ke direktori /etc/squid, lalu ganti file squid.conf dengan yang baru, dan sebelumnya backup terlebih dahulu file squid.conf yang asli.
1 mv squid.conf squid.conf.asli
2 wget http://ddl.fauzievolute.com/squid/config/squid.conf

Masukkan juga script perl untuk rewrite situs-situs tertentu yang mempunya dynamic content.
1 wget http://ddl.fauzievolute.com/squid/config/storeurl.pl

Ganti juga script init.d untuk squid :
1 cd /etc/init.d
2 rm squid
3 wget http://ddl.fauzievolute.com/squid/other/squid
4 chmod +x squid

Stop dulu squidnya:
1 /etc/init.d/squid stop

Kemudian kita akan membuat direktori dasar untuk penyimpanan squid dan pengaturan permissionnya:
1 mkdir /cache
2 chown proxy:proxy /cache
3 chmod 777 /cache
4 chown proxy:proxy /etc/squid/storeurl.pl
5 chmod 777 /etc/squid/storeurl.pl
6 chmod 600 /etc/squid/squid.conf


Oke, konfigurasi untuk proxy sampai sini selesai, tinggal kita mengaktifkannya:
1 squid -f /etc/squid/squid.conf -z

Setelah itu, kita restart squid, kemudian reboot server agar konfigurasi terbaca dengan baik:
1 /etc/init.d/squid restart

Selamat mencoba dan semoga sukses, silahkan berikan komentar jika anda mendapatkan kendala dengan tutorial di atas ini.

Membangun Proxy Server Dengan Windows XP menggunakan PRIVOXY

Kali ini saya akan coba mengupas bagaimana membangun Proxy Server berbasis HTTP yang begitu sederhana dilingkungan XP, dalam artikel ini saya menggunakan Software “PRIVOXY” yang mungkin sudah tidak aneh lagi dan mungkin sudah ada yang menggunakannya, untuk yang masih nubie seperti saya software ini recomended / jika ingin mencari software lain yach silahkan saja tetapi dalam bahasan artikel ini saya menggunakan Privoxy yang mana bisa anda download di akhir artikel. Artikel ini juda berdasarkan dari pengalaman & info temen2 & dari macem-macem sumber.

Mungkin bagi para pengguna Linux ditingkat intermediate dan expert ( kelas berat ) mungkin sudah familiar dengan yang namanya squid untuk men-sharing koneksi internet, squid juga bisa digunakan di dalam lingkungan windows system. Apa sich Privoxy ??!! Prixovy adalah sebuah tools gratis untuk membuat proxy server di lingkungan Windows yang sangat MUANTABB alias ma’nyos jika kita dapat meluangkan waktu sejenak untuk melakukan konfigurasi pada semua file konfigurasi dan pendukungnya. Tapi sayangnya saya akan coba membahas bagaimana menshare atau memberikan koneksi internet lewat windows XP ke komputer client didalam 1 area jaringan. Lets go…..

1. Persiapan yang mesti anda lakukan :

* Komputer OS Windows XP ( untuk dijadikan server nantinya ).
* Komputer OS apa saja ( boleh XP, Linux ).
* Tersedianya Intslasi jaringan ( Kabel LAN, Switch / Hub ) yang nantinya akan menjadi penghubung server-client.
* Software yang tentunya harus ada “PRIVOXY”.
* Kalau kopi habis, rokok habis,cemilan habis silahkan beli dulu untuk menambah suasana nyaman…!!
* Tekad, perjuangan, & keyakinan sebagai modal utama keberanian…uhsss…uuuhhsssss…!

2. Asumsi penulis bahwa :

* Cara 1 hingga cara 4 sudah ada dan beres.
* Install software PRIVOXY ke komputer server, saya rasa sudah tau bagaimana cara menginstall software ini karena begitu mudah hanya tinggal di next….next sampai selesai.
* Sebelum menggunakan software ini, periksalah / rubahlan setting IP Forwarding yang hidden di lingkungan XP,,,gimana caranya??? masuk ke system regedit lalu masuk ke sini

HKEY_LOCAL_MACHINESYSTEMCurrentControlSet

Services TcpipParameters

* Jika sudah, disitu anda buat / jika sudah ada key yang bernama IPEnableRouter value REG DYWORD rubah yang tadinya value=0 ganti dengan value=1
* Tutup jendela regedit
* Kemudian konfigurasi di privoxy, namun pada bahasan ini saya menggunakan IP server : 192.168.0.2 IP Client 192.168.0.3.
* Koneksi saya menggunakan speedy.
* Buka software Privoxy yang sudah terinstall.
* Setting privoxy tersebut melalui menu Options >> Edit Main Configuration, disitu akan muncul jendela notepad dengan nama file config.txt.
* FILE KONFIGURASI ASLI YANG BERNAMA CONFIG.TXT SEBAIKNYA DI SAVE AS TERLEBIH DAHULU, supaya lain waktu kalau kita ingin memperluas konfigurasi file tersebut bisa kita manfaatkan biar lebih maaa’nyoosss dan ngerjeeeng..
* Disini saya menyimpannya dengan nama configur1.txt.
* Jika sudah di save as, tutup jendela file config.txt yang asli.
* Buka kembali file configur1.txt yang sudah di save as tadi.
* Hapus semua isi file yang ada di configur1.txt
* Di dalam jendela configur1.txt, setelah dihapus semua isi file masukan script seperti dobawah ini :

##—————————————————————-##

user-manual /Program Files/Privoxy/doc/user-manual

admin-address [email anda]

confdir .

logdir .

debug 1 #menampilkan seluruh log ke server

logfile privoxy.log #memberikan nama file log

log-messages 1 #seluruh koneksi akan di catat di file log server

listen-address 192.168.0.2:9192 #ip server dan port yang akan listen (diset di client).

permit-access 192.168.0.0/24 #ip network yang di ijinkan menggunakan server proxy ini

toggle 0

enable-remote-toggle 0

enable-remote-http-toggle 0

enable-edit-actions 0

enforce-blocks 1

buffer-limit 4096

forwarded-connect-retries 20

accept-intercepted-requests 1

allow-cgi-request-crunching 0

split-large-forms 0

keep-alive-timeout 300

socket-timeout 300

activity-animation 1

log-max-lines 2000

log-highlight-messages 1

log-font-name Times New Roman

log-font-size 10

##—————————————————————-##

* sesudah anda mengetikan script di atas, save file tersebut.
* Kembali lagi ke jendela Privoxy.
* Klik menu Option, lalu klik Enable.
* sampai disini habislah perkara setting di server…!!!! kini saatnya konfigurasi di client, bagaimana donk ???!! simak berikut ini :

CLIENT KONFIGURASI

* Disini saya mencobanya dengan Windows XP, terserah anda jika menggunakan OS apa saja yang penting setting IP dengan benar.
* perhatikan screenshoot dibawah ini untuk setting IP proxy berdasarkan setting yang sudah kita tanam pada script di server :

1. Masuk ke brower anda, disini saya menggunakan mozilla firefox

screenshoot 1 :


screenshoot 2 :


screenshoot 3 :


screenshoot4 :


Sudah selesai deh setting server + client, waktunya untuk mencoba. Disni saya coba berselancar ke internet dengan menggunakan komputer client XP.
Semoga sukses & selamat mencoba . . .

Membuat Proxy

Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.

Selasa, 01 Februari 2011

Membangun Router di Rumah dengan Ubuntu

Banyak rumah-rumah saat ini sudah memiliki akses Internet mandiri. Beberapa di antaranya bahkan telah menggunakan koneksi broadband dengan kecepatan yang lumayan tinggi. Pertanyaannya, bisakah koneksi Internet tersebut dibagi-pakai ke banyak PC atau notebook di rumah? Jawabnya bisa, dengan router!

Router yang akan dibuat meskipun untuk kelas rumahan namun memiliki kestabilan dan keamanan kelas enterprise karena didukung dengan sistem operasi Linux.

Di sini kita akan menggunakan Linux Ubuntu Desktop versi 8.10 (Intrepid Ibex). Namun pengguna Ubuntu versi di bawahnya juga tetap dapat mengikuti langkah yang sama. Oh ya, router yang akan kita buat menggunakan aplikasi Firestarter dengan lisensi gratis 100%. Aslinya, aplikasi ini adalah sebuah firewall dengan fitur router. Jadi router Anda nantinya akan memiliki fasilitas firewall.

Mari kita mulai. Sebagai langkah awal, siapkan PC yang sudah ter-instal Ubuntu dan memiliki koneksi Internet aktif sehingga Anda bisa browsing di sana. Jangan lupa sediakan pula sebuah kartu jaringan tambahan untuk menghubungkan Ubuntu ke jaringan lokal.

Instalasi Komponen Utama

1. Ada dua komponen utama yang harus di-instal sebelum kita dapat memfungsikan PC sebagai router, yaitu Firestarter dan DHCP (Dynamic Host Configuration Protocol). Komponen DHCP hanya perlu di-instal jika Anda ingin alamat IP dialokasikan otomatis kepada klien. Jika ingin melakukan konfigurasi alamat secara manual, DHCP tidak wajib di-instal. Untuk meng-instal Firestarter dan DHCP, klik menu System > Administration > Synaptic Package Manager (SPM). Kemudian masukkan password root Ubuntu Anda (jika diminta).

2. Dari jendela SPM, manfaatkan fasilitas “Quick Search” untuk mencari paket Firestarter. Jika sudah ketemu, klik kotak kecil di sebelah paket Firestarter dan pilih “Mark for Installation”.

3. Selanjutnya, dengan cara yang sama, lakukan pencarian untuk paket DCHP. Jika SPM menyajikan banyak pilihan, pastikan Anda memilih paket “dhcp3-server”. Klik kembali kotak kecil dan pilih “Mark for Installation”. Kemudian klik tombol “Apply” dengan ikon centang hijau yang ada di atas. Sisanya biar Linux yang mengerjakan.

Konfigurasi Router

4. Jika instalasi berjalan dengan mulus, langkah berikutnya adalah melakukan konfigurasi Firestarter agar semua koneksi dari klien bisa diteruskan ke Internet. Jalankan Firestarter dari menu Applications > Internet > Firestarter dan masukkan password root Ubuntu jika diminta.

5. Dari jendela utama Firestarter, klik menu Preferences di bagian atas (pastikan tab “Status” aktif), kemudian pilih Network Setting. Perhatikan 2 kotak drop-down yang ada di sana. Kotak drop-down paling atas adalah antarmuka jaringan yang terkoneksi dengan Internet. Jika menggunakan kartu jaringan Ethernet, antarmuka yang ditunjukkan kemungkinan besar adalah “eth0”. Sementara kotak drop-down kedua menunjukkan antarmuka untuk jaringan lokal.

6. Jika sudah ditentukan mana jaringan Internet dan lokal, Anda tinggal mengaktifkan (centang) opsi “Enable Internet connection sharing” dan “Enable DHCP for the local network” (alokasi IP klien otomatis). Rentang alokasi IP menggunakan DHCP juga bisa Anda tentukan sendiri, dengan mengklik tanda panah hitam di sebelah opsi “DCHP server details”. Opsi lain di jendela ini bisa dibiarkan apa adanya, karena kita tidak terlalu membutuhkannya.

7. Setelah semua selesai disetel, klik tombol “Accept”. Dengan mengklik tombol “Start Firewall”, PC Anda sudah menjadi sebuah router untuk berbagi koneksi Internet. Mudah, bukan?

TIPS: Bonus Firewall

Tidak lengkap rasanya jika sebuah router tidak dilengkapi dengan pengaman tambahan untuk menangkal serangan yang sangat mungkin datang dari sisi Internet. Untungnya, Firestarter memang didesain untuk mengamankan PC yang terhubung ke Internet, termasuk klien-kliennya yang terhubung melalui fasilitas Internet Connection Sharing.

Sebenarnya, secara default, Firestarter sudah bekerja sebagai firewall sejak pertama kali diaktifkan. Tetapi setelan default menurut kami masih memiliki banyak lubang yang jika tidak ditutup bukan tidak mungkin bakal ditembus cracker.

Apabila keamanan menjadi prioritas Anda saat berselancar-ria, tidak ada salahnya mengikuti langkah-langkah sederhana berikut.

A. Menghadang Serangan dari Luar

1. Buka kembali jendela Preferences di Firestarter. Kali ini pilih “ICMP Filtering” dan aktifkan (centang) opsi “Enable ICMP Filtering”. Abaikan opsi lain di bawahnya jika memang tidak ada fitur lain dari protokol ICMP yang diizinkan diterima PC. Selanjutnya, klik tombol Accept.

2. Kembali ke jendela utama Firestarter, lalu pilih tab “Policy”. Di opsi Editing, pastikan terpilih “Inbound traffic policy” yang artinya kita akan membuat aturan tentang “siapa saja yang boleh mengakses PC atau port dari sisi Internet”. Jika tidak ada port yang boleh diakses dari Internet, maka pastikan daftar “Allow connection from host”, “Allow service”, dan “Forward service” dalam keadaan kosong. Sebaliknya, jika ingin membolehkan sebuah host dari sisi Internet terkoneksi ke router ini, klik kanan area kosong di daftar “Allow connection from host” dan pilih “Add rule”. Kemudian masukkan alamat IP dari host yang diizinkan mengakses router. Jika sudah, jangan lupa klik tombol “Add” dan “Apply”. Cara yang sama bisa dilakukan untuk membolehkan koneksi port/service dari Internet, hanya saja Anda harus bekerja di daftar “Allow service”.

3. Jika sudah, coba tes PC Anda dengan bantuan situs audit keamanan milik Gibson Research (www.grc.com). Bandingkan hasil sebelum dan sesudah konfigurasi dilakukan (lihat apakah Anda mendapat predikat “Passed” pada TruStealth Analysis atau tidak).

B. Membatasi Akses URL Klien

Setelah berhasil membatasi akses dari luar, sekarang kita akan membuat batasan terhadap klien yang akan mengakses Internet. Hal ini sangat berguna jika Anda ingin menghemat bandwidth atau mencegah pengguna di bawah umur mengakses situs yang tidak semestinya. Begini cara melakukannya.

1. Dari jendela utama Firestarter, klik tab “Policy” dan ubah dropdown editing menjadi “Outbound traffic policy”. Opsi ini dipakai untuk membatasi akses klien lokal ke Internet atau kebalikan dari “Inbound traffic policy” yang telah kita bahas di atas.

2. Akan muncul dua radio button yang masing masing berisi opsi “Permissive by default, black list traffic” dan “Restrictive by default, whitelist traffic”. Permissive by default digunakan jika Anda ingin mengizinkan semua lalu lintas data dari klien ke Internet dan menggunakan daftar policy untuk memblok alamat, host atau service/port tertentu. Sebaliknya, Restrictive by default digunakan untuk memblok semua lalu lintas data dari klien ke Internet dan menggunakan daftar policy untuk membolehkan akses ke alamat, host atau service/port tertentu. Jika ingin memblokir alamat tertentu saja, pilih Permissive by default.

3. Untuk memerintahkan agar Firestarter memblokir situs tertentu, lakukan dengan mengklik kanan area kosong di daftar “Deny connection to host”, lalu pilih “Add rule”. Masukkan alamat IP atau nama domain (tanpa “http://”) di field “IP, host or network”, lalu klik Add. Jika sudah, jangan lupa mengklik Apply di bagian atas jendela Firestarter. Coba kunjungi alamat yang diblokir tadi menggunakan browser.

Template by : kendhin x-template.blogspot.com