hatanakols: September 2012

MATERI:
Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA

ELEMENT FORM
Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST).

Sintaks:
<form action="action" method="GET"|"POST">
...........................
</form>

ELEMENT INPUT
Element INPUT berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value, checked.
Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/reset/submit, checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM.

Sintaks:
<input
name="name"
size="number"
type="text"|"checkbox"|"radio"|"submit"|"reset"
value="value"
checked >

ELEMENT SELECT
Element SELECT berfungsi untuk mendefinisikan opsi pilihan pada form kontrol. Element ini mempunyai attribute yaitu name, size, multiple(diizinkan banyak pilihan). Element ini harus berada di dalam element FORM.

Sintaks:
<select
name="name"
size="number"
multiple >
.....................
</select>

ELEMENT OPTION
Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION.

Sintaks:
<option
selected
value="number" >
.....................
</option>

ELEMENT TEXTAREA
Element TEXTAREA berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows. Attribute name mendefinisikan nama input kontrol form element textarea, attribute cols mendefinisikan jumlah kolom textarea yang terlihat, dan attribute rows mendefinisikan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM

Sintaks:
<textarea
name="name"
cols="number"
rows="number" >
.....................
</textarea>

LATIHAN

Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.

Latihan 1:
Buat form dengan input kontrol form seperti text, checkbox, radio, reset, submit, seperti tampilan di bawah ini:

form1

Nama file: latihan7_1.html

<html>
<head>
<title>Latihan7-1</title>
</head>
<body>
<FORM METHOD="POST" ACTION="mailto:teknisi@jardiknas.org">
   <H4>FORM</H4>
   <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here.">
   <BR><BR>
   <B>Are you a student?</B>
   <INPUT TYPE="checkbox" NAME="var2">
   <BR><BR>
   <B>How old are you?</B>
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r1">10 - 15
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r2">16 - 20
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r3">21 - 25
   <BR><BR>
   <INPUT TYPE="submit" NAME="var4" VALUE="Send">
   <INPUT TYPE="reset" NAME="var5" VALUE="Clear">
</FORM>
</body>
</html>

Jika diisi namanya adalah Rahmat ; student di check ; umur 21-25 ; maka jika form ini di submit data form yang terkirim adalah var1="Rahmat"&var2="1"&var3="r3"

Latihan 2:
Dari latihan 1 tambahkan menu select seperti gambar di bawah ini:

form2

Nama file: latihan7_2.html

<html>
<head>
<title>Latihan7-2</title>
</head>
<body>
<FORM METHOD="POST" ACTION="mailto:teknisi@jardiknas.org">
   <H4>FORM</H4>
   <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here.">
   <BR><BR>
   <B>Are you a student?</B>
   <INPUT TYPE="checkbox" NAME="var2">
   <BR><BR>
   <B>How old are you?</B>
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r1">10 - 15
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r2">16 - 20
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r3">21 - 25
   <BR><BR>
   <B>Where are you from?</B>
   <BR>
   <SELECT NAME="var6" SIZE="1">
      <OPTION VALUE="BG">Bulgaria
      <OPTION VALUE="UK">United Kingdom
      <OPTION VALUE="USA" SELECTED>USA
   </SELECT>
   <BR><BR>
   <INPUT TYPE="submit" NAME="var4" VALUE="Send">
   <INPUT TYPE="reset" NAME="var5" VALUE="Clear">
</FORM>
</body>
</html>

Latihan 3:
Dari latihan 2 tambahkan textarea seperti gambar di bawah ini:

form3

Nama file: latihan7_2.html

<html>
<head>
<title>Latihan7-2</title>
</head>
<body>
<FORM METHOD="POST" ACTION="mailto:teknisi@jardiknas.org">
   <H4>FORM</H4>
   <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here.">
   <BR><BR>
   <B>Are you a student?</B>
   <INPUT TYPE="checkbox" NAME="var2">
   <BR><BR>
   <B>How old are you?</B>
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r1">10 - 15
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r2">16 - 20
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r3">21 - 25
   <BR><BR>
   <B>Where are you from?</B>
   <BR>
   <SELECT NAME="var6" SIZE="1">
      <OPTION VALUE="BG">Bulgaria
      <OPTION VALUE="UK">United Kingdom
      <OPTION VALUE="USA" SELECTED>USA
   </SELECT>
   <BR><BR>
   <B>Your comment:</B>
   <BR>
   <TEXTAREA NAME="var7" COLS="30" ROWS="6">
   </TEXTAREA>
   <BR><BR>
   <INPUT TYPE="submit" NAME="var4" VALUE="Send">
   <INPUT TYPE="reset" NAME="var5" VALUE="Clear">
</FORM>
</body>
</html>

Catatan:
Pemberian nilai attribute action pada element FORM dengan menuju ke alamat email adalah untuk memperlihatkan nilai-nilai data form yang dikirimkan.

Kalau menggunakan satu router dalam sebuah jaringan mungkin hal yang sudah biasa dilakukan, tetapi untuk menggabungkan 2 router dalam satu jaringan apakah bisa?

Untuk apa menggabungkan 2 router dalam sebuah jaringan, jawabnya untuk jaga-jaga, bila kita pengusaha warnet, atau kantor, dan kita dalam kondisi harus setiap saat online maka diperlukan 2 ISP (Provider) satu provider mewakili satu Router berarti kita harus membutuhkan 2 Router, tujuannya :

Bila salah satu ISP (Provider) down atau bermasalah, maka ISP (Provider) tetap bekerja, sehingga Jaringan kita tidak terhenti beroperasi.
Dengan menggabungkan 2 Router dengan masing-masing Router dalam satu jaringan, maka pemakaian internet lebih cepat, karena tidak dibebankan pada satu router saja.

Untuk mejawab pertanyaan diatas, apakah bisa 2 router digabungkan dalam sebuah jaringan, jawabnya bisa ;

Caranya :

DHCP Dinonaktifkan
Bila Router 1 anda menggunakan IP 192.168.1.1 maka setting Router ke dua anda dengan IP. 192.168.1.2
Buka Network Network Conection, pada Local Area Conection klik kanan mouse kemudian klik Properties
Pilih Internet Protocol (TCP/IP) kemudian klik Properties
Centrang Use the “following IP address” dan isikan IP adress komputer seperti contoh gambar dibawah ini

Untuk IP adress komputer dan komputer Client harus mulai dari 192.168.1.3 sampai seterusnya.
Untuk Gatway, masukkan nomor IP Router 1 yaitu 192.168.1.1
Masukkan Nomor IP DNS.
Agar Gatway Router ke 2 di aktifkan pada jaringan, klik “Advanced“
Klik “Add” kemudian masukkan IP Adress Router ke 2 yaitu 192.168.1.2 kemudian klik “add” seperti gambar dibawah ini.

Setelah itu klik DNS, maka akan tampil 2 DNS pada router pertama, untuk menambahkan DNS untuk Router yang ke dua, klik “Add” kemudian masukkan no IP DNS pertama dari Router ke 2, kemudian klik “add“, ulangi sekali lagi untuk memasukkan IP DNS kedua dari router ke 2.

kemudian klik “Ok’, lalu klik “Ok” sekali lagi, kemudian klik “Close“untuk keluar dari setting Network.
Lakukan setting Network pada komputer lainnya dengan cara yang sama, yang berbeda adalah IP adressnya, jangan ada yang sama mulai dari 192.168.1.4 dst.

Dua Router dan 2 ISP (Provider) akan dapat bekerja dalam satu jaringan anda dan sekaligus dapat saling sharing Printer dan dokumen.

di sadur dari :http://dunovteck.wordpress.com

hatanakols

Rabu, 19 September 2012

HTML tutorial

Kamis, 06 September 2012

Jarkom ( setting Router)

Mengenai Saya