Advertisement
loading...

 

 

Advertisement

MATERI PELATIHAN BERBASIS KOMPETENSI

SEKTOR TELEMATIKA

SUB SEKTOR PROGRAMMER KOMPUTER

 

 

MEMBUAT HALAMAN

WEB DINAMIS LANJUT

TIK.PR04.003.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……………………………………………………….3

 

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                                                        3

1.1.4  Batasan Variabel                                                             4

1.1.5  Panduan Penilaian                                                          4

1.1.6  Kompetensi Kunci                                                           5

 

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

 

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

 

 

 

 

 

 

 

 

 

BAB I

STANDAR KOMPETENSI

 

1.1        Unit Kompetensi Yang Dipelajari

Dalam sistem pelatihan, Standar Kompetensi diharapkan menjadi panduan bagi peserta pelatihan untuk dapat :

  1. Mengidentifikasikan apa yang harus dikerjakan peserta pelatihan.
  2. Memeriksa kemajuan peserta pelatihan.
  3. 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.PR04.003.01

Judul Unit               : Membuat Halaman Web Dinamis Lanjut

 

1.1.2                   Deskripsi Unit

Unit kompetensi ini berkaitan dengan implementasi dari perancangan web dinamis yaitu pembuatan program web dinamis yang memiliki karakteristik mampu melakukan operasi-operasi pengolahan data secara mendasar.

 

1.1.3       Elemen Kompetensi

ELEMEN KOMPETENSI

KRITERIA UNJUK KERJA

01    Memahami pemrograman web dinamis

 

1.1      Standar pemrograman yang penting dari internet dapat dijelaskan.

 

02   Mempersiapkan membuat aplikasi 2.1    Perlengkapan software teks editor dan browser sesuai kebuituhan diidentifikasi.

 

2.2    Software beroperasi sesuai dengan standar operasi aplikasi.

 

2.3    Sumber data yang dibutuhkan sesudah ditentukan dimana letaknya dan bagaimana mengaksesnya.

 

2.4    Skesta disain untuk web yang akan dibuat sudah disiapkan.

 

2.5    Desain interface/menu-menu sudah disiapkan.

 

 

2.6    Ditentukan bagian-bagian yang akan dibuat menjadi program script dan modul-modul.

 

2.7    Server yang akan digunakan untuk web, dimana script dijalankan, dan platform komputer apa yang akan digunakan sudah ditentukan.

 

03    Membuat web menggunakan bahasa script 3.1    File-file HTML dibuat dengan cara coding.

 

3.2    Kode program script dibangun dan diuji beserta modul-modul yang digunakan.

3.3    Web yang dibuat tampail dilayar sesuai dengan rancangan.

 

3.4    Tujuan dari pengiriman konten web yang terdiri dari file program didemonstrasikan.

 

3.5 Keuntungan/kerugian pemrosesan client-side didemonstrasikan.

1.1.4 Batasan Variabel

Batasan variabel dalam bahasan ini adalah:

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

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

 

1.1.5 Panduan Penilaian

          1. Pengetahuan dan Ketrampilan Penunjang

Untuk mendemonstrasikan kompetensi, diperlukan bukti keterampilan dan pengetahuan di bidang berikut ini:

1.1 Pengetahuan dasar

1.1.1 Analisis Website

1.1.2 HTML

1.1.3 Bahasa pemrograman script

1.1.4 Arsitektur informasi

1.1.5 Hardware dan software untuk desain situs

1.1.6 Analisis pengguna web

1.1.7 Integrasi proses on-line

1.2 Ketrampilan dasar

1.2.1 Penggunaan internet

1.2.2 Pemograman

 

2. Konteks Penilaian:

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

 

3. Aspek Penting Penilaian:

Aspek yang harus diperhatikan :

3.1     Kemampuan membuat web menggunakan bahasa script.

3.2     Kemampuan mengenali isu-isu keamanan web.

 

4. Kaitan Dengan Unit-Unit Lain:

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    Memahami 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 sektor tertentu. Batasan variabel akan membantu dalam hal ini. Untuk sektor tertentu/khusus, pelatihan harus disesuaikan untuk memenuhi kebutuhan sektor tersebut.

 

1.1.6 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 tehnik matematika

3

6

Memecahkan masalah

3

7

Menggunakan teknologi

3

 

 

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 apa itu sebenarnya web dinamis dan apa perbedaannya dengan web statis.
  4. Peserta belajar untuk menerapkan HTML dengan cara coding.
  5. Peserta mempelajari pembuatan web dinamis dan pengujian web dinamis.
  6. Peserta mempelajari cara menguji pembuatan web dengan cara coding.

 

K U K

Indikator Kerja

Tahapan Belajar

Sumber

1.1

 

 

 

 

 

Standar pemrograman yang penting dari internet dapat dijelaskan.

 

Mengetahui standar pemrograman web
  • Mencari informasi dari internet
  • Membaca buku
    • Buku tentang standar pemrograman web
 

  • Internet
2.1

 

 

 

 

 

 

 

 

 

Perlengkapan software teks editor dan browser sesuai kebuituhan diidentifikasi.

 

Mampu mempersiapkan software yang dibutuhkan
  • Mencari informasi pada internet.
  • Membaca buku
  • Latihan mengidentifikasi kebutuhan pemrograman
    • Buku tentang software text editor.
 

  • Internet

 

 

2.2 Software beroperasi sesuai dengan standar operasi aplikasi Mengetahui software yang dapat digunakan dalam pemrograman web
  • Membaca buku
  • Mencari informasi pada internet
    • Buku tentang aplikasi web
 

  • Internet

 

 

2.3 Sumber data yang dibutuhkan sesudah ditentukan dimana letaknya dan bagaimana mengaksesnya.

 

Mengetahui letak sumber data
  • Membaca buku

 

 

  • Buku tentang PHP

 

  • Internet

 

2.4 Skesta disain untuk web yang akan dibuat sudah disiapkan.

 

Mampu mempersiapkan sketsa desain yang dibutuhkan
  • Membaca buku
  • Melakukan latihan dengan praktek secara langsung

 

  • Internet

 

  • Buku Pemrograman Web Dinamis

 

2.5 Desain interface/menu-menu sudah disiapkan.

 

Mampu mempersiapkan desain interface
  • Latihan mempersiapkan interface

 

  • Internet

 

  • Buku Pemrograman Web Dinamis

 

2.6 Ditentukan bagian-bagian yang akan dibuat menjadi program script dan modul-modul.

 

Mampu menentukan bagian yang dibuat menjadi script
  • Membaca buku
  • Latihan
    • Internet
 

  • Buku tentang Pemrograman Web Dinamis

 

2.7 Server yang akan digunakan untuk web, dimana script dijalankan, dan platform komputer apa yang akan digunakan sudah ditentukan Dapat mengidentifikasi kebutuhan server
  • Membaca buku
    • Internet
 

  • Buku tentang Pemrograman Web Dinamis

 

3.1 File-file HTML dibuat dengan cara coding.

 

Dapat menerapkan coding dengan HTML
  • Mambaca buku
  • Latihan membuat file HTML
    • Internet
 

  • Buku Pemrograman Web Statis

 

3.2 Kode program script dibangun dan diuji beserta modul-modul yang digunakan. Dapat membangun dan menguji script
  • Mambaca buku
  • Latihan membangun dan menguji web
    • Internet
 

  • Buku Pemrograman Web Dinamis

 

3.3 Web yang dibuat tampail dilayar sesuai dengan rancangan.

 

Dapat menguji web sehingga sesuai dengan tampilan di layar
  • Membaca buku
  • Latihan menguji web

 

  • Internet

 

  • Buku Pemrograman Web Dinamis

 

3.4 Tujuan dari pengiriman konten web yang terdiri dari file program didemonstrasikan.

 

Mampu mengirim dan mendemonstrasikan konten web
  • Membaca buku
    • Buku Pemrograman Web Dinamis
3.5 Keuntungan/kerugian pemrosesan client-side didemonstrasikan. Mampu mengidentifikasi pemrosesan client-side
  • Membaca buku
    • Buku Pemrograman Web Dinamis

 

 

 

 

 

 

 

 

 

 

 

 

 

 

BAB III

TUGAS TEORI DAN UNJUK KERJA

 

3.1        Tugas Teori

Bacalah soal-soal berikut dengan seksama dan kerjakanlah dengan tepat!

  1. Berikut ini adalah termasuk perangkat lunak text editor, kecuali (KUK 2.1)
    1. Textpad
    2. EditPlus
    3. Macromedia Flash MX 2004
    4. Notepad++

 

  1. Jika Anda ingin membuat website yang dinamis, maka sebaiknya Anda menggunakan bahasa pemrograman : (KUK 1.1)
    1. PHP
    2. HTML
    3. JavaScript
    4. VBScript

 

  1. Tag untuk menggunakan bahwa bahasa pemrograman yang digunakan PHP adalah (KUK 3.2)
    1. <…>
    2. <?…?>
    3. <%…%>
    4. Tidak perlu menggunakan tag

 

  1. Arti dari tag <BR> adalah (KUK 3.1)
    1. Pindah halaman
    2. Pindah baris
    3. Pindah paragraf
    4. Pindah tulisan

 

  1.  Jika kita menggunakan XAMPP, maka lokasi default dari file database kita adalah (KUK 2.3)
    1. C:\XAMPP\MySQL\data
    2. C:\XAMPP\bin
    3. C:\XAMPP\Program Files
    4. C:\

 

  1. Berikut ini adalah jenis-jenis browser yang dapat digunakan untuk menguji aplikasi web kita kecuali (KUK 2.1)
    1. Mozilla
    2. Opera
    3. Netscape
    4. Filezilla

 

 

  1. Server yang digunakan jika kita memilih pemrograman JSP adalah (KUK 2.7)
    1. Apache
    2. IIS
    3. Tomcat
    4. TomAndJerry

 

  1. Database yang biasa digunakan bersamaan dengan PHP adalah (KUK 2.3)
    1. MySQL
    2. Access

c.Microsoft SQL Server 2005

  1. Oracle

 

  1. Syntax yang dapat digunakan untuk mencetak pada PHP adalah (KUK 3.2)
    1. printf

b. write

  1. print

d. echo dan print

 

  1. Yang termasuk syntax pengulangan adalah kecuali (KUK 3.1 dan 3.2)
    1. for
    2. while

c.if-else

  1. Do-while

 

  1. Yang perlu diketahui ketika kita mencoba mengakses data dalam database adalah, kecuali (KUK 2.3)
    1. Nama server
    2. Nama username

c.password

  1. nama pemilik komputer

 

  1. Kerugian dari client-side processing adalah (KUK 3.5)
    1. Berat di server
    2. Berat di client

c.Security bagus

  1. Lebih menarik

 

  1. Kerugian dari server-side processing adalah (KUK 3.5)
    1. Berat di server
    2. Berat di client

c.Security bagus

  1. Lebih menarik

 

  1. Dalam menguji sript PHP yang kita buat, sebaiknya kita, kecuali : (KUK 3.2, KUK 3.3 dan KUK 3.4)
    1. Menggunakan browser
    2. Menyalakan server

c.Memeriksa server

  1. Menggunakan Macromedia Dreamweaver MX 2004

 

  1. Suatu jaringan komputer internal yang di disain untuk menghubungkan komputer yang ada di dalam suatu kelompok atau perusahaan tertentu disebut (KUK 1.1)
    1. Internet
    2. Intranet

c.Telemarketing

  1. Database

 

  1. Suatu komputer yang menyediakan informasi atau pelayanan kepada komputer lain disebut (KUK 1.1)
    1. client
    2. internet

c.modem

  1. server

 

  1. Komputer yang meminta informasi dari suatu komputer server disebut (KUK 1.1)
    1. client
    2. internet

c.modem

  1. server

 

  1. Suatu protokol yang menghubungkan semua jaringan komputer yang ada di seluruh dunia disebut (KUK 1.1)
    1. TCP/IP
    2. Domain name

c.Web hosting

  1. Database

 

  1. Nomor identifikasi setiap host yang ada dalam internet (KUK 1.1)
    1. IP Address
    2. TCP/lP

c.Web hosting

  1. Domain name

 

  1. Versi terbaru dari IP adalah (KUK 1.1)
    1. IP versi 4
    2. IP versi 6

c.IP versi 8

  1. IP versi 10

 

  1. PHP merupakan singkatan dari (KUK 2.6 dan KUK 3.2)
    1. Programming Hypertext
    2. Programming Higher Text

c.Hypertext Preprocessor

  1. Hypertext Prememory

 

  1. Jika kita ingin menguji suatu web yang dibangun dengan PHP, maka kita mengetik alamatnya : (KUK 2.6, KUK 3.2, KUK 3.3 dan KUK 3.4)
    1. http://localarea/[namaFile]
    2. http://

c.http://[namaFile]

  1. http://localhost/[namaFile]

 

  1. Jika Anda telah mempersiapkan desain, maka sebaiknya Anda menggunakan text editor : (KUK 2.1)
    1. Notepad
    2. Macromedia Dreamweaver MX 2004

c.Macromedia Flash MX 2003

  1. Textpad

 

  1. Kelebihan dari client-side processing adalah (KUK 3.5)
    1. Berat di server
    2. Ringan di server

c.Ringan di client

  1. Berat di client

 

  1. Kelebihan server-side processing adalah (KUK 3.5)
    1. Berat di server
    2. Ringan di server

c.Ringan di client

  1. Berat di client

 

Bobot nilai untuk setiap soal teori di atas adalah 2, jadi total nilai untuk soal teori adalah 50.

 

 

3.2        Tugas Unjuk Kerja

 

  1. Buatlah halaman web seperti di bawah ini dengan menggunakan script HTML. (KUK 3.1)

 

 

  1. Buatlah script PHP untuk menampilkan data dalam database seperti gambar di bawah ini! (KUK 3.2, KUK 3.3 dan KUK 3.4)

 

 

3.3 Daftar Cek Unjuk Kerja

Demonstrasikan validitas perencanaan berkaitan komponen standar kompetensi

 

Kode unit

: TIK.PR04.003.01

Judul Unit

: Membuat Halaman Web Dinamis Lanjut

Nomor Elemen

Ya

Tidak

KUK

Ya

Tidak

1 Memahami pemrograman web dinamis

1.1 1.1 Standar pemrograman yang terpenting dari internet dapat dijelaskan

2 Mempersiapkan membuat aplikasi

2.1   Perlengkapan software teks editor dan browser sesuai kebuituhan diidentifikasi.

2.2 Software beroperasi sesuai dengan standar operasi aplikasi.

 

2.3 Sumber data yang dibutuhkan sesudah ditentukan dimana letaknya dan bagaimana mengaksesnya.

2.4 Skesta disain untuk web yang akan dibuat sudah disiapkan.

2.5 Desain interface/menu-menu sudah disiapkan.

2.6 Ditentukan bagian-bagian yang akan dibuat menjadi program script dan modul-modul.

 

2.7 Server yang akan digunakan untuk web, dimana script dijalankan, dan platform komputer apa yang akan digunakan sudah ditentukan.

 

 

3 Membuat web menggunakan bahasa script

3.1 File-file HTML dibuat dengan cara coding.

3.2 Kode program script dibangun dan diuji beserta modul-modul yang digunakan.

3.3 Web yang dibuat tampail dilayar sesuai dengan rancangan.

3.4 Tujuan dari pengiriman konten web yang terdiri dari file program didemonstrasikan.

3.5 Keuntungan/kerugian pemrosesan client-side didemonstrasikan.

Kondisi Unjuk Kerja

Penunjang Ketrampilan dan Pengetahuan

Aspek – aspek penting dalam Pengujian

 

 

Testimoni

Filed under : blog, tags:
SLIDESERAGAMBATIK