artikel tkj

ROUTER

Router adalah perangkat jaringan yang digunakan untuk membagi protocol kepada anggota jaringan yang lainnya, dengan adanya router maka sebuah protocol dapat di-sharing kepada perangkat jaringan lain.

Fungsi router

1.Router berfungsi utama sebagai penghubung antar dua atau lebih jaringan untuk meneruskan data dari satu jaringan ke jaringan lainnya. Perbedaannya dengan Switch adalah kalau switch merupakan penghubung beberapa alat untuk membentuk suatu Local Area Network (LAN).

2.ROUTER menstranmisikan informasi dari satu jaringan ke jaringan lain yang sistem kerjanya mirip dengan BRIDGE.

Pengertian proxy server

Proxy Server adalah server yang diletakkan antara suatu aplikasi client dan aplikasi server yang dihubungi

Manfaat Proxy Server

1. Meningkatkan kinerja jaringan

2. Filter permintaan

Fungsi Proxy Server

1. Connection sharing

Bertindak sebagai gateway yang menjadi batas antara jaringan lokal dan jaringan luar. Gateway juga bertindak sebagai titik dimana sejumlah koneksi dari pengguna lokal akan terhubung kepadanya dan koneksi jaringan luar juga terhubung kepadanya. Dengan demikian koneksi dari jaringan lokal ke internet akan menggunakan sambungan yang dimiliki oleh gateway secara bersama-sama (connecion sharing).

2. Filtering

Bekerja pada layar aplikasi sehingga berfungsi sebagai Firewalll paket filtering yang digunakan untuk melindungi jaringan lokal terhadap gangguan atau serangan dari jaringan luar. Dapat dikonfigurasi untuk menolak situs web tertenu pada waktu-waktu tertentu.

3. Caching

Proxy Server memiliki mekanisme penyimpanan obyek-obyek yang sudah diminta dari server-server di internet. Mekanisme caching akan menyimpan obyek-obyek yang merupakan permintaan dari para pengguna yang di dapat dari iternet.

Keuntungan Proxy Server

Keuntungan proxy server dalam suatu jaringan TCP/IP adalah:

1. Keamanan jaringan lebih terjaga, karena adanya proxy sebagai pembatas antara jaringan lokal dan jaringan luar (internet)

2. Pengaksesan kembali terhadap situs-situs yang telah diakses sebelumnya menjadi lebih cepat, karena pengaksesan tidak perlu ke jaringan luar (internet) melainkan ada pada direktori cache proxy.

3. Terdapat fasilitas filtering, baik filtering pengguna, content dan waktu akses.

Kekurangan Proxy Server

Kekurangan proxy server dalam suatu jaringan TCP/IP adalah:

1. Pengaksesan terhadap situs yang belum pernah dibuka sebelumnya akan menjadi lebih lambat, karena client harus meminta terlebih dahulu ke pada proxy, setelah itu baru proxy yang akan meminta request dari client tersebut ke pada penyedia layanan internet.

2. Bila proxy server terlambat melakukan update cache, maka client akan mendapatkan content yang belum update ketika melakukan request content tersebut.

Pembagian Kelas IP address

Kelas A : Menggunakan 7 bit alamat network dan 24 bit untuk alamat host. Dengan ini memungkinkan adanya 27-2 (126) jaringan dengan 224-2 (16777214) host, atau lebih dari 2 juta alamat.

Format : 0nnnnnnn hhhhhhhh hhhhhhhh hhhhhhhh

Identifikasi : bit pertama 0

Panjang NetID : 8 bit

Panjang HostID : 24 bit

Byte pertama : 0 – 127

Jumlah jaringan : 126 kelas A (0 dan 127 dicadangkan)

Range IP : 1.xxx.xxx.xxx sampai 126.xxx.xxx.xxx

Jumlah IP : 16.777.214 alamat IP pada setiap kelas A

 Kelas B: Menggunakan 14 bit alamat network dan 16 bit untuk alamat host. Dengan ini memungkinkan adanya 214-2 (16382) jaringan dengan 216-2 (65534) host, atau sekitar 1 juta alamat.

Format : 0nnnnnnn nnnnnnnn hhhhhhhh hhhhhhhh

Identifikasi : 2 bit pertama 10

Panjang NetID : 16 bit

Panjang HostID : 16 bit

Byte pertama : 128 – 191

Jumlah jaringan : 16.384 kelas B

Range IP : 128.0.xxx.xxx sampai 191.155.xxx.xxx

Jumlah IP : 65.532 alamat IP pada setiap kelas B

Kelas C: Menggunakan 21 bit alamat network dan 8 bit untuk alamat host. Dengan ini memungkin adanya 221-2 (2097150) jaringan dengan 28-2 (254) host, atau sekitar setengah juta alamat.

Format : 0nnnnnnn nnnnnnnn nnnnnnnn hhhhhhhh

Identifikasi : 3 bit pertama bernilai 110

Panjang NetID : 24 bit

Panjang HostID : 8 bit

Byte pertama : 192 – 223

Jumlah jaringan : 2.097.152 kelas C

Range IP : 192.0.0.xxx sampai 223.255.255.xxx

Jumlah IP : 254 alamat IP pada setiap kelas C

SLASH

1. 255.255.255.0   /24 à 11111111.11111111.11111111.00000000

255-0=255, 255-1=254 adalah range, hasil pengurangan sbg brds

range 192.168.20.1-192.168.20.254, ip broadcast 192.168.20.255

bisa dipaka untuk 127-254 pc

255.255.255.128  /25 à 11111111.11111111.11111111.10000000

255-128=127, 127-1

range 192.168.20.1-192.168.20.126, ip broadcast 192.168.20.127

bisa dipaka untuk 63-126 pc

255.255.255.192  /26 à 11111111.11111111.11111111.11000000

128+64=192 à 255-192=63, 63-1

range 192.168.20.1-192.168.20.62, ip broadcast 192.168.20.63

bisa dipaka untuk 31-62 pc

255.255.255.224 /27 à 11111111.11111111.11111111.11100000

128+64+32=224 à 255-224=31, 31-1

range 192.168.20.1-192.168.20.30, ip broadcast 192.168.20.31

bisa dipakai untuk 15-30 pc

255.255.255.240  /28 à 11111111.11111111.11111111.11110000

128+64+32+16=240 à 255-240=15, 15-1

range 192.168.20.1-192.168.20.14, ip broadcast 192.168.20.15

bisa dipakai untuk 7-14 pc

255.255.255.248  /29 à 11111111.11111111.11111111.11111000

128+64+32+16+8=248à255-248=7, 7-1

range 192.168.20.1-192.168.20.6, ip broadcast 192.168.20.7

bisa dipakai untuk 3-6 pc

255.255.255.252  /30 à 11111111.11111111.11111111.11111100

128+64+32+16+8+4=252à255-252=3, 3-1

range 192.168.20.1-192.168.20.2, ip broadcast 192.168.20.3

bisa dipakai untuk 2-2 pc

ringkasan

/24 255.255.255.0 dipakai 127-254 pc

/25 255.255.255.128 dipakai 63-126 pc

/26 255.255.255.192 dipakai 31-62 pc

/27 255.255.255.224 dipakai 15-30 pc

/28 255.255.255.240 dipakai 7-14 pc

/29 255.255.255.248 dipakai 3-6 pc

/30 255.255.255.252 dipakai 2 pc

Kepanjangan-kepanjangan

NAT (Network Address Translation)

Pengertian iptables

Iptables –t nat –A POSTROUTING –o eth0 –j MASQUERADE

Untuk membuat komputer menjadi gateway aktif setelah routing out interfacenya eth0 melompat untuk disamarkan  (ip local menjadi ip public)

Iptables –t nat –A PREROUTING –p tcp –i eth1 --dport 80 –j REDIRECT --to-ports 3128

Untuk membuat komputer menjadi gateway aktif sebelum routing protocol tcp interface eth1 port tujuannya 80 melompat dan diahlikan menuju port 3128  

Apa itu port 3128 ?

1.      Buat menyimpan cookies agar dapat menghemat ketika internet

2.      Sebagai firewall / squid

memahami dasar kode css

Cascading Style Sheet atau yang disingkat CSS memungkinkan untuk mendesain (style) tampilan dokumen (Php dan HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS).

Didalam dunia desain web,layout atau mengatur letak web, format huruf, dan lain nya yang ada dalam sebuah web menjadi bagian yang amat penting bahkan bisa jadi yang paling lama dibanding dengan bagain desain web lainnya. Karena jika kita membua layout yang salah, maka web kita juga akan salah diterjemahkan oleh browser. Hal itu juga bisa disebabkan karena setiap browser memilliki dukungan bahasa(CSS) yang berbeda dan tentunya default dari browsernya sendiri yang berbeda-beda. Browser yang paling rewel soal layout css adalah IE karena kurang dukungannya terhadap CSS.

Jika kita memiliki banyak file HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. CSS distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada dikumen HTML yang telah jadi.

Dalam melayout sebuah web ada dua metode yang sering dipakai untuk membuat sebuah layout halaman web yaitu:

1. Metode Table
2. Metode Div

Manfaat dari CSS:

1. Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
2. Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
3. Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
4. Dapat berkolaborasi dengan JavaScript.
5. Digunakan dalam hampir semua web browser.

Pada umunya ada empat bagian yang sering ada dalam layout sebuah web yaitu:

Header –> berisi tema web/ judul
Menu –> menu link web
Content –> isi dari web
Footer –> identitas/ copyright

Atribut ID

Ada dua cara penempatan elemen dalam web dengan CSS yaitu:

1. Position (Posisi)

Mengunakan properti position terdapat 4 cara:

• Static –> posisi normal (default).
• Relative –> posisi elemen tergantung dari elemen yang lain.
• Absolute –> posisi elemen berpatokan pada jendela browser.
• Fixed –> posisi elemen tetap walaupun digeser.

2. Float (Nempel)

Menggunakan properti float atau clear:

• Float:left –> elemen akan menempel pada sebelah kiri elemen induk.
• Float:right –> elemen akan menempel pada sebelah kanan elemen induk.
• Clear:left –> elemen akan menempel pada sebelah kiri dan berada di bawah.
• Clear:right –> elemen akan menempel pada sebelah kanan dan berada dibawah
• Clear:both –> elemen akan berada pada posisi bawah elemen diatasnya

Margin –> jarak/batas elemen dengan elemen lain

Border –> border/gari tepi elemen

Padding–> jarak elemen dengan isi elemen (elemen anak)

Berikut gambar dibawah adalah format standar untuk membuat tampilan dengan CSS:

contoh penulisan css :

<html>
<head>
<style type = "text/css">
#header {
width:900px;
height:50px;
border: 1px solid #640404;
}
#headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
#headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
</style>
</head>
<body>
<h1>Sample</h1>
<div id = "header">
<div id="headerLeft">Header Left</div>
<div id="headerRight">Header Right</div>
</div>
</body>
</html>

Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:

1. External Style Sheet (file CSS berbeda dari file HTML),
2. Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)

Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).

Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalam mengelolanya. Disini saya akan menerangkan dasar-dasar CSS. Langsung saja kita coba kode berikut ini:

Penempatan CSS dalam HTML

Internal CSS

Metode penulisan kode CSS langsung dalam file HTML. contoh:

<html>
<head>
<style type = "text/css">
.header {
width:900px;
height:50px;
border: 1px solid #640404;
}
.headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
.headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
</style>
</head>
<body>

Eksternal CSS

file CSS terpisah dengan HTML. Buat file dengan ekstention .css. contoh:

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”public.css”/>
</head>
<body>
</body>
</html>

Inline CSS

Penulisan kode CSS dalam tag HTML. contoh:

<html>
<head>
</head>
<div style="background-color:#999999; text-align:center;">Inline CSS</div>
</body>
</html>

Jika kita menggunakan teknik external CSS, maka kita perlu membuat file css, misal buat file dan simpan dengan nama style.css

Didalam HTML kita perlu memanggil file CSS dengan menggunakan tag <link> yang diletakkan diantara tag<head>. Pada contoh CSS selanjutnya kita menggunakan teknik external CSS, jadi gunakan saja file style.css dan coba.html anda hanya perlu mengubah isinya. Untuk file HTML anda gunakan coba.html dan ubah isinya pada bagian<body> saja bagian yang didalam <head> tidak usah diapa-apakan.

Untuk memanggil CSS dalam tag HTML kita perlu menggunakan atribut class untuk memanggil CSS selector (dalam contoh diatas selectornya title dan thank). Dengan demikian apabila semua halaman anda memanggil class title, dan jika anda ingin mengganti font untuk semua halaman anda cukup mengubah selector CSSnya saja. Bagaimana anda sudah paham kegunaan CSS.

CSS memiliki ratusan properties dan values, tentu saja saya tidak akan menerangkan semuanya, saya hanya akan menerangkan yang penting-penting saja.

Tidak semua browser dapat menampilkan jenis huruf yang kita spesifikasikan didalam CSS. Untuk itu kita perlu mendeklarasikan lebih dari satu jenis huruf agar browser mengenal jenis huruf yang digunakan. Anda dapat menggunakan property font-family, yang mirip dengan tag <font>.

Sebagai contoh anda ingin menampilkan dari keluarga huruf Serif dan hurufnya Times yaitu Times New Roman. Anda dapat menuliskannya dari yang paling spesifik sampai yang umum, sehingga jika browser tidak mengenal fontnya, maka browser akan otomatis melihat font yang umum. Untuk lebih jelasnya lihat bkode berikut:

<h1 style="font-family: 'Times New Roman', Times, serif">Serif font</h1>

Link

Salah satu hal yang menarik dalam CSS anda dapat mengubah warna pada setiap link, menghilangkan garis bawah pada link sehingga jika anda bosan dengan link yang berwarna biru tua terang dengan garis bawah anda dapat mengubahnya.

Coba kode CSS berikut:

a.link1:link {
font-weight: bold; 
font-size: 12px; 
color: #C87C28; 
font-family: Times New Roman; 
text-decoration: none;
}
a.link1:visited {
font-weight: bold; 
font-size: 12px; 
color: #CC6600; 
font-family: Times New Roman; 
text-decoration: none;
}
a.link1:hover {
font-weight: bold; 
font-size: 12px; 
color: #C87C28; 
font-family: Times New Roman; 
text-decoration: underline
}
a.link1:active {
font-weight: bold; 
font-size: 12px; 
color: #C87C28; 
font-family: Times New Roman; 
text-decoration: none;
}
a.link2:link {
font-weight: bold; 
font-size: 12px; 
color: #663300; 
font-family: Arial, Helvetica, sans-serif; 
text-decoration: underline;
}
a.link2:visited {
font-weight: bold; 
font-size: 12px; 
color: #800000; 
font-family: Arial, Helvetica, sans-serif; 
text-decoration: none;
}
a.link2:hover {
font-weight: bold; 
font-size: 12px; 
color: #ff6600; 
font-family: Arial, Helvetica, sans-serif; 
text-decoration: underline overline;
}
a.link2:active {
font-weight: bold; 
font-size: 12px; 
color: #ff6600; 
font-family: Arial, Helvetica, sans-serif; 
text-decoration: underline;
}