RPP Pemrograman WEB (1) Jadi 2014

(1)

RENCANA PELAKSANAAN PEMBELAJARAN (RPP)

SEKOLAH : SMK Negeri 1 Surabaya

MATA PELAJARAN : Pemrograman Web

KELAS/SEMESTER : X /2

MATERI POKOK : Formulir pada halaman web

ALOKASI WAKTU : 8 JP

A. KOMPETENSI INTI :

KI-1. Menghayati dan mengamalkan ajaran agama yang dianutnya.

KI-2 Menghayati dan Mengamalkan perilaku jujur, disiplin, tanggung jawab, peduli (gotong royong, kerjasama, toleran, damai), santun,

responsif dan proaktif dan menunjukan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia

KI-3. Memahami,menerapkan dan menganalisis pengetahuan faktual, konseptual dan prosedural berdasarkan rasa ingintahunya tentang ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam wawasan kemanusiaan, kebangsaan,

kenegaraan, dan peradaban terkait penyebab fenomena dan kejadian dalam bidang kerja yang spesifik untuk memecahkan masalah.

KI-4. Mengolah, menalar, dan menyaji dalam ranah konkret dan ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah secara mandiri, dan mampu melaksanakan tugas spesifik dibawah pengawasan langsung

B. Kompetensi Dasar dan Indikator

1.1. Mensyukuri adanya teknologi informasi dengan menggunakan teknologi berbasis web yang memudahkan pekerjaan, informasi dan komunikasi manusia sebagai ciptaan Tuhan. Indikator :

1) Menunjukkan rasa syukur adanya teknologi informasi dengan menggunakan teknologi berbasis web yang memudahkan pekerjaan, informasi dan komunikasi manusia sebagai ciptaan Tuhan.

2) Bersedia berbagi ilmu kepada sesama manusia dalam bidang teknologi informasi. 2.1. Menunjukkan perilaku ilmiah dalam aktivitas sehari-hari sebagai wujud implementasi sikap

(2)

dalam melakukan pengamatan, percobaan dan melaporkan hasil percobaan. Indikator:

1) Memiliki perilaku berkarakter rasa ingin tau, kerja keras, disiplin, jujur, cermat, percaya diri dan tanggung jawab dalam melaksanakan tugasnya.

2) Menunjukkan keterampilan sosial dalam bekerja sama, menghargai, menyampaikan pendapat dan bertanya.

3.1. Memahami format formulir pada halaman web. Indikator:

1) Menjelaskan anatomi dan cara kerja form 2) Menjelaskan format formulir

3) Menjelaskan entri teks 4) Menjelaskan entri pilihan

4.1 Menyajikan formulir pada halaman web. Indikator:

1) Membuat form entri teks 2) Membuat form entri pilihan C. Tujuan Pembelajaran

1.1.1. Siswa terlibat dalam proses belajar mengajar dengan menunjukkan rasa syukur adanya teknologi informasi dengan menggunakan teknologi berbasis web yang memudahkan pekerjaan, informasi dan komunikasi manusia sebagai ciptaan Tuhan yang diamati LP 4.

1.1.2. Siswa terlibat dalam proses belajar mengajar dengan bersedia berbagi ilmu kepada sesama manusia dalam bidang teknologi informasi yang diamati LP 4.

2.1.1. Siswa terlibat dalam proses belajar mengajar, dengan menunjukkan perilaku karakter rasa ingin tau, kerja keras, disiplin, jujur, cermat, percaya diri dan tanggung jawab yang diamati dan dinilai dengan LP4.

2.1.2. Siswa terlibat dalam proses belajar mengajar, dengan menunjukkan keterampilan sosial bekerja sama, saling menghargai dan bertanya yang diamati dan dinilai dengan LP 5. 3.1.1. Setelah membaca modul dan memperhatikan penjelasan guru, siswa dapat menjelaskan

anatomi dan cara kerja form sesuai dengan yang ada di modul dan dinilai dengan LP 1. 3.1.2. Setelah membaca modul dan memperhatikan penjelasan guru, siswa dapat menjelaskan

format formulir sesuai dengan yang ada di modul dan dinilai dengan LP 1.

3.1.3. Setelah membaca modul dan memperhatikan penjelasan guru, siswa dapat menjelaskan entri teks sesuai dengan yang ada di modul dan dinilai dengan LP 1.

3.1.4. Setelah membaca modul dan memperhatikan penjelasan guru, siswa dapat menjelaskan entri pilihan sesuai dengan yang ada di modul dan dinilai dengan LP 1.

4.1.1. Siswa terampil membuat form entri teks setelah membaca modul dan dinilai dengan LP3.

4.1.2. Siswa terampil membuat form entri pilihan setelah melakukan latihan yang dinilai dengan LP3.

(3)

D. Materi

1. Anatomi dan cara kerja form. 2. Format formulir.

3. Komponen entri teks (input teks password dan input multiline) pada formulir halaman web. 4. Komponen entri pilihan (input file, radio, checkbox, select dan datalist) pada formulir

halaman web.

E. Model/Metode Pembelajaran

Model Pembelajaran : Model Pembelajaran Kooperatif

