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

Membuat Halaman Web Dinamis Dasar TIK.PR04.002.01

May
12
2015
by : Bupeko. Posted in : blog

 

 

MATERI PELATIHAN BERBASIS KOMPETENSI

SEKTOR TELEMATIKA

SUB SEKTOR PROGRAMMER KOMPUTER

 

 

 

MEMBUAT HALAMAN

WEB DINAMIS DASAR

TIK.PR04.002.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

 

 

DAFTAR ISI

 

 

Daftar Isi……………………………………………………………………………………………. 1

 

BAB I   STANDAR KOMPETENSI…………………………………………………………… 2

1.1.           Unit Kompetensi yang Dipelajari …………………………………………  2

1.1.1        Judul Unit …………………………………………………………..  2

1.1.2        Kode Unit …………………………………………………………..  2

1.1.3        Deskripsi Unit ……………………………………………………..  2

1.1.4        Elemen Kompetensi ………………………………………………  2

1.1.5        Batasan Variabel …………………………………………………..  3

1.1.6        Panduan Penilaian ………………………………………………..  4

1.2.           Kompetensi Kunci ……………………………………………………………  5

 

BAB II TAHAPAN BELAJAR …………………………………………………………………  6

 

BAB III TUGAS TEORI DAN UNJUK KERJA ……………………………………………  13

3.1       Tugas Tertulis………………………………………………………………… 13

3.2       Tugas Unjuk kerja……………………………………………………………. 22

3.3       Daftar Cek Unjuk Kerja……………………………………………………… 23

 

 

 

 

 

BAB I

STANDAR KOMPETENSI

 

 

1.1  Unit Kompetensi yang dipelajari

 

1.1.1  KODE UNIT                 :     TIK.PR04.002.01

1.1.2  JUDUL UNIT              :     Membuat Halaman Web Dinamis Dasar         

1.1.3 DESKRIPSI UNIT        :     Unit kompetensi ini menetapkan kebutuhan untuk membangun    halaman web dinamis.

 

1.1.4 ELEMEN KOMPETENSI

 

ELEMEN KOMPETENSI

 

KRITERIA UNJUK KERJA
01  Mempersiapkan Lingkungan Teknis  1.1    Lingkungan pengembangan dan software server tersedia dan dapat diakses

1.2    Akses atau server jaringan disesuaikan dengan kebijaksanaan dan prosedur yang ditetapkan organisasi

1.3    Direktori virtual dibuat dan disimpan dalam direktori yang tepat untuk akses server

02  Membuat halaman dinamis 2.1   Halaman dibuat dan disimpan dengan ekstensi yang tepat kemudian disimpan ke dalam direktori/folder yang tepat.

2.2   Kode ditambahkan di antara tag pembatas

2.3     Break dan indent yang tepat pada baris kode dibuat ke dalam baris untuk memudahkan pembacaan.

2.4         Tag HTML digunakan pada format halaman dan konten ditambahkan sesuai dengan kebutuhan.

2.5         Halaman disimpan dalam direktori yang tepat.

2.6         Akses file melalui http://localhost, alamat IP local atau URL lengkap ditentukan.

2.7         Modifikasi dibuat sesuai kebutuhan

03  Menambahkan fungsi-fungsi pada halaman dinamis. 3.1         Variabel-variabel dan array digunakan dan dideklarasikan menurut persyaratan.

3.2         Nilai variabel, string dan konstanta ditetapkan.

3.3         Fungsi-fungsi internal digunakan pada halaman web.

3.4         Control structure (seperti statement If, While,For,Switch) digunakan sesuai kebutuhan

04  Menguji dan mengakhiri halaman dinamis 4.1       Halaman disimpan pada server di lokasi yang tepat.

4.2       Halaman dinamis ditampilkan pada browser dan diuji.

4.3       Fungsi format dinamis secara keseluruhan dibuat sesuai dengan kebutuhan bisnis dan pelanggan.

4.4       Halaman klien diakhiri sesuai persyaratan bisnis.

 

1.1.5 BATASAN VARIABEL

1.       Unit ini berlaku untuk seluruh sektor teknologi informasi dan komunikasi.

2.       Membuat halaman web dinamis dasar bersifat internal pada bidang teknologi informasi dan komunikasi.

 

 

