Menu
Pasang iklan SEO disini Murah, 300.000/6 Bulan dan dapatkan Trafik setiap harinya

Menerapkan Dasar-Dasar Pembuatan Web Statik Lanjut TIK.PR02.028.01

May
08
2015
by : Bupeko. Posted in : blog

MATERI PELATIHAN BERBASIS KOMPETENSI

SEKTOR TELEMATIKA

SUB SEKTOR PROGRAMMER KOMPUTER

 

 

MENERAPKAN DASAR-DASAR

PEMBUATAN WEB  STATIK LANJUT

TIK.PR02.028.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 …………………………………………………………………………………….. 2

 

BAB I KONSEP PENILAIAN ……………………………………………………………. 3

1.1 Bagaimana Instruktur akan Menilai ……………………………………… 3

1.2 Tipe Penilaian………………………………………………………………… 3

 

BAB II    PELAKSANAAN PENILAIAN ……………………………………………….. 5

2.1 Kunci Jawaban Tugas Teori ………………………………………………. 5

2.2 Penyelesaian untuk Soal Praktek ………………………………………… 8

2.3 Daftar Cek Unjuk Kerja (Praktik) ………………………………………… 13

2.4 Check List Teori dan Praktek …………………………………………….. 14

 

LEMBAR PENILAIAN …………………………………………………………………….. 15

 

 

 

 

 

 

 

 

 

 

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. Berikut merupakan beberapa jenis software yang hanya dapat digunakan sebagai text editor, kecuali

b. Macromedia dreamweaver

 

  1. Tag yang digunakan untuk mendefinisikan sebuah sel data tabel adalah

d. TD

 

  1. Untuk membuat suatu dokumen web yang memiliki background berwarna biru, perintah yang kita gunakan adalah

a. <BODY BGCOLOR=”#0000FF”>

 

  1. Berikut merupakan atribut yang dimiliki oleh tag FONT, kecuali

a. TYPE

 

  1. Unordered list sering juga disebut sebagai

d. Bulleted List

 

  1. Tag DIV berfungsi untuk

c. Mendefiniskan suatu bagian dalam suatu dokumen

 

  1. Suatu web dikatakan memiliki portabilitas yang tinggi bila dapat dijalankan pada berbagai browser. Berikut ini merupakan browser-browser yang saat ini ada, kecuali:

d. Mozilla Fireworks

 

  1. Nama frame “_top” digunakan untuk

b. apabila target frame adalah windows tempat frame berada

 

  1. Yang menjadi salah satu komponen andalan yang menyebabkan web menjadi cepat populer adalah

a. Multimedia

 

  1. Format sound yang diakui dalam Microsoft Internet Explorer antara lain, kecuali:

c. BMP

 

  1. Level heading yang memiliki ukuran terkecil adalah

c. H6

 

  1. Jika menginginkan list dimulai dari nomor 7, maka perintahnya adalah

b. <OL start=7>…</OL>

 

  1. Untuk membuat suatu paragraf rata kiri dan memiliki jenis font verdana, perintahnya adalah

d. <P ALIGN=”left” FACE=”verdana”>

 

  1. Perintah yang digunakan untuk membuat tampilan seperti berikut:

  1. a.   <OL TYPE=”i”>

<LI>Apple</LI>

<LI>Grape</LI>

<LI>Orange</LI>

</OL>

 

  1. Perintah yang digunakan untuk membuat tampilan seperti berikut:

  1. b.   <TABLE BORDER=”6″>

     <TR>

            <TD>100</TD>

            <TD>200</TD>

            <TD>300</TD>

     </TR>

     <TR>

            <TD COLSPAN=”2″>400</TD>

            <TD>500</TD>

     </TR>

     </TABLE>

 

  1. Untuk menyisipkan gambar atau images sebagai background suatu dokumen web, perintahnya adalah:

a. <BODY BACKGROUND=”micky.jpg”>

 

  1. Untuk mendefinisikan teks yang dihapus kita dapat menggunakan beberapa tag antara lain, kecuali:

d. <DELETE>

 

  1. MIME adalah kepanjangan dari

d. Multipurpose Internet Mail Extensions

 

  1. Berikut merupakan image yang menggunakan tujuan dari hypertext link adalah:

b. <A HREF=”stats.gif”>Statistik</A>

  1. Dalam suatu tabel yang dapat dikatakan sebagai cell adalah

c. <TD>

 

  1. Editor web yang dapat memberikan kemudahan dalam mendisain suatu dokumen web adalah:

c. Layout editor

 

  1. Perintah yang digunakan untuk membuat tampilan seperti dibawah ini adalah:

                 b. <H1><EM>Images is <SUB>beautiful<SUB></EM></H1>

 

  1. Atribut yang terdapat dalam multimedia berupa audio antara lain, kecuali:

a. BEGINTIME

 

  1. Perintah yang digunakan untuk membuat tampilan seperti berikut:

a. <TABLE BORDER=”7″>

<TR>

  <TD COLSPAN=”2″ ALIGN=”Center”>

  <IMG SRC=”Forever.jpg” HEIGHT=”150″ WIDTH=”125″>

  </TD>

</TR>

<TR>

  <TD>Forever Friend</TD>

  <TD>Nice & good</TD>

</TR>

</TABLE>

 

  1. Berikut yang merupakan value dari atribut VALIGN adalah:

c. Middle

 

 

2.2    Penyelesaian untuk Soal Praktek

 

1)       Berikut merupakan tampilan suatu dokumen web. Dimana Anda membuat listing kode HTML. Dalam hal ini, Anda diharapkan menggunakan FRAME. Untuk penamaan nama file dan value, Anda diberikan kebebasan untuk memberikan penamaan. Header yang ada merupakan images ber-extension “.jpg”.

 

 

 

JAWAB: (Notes: dapat menggunakan alternatif lain.)

 

soal02.html

<HTML>

<HEAD>

<TITLE>BELAJAR SOAL02</TITLE>

<HEAD>

<frameset rows=”35%,65%” scrolling=”NO”>

<frame src=”atas.html” name=”atas” scrolling=”NO” noresize>

<frameset cols=”15%,85%” scrolling=”NO”>

<frame src=”button.html” name=”kiri” noresize >

<frame src=”tengah.html” name=”tengah” noresize >

</frameset>

</frameset>

<BODY></BODY>

</HTML>

 

atas.html

<HTML>

<HEAD>

<TITLE>SOAL02 Header</TITLE>

<HEAD>

<BODY>

<center><img src=”02Header.gif”></center>

</BODY>

</HTML>

button.html

<HTML>

<HEAD>

<TITLE>Button SOAL02</TITLE>

<HEAD>

<BODY>

<TABLE BORDER=”0″>

<TR><TD>

<a href=”tengah.html” target=”tengah”><font color=”#336699″>

<b>Home</b></font></a></TD></TR>

<TR><TD>

<a href=”#”><font color=”#336699″>

<b>Book</a></b></font></TD></TR>

<TR><TD>

<a href=”#”><font color=”#336699″>

<b>About Us</a></b></font></TD></TR>

<TR><TD>

<a href=”reg.html” target=”tengah”><font color=”#336699″>

<b>Register</a></b></font></TD></TR>

</TABLE>

</BODY>

</HTML>

tengah.html

<HTML>

<HEAD>

<TITLE>BELAJAR SOAL02</TITLE>

<HEAD>

<BODY>

<FONT COLOR=”#336699″>

<H3><B>Welcome To Madagaskar Book Store (dot) Com</B></H3>

<PRE>

Welcome to our 1th anniversary party!

As the guest of honor at this 1-day celebration,

every day you are invited to enjoy our Hall of Fame,

Wish List Spree, and brand-new Special Deliveries.

The festivities wrap up on May 24, when we’ll bring you

A Show of Thanks, a live concert event featuring Ricky Alamsyah,

Rostan, and other all-time customer favorites.</pre>

Our new Store is:

<UL>

<LI>Automotive</LI>

<LI>Sport</LI>

<LI>Health & Personal Care</LI>

<LI>Flora and Founa</LI>

</UL>

<HR WIDTH=”100%” SIZE=”10″ COLOR=”#336699″>

<CENTER>Copyrigth © By Bluejack 2005</CENTER>

</FONT>

</BODY>

</HTML>

 

 

2)       Buatlah listing kode HTML berdasarkan tampilan di bawah ini: (nama file image yang dipakai : kitty.jpg)

 

 

 

 

 

 

 

 

 

 

 

 

JAWAB: (Notes: dapat menggunakan alternatif lain.)

<HTML>

<HEAD>

<TITLE>Praktik Membuat Website</TITLE>

</HEAD>

<BODY BACKGROUND=”kitty.jpg”>

<CENTER>

<H1>

<FONT COLOR=”#FF0000″ FACE=”comic sans ms”>

