Oleh: fatandmarsiano | 16 Mei 2008

Telnet

Oleh: fatandmarsiano | 2 Mei 2008

HTML and CSS tags

Property

Description

Values

IE

F

N

W3C

background

Untuk mengatur setting background dengan satu deklarasi

background-color
background-image
background-repeat background-attachment background-position

4

1

6

1

background-attachment

Mengatur setting gambar background akan ikut ter-scroll atau tidak sesuai dengan halaman

scroll
fixed

4

1

6

1

background-color

Mengatur setting dari warna background

color-rgb
color-hex
color-name
transparent

4

1

4

1

background-image

Mengatur agar suatu gambar menjadi background

url(URL)
none

4

1

4

1

background-position

Mengeset posisi awal dari gambar background

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos

4

1

6

1

background-repeat

Mengeset bagaimana gambar background akan diulangi

repeat
repeat-x
repeat-y
no-repeat

4

1

4

1

Border

Property

Description

Values

IE

F

N

W3C

border

Setting untuk mengatur properti dari semua batas (border) dalam satu deklarasi

border-width
border-style
border-color

4

1

4

1

border-bottom

Setting untuk mengatur batas  border bawah

border-bottom-width
border-style
border-color

4

1

6

1

border-bottom-color

Mengatur warna dari border bawah

border-color

4

1

6

2

border-bottom-style

Mengatur style dari border bawah

border-style

4

1

6

2

border-bottom-width

Mengatur lebar dari border bawah

thin
medium
thick
length

4

1

4

1

border-color

Mengatur warna dari keempat border. Bisa mengatur sampai 4 warna

color

4

1

6

1

border-left

Setting untuk mengatur batas  border kiri

border-left-width
border-style
border-color

4

1

6

1

border-left-color

Mengatur warna dari border kiri

border-color

4

1

6

2

border-left-style

Mengatur style dari border kiri

border-style

4

1

6

2

border-left-width

Mengatur lebar dari border kiri

thin
medium
thick
length

4

1

4

1

border-right

Setting untuk mengatur batas  border kanan

border-right-width
border-style
border-color

4

1

6

1

border-right-color

Mengatur warna dari border kanan

border-color

4

1

6

2

border-right-style

Mengatur style dari borde kanan

border-style

4

1

6

2

border-right-width

Mengatur lebar dari border kanan

thin
medium
thick
length

4

1

4

1

border-style

Mengatur style dari keempat border. Bisa mengatur sampai 4 warna

none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset

4

1

6

1

border-top

Setting untuk mengatur properti dari batas atas (border) dalam satu deklarasi

border-top-width
border-style
border-color

4

1

6

1

border-top-color

Mengatur warna dari border atas

border-color

4

1

6

2

border-top-style

Mengatur style dari border atas

border-style

4

1

6

2

border-top-width

Mengatur lebar dari border atas

thin
medium
thick
length

4

1

4

1

border-width

Mengatur style dari keempat border. Bisa mengatur sampai 4 nilai

thin
medium
thick
length

4

1

4

1

Classification

Property

Description

Values

IE

F

N

W3C

clear

Sets the sides of an element where other floating elements are not allowed

left
right
both
none

4

1

4

1

cursor

Mengatur tipe kursor yang akan ditampilkan

url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help

4

1

6

2

display

Mengatur bagaimana suatu elemen akan ditampilkan

none
inline
block
list-item
run-in
compact
marker
tabel
inline-tabel
tabel-row-group
tabel-header-group
tabel-footer-group
tabel-row
tabel-column-group
tabel-column
tabel-cell
tabel-caption

4

1

4

1

float

Mengatur dimana gambar atau teks akan muncul pada elemen lain

left
right
none

4

1

4

1

position

Meletakkan elemen pada posisi statis, relatif, absolut atau posisi tetap

static
relative
absolute
fixed

4

1

4

2

visibility

Mengeset apakah suatu elemen ditampilkan atau tidak

hidden
collapse

4

1

6

2

Dimension

Property

Description

Values

IE

F

N

W3C

height

Mengatur tinggi dari suatu elemen

auto
length
%

4

1

6

1

line-height

Mengatur jarak dari 2 garis

%

4

1

4

1

max-height

Mengatur tinggi maksimum dari suatu elemen

none
length
%

-

1

6

2

max-width

Mengatur lebar maksimum dari suatu elemen

none
length
%

-

