Session II-Tugas III & IV ARC

May 16, 2008

1.Cari RFC ttg HTTP, kemudian jelaskan perintah/keyword umumnya(contoh:get,post,user,agent,cookies dst.)———>Optional

2.Komunikasi dengan server HTTP telnet:

a.Sembarang server dalam ITB

b.Sembarang server luar ITB

sampai mendapat isi HTML-nya dan bandingkan dengan browser!

3.Komunikasi dengan server mail telnet:

a.Sembarang server dalam ITB

b.Sembarang server luar ITB

sampai dapet tulisan 250 OK queue as XXXXX, tunjukkan inboxnya!

4.Bikin guest book pake PHP ! Submit ke mentor…

——————————————————————————

1.Request for Comments (RFC) adalah salah satu dari seri dokumen infomasi dan standar Internet bernomor yang diikuti secara luas oleh perangkat lunak untuk digunakan dalam jaringan, Internet dan beberapa sistem operasi jaringan, mulai dari Unix, Windows, dan Novell NetWare. RFC kini diterbitkan di bawah arahan Internet Society (ISOC) dan badan-badan penyusun-standar teknisnya, seperti Internet Engineering Task Force (IETF) atau Internet Research Task Force (IRTF). Semua standar Internet dan juga TCP/IP selalu dipublikasikan dalam RFC, meskipun tidak semua RFC mendefinisikan standar Internet. Beberapa RFC bahkan hanya menawarkan informasi, percobaan/eksperimen, atau hanya informasi sejarah saja.

Sebelum menjadi sebuah dokumen RFC, sebuah dokumen yang diajukan akan dianggap menjadi draf Internet (Internet draft), yang merupakan sebuah dokumen yang umumnya dikembangkan oleh satu orang pengembang di dalam kelompok kerja IETF atau IRTF. Sebagai contoh, kelompok kerja IPv6 (IPv6 working group) mengkhususkan usahanya hanya untuk mengembangkan standar-standar yang akan digunakan pada IPv6, protokol calon pengganti IPv4. Setelah beberapa waktu, dokumen tersebut akan diulas dan akhirnya harus diterima secara konsensus oleh para penguji. Dan setelah diterima, maka IETF pun menerbitkan versi final dari draf Internet tersebut menjadi sebuah RFC dan kemudian memberikan nomor urut kepadanya, yang disebut sebagai RFC Number.

-fungsi get:mengambil suatu file dari sebuah link

2. a.Saya mencoba membuka page ARC, begini nih hasilnya dari command prompt:

ini tampilan web pagenya:

b.Situsyang dari luar ini merupakan situs sharing manga terbesar :p berikut HTML-nya:

Tampilan situsnya kaya gini:

3.

a.Untuk dalam ITB yang dituju adalah s.itb.ac.id/167.205.1.73 command prompt:

command yang dilakukan:

bukti berhasil:

b. Mail di luar ITB,saya pake mail.yahoo.co.id, pake .com g bisa g tau kenapa…:

command yang dilakukan:

bukti berhasil:

4.Disubmit pada mentor saya:aisar@arc.itb.ac.id


session II-tugas ARC II

May 1, 2008

1. terjemahkan dari link http://www.w3schools.com/tags/

Tag

Description

DTD

<!–…–>

Mendefinisikan komentar

STF

<!DOCTYPE>

Mendefinisikan tipe dokumen

STF

<a>

Mendefinisikan tempat penulisan

STF

<abbr>

Mendefinisikan singkatan

STF

<acronym>

Mendefinisikan akronim

STF

<address>

Mendefinisikan elemen alamat

STF

<applet>

Pembantahan. Mendefinisikan applet

TF

<area>

Mendefinisikan area dalam gambar

STF

<b>

Mendefinisikan teks bold

STF

<base>

Mendefinisikan sumber URL dari link dalam page

STF

<basefont>

Pembantahan.Mendefinisikan dasar font

TF

<bdo>

Mendefinisikan arah dari tampilan teks

STF

<big>

Mendefinisikan teks besar

STF

<blockquote>

Mendefinisikan kutip panjang

STF

<body>

Mendefinisikan elemen body

STF

<br>

Memasukkan spasi 1 baris

STF

<button>

Mendefinisikan tombol tekan

STF

<caption>

Mendefinisikan tabel caption

STF

<center>

Pembantahan. Mendefinisikan teks menuju center

TF

<cite>

Mendefinisikan kutip

STF

<code>

Mendefinisikan kode teks komputer

STF

<col>

Mendefinisikan atribut kolom tabel

STF

<colgroup>

Mendefinisikan grup kolom tabel

STF

<dd>

Mendefinisikan deskripsi definisi

STF

<del>

Mendefinisikan teks yang terhapus

STF

<dir>

Pembantahan. Mendefinisikan list directory

TF

<div>

Mendefinisikan bagian pada dokumen

STF

<dfn>

Mendefinisikan definisi dari syarat

STF

<dl>

Mendefinisikan daftar definisi

STF

<dt>

Mendefinisikan konsep definisi

STF

<em>

Mendefinisikan penekanan teks

STF

<fieldset>

Mendefinisikan fieldset

STF

<font>

Pembantahan. Mendefinisikan font teks, ukuran dan warna

TF

<form>

Mendefinisikan daftar

STF

<frame>

Mendefinisikan jendela

F

<frameset>

Mendefinisikan kerangka

F

<h1> to <h6>

Mendefinisikan header 1 menuju 6

STF

<head>

Mendefinisikan informasi tentang dokumen

STF

<hr>

Mendefinisikan syarat horizontal

STF

<html>

Mendefinisikan HTML dokumen

STF

<i>

Mendefinisikan teks italic

STF

<iframe>

Mendefinisikan kerangka dalam jendela

TF

<img>

Mendefinisikan gambar

STF

<input>

Mendefinisikan daerah input

STF

<ins>

Mendefinisikan teks yang disisipkan

STF

<isindex>

Pembantahan. Mendefinisikan sebaris daerah dalam

TF

<kbd>

Mendefinisikan teks keyboard

STF

<label>

Mendefinisikan label atau form kontrol

STF

<legend>

Mendefinisikan judul dalam fieldset

STF

<li>

Mendefinisikan daftar item

STF

<link>

Mendefinisikan referensi sumber

STF

<map>

Mendefinisikan peta gambar

STF

<menu>

Pembantahan. Mendefinisikan daftar menu

TF

<meta>

Mendefinisikan informasi meta

STF

<noframes>

Mendefinisikan seksi tanpa kerangka

TF

<noscript>

Mendefinisikan seksi tanpa tulisan

STF

<object>

Mendefinisikan objek yang disisipkan

STF

<ol>

Mendefinisikan daftar yang dipesan

STF

<optgroup>

Mendefinisikan grup pilihan

STF

<option>

Mendefinisikan pilihan dalam daftar

STF

<p>

Mendefinisikan paragraf

STF

<param>

Mendefinisikan batas objek

STF

<pre>

Mendefinisikan teks yang siap diformat

STF

<q>

Mendefinisikan kutip pendek

STF

<s>

Pembantahan. Mendefinisikan strikethrough teks

TF

<samp>

Mendefinisikan contoh kode komputer

STF

<script>

Mendefinisikan script

STF

<select>

Mendefinisikan daftar yang dapat dipilih

STF

<small>

Mendefinisikan teks kecil

STF

<span>

Mendefinisikan bagian dalam dokumen

STF

<strike>

Pembantahan. Mendefinisikan strikethrough teks

TF

<strong>

Mendefinisikan strong teks

STF

<style>

Mendefinisikan style definisi

STF

<sub>

Mendefinisikan teks subscript

STF

<sup>

Mendefinisikan teks superscript

STF

<table>

Mendefinisikan tabel

STF

<tbody>

Mendefinisikan badan tabel

STF

<td>

Mendefinisikan kotak tabel

STF

<textarea>

Mendefinisikan area teks

STF

<tfoot>

Mendefinisikan footer

STF

<th>

Mendefinisikan awal tabel

STF

<thead>

Mendefinisikan awal tabel

STF

<title>

Mendefinisikan judul dokumen

STF

<tr>

Mendefinisikan baris tabel

STF

<tt>

Mendefinisikan teks teletype

STF

<u>

Pembantahan. Mendefinisikan teks yang digarisbawahi

TF

<ul>

Mendefinisikan daftar yang belum dipesan

STF

<var>

Mendefinisikan variabel

STF

<xmp>

Pembantahan. Mendefinisikan teks yang siap diformat

2.Terjemahkan dari http://www.w3schools.com/css/css_reference.asp

Property

Description

Values

IE

F

N

W3C

background

properti pendek untuk mengatur semua properti latar dalam satu deklarasi

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

4

1

6

1

background-attachment

Mengatur bagaimana latar belakang gambar dibuat diam atau digeser dengan page

scroll
fixed

4

1

6

1

background-color

Mengatur elemen warna latar

color-rgb
color-hex
color-name
transparent

4

1

4

1

background-image

Mengatur gambar sebagai latar

url(URL)
none

4

1

4

1

background-position

Mengatur awal dari latar gambar

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

Mengatur bagaimana latar gambar diulang

repeat
repeat-x
repeat-y
no-repeat

4

1

4

1

Border

Property

Description

Values

IE

F

N

W3C

border

Mengatur properti dari empat batas dalam satu deklarasi

border-width
border-style
border-color

4

1

4

1

border-bottom

Mengatur properti dari order bawah dalam satu deklarasi

border-bottom-width
border-style
border-color

4

1

6

1

border-bottom-color

Mengatur warna border bawah

border-color

4

1

6

2

border-bottom-style

Mengatur style border bawah

border-style

4

1

6

2

border-bottom-width

Mengatur lebar border bawah

thin
medium
thick
length

4

1

4

1

border-color

Mengatur warna dari empat border, bisa dari satu hingga empat

color

4

1

6

1

border-left

Mengatur border kiri dalam satu deklarasi

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 border kiri

thin
medium
thick
length

4

1

4

1

border-right

Mengatur properti border kanan dalam satu deklarasi

border-right-width
border-style
border-color

4

1

6

1

border-right-color

Mengatur warna border kanan

border-color

4

1

6

2

border-right-style

Mengatur style border kanan

border-style

4

1

6

2

border-right-width

Mengatur lebar border kanan

thin
medium
thick
length

4

1

4

1

border-style

Mengatur lebar border kanan bisa dari satu hingga empat

none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset

4

1

6

1

border-top

Mengatur properti border atas dalam satu deklarasi

border-top-width
border-style
border-color

4

1

6

1

border-top-color

Mengatur warna border atas

border-color

4

1

6

2

border-top-style

Mengatur style border atas

border-style

4

1

6

2

border-top-width

Mengatur lebar border atas

thin
medium
thick
length

4

1

4

1

border-width

Mengatur lebar border atas bisa dari satu hingga empat

thin
medium
thick
length

4

1

4

1

Classification

Property

Description

Values

IE

F

N

W3C

clear

Mengatur sisi dari elemen diamna elemen sampingan lain tidak diperbolehkan

left
right
both
none

4

1

4

1

cursor

Mengatur tipe kursor untuk 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 elemen ditampilkan

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

4

1

4

1

float

Mengatur bagaimana gambar dan teks muncul

left
right
none

4

1

4

1

position

Menyimpan elemen dalam posisi statis, relatif, mutlak atau terkunci

static
relative
absolute
fixed

4

1

4

2

visibility

Mengatur elemen terlihat atau tidak terlihat

visible
hidden
collapse

4

1

6

2

Dimension

Property

Description

Values

IE

F

N

W3C

height

Mengatur tinggi elemen

auto
length
%

4

1

6

1

line-height

Mengatur jarak garis

normal
number
length
%

4

1

4

1

max-height

Mengatur tinggi maksimum dari elemen

none
length
%

-

1

6

2

max-width

Mengatur lebar maksimum dari elemen

none
length
%

-

1

6

2

min-height

Mengatur tinggi minimum dari elemen

length
%

-

1

6

2

min-width

Mengatur lebar minimum dari elemen

length
%

-

1

6

2

width

Mengatur lebar dari elemen

auto
%
length

4

1

4

1

Font

Property

Description

Values

IE

F

N

W3C

font

Mengatur semua properti 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

Memproritaskan marga keluarga dalam elemen

family-name
generic-family

3

1

4

1

font-size

Mengatur ukuran font

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

3

1

4

1

font-size-adjust

Mengatur nilai aspek dalam elemen sehingga dapat menetapkan ukuran untuk font selanjutnya

none
number

-

-

-

2

font-stretch

Mengecilkan atau memperbesar ukuran font keluarga

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

-

-

-

2

font-style

Mengatur style font

normal
italic
oblique

4

1

4

1

font-variant

Mengatur menampilkan teks dalam ukuran normal atau kecil

normal
small-caps

4

1

6

1

font-weight

Mengatur bobot 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

memperbaharui isis dokumen. Digunakan dengan :before dan :after elemen antara

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 pengurangan dari kejadian pada selektor

none
identifier number

2

counter-reset

Mengatur nilai dari counter kejadian pada selektor

none
identifier number

2

quotes

Mengatur tipe tanda kuota

none
string string

-

1

6

2

List and Marker

Property

Description

Values

IE

F

N

W3C

list-style

Mengatur properti untuk semua list dalam satu deklarasi

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

4

1

6

1

list-style-image

Mengatur gambar sebagai lambang item marker

none
url

4

1

6

1

list-style-position

Mengatur dimana daftar item marker ditaruh dalam list

inside
outside

4

1

6

1

list-style-type

Mengatur tipe daftar item marker

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 properti 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 semua outline properti dalam satu deklarasi

outline-color
outline-style
outline-width

-

1.5

-

2

outline-color

Mengatur warna outline disekitar elemen

color
invert

-

1.5

-

2

outline-style

Mengatur style outline disekitar elemen