Praktik Membuat <EM>Website</EM>

</FONT>

</H1></CENTER>

<TABLE BORDER=”2″ ALIGN=”center”>

<TR>

<TD ALIGN=”center”><B>Nama</B></TD>

<TD ALIGN=”center”><B>Alamat</B></TD>

<TD ALIGN=”center”><B>Telp</B></TD>

</TR>

<TR>

<TD>Shelvy</TD>

<TD>Harapan Baru</TD>

<TD>081808070422</TD>

</TR>

<TR>

<TD>Diana</TD>

<TD>Kemanggisan</TD>

<TD>08155556752</TD>

</TR>

<TR>

<TD>Devie</TD>

<TD>Bekasi</TD>

<TD>081707065533</TD>

</TR>

</TABLE>

 

<BR><BR><BR>

 

 

<TABLE BORDER=”10″ ALIGN=”center” WIDTH=”400″ HEIGHT=”200″>

<TR>

<TD>FONT</TD>

<TD>SIZE</TD>

<TD>COLOR</TD>

<TD>FACE</TD>

</TR>

<TR>

<TD COLSPAN=”2″>BODY</TD>

<TD>HTML</TD>

<TD>HEAD</TD>

</TR>

<TR>

<TD>HYPERLINK</TD>

<TD COLSPAN=”2″>FRAMESET</TD>

<TD ROWSPAN=”2″>TABLE</TD>

</TR>

<TR>

<TD>NICE</TD>

<TD>HAPPY</TD>

<TD>FUN</TD>

</TR>

 

</TABLE>

</BODY>

</HTML>

 

2.3   Daftar Cek Unjuk Kerja (Praktik)

 

 

TUGAS – TUGAS YANG DITAMPILKAN

KOMPETEN

BELUM

KOMPETEN

TANGGAL

1 Mengetahui cara membuat suatu tampilan website      
2 Mengetahui cara penggunaan perintah-perintah sederhana dalam membuat website      
3 Mengetahui cara penggunaan mengkombinasikan berbagai perintah dalam membuat website      

 

 

 

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 menerapkan dasar-dasar pembuatan web statik?  
Apakah peserta pelatihan mampu mengidentifikasi prosedur pengoperasian editor teks?  
Apakah peserta pelatihan mampu mengaplikasikan fitur-fitur different level heading, paragraph, font, list, table?  
Apakah peserta pelatihan mampu mengidentifikasi bagaimana melakukan editing sederhana pada dokumen web?  
Apakah peserta pelatihan mampu menggunakan fitur-fitur tambahan untuk memformat layout  halaman web?  
Apakah peserta pelatihan mampu mengidentifikasi bagaimana mengintegrasikan dokumen web dengan obyek lain seperti grafik, animasi, audio, video, dll?  
Apakah peserta pelatihan telah mampu membuat listing kode HTML hanya dengan melihat tampilan web yang diberikan?  

 

 

 

 

 

 

 

 

 

LEMBAR PENILAIAN

 

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

 

 

Peserta pelatihan telah dinilai

 

 

 

 

 

KOMPETEN                                              BELUM KOMPETEN

 

 

 

 

Nama Peserta Pelatihan                              Nama Penilai

 

 

 

 

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

Tanda Tangan                                          Tanda Tangan

 

 

 

 

Komentar / Saran

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

Testimoni

artikel lainnya Menerapkan Dasar-Dasar Pembuatan Web Statik Lanjut TIK.PR02.028.01



bebas bayar, pembayaran mudah dan cepat, transaksi online, pembayaran tagihan dan tiket, transfer dana online

bebas bayar, pembayaran mudah dan cepat, transaksi online, pembayaran tagihan dan tiket, transfer dana online
Tuesday 2 June 2015 | blog

    MATERI PELATIHAN BERBASIS KOMPETENSI SEKTOR TEKNOLOGI INFORMASI DAN KOMUNIKASI          …

Thursday 30 April 2015 | blog

Rumah di perumahan palur jaten karanganyar luas 70m lb 90m kmr3 km2 keramik bagus ... Gambar…

Saturday 16 November 2013 | blog

Kami sudah 15 tahun menekuni usaha moment Pemilu sehingga kami mampu memberikan saran masukan kepada anggota…

Friday 3 April 2015 | blog

    MATERI PELATIHAN BERBASIS KOMPETENSI SEKTOR TEKNOLOGI INFORMASI DAN KOMUNIKASI SUB SEKTOR OPERATOR KOMPUTER  …