1

6

2

min-height

Mengatur tinggi minimum dari suatu elemen

length
%

-

1

6

2

min-width

Mengatur lebar minimum dari suatu elemen

length
%

-

1

6

2

width

Mengatur lebar dari suatu elemen

auto
%
length

4

1

4

1

Font

Property

Description

Values

IE

F

N

W3C

font

Mengatur property dari setting font dalam satu deklarasi

font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar

4

1

4

1

font-family

Daftar dari font yang diprioritaskan pada suatu elemen

family-name
generic-family

3

1

4

1

font-size

Mengatur besar dari suatu font

xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%

3

1

4

1

font-size-adjust

Menyimpan suatu nilai untuk elemen untuk tinggi dari font yang pertama kali dipilih

none
number

-

-

-

2

font-stretch

Memperbesar font-family dari keadaan sekarang

normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded

-

-

-

2

font-style

Mengatur style dari suatu font

normal
italic
oblique

4

1

4

1

font-variant

Menampilkan font pada kondisi normal atau small caps

normal
small-caps

4

1

6

1

font-weight

Mengatur berat (tebal) dari suatu font

normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900

4

1

4

1

Generated Content

Property

Description

Values

IE

F

N

W3C

content

Menampilkan isi dari dokumen. Digunakan dengan :before and :after dari pseudo-elements

string
url
counter(name)
counter(name, list-style-type)
counters(name, string)
counters(name, string, list-style-type)
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote

1

6

2

counter-increment

Mengatur inkremen(penambahan) dari tiap kemunculan selektor

none
identifier number

2

counter-reset

Mengatur nilai dari counter pada tiap kemunculan selector

none
identifier number

2

quotes

Mengatur tipe dari tanda quote

none
string string

-

1

6

2

List and Marker

Property

Description

Values

IE

F

N

W3C

list-style

Mengatur setting dari semua list dalam satu deklarasi

list-style-type
list-style-position
list-style-image

4

1

6

1

list-style-image

Mengatur gambar pada penanda list-item

none
url

4

1

6

1

list-style-position

Mengatur posisi penanda list-item diletakkan pada list

inside
outside

4

1

6

1

list-style-type

Mengatur tipe dari penanda list-item

none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha

4

1

4

1

marker-offset

auto
length

1

7

2

Margin

Property

Description

Values

IE

F

N

W3C

margin

Mengatur setting dari semua margin dalam satu deklarasi

margin-top
margin-right
margin-bottom
margin-left

4

1

4

1

margin-bottom

Mengatur margin bawah dari suatu elemen

auto
length
%

4

1

4

1

margin-left

Mengatur margin kiri dari suatu elemen

auto
length
%

3

1

4

1

margin-right

Mengatur margin kanan dari suatu elemen

auto
length
%

3

1

4

1

margin-top

Mengatur margin atas dari suatu elemen

auto
length
%

3

1

4

1

Outlines

Property

Description

Values

IE

F

N

W3C

outline

Mengatur setting dari semua outline dalam satu deklarasi

outline-color
outline-style
outline-width

-

1.5

-

2

outline-color

Mengatur warna dari outline di sekeliling suatu elemen

color
invert

-

1.5

-

2

outline-style

Mengatur style dari outline di sekeliling suatu elemen

none
dotted
dashed
solid
double
groove
ridge
inset
outset

-

1.5

-

2

outline-width

Mengatur lebar dari outline di sekeliling suatu elemen

thin
medium
thick
length

-

1.5

-

2

Padding

Property

Description

Values

IE

F

N

W3C

padding

Mengatur setting dari semua list dalam satu deklarasi

padding-top
padding-right
padding-bottom
padding-left

4

1

4

1

padding-bottom

Mengatur padding bawah dari suatu elemen

length
%

4

1

4

1

padding-left

Mengatur padding kiri dari suatu elemen

length
%

4

1

4

1

padding-right

Mengatur padding kanan dari suatu elemen

length
%

4

1

4

1

padding-top

Mengatur padding atas dari suatu elemen

length
%

4

1

4

1

Positioning

Property

Description

Values

IE

F

N

W3C

bottom

Mengatur seberapa jauh posisi batas bawah terhadap batas bawah dari elemen induk

auto
%
length

5

1

6

2

clip

Mengatur bentuk dari suatu elemen

shape
auto

4

1

6

2

left

Mengatur seberapa jauh posisi batas kiri terhadap batas kiri dari elemen induk

auto
%
length

4

1

4

2

overflow

Mengatur yang akan terjadi ketika isi dari elemen melebihi areanya

visible
hidden
scroll
auto

4

1

6

2

position

Meletakkan elemen pada posisi ststik, relatif, absolute, atau posisi tetap

static
relative
absolute
fixed

4

1

4

2

right

Mengatur seberapa jauh posisi batas kanan terhadap batas kanan dari elemen induk

auto
%
length

5

1

6

2

top

Mengatur seberapa jauh posisi batas atas terhadap batas atas dari elemen induk

auto
%
length

4

1

4

2

vertical-align

Mengatur alignment vertical dari suatu elemen

baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%

4

1

4

1

z-index

Mengatur bagaimana suatu elemen menumpuk

auto
number

4

1

6

2

Tabel

Property

Description

Values

IE

F

N

W3C

border-collapse

Mengatur apakah suatu tabel terintegrasi pada satu border atau terpisah seperti pada HTML standar

collapse
separate

5

1

7

2

border-spacing

Mengatur jarak dari cell yang terpisah

length length

5M

1

6

2

caption-side

Mengatur posisi dari caption tabel

top
bottom
left
right

5M

1

6

2

empty-cells

Mengatur apakah cell kosong ditampilkan atau tidak

show
hide

5M

1

6

2

tabel-layout

Mengatur algoritma yang digunakan untuk menampilkan cell, baris, dan kolom dari tabel

auto
fixed

5

1

6

2

Text

Property

Description

Values

IE

F

N

W3C

color

Mengatur warna dari suatu teks

color

3

1

4

1

direction

Mengatur arah dari suatu teks

ltr
rtl

6

1

6

2

line-height

Mengatur jarak diantara baris

normal
number
length
%

4

1

4

1

letter-spacing

Mengatur jarak diantara karakter

normal
length

4

1

6

1

text-align

Mengatur posisi teks dari suatu elemen

left
right
center
justify

4

1

4

1

text-decoration

Menambah dekorasi dari suatu teks

none
underline
overline
line-through
blink

4

1

4

1

text-indent

Meng-inden baris pertama dari suatu teks

length
%

4

1

4

1

text-shadow

none
color
length

text-transform

Mengatur huruf dari suatu teks

none
capitalize
uppercase
lowercase

4

1

4

1

unicode-bidi

normal
embed
bidi-override

5

2

white-space

Mengatur warna putih dari suatu elemen diperlakukan

normal
pre
nowrap

5

1

4

1

word-spacing

Mengatur jarak diantara kata

normal
length

6

1

6

1

Pseudo-classes

Pseudo-class

Purpose

IE

F

N

W3C

:active

Menambah style khusus pada elemen aktif

4

1

8

1

:focus

Menambah style khusus pada elemen ketika mendapat focus

-

1.5

8

2

:hover

Menambah style khusus pada elemen ketika pointer berada diatasnya

4

1

7

1

:link

Menambah style khusus pada link yang belum dikunjungi

3

1

4

1

:visited

Menambah style khusus pada elemen link yang sudah dikunjungi

3

1

4

1

:first-child

Menambah style khusus pada elemen pertama dari elemen lain

-

1

7

2

:lang

Mengatur bahasa pada suatu elemen tertentu

-

1

8

2

Pseudo-elements

Pseudo-element

Purpose

IE

F

N

W3C

:first-letter

Menambah style khusus pada huruf pertama pada suatu elemen

5

1

8

1

:first-line

Menambah style khusus pada baris pertama pada suatu elemen

5

1

8

1

:before

Menambah suatu isi sebelum suatu elemen

1.5

8

2

:after

Menambah suatu isi setelah suatu elemen

1.5

8

2

Tag

Description

DTD

<!–…–>

Mendefinisikan suatu comment

STF

<!DOCTYPE>

Mendefinisikan tipe suatu elemen

STF

<a>

Mendefinisikan suatu jangkar

STF

<abbr>

Mendefinisikan suatu singkatan

STF

<acronym>

Mendefinisikan suatu akronim

STF

<address>

Mendefinisikan alamat dari suatu elemen

STF

<applet>

Mendefinisikan suatu applet

TF

<area>

Mendefinisikan suatu area di dalam suatu gambar

STF

<b>

Mendefinisikan teks tebal