Metode Pembelajaran : Demonstrasi, diskusi, percobaan dan pemberian tugas. F. Kegiatan Pembelajaran Pertemuan 1 Pendahuluan (10 menit) Deskripsi Kegiatan Penilaian oleh Pengamat 1 2 3 4

Fase 1 : Menyampaikan tujuan dan memotivasi siswa

1. Membimbing siswa berdoa sesuai dengan agama dan keyakinannya. 2. Presensi.

3. Memotivasi siswa dengan memberikan gambaran mengenai pelbagai contoh penggunaan form pada halaman web.

4. Mengkomunikasikan tujuan pembelajaran kognitif, psikomotor, dan afektif.

5. Mengorientasikan materi mengenai anatomi dan cara kerja form serta format formulir. Inti (115 menit) Deskripsi Kegiatan Penilaian oleh Pengamat 1 2 3 4

Fase 2: Menyajikan informasi

1. Menghimbau siswa agar secara cermat dalam membaca modul dan memperhatikan penjelasan guru dalam menyampaikan informasi mengenai anatomi dan cara kerja form serta format formulir.

2. Menyampaikan materi melalui presentasi menggunakan komputer dan LCD proyektor berdasarkan modul dan buku.

3. Memberikan kesempatan bagi siswa yang ingin bertanya jika ada materi yang tidak jelas atau tidak dipahami siswa.

4. Menjawab pertanyaan dari siswa dan menjelaskannya lagi.

Fase 3: Mengorganisasikan siswa dalam kelompok-kelompok belajar 1. Mengorganisasikan siswa dalam kelompok-kelompok kooperatif terdiri

dari 3-4 orang siswa dalam setiap kelompoknya, siswa diminta bertanggung jawab dalam segala hal yang ada dalam kelompoknya. 2. Tiap kelompok diberi kesempatan menggali informasi dari rasa ingin

(4)

dengan cermat.

3. Siswa diminta jujur jika ada hal-hal yang belum dipahami dan diberi kesempatan untuk mengajukan pertanyaan.

4. Memberikan LKS (LKS 1: Format dan cara kerja form) kepada siswa untuk didiskusikan agar dapat bekerja sama dengan teman-temannya. Fase 4: Membimbing kelompok belajar dan bekerja

1. Membimbing siswa dalam mendiskusikan tugas yang diberikan.

2. Meminta siswa untuk selalu jujur, disiplin dan bertangung jawab atas pekerjaan mereka dan mengamati kinerja mereka (LP4).

3. Meminta siswa mengamati proses percobaan sampai selesai sesuai dengan prosedur pelaksanaan.

4. Meminta siswa secara jujur mengorganisasikan data hasil percobaan dengan membuat kesimpulan dari pekerjaan mereka.

Fase 5: Evaluasi

1. Menunjuk atau secara suka rela untuk mempresentasikan hasil percobaan yang telah dilakukan dengan penuh percaya diri dan tanggung jawab. 2. Bersama siswa mengevaluasi hasil percobaan yang telah dikerjakan

dengan mengajukan pertanyaan, kritik, masukan/pendapat dan menghargai kinerja teman mereka.

3. Melakukan evaluasi formatif terhadap kinerja dan hasil kerja siswa serta memberikan umpan balik terhadap pertanyaan atau pendapat siswa.(LP5) Fase 6: Memberikan penghargaan

1. Memberikan umpan balik dengan memberi pujian bagi jawaban yang benar dan membetulkan jawaban yang salah

2. Membimbing siswa untuk menarik kesimpulan dengan mengacu pada LKS.

3. Memberikan penghargaan kepada siswa yang mempunyai kinerja baik.

Penutup (10 menit)

Deskripsi Kegiatan

Penilaian oleh Pengamat

1 2 3 4

1. Siswa bersama guru menyimpulkan hasil pembelajaran format formulir, anatomi dan cara kerja form pada halaman web.

2. Memberikan informasi tentang materi untuk pertemuan berikutnya. 3. Guru mengajak siswa untuk menutup pembelajaran dengan berdoa.

Pertemuan 2 Pendahuluan (10 menit) Deskripsi Kegiatan Penilaian oleh Pengamat 1 2 3 4

(5)

3. Memotivasi siswa dengan menyampaikan topic materi sebelumnya kemudian melanjutkan dengan memberikan gambaran mengenai pelbagai contoh komponen entri teks.

5. Mengorientasikan materi mengenai komponen entri teks (input teks password dan input multiline) pada formulir halaman web.

Inti (115 menit)

1 2 3 4

1. Menghimbau siswa agar secara cermat dalam membaca modul dan memperhatikan penjelasan guru dalam menyampaikan informasi mengenai komponen entri teks (input teks password dan input multiline) pada formulir halaman web.

2. Menyampaikan materi melalui presentasi menggunakan komputer dan LCD proyektor berdasarkan modul atau buku pedoman.

dari 3-4 orang siswa dalam setiap kelompoknya, siswa diminta bertanggung jawab dalam segala hal yang ada dalam kelompoknya. 2. Tiap kelompok diberi kesempatan menggali informasi tentang komponen