none
dotted
dashed
solid
double
groove
ridge
inset
outset

-

1.5

-

2

outline-width

Mengatur lebar outline disekitar elemen

thin
medium
thick
length

-

1.5

-

2

Padding

Property

Description

Values

IE

F

N

W3C

padding

Mengatur properti pengisi dalam satu deklarasi

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

4

1

4

1

padding-bottom

Mengatur properti pengisi bawah dari suatu elemen

length
%

4

1

4

1

padding-left

Mengatur properti pengisi kiri dari suatu elemen

length
%

4

1

4

1

padding-right

Mengatur properti pengisi kanan dari suatu elemen

length
%

4

1

4

1

padding-top

Mengatur properti pengisi atas dari suatu elemen

length
%

4

1

4

1

Positioning

Property

Description

Values

IE

F

N

W3C

bottom

Mengatur seberapa jauh batas bawah dari suatu elemen ada diatas/dibawah batas bawah dari elemen induk

auto
%
length

5

1

6

2

clip

Mengatur bentuk elemen. Elemen disisipkan dalam bentuk ini dan ditampilkan

shape
auto

4

1

6

2

left

Mengatur seberapa jauh bats kiri dari elemen menuju batas kanan/kiri dari elemen induk

auto
%
length

4

1

4

2

overflow

Mengatur apa yang tejadi jika isi dari elemen memenuhi area

visible
hidden
scroll
auto

4

1

6

2

position

Menaruh elemen dalam keadaan statis,relatif, absolut atau posisi terkunci

static
relative
absolute
fixed

4

1

4

2

right

Megnatur seberapa jauh ujung kanan dari elemen menuju kiri/kanan ujung kanan dari elemen induk

auto
%
length

5

1

6

2

top

Mengatur seberapa jauh elemen di ujung atas terhadap atas/bawah ujung atas elemen induk

auto
%
length

4

1

4

2

vertical-align

Mengatur garis vertikal dari elemen

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

4

1

4

1

z-index

Mengatur urutan simpan dari elemen

auto
number

4

1

6

2

Table

Property

Description

Values

IE

F

N

W3C

border-collapse

Mengatur apakah batas tabel menjadi satu batas atau dikeluarkan sebagai HTML standar

collapse
separate

5

1

7

2

border-spacing

Mengatur jarak yang memisahkan kotak batas

length length

5M

1

6

2

caption-side

Mengatur posisi dari judul tabel

top
bottom
left
right

5M

1

6

2

empty-cells

Mengatur apakah ditunjukkan atau tidak kotak kosong dalam tabel

show
hide

5M

1

6

2

table-layout

Mengatur algoritma yang digunakan untuk menampilkan kotak tabel, baris dan kolom

auto
fixed

5

1

6

2

Text

Property

Description

Values

IE

F

N

W3C

color

Mengatur warna teks

color

3

1

4

1

direction

Mengatur arah teks

ltr
rtl

6

1

6

2

line-height

Mengatur jarak antar garis

normal
number
length
%

4

1

4

1

letter-spacing

Menambah /mengurangi spasi antar karakter

normal
length

4

1

6

1

text-align

Menyusun teks dalam elemen

left
right
center
justify

4

1

4

1

text-decoration

Menambah dekorasi teks

none
underline
overline
line-through
blink

4

1

4

1

text-indent

Indentasi dari baris pertama dari teks dalam elemen

length
%

4

1

4

1

text-shadow

none
color
length

text-transform

Mengontrol kata dalam elemen

none
capitalize
uppercase
lowercase

4

1

4

1

unicode-bidi

normal
embed
bidi-override

5

2

white-space

Mengatur bagaimana spasi putih dalam elemen diatur

normal
pre
nowrap

5

1

4

1

word-spacing

Menambah atau mengurangi spasi antar kalimat

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 elemen mempunyai fokus

-

1.5

8

2

:hover

Menambah style khusus pada elemen ketika dimouse

4

1

7

1

:link

Menambah style khusus pada link yang belum dikunjungi

3

1

4

1

:visited

Menambah style khusus pada link yang pernah dikunjungi

3

1

4

1

:first-child

Menambah style khusus pada elemen yang merupakan anak pertama dari elemen lain

-

1

7

2

:lang

membolehkan penulis memilih bahasa yang digunakan dalam elemen yang dimaksud

-

1

8

2

Pseudo-elements

Pseudo-element

Purpose

IE

F

N

W3C

:first-letter

Menambah style khusus pada kata pertama dari teks

5

1

8

1

:first-line

Menambah style khusus pada baris pertama dari teks

5

1

8

1

:before

Memasukkan isi sebelum elemen

1.5

8

2

:after

Memasukkan isi setelah elemen

1.5

8

2