STF

<base>

Mendefinisikan suatu URl standar untuk semua link dalam halaman

STF

<basefont>

Mendefinisikan font dasar

TF

<bdo>

Mendefinisikan arah dari suatu teks

STF

<big>

Mendefinisikan kondisi teks adalah besar

STF

<blockquote>

Mendefinisikan suatu kutipan panjang

STF

<body>

Mendefinisikan badan dari suatu elemen

STF

<br>

Menambahkan satu break

STF

<button>

Mendefinisikan suatu tombol

STF

<caption>

Mendefinisikan suatu caption tabel

STF

<center>

Mengatur posisi teks menjadi tengah

TF

<cite>

Mendefinisikan suatu citate

STF

<code>

Mendefinisikan suatu teks kode komputer

STF

<col>

Mendefinisikan atribut untuk suatu kolom

STF

<colgroup>

Mendefinisikan grup untuk suatu kolom

STF

<dd>

Mendefinisikan deskripsi suatu definisi

STF

<del>

Mendefinisikan teks yang dihapus

STF

<dir>

Mendefinisikan direktori list

TF

<div>

Mendefinisikan bagian dari suatu dokumen

STF

<dfn>

Mendefinisikan istilah dari suatu definisi

STF

<dl>

Mendefinisikan daftar suatu definisi

STF

<dt>

Mendefinisikan istilah dari suatu definisi

STF

<em>

Mendefinisikan teks yang ditekankan

STF

<fieldset>

Mendefinisikan suatu fieldset

STF

<font>

Mendefinisikan ukuran, warna dan jenis font

TF

<form>

Mendefinisikan suatu formulir

STF

<frame>

Mendefinisikan sebuah frame

F

<frameset>

Mendefinisikan suatu set dari frame

F

<h1> to <h6>

Mendefinisikan header 1 ke header 6

STF

<head>

Mendefinisikan informasi dari suatu dokumen

STF

<hr>

Mendefinisikan penggaris horizontal

STF

<html>

Mendefinisikan suatu dokumen HTML

STF

<i>

Mendefinisikan suatu teks italic

STF

<iframe>

Mendefinisikan frame inline

TF

<img>

Mendefinisikan suatu gambar

STF

<input>

Mendefinisikan field input teks

STF

<ins>

Mendefinisikan teks yang dimasukkan

STF

<isindex>

Mendefinisikan field input teks yang hanya 1 line

TF

<kbd>

Mendefinisikan teks suatu keyboard

STF

<label>

Mendefinisikan suatu label untuk formulir control

STF

<legend>

Mendefinisikan judul pada suatu fieldset

STF

<li>

Mendefinisikan suatu daftar item

STF

<link>

Mendefinisikan sumber referensi

STF

<map>

Mendefinisikan peta suatu gambar

STF

<menu>

Mendefinisikan suatu list menu

TF

<meta>

Mendefinisikan suatu informasi meta

STF

<noframes>

Mendefinisikan bagian tanpa frame

TF

<noscript>

Mendefinisikan bagian tanpa script

STF

<object>

Mendefinisikan suatu obyek yang terintegrasi

STF

<ol>

Mendefinisikan list yang sudah terurut

STF

<optgroup>

Mendefinisikan suatu grup pilihan

STF

<option>

Mendefinisikan pilihan pada list drop-down

STF

<p>

Mendefinisikan suatu paragraf

STF

<param>

Mendefinisikan parameter untuk suatu obyek

STF

<pre>

Mendefinisikan teks yang sudah diformat

STF

<q>

Mendefinisikan kutipan pendek

STF

<s>

Mendefinisikan teks yang dicoret

TF

<samp>

Mendefinisikan contoh kode computer

STF

<script>

Mendefinisikan suatu script

STF

<select>

Mendefinisikan list yang dapat dipilih

STF

<small>

Mendefinisikan teks kecil

STF

<span>

Mendefinisikan bagian pada suatu dokumen

STF

<strike>

Mendefinisikan suatu teks yang dicoret

TF

<strong>

Mendefinisikan suatu teks dalam kondisi strong (semua capital)

STF

<style>

Mendefinisikan definisi dari suatu style

STF

<sub>

Mendefinisikan teks subscript

STF

<sup>

Mendefinisikan teks superscript

STF

<tabel>

Mendefinisikan suatu tabel

STF

<tbody>

Mendefinisikan badan dari suatu tabel