entri teks (input teks password dan input multiline) pada formulir halaman web melalui modul yang tersedia dengan cermat.

4. Memberikan tugas (LKS 2: Membuat form input password dan multiline) kepada siswa untuk didiskusikan dan dikerjakan agar dapat bekerja sama dengan teman-temannya.

Fase 4: Membimbing kelompok belajar dan bekerja

2. Meminta siswa untuk selalu bekerja keras, disiplin, kreatif dan bertangung jawab atas pekerjaan mereka dan mengamati kinerja mereka (LP4).

3. Meminta siswa mengamati proses percobaan sampai selesai.

(6)

dengan membuat kesimpulan dari pekerjaan mereka. Fase 5: Evaluasi

1. Menunjuk atau secara suka rela untuk mempresentasikan hasil percobaan yang telah dilakukan dengan penuh tanggung jawab.

2. Bersama siswa mengevaluasi hasil percobaan yang telah dikerjakan dengan mengajukan pertanyaan, kritik, masukan/pendapat dan menghargai kinerja teman mereka.

1 2 3 4

1. Siswa bersama guru menyimpulkan hasil pembelajaran format formulir dan komponen entri teks (input teks password dan input multiline) pada formulir halaman web.

3. Memotivasi siswa dengan menyampaikan topic materi sebelumnya kemudian melanjutkan dengan memberikan gambaran mengenai pelbagai

(7)

contoh format formulir dan inputannya.

5. Mengorientasikan materi mengenai komponen entri pilihan (input file, radio, checkbox, select dan datalist) pada formulir halaman web.

1 2 3 4

1. Menghimbau siswa agar secara cermat dalam membaca modul dan memperhatikan penjelasan guru dalam menyampaikan informasi mengenai komponen entri pilihan (input file, radio, checkbox, select dan datalist) pada halaman web.

2. Menyampaikan materi melalui presentasi menggunakan komputer dan LCD proyektor berdasarkan modul dan buku referensi.

dari 3-4 orang siswa dalam setiap kelompoknya, siswa diminta bertanggung jawab dalam segala hal yang ada dalam kelompoknya. 2. Tiap kelompok diberi kesempatan menggali informasi tentang komponen

entri pilihan (input file, radio, checkbox, select dan datalist) pada halaman web melalui modul yang tersedia dengan cermat.

4. Memberikan tugas (LKS 3: Membuat input file, radio, checkbox, select dan datalist) kepada siswa untuk didiskusikan dan dikerjakan agar dapat bekerja sama dengan teman-temannya.

Fase 4: Membimbing kelompok belajar dan bekerja

3. Meminta siswa mengamati proses percobaan sampai selesai.

4. Meminta siswa secara jujur mengorganisasikan data hasil percobaan dengan membuat kesimpulan dari pekerjaan mereka.

Fase 5: Evaluasi

1. Menunjuk atau secara suka rela untuk mempresentasikan hasil percobaan yang telah dilakukan dengan penuh tanggung jawab.

(8)

dengan mengajukan pertanyaan, kritik, masukan/pendapat dan menghargai kinerja teman mereka.

1 2 3 4

1. Siswa bersama guru menyimpulkan hasil pembelajaran format komponen entri pilihan (input file, radio, checkbox, select dan datalist) pada halaman web.

1. Membimbing siswa berdoa sesuai dengan agama dan keyakinannya. 2. Presensi

3. Memotivasi siswa dengan memberikan pemberian nilai yang bagus bagi yang cepat dan tepat hasil kerjanya.

4. Mengkomunikasikan tujuan tes tulis dan tes praktik.

5. Mengorientasikan siswa agar tertib dalam melaksanakan tes.

1 2 3 4

1. Menghimbau siswa agar secara cermat dalam memahami soal ulangan dan memperhatikan penjelasan guru dalam menyampaikan informasi mengenai ulangan praktik.

2. Memberikan kesempatan bagi siswa yang ingin bertanya jika ada informasi yang tidak jelas atau tidak dipahami siswa.

(9)

3. Menjawab pertanyaan dari siswa.

dari 2-3 orang siswa dalam setiap kelompoknya, siswa diminta bertanggung jawab dalam segala hal yang ada dalam kelompoknya. 2. Memberikan soal ulangan praktik (LP3) kepada siswa untuk dikerjakan

bersama dengan temannya

Fase 4: Membimbing kelompok belajar dan bekerja 1. Membimbing siswa jika ada masalah.

3. Meminta siswa secara jujur mengorganisasikan data hasil praktik. Fase 5: Evaluasi

1. Melaksanakan ulangan harian (LP1: Pengetahuan) dan dikerjakan dengan jujur, disiplin dan penuh tanggung jawab.

2. Bersama siswa mengevaluasi hasil percobaan yang telah dikerjakan dengan mengajukan pertanyaan, kritik, masukan/pendapat dan menghargai kinerja teman mereka.

3. Melakukan evaluasi formatif terhadap kinerja dan hasil kerja siswa serta memberikan umpan balik terhadap pertanyaan atau pendapat siswa. Fase 6: Memberikan penghargaan

1 2 3 4

1. Siswa bersama guru menyimpulkan hasil pembelajaran.

