Get documents about "REVISI TIK.PR02.027.01 Buku_Kerja
Document Sample
MATERI PELATIHAN BERBASIS KOMPETENSI
SEKTOR TEKNOLOGI INFORMASI DAN
KOMUNIKASI
MENERAPKAN DASAR DASAR
PEMBUATAN WEB STATIK TINGKAT
DASAR
TIK.PR02.027.01
BUKU KERJA
DEPARTEMEN TENAGA KERJA DAN TRANSMIGRASI R.I.
DIREKTORAT JENDERAL PEMBINAAN PELATIHAN DAN PRODUKTIVITAS
Jl. Jend. Gatot Subroto Kav.51 Lt.7.B Jakarta Selatan
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
DAFTAR ISI
Daftar Isi Hal
BAB I STANDAR KOMPETENSI 2
1.1 Unit Kompetensi Yang Dipelajari 3
1.1.1 Kode dan Judul Unit 3
1.1.2 Deskripsi Unit 3
1.1.3 Elemen Kompetensi 4
1.1.4 Batasan Variabel 6
1.1.5 Panduan Penilaian 7
1.1.6 Kompetensi Kunci 8
BAB II TAHAPAN BELAJAR 9
BAB III TUGAS TEORI DAN UNJUK KERJA 15
3.1 Tugas Teori 15
3.2 Tugas Unjuk Kerja 20
3.3 Daftar Cek Unjuk Kerja 22
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 2 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
BAB I
STANDARD KOMPETENSI
1.1 Unit Kompetensi Yang Dipelajari
Dalam sistem pelatihan, Standar Kompetensi diharapkan menjadi
panduan bagi peserta pelatihan untuk dapat:
a. Mengidentifikasikan apa yang harus dikerjakan peserta pelatihan.
b. Memeriksa kemajuan peserta pelatihan.
c. Menyakinkan bahwa semua elemen (sub-kompetensi) dan criteria unjuk
kerja telah dimasukkan dalam pelatihan dan penilaian.
1.1.1 Kode dan Judul Unit
Kode Unit : TIK.PR02.027.01
Judul Unit : Menerapkan Dasar Dasar Pembuatan Web Statik Tingkat
Dasar
1.1.2 Deskripsi Unit
Unit kompetensi ini berkaitan dengan pembuatan web statis
sederhana sebagai media untuk menampilkan informasi. Pada unit ini
di batasi pada kemampuan membuat web baru, membuat link
pada dokumen dan gambar grafik, menggunakan template dan
menampilkan web pada jendela browser
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 3 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
1.1.3 Elemen Kompetensi
ELEMEN KOMPETENSI KRITERIA UNJUK KERJA
01 Menjelaskan konsep dasar dan 1.1 Konsep-konsep dan teknologi web dijelaskan
teknologi dari webpage (web server, URL, HTTP, HTML, web browser,
gateway)
1.2 Perbedaan antara klien dan server di jelaskan
1.3 Cara bagaimana bandwidth mempengaruhi
transmisi data dan gambar pada layar di
jelaskan
1.4 Ciri-ciri dan fungsi dari software teks editor
yang tersedia untuk merancang web page di
bandingkan
1.5 Keuntungan dan kerugian running dari server
yang di miliki dibandingkan server provider di
jelaskan
02 Mempersiapkan pekerjaan 2.1 Software teks editor dan browser sesuai
pembuatan web dengan kebutuhan di indentifikasi
2.2 Software beroperasi sesuai dengan standar
operasi software
2.3 Sketsa disain untuk web yang akan di buat
sudah disiapkan
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 4 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
2.4 Data yang akan di tampilkan di web tersedia
2.5 Area kerja untuk membuat dokumen web baru
sudah di siapkan
03 Melakukan pembuatan 3.1 Proses pembuatan web sesuai dengan
dokumen web baru standar operasi aplikasi di lakukan
3.2 Web yang di buat tampil di layar sesuai
dengan disain
3.3 Data yang tersedia tampil di layar web
04 Membuat link antar 4.1 Link antar dokumen di buat seperti link ke
dokumen dokumen lain pada direktori yang sama
sebagai dokumen pertama, link ke dokumen
lain pada direktori yang berbeda dari
dokumen pertama, link ke dokumen web
lain di internet, link ke file-file, link
kebagian lain dalam dokumen yang
sama/bookmark, link dari grafik ke suatu
dokumen, link ke sebuah alamat e- mail
4.2 Perbedaan client side image mapping dan
server ide image mapping dapat di jelaskan
4.3 File index. HTML pada sebuah web server di
identifikasi
4.4 In line image dengan perbedaan bagian yang
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 5 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
di link (ke web page lain, gambar dan situs lain
di internet) di buat
05 Mengorganisasikan Fitur-fitur template, seperti membuat dokumen
dokumen dengan template dengan berbagai fitur untuk keperluan
menggunakan template tertentu di pahami dan di aplikasikan
06 Menampilkan web dan 6.1 Format URL (Uniform Resource Locator) di
browser jelaskan
6.2 Peran dari browser dalam membaca file-file
web di demonstrasikan (text only, hypertex)
dengan mengakses ke URL tertentu melalui
menu yang tersedia
6.3 Perbedaan browser mempengaruhi tampilan
dari halaman web dapat di identifikasi
1.1.4 Batasan Variabel
Batasan variabel unit kompetensi ini adalah sebagai berikut:
1. Unit ini berlaku untuk seluruh sektor teknologi informasi dan
komunikasi
2. Menerapkan dasar-dasar pembuatan web statis dasar bersifat
internal pada bidang teknologi informasi dan komunikasi
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 6 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
1.1.5 Panduan Penilaian
1. Pengetahuan dan keterampilan penunjang untuk mendemontrasikan
kompetensi, diperlukan bukti keterampilan dan pengetahuan dibidang
berikut ini:
1.1 Pengetahuan Dasar
1.2 Prinsip dan teknologi web
1.3 Prinsip kerja client server
1.4 Pengetahuan HTML
1.5 Memahami browser
1.6 Pengetahuan tentang internet
1.7 Keterampilan dasar
1.8 Penggunaan internet
2. Konteks penilaian
Kompetensi harus di ujikan di tempat kerja atau tempat lain secara teori dan praktek
dengan kondisi kerja sesuai dengan keadaan normal
3. Aspek penting penilaian
Aspek yang harus diperhatikan
3.1 Kemampuan memahami konsep dasar dan teknologi dari webpage
3.2 Mengorganisasikan dokumen menggunakan template
3.3 Menampilkan web pada browser
4. Kaitan dengan unit-unit lainnya
4.1 Unit ini didukung di dalam pemahaman tentang web statis/ html
4.2 Pengembangan pelatihan untuk memenuhi pengetahuan dasar akan teori
web statis dan penggunaannya.
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 7 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
1.1.6 Kompetensi Kunci
NO KOMPETENSI KUNCI DALAM UNIT INI TINGKAT
Mengumpulkan, mengorganisir dan menganalisa
1 2
informasi
2 Mengkomunikasikan ide-ide dan informasi 2
3 Merencanakan dan mengorganisir aktivitas-aktivitas 2
4 Bekerja dengan orang lain dan kelompok 1
5 Menggunakan ide-ide dan teknik matematika 2
6 Memecahkan masalah 2
7 Menggunakan teknologi 2
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 8 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
BAB II
TAHAPAN BELAJAR
Langkah-langkah/tahapan belajar
1. Penyajian bahan, pengajaran dan peserta harus yakin dapat memenuhi
seluruh rincian yang tertuang dalam standar kompetensi.
2. Isi perencanaan merupakan kaitan antara kriteria unjuk kerja dengan
pokok-pokok keterampilan dan pengetahuan.
3. Peserta harus mengerti dan memahami pembangunan web statis
4. Peserta mengetahui, mengerti dan menguasai bahasa HTML
5. Peserta belajar mengembangkan dan mengaplikasikan pengetahuan
dasar yang dimiliki kedalam proses yang lebih kompleks.
6. Peserta mempelajari fungsi-fungsi lanjut untuk mempermudah proses
perancangan web dan untuk menyelesaikan proses yang lebih kompleks.
Indikator
KUK Tahapan Belajar Sumber
Kerja
1.1 Konsep- Mengerti Memahami apa yang HTML
konsep dan tentang URL dimaksud dengan web
teknologi statis Internet
web
dijelaskan Membaca referensi
Memahami
(URL, HTTP, atau manual dari web
teori dasar
HTML, web statis
HTML
browser)
1.2 Perbedaan Memahami Memahami apa yang HTML
tentang klien dimaksud klien
antara klien Memahami Internet
dan server tentang Memahami apa yang
Server dimaksud dengan
di jelaskan server
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 9 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
1.3 Cara Memahami Memahami pengaruh HTML
bagaimana pengaruh bandwith dalam
bandwidth bandwith transmisi data Internet
mempengar
uhi transmisi
data dan
gambar
pada layar di
jelaskan
1.4 Ciri-ciri dan Mengerti Membandingkan HTML
fungsi dari fungsi editor penggunaan editor
software yang satu dengan Internet
teks editor editor lainnya
yang Editor HTML
tersedia seperti
untuk notepad,
merancang frontpage,
web page di dreamweaver
bandingkan
1.5 Keuntungan Mengerti Membaca referensi
dan kerugian tentang mengenai jaringan
running dari server dan komputer HTML
server yang provider Internet
di miliki Buku
dibandingka jaringan
n server internet
provider di
jelaskan
2.1 Software Memahami Mencoba HTML
teks editor tentang menggunakan Internet
dan browser browser yang beberapa jenis Browser-
sesuai bisa browser browser
dengan digunakan internet
kebutuhan di seperti
indentifikasi Netscape,
Explorer,
Opera
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 10 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
2.2 Software Memahami Menari informasi
beroperasi bahwa setiap mengenai
sesuai software perbedaan dan
dengan mempunyai persyaratan dari
HTML
standar standar tiap software
Internet
operasi operasi yang pembangunan web
software berbeda
2.3 Sketsa disain Memahami Mencoba mendisain
untuk web konsep disain web
yang akan di web Mempelajari contoh HTML
buat sudah sketsa disain web Internet
disiapkan dari web lain di Disain web
internet Buku tentang
disain web
2.4 Data yang Data yang Mengecek apakah
akan di dimasukkan data yang
tampilkan di dalam web dikehendaki sudah
web tersedia dapat brhasil ditampilkan HTML
ditampilkan di internet Internet
2.5 Area kerja Mampu Mengumpulkan
untuk menentukan informasi mengenai
membuat lingkup web jenis web yang
dokumen hendak dibuat HTML
web baru Internet
sudah di
siapkan
3.1 Proses Mengetahui Mencari informasi
pembuatan standar yang mengenai
web sesuai dibutuhkan kompatibilitas dan
dengan standar yang
HTML
standar diperlukan
Intenet
operasi
aplikasi di
lakukan
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 11 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
3.2 Web yang di Perintah yang Mencoba
buat tampil di masukkan menampilkan web
di layar dapat yang telah dibuat
sesuai dikompilasika
HTML
dengan n (di convert
Internet
disain ke bentuk
html)
3.3 Data yang Tampilan web Memeriksa apakah
tersedia sesuai tampilan sudah
tampil di dengan disain benar
layar web yang hendak
HTML
ditampilkan
Internet
4.1 Link antar Berbagai jenis Membaca buku
dokumen link; link referensi mengenai
antar link Internet
dokumen, link Mencari informasi HTML
ke sumber di internet Buku
lan, link ke Mencoba referensi
gambar melakukan perintah tentang link
link
4.2 Perbedaan Menjelaskan Memahami
client side tentang client perbedaan
image side image keduanya dan cara
mapping dan mapping dan penggunaannya
Internet
server side server side
HTML
image image
mapping mapping
4.3 File Pentingnya Membuat file
index.html index.html index.html atas
pada server sebagai web yang hendak
dapat permulaan dibangun
Internet
diidentifikasi file suatu web Mencari informasi
HTML
di internet atau
buku referensi
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 12 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
4.4 In line image Pengunaan Mencoba
dengan link ke web menerapkan
perbedaan lain, gambar penggunaan in line
bagian yang dan web di image dengan link
di link (ke internet
Internet
web page
HTML
lain, gambar
dan situs
lain di
internet) di
buat
5.1 Fitur-fitur Penggunaan Memahami
template, template bagaimana cara
seperti untuk penggunaan
membuat mempermuda template dan
dokumen h kelebihannya
template penyeragama Template
dengan n disain web dreamweaver
berbagai Internet
fitur untuk HTML
keperluan
tertentu di
pahami dan
di
aplikasikan
6.1 Format URL Penjelasan Memahami
(Uniform tentang bagaimana URL
Resource format URL bekerja
Internet
Locator) di Mencari informasi
URL
jelaskan di internet atau
Buku tentang
buku refrensi
jaringan
tentang jaringan
6.2 Peran dari Setiap Memahami bahwa
browser browser akan tidak semua
dalam menghasilkan halaman web bisa
membaca tampilan yang ditampilkan di
file-file web berbeda browser yang
di berbeda-beda Internet
demonstrasi Mencoba Browser
kan (text menampilkan web Web
di beberapa
only,
browser yang
hypertex)
bereda
dengan
mengakses
ke URL
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 13 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
tertentu
melalui
menu yang
tersedia
6.3 Perbedaan Pengecekan Menggunakan fitur
browser kompatibilitas dari Macromedia
mempengar browser Dreamweaver
uhi tampilan untuk mengecek
dari halaman kompatibilitas
Internet
web dapat di browser terhadap
browser
identifikasi halaman web yang
dibangun
Mencari informasi
yang dibutuhkan di
internet
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 14 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
BAB III
TUGAS TEORI DAN UNJUK KERJA
3.1 Tugas Teori (Bobot 2x25)
Bacalah soal-soal berikut dengan seksama dan kerjakanlah dengan tepat!
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)
a. HTML
b. TCP IP
c. HTTP
d. URL
2. Dibawah ini yang merupakan contoh web browser adalah (KUK 1.1)
a. Netscape Navigator c. Opera
b. Microsoft Explorer d. Semua benar
3. Bila sebuah clients kebanyakan hanya berisikan interface, maka client tersebut
disebut sebagai : (KUK 1.2) :
a. Thin client
b. Super client
c. Thick client
d. Web client
4. Bila sebuah teks atau gambar di-klik akan membawa anda menuju ke bagian
lain dalam web, maka teks tau gambar tersebut disebut : (KUK 4.1)
a. Website c. Link
b. URL d. Http
5. Fungsi menu wordwrap pada editor Notepad adalah (KUK 2.1)
a. Mengatur margin dokumen agar sesuai dengan ukuran jendela (window)
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 15 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
b. Untuk membuat file HTML
c. Mengatur jarak antar tiap barIs perintah HTML
d. Semua jawaban benar
6. Dibawah ini adalah beberapa hal yang harus diperhatikan dalam mendisain
web, kecuali (KUK 2.3)
a. Isi web c. Navigasi web
b. Pengecekan link d. Jenis tulisan (font)
7. Agar tampilan web mempunyai halaman yang sama (konsistensi disain), anda
bisa menggunakan (KUK 5.1)
a. Layout c. Template
b. CSS d. Dreamweaver
8. Untuk memunculkan link pada jendela (window) baru, pada tag <A HREF>
harus dituliskan tambahan perintah (KUK 4.1)
a. _LINK c. _ATRIBUT
b. _BLANK d. b dan c keduanya benar
9. Perhatikan penggalan tag berikut!
<IMG SRC=”PIC.GIF” ALIGN = “LEFT”>
Tag di atas akan membuat tampilan seperti apa di web? (KUK 3.3)
a. Link ke gambar „pc.gif‟
b. Gambar „pic.gif‟ dengan pemerataan kiri
c. Gambar „pic.gif‟ dengan pemerataan kanan
d. Tidak ada jawaban yang benar
10. Kelebihan penggunaan CSS adalah (KUK 3.3)
a. Bisa mengubah format keseluruhan dokumn html tanpa perlu mengeditnya
satu per satu.
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 16 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
b. Bisa mempercantik tampilan web dengan merapikan tabel-tabel.
c. Bisa mengatur tampilan gambar beranimasi.
d. Bisa membuat frame di setiap halaman web secara terpisah.
11. Salah satu bahasa pemrograman kuat yang bisa di aplikasikan ke halaman
web guna membuat tampilan yang interaktif adalah (KUK 1.1)
a. Linux c. Javascript
b. Delphi d. Access
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)
a. <A HREF =google.com>Klik Google
b. <A HREF=www.google.com Klik Google>
c. <A HREF=www.google.com>Klik Google</A>
d. <A HREF=www.google.com>Klik Google</A HREF>
13. Tag <FONT> berfungsi untuk (KUK 3.3)
a. Mengatur tampilan karakter c. Mengarisbawahi kata
b. Mengatur ukuran tulisan d. Mencetak tebal kata
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)
a. _parent c. _self
b. _blank d. Tidak perlu ditambahkan perintah
15. Mapping dimana web browser akan memproses perintah tanpa perlu
berinteraksi dengan server disebut jenis mapping... (KUK 4.2)
a. Client side c. Client server side
b. Server side d. Multiple client side
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 17 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
16. Alasan mengapa untuk pengkodean warna digunakan bilangan heksadesimal
adalah (KUK 3.3)
a. Computer secara universal mengenali bilangan heksadesimal
b. Keterbatasan definisi kata-kata dalam menggambarkan 256 jenis warna
c. Untuk penyesuaian dengan bahasa pemrograman yang lainnya
d. Jawaban a dan c benar
17. Ada beberapa jenis link dalam halaman web, salah satunya adalah (KUK 4.1)
a. Link menuju ke website lain atau resource yang berbeda
b. Link menuju halaman lain dalam satu website
c. Link menuju bagian lain dari halaman web anda
d. Semua jawaban benar
18. Ada 2 cara menggunakan CSS yaitu : (KUK 3.3)
a. Membuat file htm dengan judul css.html dan menyisipkannya di setiap
halaman HTML
b. Menyisipkan kode html langsung ke tiap halaman HTML
c. Membuat file tersendiri berekstensi CSS
d. Tidak ada jawaban yang salah
19. Berikut ini merupakan command untuk link ke alamat email
satrio@yahoo.com bila tulisan “satrio” di klik adalah (KUK 4.1)
a. <a href=mailto:satrio@yahoo.com> satrio</a>
b. <link=”mailto:satrio@yahoo.com”>satrio</link>
c. <meta=mailto:satrio@yahoo.com>satrio</meta>
d. Jawaban A dan C benar
20. Berikut ini merupakan command untuk menambahkan table dalam halaman
html
a. <table></table> c. <title></title>
b. <link></link> d. <img src>
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 18 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
21. Dibawah ini yang bukan termasuk sebagai html editor adalah
a. Notepad c. Frontpage
b. Dreamweaver d. Semua Salah
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)
a. In Line Image Mapping
b. Client Server Mapping
c. Client Side Mapping
d. Server Side 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>
23. Perintah <ALINK> di atas untuk (KUK 3.3)
a. Membuat link ke file document1.html
b. Membuat warna link menjadi biru dan hijau
c. Membuat warna link menjadi hijau
d. Membuat warna link menjadi hijau bila di klik
24. Protokol yang bertanggung jawab memastikan file telah dikirim dari akhir
network telah lengkap dikirmkan, berhasil pada tujuannya disebut (KUK 1.1)
a. WWW
b. Http
c. URL
d. TCP IP
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 19 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
25. Dibawah ini pernyataan yang benar tentang perbedaan web yang dijalankan
dari server sendiri dengan server provider adalah (KUK 1.5)
a. Server sendiri (LAN) mempunyai cakupan lebih kecil dibandingkan dengan
server provider
b. Server sendiri (LAN) dibatasi oleh bandwith
c. Server sendiri (LAN) mempunyai cakupan lebih besar dibandingkan dengan
server provider
d. Tidak ada pernyataan yang benar
Tugas Unjuk Kerja (Bobot 50)
1. Tuliskan mengenai : (KUK 1.2, 6.1)
a. Thick dan Thin Client (10).
b. Struktur URL dan penjelasannya (10)
2. Perhatikan gambar web berikut ini (KUK 1.4, 2.1, 2.2, 2.3, 3.1, 3.2, 3.3,
4.1, 4.3, 6.2). (30)
a. Tuliskan perintah HTML untuk membuat web tersebut dengan HTML
Editor (disarankan dengan dreamweaver).
b. Tuliskan perintah HTML untuk mengubah web tersebut menjadi :
* Tambahkan link ke www.detik.com dengan tulisan link cari di
detik
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 20 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 21 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
3.3 Daftar Cek Unjuk Kerja
Demonstrasikan validitas perencanaan berkaitan komponen standar kompetensi
Kode unit : TIK.PR02.027.01
: MENERAPKAN DASAR DASAR PEMBUATAN WEB STATIK
Judul Unit
TINGKAT DASAR
Nomor Elemen Ya Tidak KUK Ya Tidak
01 Menjelaskan
konsep dasar dan 1.1 Konsep-konsep dan teknologi
teknologi dari web dijelaskan
webpage
1.2 Perbedaan antara klien dan
server di jelaskan
1.3 Cara bagaimana bandwidth
mempengaruhi transmisi data
dan gambar pada layar di
jelaskan
1.4 Ciri-ciri dan fungsi dari
software teks editor yang
tersedia untuk merancang web
page
1.5 Keuntungan dan kerugian
running dari server yang di
miliki dibandingkan server
provider
02 Mempersiapkan 2.1 Software teks editor dan
pekerjaan browser sesuai dengan
pembuatan web kebutuhan di indentifikasi
2.2 Software beroperasi sesuai
dengan standar operasi
software
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 22 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
2.3 Sketsa disain untuk web yang
akan di buat sudah disiapkan
2.4 Data yang akan di tampilkan di
web tersedia
2.5 Area kerja untuk membuat
dokumen web baru sudah di
siapkan
03 Melakukan
3.1 Proses pembuatan web sesuai
pembuatan
dengan standar operasi
dokumen web
aplikasi di lakukan
baru
3.2 Web yang di buat tampil di
layar sesuai dengan disain
3.3 Data yang tersedia tampil di
layar web
04 Membuat link antar
4.1 Link antar dokumen
dokumen
4.2 Perbedaan client side image
mapping dan server ide image
mapping dapat di jelaskan
4.3 File index. HTML pada sebuah
web server di identifikasi
4.4 In line image dengan
perbedaan bagian yang di link
5.1 Fitur-fitur template, seperti
05 Mengorganisasikan
membuat dokumen template
dokumen dengan
dengan berbagai fitur untuk
menggunakan
keperluan tertentu di pahami
template
dan di aplikasikan
06 Menampilkan web
6.1 Format URL di jelaskan
dan browser
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 23 dari 24
Materi Pelatihan Berbasis Kompetensi Kode Modul
Sektor Telematika Sub Sektor Programmer TIK.PR02.027.01
6.2 Peran dari browser dalam
membaca file-file web di
demonstrasikan
6.3 Perbedaan browser
mempengaruhi tampilan dari
halaman web dapat di
identifikasi
Kondisi Unjuk Kerja
Penunjang Ketrampilan dan
Pengetahuan
Aspek – aspek penting dalam
Pengujian
~-^- Selamat Mengerjakan -^-~
Judul Modul: Menerapkan Dasar Dasar Pembuatan Web
Statik Tingkat Dasar
Buku Kerja Versi: 01-09-2007 Halaman: 24 dari 24