STF

<td>

Mendefinisikan cell dari suatu tabel

STF

<textarea>

Mendefinisikan area teks

STF

<tfoot>

Mendefinisikan footer dari tabel

STF

<th>

Mendefinisikan header dari tabel

STF

<thead>

Mendefinisikan header dari tabel

STF

<title>

Mendefinisikan judul dari suatu tabel

STF

<tr>

Mendefinisikan baris dari suatu tabel

STF

<tt>

Mendefinisikan teks teletype

STF

<u>

Mendefinisikan teks yang digarisbawah

TF

<ul>

Mendefinisikan list yang tidak diurutkan

STF

<var>

Mendefinisikan suatu variable

STF

<xmp>

Mendefinisikan teks yang sudah diformat

Oleh: fatandmarsiano | 25 April 2008

Instalasi Software pada FreeBSD

Untuk bisa menginstall sofware baru, pada sistem berbasis UNIX dapat dilakukan beberapa langkah sebagai berikut :
1. Download softwarenya, yang bisa didistribusikan dalam format source code maupun sudah dalam code biner
2. Ekstrak file tersebut
3. Cari dan baca dokumentasi dari software tersebut (biasanya ada pada subdirektori /doc)
4. Jika software didistribusikan pada format source code, maka harus dicompile terlebih dahulu. Mungkin diperlukan mengedit beberapa parameter tertentu.
5. Test dan install software tersebut.

Dalam FreeBSD ada 2 cara menginstall yang utama, yaitu melalui Package dan Ports. Package merupakan source code yang sudah dicompile dengan parameter yang paling umum, sehingga bisa berjalan pada semua mesin. Sedangkan Ports masih berupa source code yang harus dicompile terlebih dahulu. Dari Package dan Ports ada beberapa keuntungan masing-masing ;

Keuntungan Package :
• Ukuran terkompresi dari file biner lebih kecil daripada source code
• Package tidak memerlukan kompilasi tambahan.

Keuntungan Ports :
• Karena package dicompile menggunakan parameter yang umum, biasanya package berjalan lebih lambat daripada ports. Hal ini terjadi karena ports dapat dicompile menggunakan parameter-parameter yang spesifik pada mesin kita (ex : compile code yang spesifik pada mesin berbasis Athlon atau Intel)
• Beberapa lisensi software melarang pendistribusian file binary dari suatu software, sehingga harus didistribusikan melalui source codenya
• Dengan melihat source code kita dapat membaca code tersebut dan melihat masalah yang mungkin terjadi

Package
Instalasi Software menggunakan Package :
• Download package dari software yang kita ingin install (misal dari ftp.freebsd.org)
• Setelah selesai terdownload package bisa diinstal menggunakan perintah pkg_add. Dalam contoh akan diinstall software lsof
#pkg_add lsof-4.56.4.tgz
• Jika kita tidak mengetahui versi yang tepat yang dibutuhkan kita dapat menggunakan parameter -r
# pkg_add -r lsof

Mengatur Packages
Dapat digunakan perintah sebagai berikut :
pkg_info : untuk mendaftar dan mendeskripsikan berbagai packages yang terinstall
pkg_version : untuk membandingkan versi dari package yang terinstall dan versi paling baru.

Menghapus Package
Untuk menghapus package yang telah terinstall dapat digunakan perintah pkg_delete.
#pkg_delete xchat-1.7.1
Bila kita tidak mengetahui nama dan versi dari software yang ingin kita hapus, dapat digunakan perintah :
# pkg_delete xchat\*
Dengan perintah ini, semua packages dengan awal nama xchat akan dihapus

Ports
Pertama kita harus mendapatkan koleksi ports. Ada beberapa cara dalam mendapatkannya :
• Ketika menginstall FreeBSD pertama kali
• Metode CVSUP
# csup -L 2 -h cvsup.FreeBSD.org /usr/share/examples/cvsup/ports-supfile
• Metode Portsnap
# portsnap fetch
Ekstrak file :
# portsnap extract
Jika ingin mengupdate :
# portsnap update
• Metode Sysinstall
Jalankan sysinstall :
# sysinstall
Lalu pilih : configure -> distribution -> ports -> exit -> pilih media instalasi -> exit

Instalasi dengan menggunakan Ports
Note: Untuk bisa menginstall dengan metode ports kita harus login menggunakan user root. Serta diharapkan kita memiliki koleksi ports yang up to date.

Koleksi ports mengasumsikan kita memiliki koneksi internet. Jika tidak, kita perlu mengcopykan secara manual distfile ke direktori /usr/ports/distfiles

Untuk memulai, pindah ke direktori dari ports yang ingin kita install :
# cd /usr/ports/sysutils/lsof
Ketika sudah di dalam direktori ports, kita harus mengcompile ports tersebut menjadi file biner.
# make
Setelah proses compile selesai, maka sekarang saatnya menginstall :
# make install
Sebaiknya kita juga menghapus file temporary yang yang digunakan ketika proses kompilasi. Selain menghemat space, namun juga menghindari masalah yang mungkin terjadi ketika kita mengupgrade port tersebut.
# make clean

Menghapus Ports yang terinstall
# pkg_delete lsof-4.57

Sumber : FreeBSD Handbook

Oleh: fatandmarsiano | 9 April 2008

Troubleshooting Instalasi FreeBSD

Wew, dari judulnya tampak seram.

Ceritanya salah satu teman saya beli komputer baru untuk bikin server. Niatnya sih pengen dibikin server FreeBSD. Sampai di himpunan langsung coba diinstall (dengan me”mutil” monitor dan kabel ATA dari komputernya Panji, thanks ya Nji !). Ketika di-boot menggunakan FreeBSD 6.1 ternyata ngga bisa, warningnya kalo tidak salah :

478xxx bytes real memory
455xxx bytes available memory
checksum error

Terus loading berhenti. Analisis pertama RAM-nya bad sector atau semacamnya, tapi begitu di-memtest, ternyata bisa lolos (cuman 1 loop sih, males nungguin, hehe). Kemudian FreeBSD 6.3 dicoba, masih muncul kesalahan yang sama. Terus dicoba diinstall pada safe mode, bisa !! Setelah disetting-setting dikit, nginstall proftpd, ternyata masih kurang sreg, kenapa ? Soalnya komputernya cuman bisa dioprek lewat puTTy, soalnya tidak ada monitor, dan kalo komputernya restart susah dimasukin pada safe mode (pilihan 3 kalo tidak salah).