2. Memberikan tugas di rumah untuk mengerjakan proyek membuat web dengan menggunakan input formulir (Tugas Proyek).

3. Guru mengajak siswa untuk menutup pembelajaran dengan berdoa.

G. Media/Sumber Pembelajaran Media :

1. Komputer : notepad++, web browser Mozilla dan webserver XAMPP. 2. LCD Proyektor

(10)

Sumber Belajar :

1. Buku Pemrograman Web Dengan HTML 2. Internet

3. Presentasi 4. LKS

H. Penilaian Hasil Belajar

Teknik Bentuk Instrumen Lembar Penilaian

Tes tertulis Tes uraian LP 1 : Produk dan Kunci

Pengamatan kemampuan psikomotor Lembar pengamatan psikomotor LP 3 : Pengamatan psikomotor Pengamatan perilaku berkarakter Lembar pengamatan perilaku berkarakter LP 4 : Pengamatan perilaku berkarakter Pengamatan keterampilan sosial Lembar pengamatan keterampilan sosial LP 5 : Pengamatan keterampilan sosial

TABEL SPESIFIKASI LEMBAR PENILAIAN

Indikator LP dan Butir Soal Kunci LP dan Butir Soal Kognitif Pengetahuan

 Menjelaskan anatomi dan cara kerja form

 Menjelaskan format formulir

 Menjelaskan entri teks

 Menjelaskan entri pilihan

LP 1 Kognitif Pengetahuan

Butir 1 Butir 2 Butir 3 Butir 4 dan 5

Kunci LP 1 Kognitif Pengetahuan

Butir 1, 2, 3, 4, dan 5

Pelaksanaan penilaian dipercayakan kepada judgement Penilai/Guru sesuai kriteria yang ditentukan pada LP 1 Tugas

Keterampilan Psikomotor

 Membuat form entri teks

 Membuat form entri pilihan

LP 3 Pengamatan Keterampilan Psikomotor

Butir 1 Butir 2

Pelaksanaan penilaian dipercayakan kepada judgement Penilai/Guru sesuai kriteria yang ditentukan pada LP 3 Psikomotor

Perilaku Berkarakter

 Memiliki perilaku berkarakter rasa ingin tau, kerja keras, disiplin, jujur, cermat, percaya diri dan tanggung jawab dalam melaksanakan tugasnya.

 Menunjukkan rasa syukur adanya teknologi informasi

LP 4 Pengamatan Perilaku Karakter

Aspek 1, 2, 3, 4, 5, 6 , 7 dan 8

Aspek 9 dan 10

Seluruh aspek itu minimal memperoleh penilaian menunjukkan kemajuan dan dipercayakan kepada judgement Penilai/Guru

(11)

dengan menggunakan teknologi berbasis web yang

memudahkan pekerjaan, informasi dan komunikasi manusia sebagai ciptaan Tuhan.

 Bersedia berbagi ilmu kepada sesama manusia dalam bidang teknologi informasi

Aspek 11

Keterampilan Sosial

Menunjukkan keterampilan sosial dalam bekerja sama, menghargai, menyampaikan pendapat dan bertanya

LP 5 Pengamatan Keterampilan Sosial

Aspek 1, 2, 3 dan 4

Seluruh aspek itu minimal memperoleh penilaian menunjukkan kemajuan dan dipercayakan kepada judgement Penilai/Guru

LKS 1 : Format Formulir dan Cara Kerja Form

 Rangkuman Materi Tag FORM

Format:

Tag FORM menyatakan awal dan akhir suatu masukan. Meskipun kita bisa membuat jenis masukan dalam 1 halaman tidak berarti kita bisa menggabungkannya dalam satu peryataan. Untuk itu Tag FORM bisa menggunakan atribut berikut ini: ACTION, METHOD, dan ENCTYPE. Guna atribut adalah sbb:

 ACTION

 METHOD . Dimana: o GET

o POST

Merupakan opsi dan lazimnya ditiadakan. Digunakan untuk menentukan bagaimana informasi suatu formulir harus di encode oleh brwser. Attribute ini hanya diterapkan di metoda POST. Semua informasi yang disalurkan memakai metoda GET di encode dengan cara baku. Jenis MIME yang berlaku untuk ENCTYPE adalah application/x-www-form-urlencoded, adalah cara encode yang baku untuk CGI.

(12)

Didalam tag FORM, INPUT, SELECT, dan TEXTAREA tag digunakan untuk menentukan unsur antarmuka didalam formulir. Dibawah ini adalah rinciannya.

 Tujuan

Memahami cara kerja form melalui tag form.

 Kegiatan

Menggali informasi tentang masing-masing tag form: 1. Action 2. Method 3. Get 4. Post 5. Enctype  Kesimpulan

Kesimpulan apa yang dapat dibuat?

……….. ………

LKS 2 : Membuat Form Input Password dan Multiline

 Rangkuman Materi

Form HTML digunakan untuk tempat memasukan data sebelum diteruskan ke server. bentuk dapat berisi elemen input seperti text fields, checkboxes, radio-buttons, submit buttons dan banyak lagi. Form juga dapat berisi select lists, textarea, fieldset, legend, dan label elements

Tag Form HTML

Tag Deskripsi

<form> Mendefinisikan HTML formulir untuk input pengguna

<input /> Mendefinisikan input control

<textarea> Mendefinisikan teks multi-line input control

<label> Mendefinisikan label untuk suatu elemen input

<fieldset> Mendefinisikan sebuah perbatasan sekitar elemen dalam bentuk

<legend> Mendefinisikan keterangan untuk elemen fieldset

<select> Mendefinisikan daftar pilih (daftar drop-down)

(13)

<option> Mendefinisikan pilihan dalam daftar pilih

<button> Mendefinisikan tombol push

Dan contoh script di bawah ini adalah text area untuk menyimpan script dan memudahkan dalam mengcopy script:

Skrip input teks: <form>

First name: <input type="text" name="firstname" /><br /> Last name: <input type="text" name="lastname" />

</form>

Skrip input passsword: <form>

Password: <input type="password" name="pwd" /> </form>

Skrip input teks:

<form name="copy"><textarea name="txt" rows="100" cols="55">Masukan

Tulisan Atau Script Anda Disini</textarea></form>

 Tujuan

Membuat halaman web menggunakan input teks, input password dan input teks multiline.  Perencanaan

Nama file : formteks.html Lokasi : xampp/htdocs/html/  Alat dan Bahan

1. Komputer dengan software : notepad++, web browser Mozilla dan webserver XAMPP.  Langkah Kegiatan

1. Siapkan alat dan bahan dengan mengutamakan keselamatan. 2. Mengetikkan source code dan menyimpannya.

3. Menjalankan webserver Apache pada XAMPP. 4. Mengakses file melalui web browser.

5. Siapkan alat tulis, amati dan catat hasilnya. 6. Jika ada masalah, diperiksa dan diperbaiki. 7. Jika tidak ada masalah, percobaan berakhir.

8. Laporkan hasil percobaan dengan menarik kesimpulan.  Kesimpulan

(14)

LKS 3 : Membuat Input File, Radio, Checkbox, Select dan Datalist

 Rangkuman Materi

Form HTML digunakan untuk tempat memasukan data sebelum diteruskan ke server. bentuk dapat berisi elemen input seperti text fields, checkboxes, radio-buttons, submit buttons dan banyak lagi. Form juga dapat berisi select lists, textarea, fieldset, legend, dan label elements

Input File: <form>

Radio: <form>

<input type="radio" name="sex" value="male" /> Male<br /> <input type="radio" name="sex" value="female" /> Female </form>

Checkbox: <form>

<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br /> <input type="checkbox" name="vehicle" value="Car" /> I have a car

</form> Select:

<option selected value=""> Select your platform <option value="NT">Window NT

<option value="95"> Window 95 <option value="Ultrix">Ultrix <option value="AIX"> AIX <option value="MacOS">MacOS </select>

Datalist:

<option value=”Internet Explorer”> <option value=”Firefox”> <option value=”Chrome”> <option value=”Opera”> <option value=”Safari”> </datalist> </form>  Tujuan

Membuat halaman web menggunakan input file, radio, checkbox, select dan datalist.  Perencanaan

(15)

Nama file : formpilihan.html Lokasi : xampp/htdocs/html/  Alat dan Bahan

1. Komputer dengan software : notepad++, web browser Mozilla dan webserver XAMPP.

 Langkah Kegiatan

1. Siapkan alat dan bahan dengan mengutamakan keselamatan. 2. Mengetikkan source code dan menyimpannya.

3. Menjalankan webserver Apache pada XAMPP. 4. Mengakses file melalui web browser.

5. Siapkan alat tulis, amati dan catat hasilnya. 6. Jika ada masalah, diperiksa dan diperbaiki. 7. Jika tidak ada masalah, percobaan berakhir.

8. Laporkan hasil percobaan dengan menarik kesimpulan.  Kesimpulan

……….. ………

LP 1: KOGNITIF PENGETAHUAN

Nama : ………. Hari : ………

Kelas/Absen : ………. Tgl. : ……….

TES TULIS ( ULANGAN HARIAN )

Jawablah pertanyaan di bawah ini!

1. Setiap skrip dari bahasa pemrograman mempunyai cara kerja yang berbeda-beda. Jelaskan anatomi dan cara kerja form pada halaman web!

……….. ………..

2. Format penulisan skrip bahasa pemrograman banyak sekali, terlebih lagi dalam pemrograman yang kompleks. Jelaskan format formulir pada halaman web html!

(16)

………..

3. Form untuk menginputkan teks terdiri dari pasword, teks, dan multiline. Jelaskan masing-masing dari form tersebut!

……….. ………..

4. Dalam halaman web, tentunya ada beberapa komponen masukan berupa pilihan. Sebutkan komponen-komponen itu beserta penjelasnnya!

……….………. ……….……….

5. Penulisan source code untuk pemrograman haruslah benar, agar tidak terjadi eror dan halaman web dapat tampil sesuai harapan. Tulislah source code untuk menampilkan seleksi pilihan 5 nama kota!

………. ……….

KUNCI LP 1: KOGNITIF PENGETAHUAN

Nama : ………. Hari : ………

Kelas/Absen : ………. Tgl. : ……….

TES TULIS ( ULANGAN HARIAN )

1. Form bisa menggunakan 2 metode pengiriman data. Jika menggunakan post, maka data yang diterima dari form ini akan disimpan ke dalam variable $_POST. Jika dikirim menggunakan metode get, maka data yang diterima akan disimpan ke dalam varibel $_GET. Sedangkan variabel $_FILES berfungsi untuk menyimpan informasi file file yang diupload (untuk mengupload file digunakan element form dengan type=”file”)

2. <FORM ACTION="url" METHOD=[POST| GET][ENCTYPE="..."]> ... </FORM> Tag FORM menyatakan awal dan akhir suatu masukan. Meskipun kita bisa membuat jenis masukan dalam 1 halaman tidak berarti kita bisa menggabungkannya dalam satu peryataan.

(17)

3. Form passsword yaitu form untuk memasukkan text, dimana karakter yang muncul akan berupa bulatan atau asterik (*).

Form teks yaitu form untuk memasukkan teks dalam 1 baris.

Form multiline yaitu form untuk memasukkan teks dalam beberapap baris.

4. Checkbox : berupa kotak dimana dalam 1 form dapat memilih lebih dari 1 pilihan Radio : berupa bulatan dimana dalam 1 form hanya dapat memilih 1 pilihan

Select : berupa daftar pilihan yang dapat menggulung, 1 pilihan Input file : memasukkan file untuk upload file.

Datalist : memasukkan kata dengan failitas auto complete. 5. Source code select kota:

<select name="platform" size="1">

<option selected value=""> Silakan pilih Kota <option value="Surabaya">Surabaya <option value="Mojokereto">Mojokerto <option value="Sidoarjo">Sidoarjo <option value="Jombang">Jombang <option value="Malang">Malang </select> .

LP 1: DESKRIPSI PENILAIAN TES TULIS

Nomor

Soal Kriteria Penilaian Skor

1 Menyebutkan lengkap beserta penjelasannya sesuai yang ada pada kunci

jawaban.

20

Menyebutkan lengkap, tetapi penjelasannya salan satu salah. 15

Menyebutkan dua, penjelasannya kurang tepat 10

Menyebutkan saja, tetapi tidak ada penjelasan. 5

Jawaban salah atau tidak dijawab. 0

2 Penulisan format benar, dan terdapat penjelasan yang lengkap sesuai dengan

kunci jawaban.

20

Penulisan format benar, tetapi penjelasan salah atau tidak ada 10

3 Menyebutkan lengkap beserta penjelasannya sesuai yang ada pada kunci

jawaban.

20

Menyebutkan dua beserta penjelasannya. 15

Menyebutkan satu saja beserta penjelasannya 10

4 Menyebutkan lengkap dengan penjelasannya. 20

Menyebutkan empat beserta penjelasannya 16

(18)

Menyebutkan dua beserta penjelasannya 8

Menyebutkan satu beserta penjelasannya 4

5 Penulisan lengkap dan benar 20

Penulisan terjadi kesalahan hanya pada value saja. 10

Penulisan terjadi kesalahan tetapi tidak fatal. 5

Skor Maksimum 100

LP 3: PENGAMATAN PSIKOMOTORIK ULANGAN PRAKTIK

Mata Pelajaran: ……… Hari : ………

Komp. Dasar : ………. Tgl. : ……….

TUGAS

Buatlah halaman web dengan ketentuan:

1. Halaman pertama terdapat input form teks, password dan multiline. 2. Halaman kedua terdapat radio, checkbox dan select.

Prosedur pelaksanaan:

1. Siapakan komputer untuk masing-masing kelompok yang terdiri dari 2-3 orang. 2. Tugas siswa sesuai dengan tugas di atas.

3. Amati siswa saat melaksanakan ujian.

4. Berikan skor kinerja siswa dengan mengacu pada Format Assesmen Kinerja di bawah ini.

5. Berikan format ini kepada siswa sebelum assesmen dilakukan agar siswa memahami Rincian Tugas yang akan dinilai.

Pedoman penilaian:

KRITERIA PENSKORAN KETERAMPILAN PSIKOMOTOR No Aspek

(19)

1 Persiapan Bahan dan alat dipersiapkan secara detail sesuai dengan spesifikasi

90-100

15%

Bahan dan alat dipersiapkan dan diperiksa tidak secara detail 80-89

Bahan dan alat dipersiapkan dan diperiksa tidak secara detail dan tidak sesuai dengan spesifikasinya

75-79

Bahan dan alat tidak dipersiapkan dan tidak diperiksa Tidak

2 Proses Proses lancar dengan prosedur yang benar, tanpa ada masalah 90-100

25%

Proses sesuai dengan prosedur, tetapi sedikit ada masalah 80-89

Proses sesuai dengan prosedur, tetapi ada beberapa masalah 75-79

Proses tidak sesuai dengan prosedur dan tahapan yang benar Tidak

3 Hasil Halaman web tampil dengan normal sesuai dengan

perencanaan

90-100

30% Halaman web tampil dengan normal, tetapi ada konfigurasi

yang tidak sesuai dengan perencanaan

80-89

Halaman web tampil, tetapi masih ada kesalahan 75-79

Halaman web tidak bias ditampilkan, ada kesalahan Tidak

4 Waktu Waktu pelaksanaan kurang dari 40 menit 90-100

15%

Waktu pelaksanaan antara 40 – 60 menit 80-89

Waktu pelaksanaan antara 60 – 90 menit 75-79

Waktu pelaksanaan lebih dari 90 menit Tidak

5 Keselamatan

Kerja

Melaksanakan dan memperhatikan K3 90-100

15%

Melaksanakan K3, tetapi kurang memperhatikan alat/bahan 80-89

Kurang memperhatikan K3 75-79

Tidak melaksanakn dan memperhatikan K3 Tidak

FORMAT ASSESMEN KINERJA KETERAMPILAN PSIKOMOTORIK

Mata Pelajaran : ……… Hari : ………

Komp. Dasar : ………. Tgl. : ……….

No Nama Aspek Penilaian Pembobotan Jumlah

Bobot Ket 1 2 3 4 5 15% 25% 30% 15% 15% 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

(20)

Keterangan:

90 – 100 : Sangat Kompeten Surabaya, ……… 2014

80 – 89 : Kompeten dengan baik Guru Mata Pelajaran

75 – 79 : Cukup kompeten 0 < 75 : Tidak kompeten

Suratman, S.ST

LP 4 : PENGAMATAN PERILAKU BERKARAKTER DAN SPIRITUAL

No Nama Siswa

Aspek Penilaian Karakter dan Spiritual

K er ja k er as D is ip li n Ju ju r C er m at T an gg un g ja w ab R as a in gi n ta hu P er ca ya d ir i K re at if Ib ad ah B er sy uk ur D er m aw an 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

(21)

25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 Surabaya, ……… 2014 Guru Mata Pelajaran

Suratman, S.ST

KRITERIA PENSKORAN PERILAKU BERKARAKTER

No Nilai Karakter Deskripsi Skor

1 Kerja keras Memperhatikan penjelasan guru, berusaha memecahkan masalah yang dihadapi, bertanya kepada guru, maupun teman dan sumber lain.

4 Memperhatikan penjelasan guru, berusaha memecahkan masalah yang

dihadapi, bertanya teman.

3 Memperhatikan penjelasan guru tetapi tidak mau berpikir dalam memecahkan masalah yang dihadapi

2 Tidak ada usaha untuk memcahkan masalah yang dihadapi, tidak mau bertanya 1 2 Disiplin Mengikuti pembelajaran dengan datang tepat waktu, melaksanakan praktik

dengan tertib sesuai prosedur dan waktu yang ditentukan

4 Melaksanakan kegiatan dengan tertib sesuai dengan prosedur yang

ditentukan serta menyelesaikan pekerjaan tepat waktu

3 Melaksanakan kegiatan dengan tertib sesuai prosedur 2 Datang tidak tepat waktu, melaksanakan praktik dengan tidak sesuai prosedur dan tidak sesuai waktu yang ditentukan

1 3 Jujur Tidak menyontek pekerjaan teman, melakukan praktik secara benar, cermat,

teliti, sesuai prosedur, melaporkan hasil praktik secara benar baik lisan maupun tulisan

4

Tidak menyontek pekerjaan teman dan melaporkan hasil eksperimen secara benar baik lisan maupun tulisan

3

Tidak menyontek pekerjaan teman 2

Menyontek teman, praktik tidak benar, tidak cermat, tidak sesuai prosedur dan melaporkan hasil praktik secara tidak benar baik lisan maupun tulisan

1 4 Cermat Teliti dalam menyiapkan diri dan mengerjakan tugas, praktik, rapi dan sesuai

dengan prosedur yang ada

4 Teliti dalam mengerjakan tugas dan praktik, sesuai prosedur, rapi 3 Kurang teliti dalam mengerjakan tugas dan praktik dan kurang rapi 2 Tidak teliti dan tidak seperti prosedur dalam tugas maupaun praktik 1

(22)

5 Bertanggung jawab

Melaksanakan kegiatan sesuai prosedur, tidak meninggalkan kelompok selama menyelesaikan tugas, melaksanakan tugas yang telah ditentukan dan disepakati oleh kelompok

4

Melaksanakan kegiatan sesuai dengan prosedur, tidak meninggalkan kelompok selama menyelesaikan tugas

3

Melaksanakan kegiatan sesuai dengan prosedur 2

Melaksanakan kegiatan tidak sesuai prosedur, meninggalkan kelompok selama menyelesaikan tugas, tidak melaksanakan tugas yang telah ditentukan dan disepakati oleh kelompok

1

6 Rasa ingin tahu Sering membaca buku referensi dan membaca modul pengamatan dengan cermat, menanyakan setiap hal yang tidak diketahui yang berhubungan dengan materi

4

Sering bertanya Bertanya tentang materi yang diajarkan 3

Bertanya sesekali dalam pembelajaran 2

Tidak berusaha dengan bersungguh-sungguh dalam melaksanakan pembelajaran

