Advertisement
loading...

 

MATERI PELATIHAN BERBASIS KOMPETENSI

Advertisement

SEKTOR TEKNOLOGI INFORMASI DAN KOMUNIKASI

 

 

 

 

 

MEMBUAT DOKUMEN DENGAN HTML SESUAI SPESIFIKASI

TIK.PR.02.024.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. 1

 

BAB I KONSEP PENILAIAN. 2

1.1 Bagaimana Instruktur akan Menilai 2

1.2 Tipe Penilaian. 4

 

BAB II PELAKSANAAN PENILAIAN. 5

2.1 Kunci Jawaban Tugas Teori 5

2.2 Penyelesaian untuk Soal Praktek. 7

2.3 Daftar Cek Unjuk Kerja (Praktik) 8

2.4 Check List Teori dan Praktek. 9

 

LEMBAR PENILAIAN. 10

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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 kriteria/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 (di tempat kerja) atau dilembaga pelatihan (di luar tempat kerja). Jika memungkinkan, sebaiknya penilaian dilaksanakan di tempat kerja sehingga penilai dapat mengamati Anda melakukan kegiatan normal ditempat kerja.

 

 

1.2 Tipe Penilaian

Penilaian dilakukan dengan 2 jenis ujian, yaitu:

 

  1. a.   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. b.   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. Ekstensi file yang disimpan dengan dokumen html adalah:

d.  html

 

2.   Struktur dasar bahasa HTML yang benar adalah:

       a. <html>,<head>,<body>…</body>,</head>,</html>

 

3.     Tag title dalam head berpengaruh dalam:

 

c.  Title bar

 

  1. Tag yang digunakan untuk merubah baris tanpa memecah menjadi paragraf baru adalah:
  2. b.   <br>…</br>

 

 

5.    Bilangan heksadecimal berikut yang merubah warna teks menjadi hitam adalah:

d.  #000000

 

6.    Kode berikut yang digunakan untuk membuat special character non-breaking space adalah:

 

c.  &nbsp;


 

  1. Penamaan yang biasa digunakan dalam penamaan home page untuk mencegah kekeliruan dalam pembuatan link adalah:

d.  Index.htm

 

 

  1. Ukuran format header yang paling besar adalah:
    1. a.   <h1>…</h1>

 

 

  1. Format pemasangan background yang benar adalah:

c.  <body background=”…/MyPictures/Logo.jpg”>

 

  1. Pemasangan atribut yang benar untuk meratakan paragraf menjadi  rata kiri adalah:
    1. a.   <p align=left>

 

  1. Untuk membuat list html dengan menggunakan urutan nomor romawi adalah:
  2. a.   <ol type=”I”>

 

 

  1. Cara memasang gambar dengan ukuran lebar 50 dan tinggi 70 adalah:

d.  <img src=”…” widht=”50” height=”70”>

 

  1. Perintah yang digunakan dalam pembuatan baris tabel adalah:


c.  <tr>…</tr>

 

  1. Untuk merubah besar ukuran suatu bagian data dari tabel maka digunakan:

c.  <td width=”…” height=”…”>

 

 

  1. Untuk membuat sebuah nested table, maka dalam sebuah data tabel dapat kita masukkan:
    1. a.   <table>…</table>

 

 

 

  1. Untuk membuat sebuah link ke halaman lain dalam satu file yang sama dengan nama “halaman2.htm” maka sebaiknya digunakan:

b.  <a href=”halaman2.htm”>Ke Halaman Berikut</a>

 

  1. Untuk membuat link ke halaman web lain maka sebaiknya digunakan:

c.  Dua-duanya benar

 

  1. Pemasangan link seperti <a href=”www.geocities.com”></a> akan mengarahkan image sewaktu di klik ke?

c.  Error

 

  1. Tag-tag tabel berikut yang tidak disokong oleh web browser Netscape Navigator adalah:

c.  <colgroup>

 

  1. Dalam pemasangan lagu untuk sebuah web sebaiknya menggunakan lagu yang berformat:

c.  .midi

 

  1. Untuk memudahkan pembuatan link antar halaman maka sebaiknya halaman yang berkaitan diletakkan di?
    1. a.   Folder yang sama

 

  1. Ukuran font size yang paling besar adalah:

 

d.  7

 

 

  1. Program berikut yang dapat digunakan untuk membuat dokumen dengan bahasa HTML yang sederhana adalah:

 

d.  Word Notepad


 

  1. Untuk membuat sebuah list tanpa nomor maka digunakan:

b.  <ul>…</ul>

 

  1. Diantara tag tabel dibawah ini yang memiliki teks default ditebalkan dan ditengahkan adalah:

c.  <th>…</th>

 

 

 

2.2 Penyelesaian untuk Soal Praktek

  1. Membuka Windows Word Notepad
  • Nyalakan PC
  • Tunggu proses booting selesai
  • Buka Start menu pada Taskbar
  • Pilih All Programs sehingga terbuka menu baru
  • Pilih Accessories dan pilih Notepad.

 