1.1.6 PANDUAN PENILAIAN

  1. Pengetahuan dan keterampilan penunjang

Untuk mendemontrasikan kompetensi, diperlukan bukti keterampilan dan pengetahuan dibidang berikut  ini :

1.1      Pengetahuan dasar yang dibutuhkan :

1.1.1    Teori pemrograman.

1.1.2    Built-in object/fungsi.

1.1.3    Teknologi internet.

1.1.4    Pemrograman stateless.

1.1.5    Teknologi dan model-model situs web.

1.1.6    Hak cipta dan properti intelektual.

1.1.7    Bahasa pemodelan E-commerce.

1.2      Keterampilan dasar.

1.2.1    HTML.

1.2.2    Keahlian desain dasar.

 

2.       Konteks penilaian

Kompetensi harus diujikan di tempat kerja atau tempat lain secara praktek dengan kondisi kerja sesuai dengan keadaan normal.

 

3.       Aspek penting penilaian

Aspek yang harus diperhatikan

3.1     Kemampuan membuat halaman dinamis pada web.

3.2         Kemampuan menambahkan fungsi-fungsi dinamis pada web.

3.3         Kemampuan menguji halaman web dinamis.

4.       Kaitan dengan unit-unit lainnya

4.1         Unit ini mendukung di dalam membuat halaman web dinamis contoh mencakup Namun tidak terbatas pada :

4.1.1                                                      TIK.PR01.002.01    Menerapkan prosedur kesehatan dan keselamatan kerja.

4.1.2    TIK.PR0-.0–.01      Mengidentifikasi pemrograman scripting.

4.1.3    TIK.PR02.021.01     Menerapkan basis data.

4.1.4                                                      TIK.PR02.024.01 Membuat dokumen dengan HTML sesuai spesifikasi.

4.1.5    TIK.PR02.025.01     Menerapkan keamanan web statik.

4.1.6    TIK.PR04.001.01     Menerapkan keamanan web dinamis.

4.1.7    TIK.PR02.026.01     Menjelaskan koneksi internet.

4.2         Unit ini juga mendukung kinerja dalam unit-unit kompetensi yang berkaitan dengan web.

4.2.1    Perancangan web

4.2.2    Pemrograman web

4.3     Pengembangan pelatihan untuk memenuhi persyaratan dalam unit ini perlu dilakukan dengan hati-hati. Untuk pelatihan pra kejuruan umum, institusi harus menyediakan pelatihan yang mempertimbangkan serangkaian konteks industri seutuhnya tanpa bias terhadap sekor tertentu. Batasan variabel akan membantu dalam hal ini. Untuk sektor tertentu/khusus, pelatihan harus disesuaikan untuk memenuhi kebutuhan sektor tersebut.

 

1.2  Kompetensi Kunci

 

NO KOMPETENSI KUNCI DALAM UNIT INI TINGKAT
1 Mengumpulkan, mengorganisir dan menganalisa informasi 3
2 Mengkomunikasikan ide-ide dan informasi 3
3 Merencanakan dan mengorganisir aktivitas-aktivitas 3
4 Bekerja dengan orang lain dan kelompok 2
5 Menggunakan ide-ide dan teknik matematika 3
6 Memecahkan masalah 3
7 Menggunakan teknologi 3

 

 

BAB II

TAHAPAN BELAJAR

 

Langkah-langkah/tahapan belajar

  • Penyajian bahan, pengajaran, peserta dan penilai harus yakin dapat memenuhi seluruh rincian yang tertuang dalam standar kompetensi.
  • Isi perencanaan merupakan kaitan antara criteria unjuk kerja dengan pokok-pokok keterampilan dan pengetahuan.
  • Peserta harus mengenali berbagai jenis peralatan jaringan yang umum digunakan
  • Belajar membuat aturan membuat koneksi antar peralatan tersebut.

 

 

K U K

Indikator Kerja

Tahapan Belajar

Sumber

1.1 Lingkungan pengembangan dan software server tersedia dan dapat diakses. Mengetahui situasi dan sarana pendukung yang dapat diakses
  • Mempelajari penginstallasian server berdasarkan software yang dimiliki
  • Internet
  • Panduan penginstallasian melalui CD
1.2 Akses atau server jaringan disesuaikan dengan kebijaksanaan dan prosedur yang ditetapkan organisasi. Memahami penggunaan  aplikasi jaringan server sesuai dengan prosedur penggunaan
  • Mengetahui cara pengoperasian server untuk masuk dan menggunakannya
  • User manual
  • Help topik
1.3 Direktori virtual dibuat dan disimpan dalam direktori yang tepat untuk akses server . Memahami perangkat-perangkat komputer
  • Memahami cara pengoperasian direktori disertai pemahaman pada topik yang berhubungan
  • User manual
  • Help topik
 
2.1 Halaman dibuat dan disimpan dengan ekstensi yang tepat kemudian disimpan ke dalam direktori/folder yang tepat. Mengetahui menu-menu yang tersedia untuk menjalankan proses penyimpanan serta halaman dapat diaktifkan dengan mudah
  • Memahami langkah-langkah pengoperasian dan tahap-tahap menyimpan halaman web disertai pemahaman akan fungsi, jenis, atau macam direktori
  • User manual
  • Help topik
 
2.2 Kode ditambahkan di antara tag pembatas Memahami dasar-dasar aplikasi
  • Memahami bagaimana menjalankan applikasi seperti body, heading dll.
  • User manual
  • Help topik
 
2.3 Break dan indent yang tepat pada baris kode dibuat ke dalam baris untuk memudahkan pembacaan. Memahami perintah-perintah

Dasar aplikasi dan rapi memudahkan pengaturan maupun perbaikan bila diperlukan

  • Mempelajari teknik desain dasar yang baik
  • Contoh Kreativitas dari desain yang telah ada yang dapat dipelajari
  • Internet
  • Buku Panduan membangun halaman web
 

 

2.4 Tag HTML digunakan pada format halaman dan konten ditambahkan sesuai dengan kebutuhan.

 

Dapat membuat tabel dengan spesifikasi yang tersedia
  • Mempelajari tipe-tipe constraint untuk pengaplikasian pada filed-field yang diinginkan
  • Melakukan percobaan dengan membuat web contoh
  • Internet
  • Buku Panduan membangun halaman web
 
2.5 Halaman disimpan dalam direktori yang tepat.

 

Memahami perintah-perintah penyimpanan dan ketentuan-ketentuannya
  • Mempelajari format perintah penyimpanan serta pengetahuan ekstension file.
  • Melakukan percobaan merubah ekstension file sebagai contoh
  • Internet
  • Buku Panduan membangun halaman web
 
2.6 Akses file melalui http://localhost, alamat IP local atau URL lengkap ditentukan. Memahami dasar-dasar pembuatan URL, dan alamat IP dalam penentuan akses untuk file
  • Mempelajari dasar-dasar aplikasi URL maupun alamat IP serta ketentuan-ketentuannya
  • Internet
  • Buku Informasi URL maupun alamat IP yang spesifik
 
2.7 Modifikasi dibuat sesuai kebutuhan Memahami kegunaan dan fungsi halaman web yang dibuat
  • Mempelajari dasar-dasar pembuatan halaman web
  • Mempelajari keunggulan dan keterbatasan fitur yang tersedia dalam membangun sebuah halaman web
  • Mengoptimalkan fungsi halaman web sesuai kebutuhan yang diinginkan
  • Melakukan percobaan dalam melakukan modifikasi terhadap halaman web
  • Internet
  • Buku Panduan membangun halaman web
 
3.1 Variabel-variabel dan array digunakan dan dideklarasikan menurut persyaratan.

 

Memahami cara  dalam perumusan variabel dan array sesuai  ketentuan
  • Mempelajari cara membuat serta teknik aplikasi dari operasi dalam membuat halaman web
  • Memahami syntax dasar dan ketentuannya
  • Internet
  • Buku Panduan membangun halaman web
 
3.2 Nilai variabel, string dan konstanta ditetapkan Memahami cara  dalam perumusan variabel dan array, string maupun konstanta sesuai  ketentuan
  • Mempelajari cara membuat serta teknik aplikasi dari operasi dalam membuat halaman web
  • Memahami syntax dasar serta ketentuannya
  • Internet
  • Buku Panduan membangun halaman web
 
3.3 Fungsi-fungsi internal digunakan pada halaman web. Memahami cara penggunaan dan penghapusan tabel view
  • Mempelajari cara penggunaan tabel view
  • Mempelajari cara penghapusan tabel view
  • Internet
  • Buku Panduan membangun halaman web
 
3.4 Control structure (seperti statement If, While,For,Switch) digunakan sesuai kebutuhan
  • Mengetahui dasar-dasar model dalam membangun halaman web
  • Dapat membedakan perintah statemen If, While,For dan Switch serta dapat menggunakannya sesuai kebutuhan

 

  • Memahami elemen-elemen pada perintah dasar dari struktur kontrol dalam hal ini Statemen IF, While, For, Switch
  • Mencoba menggunakan statemen-statemen tersebut agar lebih dapat memahami fungsi dari statemen tersebut
  • Internet
  • Manual Aplikasi  yang dipakai
  • Buku panduan yang memuat informasi statemen tersebut
4.1 Halaman disimpan pada server di lokasi yang tepat.

 

Mengetahui bagian-bagian terpenting dalam prosedur penyimpanan serta pengetahuan memadai mengenai server yang kompatibel
  • Membaca referensi atau manual dari aplikasi penyimpanan, mengenali sintaks-sintaks dasar
  • Melakukan latihan dengan membuat beberapa perintah-perintah penyimpanan yang mengacu pada prosedur yang berlaku.
  • Internet
  • Manual Aplikasi  yang dipakai
 
4.2 Halaman dinamis ditampilkan pada browser dan diuji.

 

Memahami dasar operasi ,keunggulan maupun keterbatasan browser yang dipakai baik pengguna Netscape maupun Internet Explorer dalam menampilkan halaman web yang dibuat
  • Membaca buku maupun referensi mengenai aplikasi browser yang dipakai baik Internet Explorer maupun Netscape
  • Buku panduan yang memuat informasi mengenai browser yang akan digunakan
4.3 Fungsi format dinamis secara keseluruhan dibuat sesuai dengan kebutuhan bisnis dan pelanggan.

 

Memahami halaman yang dibuat sangat kompatibel bagi bisnis atau “business friendly

sehingga rekanan bisnis maupun pelanggan mengerti maksud dari web yang telah dibuat dan tetap menarik sehingga mereka akan kembali dan terus mengakses halaman anda.

  • Membaca buku maupun informasi mengenai halaman web dari segi potensial bisnis
  • Memperbanyak latihan dalam membuat halaman web yang tepat sasaran bagi pengguna contohnya sangat informatif mengenai produk dll.
  • Internet
  • Buku panduan yang memuat informasi  tersebut dalam hal ini segi bisnis maupun pelayanan pelanggan
4.4 Halaman klien diakhiri sesuai persyaratan bisnis.

 

Memahami halaman yang dibuat sangat kompatibel bagi bisnis atau “business friendly
  • Membaca buku maupun informasi mengenai halaman web dari segi potensial bisnis
  • Memperbanyak latihan dalam membuat halaman web yang tepat sasaran bagi pengguna contohnya sangat informatif mengenai produk dll.
  • Internet
  • Buku panduan yang memuat informasi  tersebut dalam hal ini segi bisnis maupun pelayanan pelanggan

 

 

 

 

 

 

 

 

 

BAB III

        TUGAS TEORI DAN UNJUK KERJA

 

3.1. Tugas Tertulis

 

Tugas tertulis dapat digunankan oleh panitia untuk mengidentifikasi kesiapan Anda untuk melaksanakan penilaian unjuk kerja.

 

Penilaian akan menggunakan satu atau lebih pertanyaan untuk setiap elemen, jika penilai kurang puas dengan kesiapan Anda dalam melakukan Penilaian Unjuk Kerja, maka rencana pelatihan atau Penilaian Unjuk Kerja  ulang /remidial akan dibicarakan antara Anda dengan Penilai.

 

  1. Halaman Web Dinamis atau yang sering disebut sebagai DHTML adalah kepanjangan dari..(KUK 2.1)
    1. a.    Dynamic Hyperactive Module Language
    2. b.    Dynamic Hyperactive Markup Language
    3. c.    Dynamic Hyperbeam Marking Language
    4. d.    Dynamic Hypertext Markup Language

 

  1. Secara awam web dinamis atau DHTML merupakan perpaduan antara.(KUK 2.1).
    1. HTML dan Boorlan
    2. HTML dan C++
    3. HTML dan Netscape
    4. HTML dan Javascript

 

 

  1. Anda melepas aplikasi web pada intranet perusahaan anda. Perusahaan anda memilih Internet Explorer 5.5 sebagai standar web browser. Pengguna menginginkan bantuan online tersedia  untuk aplikasi dengan beban yang minimal dan tanpa harus memerlukan dalam pengaturan windows tambahan. Apa yang harus anda lakukan dalam melaksanakan bantuan kepada pengguna untuk aplikasi ini? (KUK 2.2)
    1. Tampilan bantuan pada browser window yang kedua
    2. Tampilan bantuan dengan menggunakan kontrol propertis dalam menyembunyikan atau memperlihatkan kontrol label.
    3. Tampilan bantuan dengan panel pencari pada IE
    4. Tampilan dengan menggunakan halaman web dinamis dalam menyembunyikan dan menampilkan kontrol.

 

  1. Pengguna dengan browser tertentu melaporkan bahwa mereka mengalami kesulitan saat menggunakan aplikasi web anda karena mereka melakukan browsing tanpa grafik. Apa yang harus anda lakukan agar aplikasi anda dapat diakses pada situasi ini..(KUK 2.2)
    1. Memastikan grafis disimpan dalam format GIF sehingga dapat dengan cepat didownload.
    2. Tambahkan ALT teks pada grafis untuk mengindikasikan maksud mereka.
    3. Gunakan properti kunci akses untuk diasosiasikan dengan grafis.
    4. Sediakan versi alternatif dari halaman dengan tanpa grafis.

 

  1. Manakah halaman web yang melanggar aturan dasar akses?(pilih dua).(KUK 2.5)..
    1. Sebuah halaman yang menyuplai link ke sebuah transkrip tambahan pada sebuah file audio.
    2. Sebuah halaman yang beep dan menunggu untuk koneksi ketika pengguna terlanjur salah memasukkan data yang salah pada formulir.
    3. Sebuah halaman yang menggunakan <H1> dan <H2> tag untuk dua level pengaktifan
    4. Sebuah halaman yang menunjukkan sebuah tanda merah untuk nilai buruk dan tanda hijau untuk nilai baik dalam sebuah tabel yang kompleks

 

  1. Aplikasi web anda memungkinkan pemasukan data melalui formulir. Formulir tersebut menggunakan warna default pada browser beserta fontnya. Ketika seorang pengguna melakukan kesalahan pada pemasukkan data, komputer berbunyi beep dan kursor tetap pada tempatnya. Ketika pengguna melakukan save sebuah record, warna pada bagian entry terhapus dan kursor kembali pada tempat kontrol awal di formulir

Apa yang harus anda lakukan supaya formulir ini dapat diakses? (KUK 2.4)

  1. Peringatkan pengguna sebelum menghapus formulir.
  2. Mengeset warna background formulir jadi putih tergantung sistim propertis.
  3. Menyediakan peringatan audio untuk mengesave/menyimpan
  4. Menyediakan tambahan, perangkat non-audio untuk memberi peringatan jika terjadi kesalahan pemasukan data.

 

 

 

Untuk soal No.7 sampai dengan No.15 harap perhatikan bagan di atas

  1. Bagian tersebut menunjukkan fungsi sebagai..(KUK3.3)
    1. Nama atribut
    2. Atribut
    3. Nilai Atribut
    4. Nama Tag

 

  1. Bagian tersebuti menunjukkan fungsi sebagai.(KUK 3.3).

a. Nama atribut

b. Atribut

c. Nilai Atribut

d. Nama Tag

 

 

  1. Bagian tersebut menunjukkan fungsi sebagai.(KUK 3.1).

a. Nama atribut

b. Atribut

c. Nilai Atribut

d. Nama Tag

 

  1. Bagian tersebut menunjukkan fungsi sebagai.(KUK 3.2).

a. Nama atribut

b. Atribut

c. Nilai Atribut

d. Nama Tag

 

  1. Bagian tersebut menunjukkan fungsi sebagai..(KUK 3.3)

a. Elemen HTML

b. Tag Pembuka

c. Konten efek/terpengaruh

d. Tag Penutup

 

  1. Bagian tersebut menunjukkan fungsi sebagai.(KUK 3.2).

a. Elemen HTML

b. Tag Pembuka

c. Konten efek/terpengaruh

d. Tag Penutup

 

 

  1. Bagian tersebut menunjukkan fungsi sebagai.(KUK 3.3).

a. Elemen HTML

b. Tag Pembuka

c. Konten efek/terpengaruh

d. Tag Penutup

 

  1. Bagian tersebut menunjukkan fungsi sebagai.(KUK 3.1).

a. Elemen HTML

b. Tag Pembuka

c. Konten efek/terpengaruh

d. Tag Penutup

 

  1. Bagan tersebut di atas merupakan bagian atau rumus dasar dari (3.3)

a.struktur dasar lengkap URL

b.struktur dasar lengkap Javascript

c.struktur dasar lengkap HTML

d.struktur dasar lengkap C++

  1. Berikut ini merupakan elemen HTML yang memberikan spesifikasi pada struktur dokumen kecuali..(KUK 2.7)..
    1. <html>
    2. <body>
    3. <frameset>
    4. <head>

 

  1. Berikut ini merupakan elemen HTML yang memiliki tag penutup kecuali..(KUK 2.4)…

a.<html>

b.<hr>

c.<frameset>

d. <p>

 

  1. Halaman Web Dinamis adalah standar dasar dari Konsorsium World Wide Web (KUK 2.1)
    1. Benar
    2. Salah

 

  1. Anda membuat sebuah aplikasi online untuk buku cek. Saat ini, aplikasi ini mengaktifkan sebuah file musik ketika buku cek tersebut dalam keadaan balance. Modifikasi apa yang telah dilakukan sehingga aplikasi ini dapat diakses…..( Pilih 2 jawaban yang benar) (KUK 4.3)

a. Menambah sebuah kotak pesan yang dapat ditampilkan ketika buku cek tersebut balance.

b. Memungkinkan kepada pengguna dalam memilih file musik untuk dimainkan ketika buku cek tersebut balance.

c. memungkinkan bagi pengguna untuk mengeset volume musik yang dimainkan ketika buku cek dalam keadaan balance.

d. Menampilkan sebuah tanda grafik ketika buku cek balance.

 

 

  1. Aplikasi halaman web anda menggunakan frame dalam mengorganisir informasi.Apa yang harus anda lakukan ketika anda harus mematuhi peraturan akses 508?.(KUK 4.3)….

a.Menyediakan judul teks pada tiap frame

b. Menyediakan link sebagai alternatif bagi halaman non-frame

c. Mengganti set frame dengan tabel

d. Menambahkan sebuah teks tag ALT pada tag frameset

 

  1. Grup anda mendesain sebuah aplikasi web yang baru dan akan dilepas pada halaman web internet perusahaan anda. Rencana proyek dilaksanakan menggunakan bantuan HTML 2.0 versi terbaru bagi bimbingan untuk pengguna. Haruskah anda melanjutkan proposal ini?…..(KUK 3.2)

a. Ya, karena bantuan HTML adalah bantuan standar bagi aplikasi visual studio .NET

b. Ya, karena bantuan HTML dapat dilihat pada setiap web browser.

c. Tidak, karena bantuan HTML tidak dapat digunakan pada kekuatan penuh pada tag HTML 4.01

d. Tidak, karena fitur bantuan HTML hanya terdapat pada sistem operasi Microsoft Windows

 

  1. Halaman web dinamis diawali dengan perkembangan web browser pada….(KUK 3.2).

a.generasi pertama

b.generasi kedua

c.generasi ketiga

d. generasi keempat

 

  1. Aplikasi anda akan digunakan oleh orang yang akan bergantung pada akses bantuan seperti screen reader. Propertis apa saja yang harus diset secara eksplisit pada aplikasi ini (pilihlah2 jawaban yang benar)..(KUK 4.2)…

a.Propertis pada bgColor dari objek dokumen

b.Teks ALT untuk kontrol image

c. cakupan atau scope atribut untuk tabel header

d. propertis Access Key untuk kontrol label.

 

  1. Fitur onload sering digunakan dalam hubungannya dengan tag…(KUK 3.3)..

a. a

b. p

c. body

d. form

 

  1. Fitur di bawah ini yang mana yang tidak cocok ketika harus berada di antara tag..(KUK 3.4)…

a. Onclick

b. Onsubmit

c. Onmouseover

d. Onmouseoff

 

 

 

 

 

3.2. Tugas Unjuk Kerja

(KUK: 2.1-4.2)

Bobot: 50

Bagaimana memperbaiki kesalahan kode pada program halaman web di bawah ini ?

NO

Program yang tidak valid

Alasan

Program valid

1

<h1>This is a heading.    

2

<ul><li>Item 1</ul></li>    

3

<html>

<head>

<body>

<h1>Testing!</h1>

</body>

</html>

   

 

4

<table>

<td>A</td>

<tr>

<td>B</td>

</tr>

</table>

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.3 Daftar Cek Unjuk Kerja

Demonstrasikan validitas perencanaan berkaitan komponen standar kompetensi

Kode unit

: TIK.PR04.002.01

Judul Unit

: Membuat halaman web dinamis dasar

Nomor Elemen

Ya

Tidak

KUK

Ya

Tidak

1. Mempersiapkan lingkungan teknis

1.1 Lingkungan pengembangan dan software server tersedia dan dapat diakses

1.2 Akses atau server jaringan disesuaikan dengan kebijaksanaan dan prosedur yang ditetapkan organisasi

1.3 Direktori virtual dibuat dan disimpan dalam direktori yang tepat untuk akses server.

2. Membuat halaman dinamis

2.1 Halaman dibuat dan disimpan dengan ekstensi yang tepat kemudian disimpan ke dalam direktori/folder yang tepat

2.2 Kode ditambahkan di antara tag pembatas.

2.3 Break dan indent yang tepat pada baris kode dibuat ke dalam baris untuk memudahkan pembacaan.

2.4 Tag HTML digunakan pada format halaman dan konten ditambahkan sesuai dengan kebutuhan.

2.5 Halaman disimpan dalam direktori yang tepat.

2.6 Akses file melalui http://localhost, alamat IP local atau URL lengkap ditentukan.

2.7 Modifikasi dibuat sesuai kebutuhan.

3. Menambahkan fungsi-fungsi pada halaman dinamis.

3.1 Variabel-variabel dan array digunakan dan dideklarasikan menurut persyaratan.

3.2 Nilai variabel, string dan konstanta ditetapkan.

3.3 Fungsi-fungsi internal digunakan pada halaman web.

3.4 Control structure (seperti statement If, While,For,Switch) digunakan sesuai kebutuhan.

04. Menguji dan mengakhiri halaman dinamis

4.1 Halaman disimpan pada server di lokasi yang tepat.

4.2 Halaman dinamis ditampilkan pada browser dan diuji.

4.3 Fungsi format dinamis secara keseluruhan dibuat sesuai dengan kebutuhan bisnis dan pelanggan.

4.4 Halaman klien diakhiri sesuai persyaratan bisnis

Kondisi Unjuk Kerja

Penunjang Ketrampilan

Aspek – aspek penting dalam pengujian

 

 

Testimoni

artikel lainnya Membuat Halaman Web Dinamis Dasar TIK.PR04.002.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
Wednesday 20 May 2015 | blog

    MATERI PELATIHAN BERBASIS KOMPETENSI SEKTOR TEKNOLOGI INFORMASI DAN KOMUNIKASI          …

Sunday 18 October 2015 | blog

TUJUAN PELATIHAN: Image Editing with Adobe Photoshop: Mampu untuk membuat desain dan melakukan editing imej digital…

Wednesday 5 August 2015 | blog

  MATERI PELATIHAN BERBASIS KOMPETENSI SEKTOR TELEMATIKA SUB SEKTOR COMPUTER TECHNICAL SUPPORT     MENGINSTAL MODEM…

Wednesday 22 October 2014 | blog

  KEPUTUSAN BERSAMA          MENTERI TENAGA KERJA DAN TRANSMIGRASI   REPUBLIK INDONESIA          DAN          KEPALA BADAN…