Beberapa hari kemudian, kami coba menginstall ulang server dengan FreeBSD 7.0 RC 2. Setelah melakukan rm -rf/* (heheheh). Ternyata bisa masuk sampai layar instalasi, tapi error keluar lagi :

input/output error code 5

Beuhh, error lageee. Analisis lagi : entah kabel ATA, DVD-RAM-nya, ato malah chipset motherboard (yang chipset pernah ngalamin soalnya). Setelah digugel sebentar, ternyata yang dapat error warning seperti itu kebanyakan tinggal ganti optical drivenya. Dan ternyata emang benar ! Siiiip, instalasi akhirnya sukses juga.

Nah tinggal dioprek aja ni server, Sabtu malam mungkin, masih ada UTS Elektronika 1 soalnya hehehe..

Oleh: fatandmarsiano | 4 April 2008

Radio

Radio adalah transmisi sinyal dengan melalui modulasi (penumpangan) pada gelombang elektromagnetik dengan frekuensi di bawah cahaya. Radiasi elektromagnetik merambat melalui sarana medan elektromagnetik yang berosilasi yang melewati udara dan ruang hampa.

Informasi dibawa dengan mengubah properti dari gelombang modulasi, seperti amplitudo atau frekuensi dari gelombang modulasi itu. Ketika gelombang radio melewati suatu konduktor, medan osilasi menginduksi arus AC pada konduktor. Hal ini dapat dideteksi dan ditransformasikan menjadi suara atau sinyal lain yang membawa informasi.

Radio komersial pertama dikembangkan oleh Guglielmo Marconi pada 1895. Hingga pada akhirnya radio dapat digunakan untuk bermacam-macam fungsi, seperti untuk komunikasi audio, video, telepon, navigasi, radio kontrol, radio amatir, hingga komunikasi data.

Oleh: fatandmarsiano | 4 April 2008

Apache Web Server

Apache adalah web server yang memainkan peran kunci dalam awal perkembangan World Wide Web. Apache merupakan alternatif pertama web server selain Netscape Communications Coorporation web server (Sun Java web server). Pada awalnya Apache dibuat oleh Robert McCool, yang kemudian dikembangkan secara open source.

Apache dikembangkan oleh komunitas pengembang di bawah Apache Software Foundation. Aplikasi ini bahkan tersedia untuk bermacam operating system, seperti UNIX, FreeBSD, Linux, Solaris, Novell Netware, Mac OS X, dan Microsoft Windows. Pada tahun 1996 Apache adalah server HTTP paling populer di dunia, akan tetapi mulai November 2005 jumlah server berbasis Apache menurun, namun tetap sebagai aplikasi web server terpopuler di dunia (data menurut Netcraft).

Apache juga mendukung kemampuan virtual hosting, yang memuungkinkan satu instalasi Apache mampu melayani beberapa website sekaligus.

Oleh: fatandmarsiano | 28 Maret 2008

WWW dalam 10 tahun ke depan ?

Pernahkah Anda berpikir seperti apa jaringan internet dunia dalam waktu 10 tahun ke depan ?

Saya ndak pernah mikir sampai segitu kalo ndak ada tugas dari ARC.
heheh..

yang pasti udah pake IPV6 semua yah, menurut ini IPV4 bakal habis kurang lebih 3 tahun lagi (1082 days, pas post ini ditulis). Mungkin koneksi internet Indonesia mulai jadi murah (dan di dunia pada keseluruhan), bandwidth juga makin lebar, tapi semua situs di-blok ama cumi tingkat nasional.
Squidnya ngeblock situs-situs blog soalnya banyak blog dengan content p****.
Squidnya juga ngeblock yahoo soalnya banyak yang sharing file p**** di milis.
Apa nanti gugel juga di-block soalnya bisa search content p****
(mengapa saya ndak menulis kata p****, soalnya buat jaga-jaga nanti kefilter mengingat akan diberlakukannya rencana sensor internet Indonesia yang anti pornografi ntu, aaargh kata tabu ketulis..)
wkwkwk, nanti kita ngakses apa coba ??

Pengen tahu, rapidshare ama gugel map kayak apa nanti yah.
Gugel map sekarang aja dah canggih banget, dikasih fitur infra red kali yak. Gugel map aja dah dituntut Amerika soalnya pangkalan militernya juga ikut kepoto di gugel map. Monggo diliat.

Wah ndak kebayang deh pokoknya kayak apa internet tahun 2020 nanti, dengan melihat perkembangan dunia hardware dan konektivitas yang kayak gini. Kayak pas Orville ama Wilbur Wright nerbangin glider mereka di Kitty Hawk mana ada yang bayangin ada pesawat yang bisa terbang ampe kecepatan dengan satuan mach. Mungkin nanti browsing 3D, donlod kecepatan ratusan MBps, pasti asik tuh (asal ndak dicumi saja).

Yah kita tunggu saja tahun 2020.

Oleh: fatandmarsiano | 28 Maret 2008

Network Warrior

Network warrior adalah suatu video animasi 3D yang menceritakan yang terjadi ketika kita ngenet. Berikut saya akan menceritakn video tersebut :

  • Ketika kita menge-klik / mengeksekusi suatu link pada browser kita, maka akan ada aliran data yang dikirim oleh komputer. Aliran data ini dikirim dalam beberapa bagian. Tiap bagian itu disebut paket. paket-paket ini ditambahkan label (yaitu label asal, tujuan, dan waktu pengiriman) untuk membedakan paket-paket ini.
  • Paket-paket tersebut kemudian dikirim melalui LAN, dalam pengiriman melalui LAN ini kemungkinan terjadi “kecelakaan”, yaitu hilang/ rusaknya paket. Dalam jaringan, router mengambil paket sesuai dengan tujuan yang tertera pada label di paket. Paket ini kemudian diteruskan oleh router menuju switch untuk menuju internet. Sebelum melewati switch paket melewati proxy, proxy berfungsi sebagai man in the middle, yaitu sebagai relay antara kita dan internet, serta melakukan filtering dan blocking terhadap url-url dalam blacklist. Untuk paket yang berhasil melewati proxy kemudian masih harus melewati firewall. Firewall bertugas untuk mengeblok hal-hal berbahaya dari luar dan mencegah data-data penting kita dari luar.
  • Begitu keluar dari firewall router akan mengambilnya untuk dipindahkan ke jalur internet. Dalam proses ini, router juga sering melakukan kesalahan, sehingga paket mengalami kerusakan juga. Paket-paket yang rusa/ hilang itu kemudian dikirim lagi oleh komputer host untuk mengganti paket tersebut.
  • Kemudian ketika paket sudah mendekati tujuan, paket akan melewati firewall lagi. Firewall ini hanya akan memasukkan paket-paket sesuai dengan port-port tertentu (mis : port 80 untuk koneksi paket, dan port 25 untuk koneksi mail). Untuk paket yang melewati firewall, maka paket akan sampai ke server dan kemudian paket dibaca dan diambil datanya. Kemudian server akan mengirimkan paket sesuai dengan permintaan kita.
Oleh: fatandmarsiano | 21 Maret 2008

Apa yang terjadi ketika kita mengakses suatu website ?

OSI layer

Ketika data ditransfer melalui jaringan, sebelumnya data tersebut harus melewati ke-tujuh layer dari satu terminal, mulai dari layer aplikasi sampai physical layer, kemudian di sisi penerima, data tersebut melewati layer physical sampai aplikasi. Fungsi tiap layer tersebut adalah :

Application Layer: Menyediakan jasa untuk aplikasi pengguna. Layer ini bertanggungjawab atas pertukaran informasi antara program komputer, Pada contoh kali ini kita akan mengakses google.com. Yang terjadi ketika kita mengakses google.com adalah : browser mengirim

Presentation Layer: Pada layer ini data yang dikirim pada application layer akan dikonversi kemudian dienkripsi untuk dikirim ke server. (Rikues kita yang berupa teks akan diubah menjadi ASCII code)

Session Layer: Layer ini menjaga dan mengatur hubungan antara client (kita) dan server (dalam hal ini server google.com)

Transport Layer: Setelah hubungan terbentuk, maka data akan dibagi menjadi beberapa segmen untuk kemudian dikirim pada layer selanjutnya.. Layer ini juga menangani jika terjadi error pada pengiriman paket data.

Network Layer: Segmen-segmen data dari layer sebelumnya kemudian dikirim dalam paket-paket data melalui layer ini. Layer ini juga alamat jaringan, menentukan rute yang harus diambil selama perjalanan, dan menjaga antrian trafik di jaringan

Data Link Layer: Layer ini merupakan sarana dalam mentransfer data antar jaringan, dan juga mengoreksi kesalahan. Pada kasus ini : missal kita terhubung ke internet menggunakan LAN, maka data kita akan dikirim melaui arsitektur LAN tersebut

Physical Layer: Layer ini merupakan property dari hardware yang kita pakai, misal pin yang digunakan, besar voltase pada hardware yang digunakan dan sebagainya.

Oleh: fatandmarsiano | 21 Maret 2008

Instalasi FreeBSD pake VMware

Gambar 1
1. Menu pertama setelah nge-run Vmware. Pilih typical

Gambar 2
2. Memilih Operating System yg akan diinstall. Pilih Free BSD

Gambar 3
3. Memilih tipe network. Pilih bridged network agar memiliki IP sendiri

Gambar 4
4. Menentukan kapasitas disk yg akan dialokasikan

Gambar 5
5. Menentukan memori yg akan dialokasikan

Gambar 6
6. Memilih source instalasi

Gambar 7
7. Booting VMware

Gambar 8
8. Masih booting…

Gambar 9
9. Menu boot FreeBSD

Gambar 10
10. Loading installer freebsd

Gambar 11
11. Memilih negara

Gambar 12
12. Memilih standar karakter keyboard

Gambar 13
13. Menu utama installasi FreeBSD, dipilih standard.

Gambar 14
14. Menu option editor untuk mengconfig installasi

Gambar 15
15. Editor partisi disk, A -> use entire disk; Q -> finish

Gambar 16
16. Menu untuk memilih menginstall boot manager atau tidak, dan tentu saja pakai.

Gambar 17
17. Editor disk label FreeBSD

Gambar 18
18. Memilih untuk menjadi user,developer,dll..

Gambar 19
19. Menu untuk mengubah paket software

Gambar 20
20. Memilih sumber media instalasi. Pilih CD/DVD

Gambar 21
21. Warning terakhir sebelum penginstallan

Gambar 22
22. Selesai nge-write file info

Gambar 23
23. Memulai menginstall

Gambar 24
24. Selesai penginstallan

Gambar 25
25. Menu network..

Gambar 26
26. Memilih password untuk root

Gambar 27
27. Konfirmasi untuk keluar

Tulisan Sebelumnya »

Kategori