Membuat dokumen HTML dengan struktur dasar bahasa HTML :

  • Mulailah dengan mengetikkan tag awal dari HTML yaitu <html>
  • Ketikkan juga tag <head> dan <body> pada masing – masing baris yang berbeda.
  • Kamu dapat menambahkan atribut – atribut pada bagian <head> dan <body> seperti <title>…</title> pada <head> dan bgcolor, background, font pada <body> serta penambahan teks yang ingin dituliskan untuk isi pada <body>
  • Jangan lupa menutup kembali tag – tagnya dengan menutup tag yang paling terakhir dibuat sampai ke tag yang paling awal dibuat!
  • Simpanlah dokumen HTML dengan nama yang sesuai dan dengan merubah ekstensi dokumen menjadi .htm / .html

 

  1. Pembuatan dokumen HTML yang dilengkapi dengan format teks, warna, list dan background :
  • Mulailah dengan membuka Notepad
  • Ketikkanlah dahulu struktur dasar bahasa HTML untuk mempermudahkan pengerjaan.
  • Untuk pembuatan heading dapat dilakukan setelah tag body sebagai isi dari dokumen dengan ukuran heading dari h1-h6.
  • Formatlah ukuran teks yang diperlukan dalam isi ataupun merubah warnanya dengan menggunakan atribut font size dan color (size berkisar dari 1-7) ataupun merubah style dari teks dengan font face
  • Buatlah list sesuai dengan kebutuhan isi yang diperlukan, baik dengan nomor urut (ordered list), tak bernomor (unordered list), ataupun definition list (<dd> dan <dt>)
  • Cari dan catatlah URL untuk gambar yang hendak dipasang sebagai background beserta format gambarnya (.jpg, .jpeg, .gif)
  • Untuk pemasangan backgroundnya, dapat dilakukan dengan penambahan atribut background=”URL gambar.(format gambar) di dalam tag <body>
  • Periksa kembali dan tutuplah tag – tagnya.
  • Simpanlah file dengan nama yang sesuai dengan permintaan klien.

 

 

2.3 Daftar Cek Unjuk Kerja (Praktik)

 

TUGAS – TUGAS YANG DITAMPILKAN

KOMPETEN

BELUM

KOMPETEN

TANGGAL

1 Mengetahui cara membuka Notepad untuk pembuatan dokumen dengan HTML      
2 Mengetahui cara penggunaan struktur bahasa HTML sederhana      
3 Mengetahui cara penyimpanan dokumen dengan penamaan yang sesuai      
4 Mengetahui cara pemformatan teks dengan HTML      
5 Mengetahui cara pembuatan list bernomor / yang tidak bernomor.      
6 Mengetahui cara memasang background untuk halaman dokumen HTML      
7 Menganalis dan dapat memperbaiki kesalahan yang terjadi.      

 

 

 

 

 

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 mampu mengidentifikasi kegunaan dari bahasa HTML?  
Apakah peserta pelatihan mampu menggunakan bahasa HTML dengan struktur dasar dari bahasa HTML tersebut untuk pembuatan dokumen HTML?  
Apakah peserta pelatihan mampu melakukan pengembangan site map sesuai kebutuhan klien?  
Apakah peserta pelatihan mampu memformat teks pada dokumen?  
Apakah peserta pelatihan mampu melakukan pemasangan special character pada dokumen?  
Apakah peserta pelatihan mampu melakukan penamaan dokumen sesuai standar?  
Apakah peserta pelatihan mampu membuat list pada dokumen HTML sesuai kebutuhan?  
Apakah peserta pelatihan mampu menyisipkan gambar dan pemformatannya dengan format gambar yang cocok?  
Apakah peserta pelatihan mampu membuat, mengatur, dan memasang nested tabel pada dokumen sesuai kebutuhan?  
Apakah peserta pelatihan mampu memasang link ke FTP dan ke HTTP?  
Apakah peserta pelatihan mampu memasang link pada gambar?  
Apakah peserta pelatihan telah mampu menguji fitur – fitur yang cocok oleh suatu web browser?  
Apakah peserta pelatihan telah mampu menganalisis pembuatan dokumen yang optimal sehingga waktu aksesnya cepat?  
Apakah peserta pelatihan telah mampu mengatur letak penyimpanan dokumen di dalam folder yang tepat untuk mempermudah akses?  

 

 

LEMBAR PENILAIAN

 

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

 

 

Peserta pelatihan telah dinilai

 

 

 

 

 

KOMPETEN                                              BELUM KOMPETEN

 

 

 

 

Nama Peserta Pelatihan                              Nama Penilai

 

 

 

 

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

Tanda Tangan                                          Tanda Tangan

 

 

 

 

Komentar / Saran

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

Testimoni

Advertisement
  1. Toko Kain Batik Cap Terbaik di Solo
  2. Toko Baju Batik Terbaik di Solo
  3. Aneka Kain Batik dengan Harga Murah
  4. Baju Batik Sarimbit Terbaik
  5. Dapatkan Kain Batik Berkualitas dengan Diskon 25%
  6. Aneka Baju Batik Seragam Kantor
  7. Pembuatan Seragam Batik Berlogo
slideseragambatik
Filed under : blog, tags: