Advertisement
loading...

 

MATERI PELATIHAN BERBASIS KOMPETENSI

Advertisement

SEKTOR TELEMATIKA

SUB SEKTOR PROGRAMMER KOMPUTER

 

MENERAPKAN DASAR-DASAR

PEMBUATAN WEB

STATIK TINGKAT DASAR

TIK.PR02.027.01

 

 

 

 

 

 

 

 

BUKU PENILAIAN

 

 

 

 

 

 

 

 

 

 

 

 

 

 

DEPARTEMEN TENAGA KERJA DAN TRANSMIGRASI R.I.

DIREKTORAT JENDERAL PEMBINAAN PELATIHAN DAN PRODUKTIVITAS

Jl. Jend. Gatot Subroto Kav.51 Lt.7.B Jakarta Selatan

 


DAFTAR ISI

 

Daftar Isi                                                                                                      Hal

 

BAB I       Konsep Penilaian                                                                               3

1.1   Bagaimana Instruktur Akan Menilai                                             3

1.2   Tipe Penilaian                                                                            4

 

BAB II     Pelaksanaan Penilaian                                                                      5

2.1   Kunci Jawaban Tugas Teori                                                        5

2.2  Tugas Unjuk Kerja                                                                       8

2.3   Daftar Cek Unjuk Kerja (Praktik)                                                  12

2.4   Check List Teori & Praktek                                                          13

 

Lembar Penilaian                                                                                           14

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

BAB I

KONSEP PENILAIAN

 

1.1.          Bagaimana Instruktur akan Menilai

Dalam Sistem Berbasis Kompetensi, penilai akan mengumpulkan bukti dan membuat pertimbangan mengenai pengetahuan, pemahaman dan unjuk kerja tugas-tugas Anda dan sikap Anda terhadap pekerjaan. Anda akan dinilai untuk menentukan apakah Anda telah mencapai kompetensi sesuai dengan standar yang dijelaskan dalam Kriteria Unjuk Kerja.

Pada pelatihan berdasarkan kompetensi, pendekatan yang banyak digunakan untuk penilaian adalah “Penilaian berdasarkan criteria/Criterion-Referenced Assessment”. Pendekatan ini mengukur unjuk kerja Anda terhadap sejumlah standar. Standar yang digunakan dijelaskan dalam Kriteria Unjuk Kerja.

Penilaian dapat dilaksanakan dengan tujuan sebagai bantuan dan dukungan belajar. Tipe penilaian ini adalah formatif dan merupakan proses yang sedang berjalan.

Penilaian juga dapat dilaksanakan untuk menentukan apakah Anda telah mencapai hasil program belajar (contohnya pencapaian kompetensi dalam Unit). Tipe penilaian ini adalah sumatif dan merupakan penilaian akhir.

Penilaian dapat dilaksanakan di industri (ditempat kerja) atau dilembaga pelatihan (diluar tempat kerja). Jika memungkinkan, sebaiknya penilaian dilaksanakan ditempat kerja sehingga penilai dapat mengamati Anda melakukan kegiatan normal ditempat kerja.

1.2.          Tipe Penilaian  

Penilaian dilakukan dengan 2 jenis ujian, yaitu:

  1. Tes Tertulis

Test tertulis akan menilai pengetahuan Anda dan pemahaman konsep dan prinsip yang merupakan dasar unjuk kerja tugas-tugas Anda. Test tertulis biasanya berupa seri pertanyaan pilihan ganda atau beberapa bentuk test tertulis objectif lainnya, yaitu tes dimana setiap pertanyaan memiliki satu jawaban benar.

  1. Tes Unjuk Kerja

Test unjuk kerja akan menilai kompetensi Anda dalam menampilkan tugas-tugas elemen terhadap standar yang dijelaskan dalam Kriteria Unjuk Kerja. Oleh sebab itu Anda akan menerapkan pengetahuan dan pemahaman Anda terhadap unjuk kerja tugas-tugas.

Penilai biasanya menggunakan daftar cek analisis elemen sebagai pedoman untuk menentukan kompetensi Anda dan akan memberikan umpan balik mengenai unjuk kerja dan jika perlu, merencanakan pelatihan lanjutan jika Anda belum mencapai kompetensi pada usaha/kesempatan pertama.

 

 

 

 

 

 

 

 

 

 

 

 

 

BAB II

PELAKSANAAN PENILAIAN

 

2.1        Kunci Jawaban Tugas Teori

  1. Protokol jaringan dengan fitur-fitur Web-specific yang berjalan pada bagian teratas dari dua lapisan protokol lain, TCP dan IP disebut (KUK 1.1)

     Jawaban: C. HTTP

 

  1. Dibawah ini yang merupakan  contoh web browser adalah (KUK 1.1)

 

     Jawaban: D. Semua benar

 

  1. Bila sebuah clients kebanyakan hanya berisikan interface, maka client tersebut disebut sebagai : (KUK 1.2) :

 

     Jawaban : A. Thin Client


 

  1. Bila sebuah teks atau gambar di-klik akan membawa anda menuju ke bagian lain dalam web, maka teks atau gambar tersebut disebut : (KUK 4.1)

 

     Jawaban: C. Link

 

  1. Fungsi menu wordwrap pada editor Notepad adalah (KUK 2.1)

Jawaban: A. Mengatur margin dokumen agar sesuai dengan ukuran jendela (window)

 

  1. Dibawah ini adalah beberapa hal yang harus diperhatikan dalam mendisain web, kecuali (KUK 2.3)

 

     Jawaban: D. Jenis tulisan (font)

 

  1. Agar tampilan web mempunyai halaman yang sama (konsistensi disain), anda bisa menggunakan (KUK 5.1)

 

     Jawaban : C. Template

 

  1. Untuk memunculkan link pada jendela (window) baru, pada tag <A HREF> harus dituliskan tambahan perintah (KUK 4.1)

 

Jawaban : B. _BLANK

 

  1. Perhatikan penggalan tag berikut!

 

<IMG SRC=”PIC.GIF” ALIGN = “LEFT”>

 

Tag di atas akan membuat tampilan seperti apa di web? (KUK 3.3)

     Jawaban : B. Gambar ‘pic.gif’ dengan pemerataan kiri

 

  1. 10.  Kelebihan penggunaan CSS adalah (KUK 3.3)

Jawaban : A. Bisa mengubah format keseluruhan dokumen html tanpa perlu mengeditnya satu per satu

 

  1. 11.  Salah satu bahasa pemrograman kuat yang bisa di aplikasikan ke halaman web  guna membuat tampilan yang interaktif adalah (KUK 1.1)

 

Jawaban : C. Javascript

 

  1. 12.  Bila kita ingin membuat link dari web kita ke www.google.com dari teks “Klik Google” maka tag yang tepat adalah (KUK 4.1)

Jawaban : C. <A HREF=www.google.com>Klik Google</A>

 

13. Tag <FONT> berfungsi untuk (KUK 3.3)

 

     Jawaban : A. Mengatur tampilan karakter

 

14. Salah satu pilihan untuk membuka link adalah dengan membuka dokumen target di halaman yang sama. Untuk melakukan cara ini maka harus ditambahkan perintah (KUK 4.1)

 

     Jawaban : D. Tidak perlu ditambahkan perintah

 

  1. 15.  Mapping dimana web browser akan memproses perintah tanpa perlu berinteraksi dengan server disebut jenis mapping… (KUK 4.2)

 

     Jawaban : A. Client side

 

  1. 16.  Alasan mengapa untuk pengkodean warna digunakan bilangan heksadesimal adalah (KUK 3.3)

Jawaban : B. Keterbatasan definisi kata-kata dalam menggambarkan 256 jenis warna

 

  1. 17.   Ada 3 jenis link dalam halaman web, salah satunya adalah (KUK 4.1)

     Jawaban: D. Semua jawaban benar

 

  1. 18.   Ada 2 cara menggunakan CSS yaitu : (KUK 3.3)

Jawaban : C. Membuat file tersendiri berekstensi CSS

 

  1. 19.   Berikut ini merupakan command untuk link ke alamat email satrio@yahoo.com bila tulisan “satrio” di klik adalah (KUK 4.1)

Jawaban : A. <a href=mailto:satrio@yahoo.com> satrio</a>

 

  1. 20.  Berikut ini merupakan command untuk menambahkan table dalam halaman html

 

Jawaban : A. <table></table>

 

  1. 21.  Dibawah ini yang bukan termasuk sebagai html editor adalah

 

Jawaban : D. Semua salah

 

  1. 22.  Dalam membuat web, anda juga bisa menambahkan image yang anda ambil dari internet, dimana bila image tersebut di klik akan me-refer penggunanya ke web asli dari image tersebut. Metode ini disebut dengan (KUK 4.4)

Jawaban: A. In Line Image Mapping

 

Perhatikan tag perintah di bawah ini untuk menjawab pertanyaan nomor 23

<HTML>

<HEAD>

<TITLE>Web baru </TITLE>

</HEAD>

<A HREF=”document1.html” target=_blank>silakan klik link ini</A>

<BODY ALINK=”green” BACKGROUND=”black” TEXT=”blue”> Testing </BODY>

</HTML>

 

  1. 23.  Perintah <ALINK> di atas untuk (KUK 3.3)

Jawaban : C. Membuat warna link menjadi hijau

 

  1. 24.  Protokol yang bertanggung jawab memastikan file telah dikirim dari akhir network telah lengkap dikirmkan, berhasil pada tujuannya disebut (KUK 1.1)

Jawaban : D. TCP IP

 

  1. 25.  Dibawah ini pernyataan yang benar tentang perbedaan web yang dijalankan dari  server sendiri dengan server provider adalah

Jawaban: A. Server sendiri (LAN) mempunyai cakupan lebih kecil dibandingkan dengan server provider

 

3.1        Tugas Unjuk Kerja (Bobot 50)

  1. Tuliskan mengenai :
    1. Thick dan Thin Client (10).

Jawaban:

