materi pw

BAB 2 PEMBELAJARAN
A. Diskripsi
Pemrograman web 2 merupakan salah satu mata pelajaran wajib dasar pada dasar program keahlian Teknik Komputer dan Informatika (TKI). Berdasarkan struktur kurikulum mata pelajaran Pemrograman web 2 disampaikan dikelas X semester 2 yang disampaikan dalam waktu 4 jam pelajaran per minggu.
Pada semester 2 ini materi pemrograman web ditekankan pada perintah-perintah lanjut pada HTML untuk pembuatan halaman dan perintah – perintah menggunakan java script. Perintah HTML yang diajarkan pada pemrograman web 2 ini meliputi pembuatan komponen formulir serta pemberian style pada suatu halaman web.
Untuk materi java script meliputi teknik pemrograman halaman web , pengolahan input user. Pada teknik pemrograman halaman web akan dijelaskan lebih lanjut tentang anatomi dan cara kerja kode javascript, dasar pemrograman client (variabel, tipe data, operator), array dimensi 1 dan multidimensi, struktur kontrol percabangan pada program client, struktur kontrol perulangan pada program client, fungsi bawaan dan buatan user pada program client.
B. Kegiatan Belajar 1. Kegiatan Belajar 1 : Menyajikan Komponen Entri Teks
a. Tujuan Pembelajaran.
Setelah mengikuti kegiatan belajar 1 ini siswa diharapkan dapat :
1) Memahami komponen entri teks
2) Menyajikan komponen entri teks ke dalam sebuah halaman web
b. Uraian materi.
Form HTML digunakan untuk memilih pelbagai macam inputan yang disediakan. Data bisa diinputan dalam bentuk textarea, input teks , pilihan radio button, check box dan lain sebagainya. Bentuk inputan tersebut dikemas elemen dalam tag-tag form. Pada kegiatan belajar ini akan mempelajari inputan text.
1) Komponen text area multiline
Komponen text area merupakan area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text dalam bentuk dan format text.
Untuk menampung input teks yang panjang dan mungkin tersusun atas lebih dari 1 baris, maka digunakan komponen input ‘textarea’. TEXTAREA dapat digabungkan dengan tag FORM untuk menjadi inputan yang akan diolah oleh file pemroses sebagaimana seperti yang telah dijelaskan pada tag FORM tersebut.
Format umum penulisan text area multiline
NAME
Atribut ini digunakan untuk meemberikan nama dari TEXTAREA. Atribut ini akan sangat berguna jika tag TEXTAREA digabungkan dengan tag FORM.
COLS
Atribut COLS digunakan untuk menentukan lebar dari TEXTAREA. Contoh berikut menampilkan 3 komponen textarea dengan lebar textarea bervariasi :
READONLY
Atribut ini digunakan agar tulisan yang terdapat didalam TEXT AREA hanya dapat dibaca dan disalin tapi tidak dapat diubah.
DISABLED
Atribut ini digunakan agar tulisan yang terdapat didalam TEXTAREA tidak dapat disalin dan diubah.

2) Komponen input text password
Komponen input text password bertanggung jawab untuk memasukan data password. Dari atribut-atribut tersebut, yang utama dan terutama harus disesuaikan atau diberi nama sesuai dengan item datanya adalah atribut ‘name’, karena file yang dituju pada atribut action di tag form, yang biasanya adalah file server side scripting (PHP) akan mengambil input dari form berdasarkan atribut nama (‘name’) dari komponen input form tersebut.Disamping tipe text, terdapat pula tipe input teks yang lain, yakni ‘password’. Input tpe ‘password’ ini akan menghasilkan input dengan notasi ’●’. Biasanya input tipe ‘password’ digunakan dalam form untuk masukan kata kunci atau password dari pengguna di dalam form login.Format dari elemen input text password HTML-nya adalah sebagai berikut

3) Komponen input text
Komponen input text merupakan komponen untuk memasukan data text ke server dalam bentuk textfield.Format tag HTML-nya adalah sebagai berikut :
5) Pembuatan form biodata dengan input text
Berikut ini adalah contoh dari sebuah halaman web yang berisi form yang sederhana :
6) Pembuatan form dengan elemen fieldset
Berikut adalah contoh pembuatan form dengan menggunakan elemen fielsdet serta input form :
c. Rangkuman.
Pada kegiatan belajar menyajikan komponen entri teks dapat disimpulkan menjadi beberapa point penting seperti berikut :
 Data bisa diinputan dalam bentuk textarea, input teks , pilihan radio button,
check box dan lain sebagainya
 Komponen text area merupakan area tempat untuk menyimpan text atau tulisan baru
 Atribut – atribut pada textarea diantaranya, autofocus, cols, disabled, form, maxlength, name, placeholder, readonly, required, rows, wrap
 Komponen input text password bertanggung jawab untuk memasukan data password.
 Komponen input text merupakan komponen untuk memasukan data text ke server dalam bentuk textfield
 Pada format form input hidden ditandai dengan atribut form type = hidden