1 7 Percaya diri Berani maju ke depan dengan lantang menyampaikan pendapat, presentasi,

menjawab, bertanya, tidak takut salah baik secara lisan maupun tulisan

4 Berani dengan menyampaikan aspirasi hanya lewat lesan atau tulisan saja 3 Kurang berani menyampaikan suara jika tidak ditunjuk 2 Tidak mau menyampaikan suara baik ditunjuk maupun tidak 1 8 Kreatif Memberikan sesuatu yang berbeda yang lebih baru, menarik, tidak hanya

melakukan hanya seperti yang telah dicontohkan tentunya dalam hal positif

4 Memberikan sesuatu yang berbeda dengan pengolahan yang menarik dari yang sudah ada, tetapi tidak selalu positif

3 Melaksanakan sesuai tugas dengan sedikit kombinasi 2 Tidak mempunyai kreatifitas, semua dilakukan sekedarnya saja 1 9 Ibadah Melaksanakan ibadah sesuai dengan agama dan keyakinannya, serta

menunjukkan sikap yang sesuai dengan norma agama,

4 Melaksanakan ibadah sesuai dengan agama dan keyakinannya. 3 Melaksanakan ibadah sesuai dengan agama dan keyakinannya, tetapi

terkadang masih lalai

2

Tidak menunjukkan sikap seorang yang beragama 1

10 Bersyukur Menunjukkan sikap menerima kenyataan, berjiwa ksatria, lapang dada, dan tidak meminta atau menuntut sesuatu yang berlebihan baik kepada orang tua, guru maupaun teman dalam proses pembelajaran

4

Menunjukkan sikap yang bisa menerima dan lapang dada 3

Tidak menunjukkan sikap bersyukur 2

Mengeluh dan menuntut yang berlebihan 1

11 Dermawan Bersedia berbagi baik ilmu maupun materi ke sesama teman atau orang yang membutuhkan tanpa menyalahi aturan

4

Bersedia berbabgi materi kepada teman-temannya 3

Jarang sekali berbagi kepada teman baik ilmu maupun materi 2

Tidak pernah berbagi apa pun kepada teman 1

LP 5 : PENGAMATAN KETERAMPILAN SOSIAL

No Nama Siswa

Aspek Penilaian Ketrampilan Sosial

Kerjasama Menghargai Bertanya Menyampaikan_pendapat 1

2 3 4

(23)

5 6 7 8 9 10 11 12 13 14 15 16 17 18 Surabaya, ……… 2014 Guru Mata Pelajaran

Suratman, S.ST

KRITERIA PENSKORAN KETERAMPILAN SOSIAL

No Nilai Karakter Deskripsi Skor

1 Kerjasama Bekerja saling membantu dalam satu kelompok untuk menyelesaikan tugas yang diberikan, membantu anggota kelompok yang kesulitan dalam menyelesaikan pekerjaan, dan menunjukkan sikap mau berbagi dengan teman dalam satu kelompok

4

Membantu anggota kelompok yang kesulitan dalam menyelesaikan pekerjaan, dan menunjukkan sikap mau berbagi dengan teman dalam satu kelompok

3

Menunjukkan sikap mau berbagi dengan teman dalam satu kelompok 2

Tidak saling membantu dalam satu kelompok untuk menyelesaikan tugas yang diberikan, tidak membantu anggota kelompok yang kesulitan dalam menyelesaikan pekerjaan, dan tidak menunjukkan sikap mau berbagi dengan teman dalam satu kelompok

1

2 Menghargai Memperhatikan teman atau guru berbicara, menghargai pendapat teman baik satu kelompok maupun berbeda kelompok, tidak mencela teman yang belum mampu menyelesaikan pekerjaan

4

Menghargai pendapat teman baik satu kelompok maupun berbeda kelompok, tidak mencela teman yang belum mampu menyelesaikan pekerjaan

3

Tidak teman yang belum mampu menyelesaikan pekerjaan 2

Tidak memperhatikan teman atau guru berbicara, tidak menghargai pendapat teman baik satu kelompok maupun berbeda kelompok, mencela teman yang belum mampu menyelesaikan pekerjaan

1

3 Bertanya Mengajukan pertanyaan yang sesuai dengan topik materi yang dibahas dengan sopan dan berbobot, baik kepada guru maupun kepada teman

4 Mengajukan pertanyaan sesuai topik yang dibahas, berbobot, tetapi kurang

sopan dalam penyampaiannya.

3 Megajukan pertanyaan yang kurang sesuai dengan topik materi yang dibahas 2

Tidak mengajukan pertanyaan 1

4 Menyampaikan pendapat

Menyampaikan pendapat dengan sopan, tujuan baik, dan mengena pada topik yang dibahas.

4 Menyampaikan pendapat dengan sopan, tujuan baik, tetapi kurang sesuai

dengan topik yang dibahas.

3

(24)

Mennyela pembicaraan teman, mencela dan menyampaikan pendapat tidak sesuai dengan topik

1 Mengetahui, Kepala Sekolah Drs.Bahrun, ST, MM NIP. 19640412 198803 1 019 Surabaya, Januari 2014 Guru Mata Pelajaran,