Thin client adalah clients yang hanya berisikan sedikit dari apa yang diperlukan untuk pengalaman user, kebanyakan hanya interface. Semua logika bisnis, semua data, terkecuali yang disediakan oleh user, berada di dalam server.

 

Thick clients adalah clients yang sama, kecuali pada interface, juga berisi logika pengolahan yang diperlukan untuk tugas-tugas user yang spesifik.

 

  1. Struktur URL dan penjelasannya (10)

Protokol://hostname/direktori/nama file

                      Protokol

Bagian ini menunjukkan bagaimana cara data dikirimkan.

                      Hostname

Bagian ini berisi nama komputer tempat resource berada atau disebut dengan hostname.

                      Direkori

Menunjukkan lokasi yang lebih spesifik tempat menyimpan resource internet tersebut.

                      Nama File

Menunjukkan nama file yang akan digunakan.

 

  1. Perhatikan gambar web berikut ini. (30)
    1. Tuliskan perintah HTML untuk membuat web tersebut.
    2. Tuliskan perintah HTML untuk mengubah web tersebut menjadi :

*Tambahkan link ke www.detik.com dengan tulisan link cari di detik

 

Solusi penyelesaian tes unjuk kerja (2a)

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />

<title>Soal Pelatihan WEB Statis</title>

<style type=”text/css”>

<!–

.style1 {

color: #FF0000;

font-weight: bold;

}

body {

background-color: #00FF00;

}

.style2 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: xx-large;

font-weight: bold;

font-style: italic;

}

–>

</style>

</head>

 

<body>

<form id=”form1″ name=”form1″ method=”post” action=”">

<div align=”center”><span>PELATIHAN WEB STATIS (HTML)</span>

</div>

<table width=”200″ border=”1″ align=”center”>

<tr>

<td colspan=”2″><img src=”My Pictures/megamanX.jpg” width=”367″ height=”292″ /></td>

</tr>

<tr>

<td width=”165″><div align=”center”><strong>Nama</strong></div></td>

<td width=”196″><label>

<input type=”text” name=”textfield” />

</label></td>

</tr>

<tr>

<td><div align=”center”><span class=”style1″>Password</span></div></td>

<td><label>

<input type=”password” name=”textfield2″ />

</label></td>

</tr>

<tr>

<td colspan=”2″><label>

<div align=”center”>

<input type=”submit” name=”Submit” value=”Submit” />

</div>

</label>

<label>

<div align=”center”>

<input type=”reset” name=”Submit2″ value=”Reset” />

</div>

</label></td>

</tr>

</table>

<p>Alamat website yang bagus untuk dilihat <a href=”http://en.wikipedia.org/wiki/Main_Page” target=”_parent”><em><strong>wikipedia</strong> </em></a></p>

</form>

</body>

 

</html>

 

 

 

Berikut adalah solusi penyelesaian tes unjuk kerja (2b)

 

<a href=”http://www.detik.com” target=”_parent”><em><strong>cari di detik</strong> </em></a>

 

 

 

2.3        Daftar Cek Unjuk Kerja (Praktik)

 

TUGAS – TUGAS YANG DITAMPILKAN

KOMPETEN

BELUM

KOMPETEN

TANGGAL

1 Pemahaman Teori HTML      
2 Struktur Dasar HTML      
3 Tag dasar HTML      
4 Pembuatan web sederhana      
5 Kreativitas Desain      

 

 

 

 

2.4 Check List Teori dan Praktek

 

Semua kesalahan harus diperbaiki terlebih dahulu sebelum ditandatangani

 

Penguasaan Bahan

Ya

Apakah semua petunjuk kerja diikuti ?  
Apakah peserta pelatihan memahami konsep dasar pembuatan web statis?  
Apakah peserta pelatihan memahami berbagai istilah dalam pembuatan web statis dan fungsi penggunaannya ?  
Apakah peserta pelatihan mengerti dasar pembuatan disain web yang baik ?  
Apakah peserta pelatihan mampu mengidentifikasi jenis web yang perlu dibuat ?  
Apakah peserta pelatihan mengerti perintah-perintah dasar HTML?  
Apakah peserta pelatihan mampu menuliskan perintah-perintah dasar HTML ?  
Apakah peserta pelatihan telah mampu menggunakan template dalam membuat suatu web yang cukup lengkap ?  

 

 

 

LEMBAR PENILAIAN

 

Tanggal : ……………………………….

 

 

Peserta pelatihan telah dinilai

 

 

 

 

 

KOPMPETEN                                              BELUM KOMPETEN

 

 

 

 

Nama Peserta Pelatihan                              Nama Penilai

 

 

 

 

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

Tanda Tangan                                          Tanda Tangan

 

 

 

 

Komentar / Saran

 

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

 

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

 

……………………………………………………………………………………………………………

 

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

 

……………………………………………………………………………………………………………

 

……………………………………………………………………………………………………………

 

……………………………………………………………………………………………………………

 

……………………………………………………………………………………………………………

 

Testimoni

Filed under : blog, tags:
SLIDESERAGAMBATIK