Вы находитесь на странице: 1из 22

M.

Fadhlurrahman.
A - 5235116416
Pelatihan PKM FT UNJ

PTIK Non Reguler 2011

[KISI-KISI DAN INSTRUMEN PENILAIAN


KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF]

1
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

Kisi-Kisi Soal

2
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

KISI-KISI SOAL

Satuan Pendidikan : SMK


Kelas - Semester : XII
Mata Pelajaran : Desain Multimedia Interaktif
Bidang Keahlian : Multimedia
Kompetensi Dasar : Menerapkan pembuatan produk multimedia interaktif berbasis halaman

Tes Objektif
Kompetensi Dalam Tujuan Tes Tes
Benar - Pilihan Jumlah Jumlah Bobot %Total
Pembelajaran Essay Mengisi Menjodohkan Kinerja
Salah Ganda Objektif
Melakukan akses Website
0.5 5% 0.5
sesuai prosedur
1
Membuat Web Offline berbasis
1 1 1 2.5 25% 2.5
HTML
Mengubah informasi dalam
0.5 5% 0.5
Web Offline
1
Menghapus informasi dalam
0.5 5% 0.5
Web Offline
Membuat akun Web Hosting
1 1 1 10% 1
sesuai prosedur
Membuat Website
1 1 1 2 20% 2
menggunakan template CMS
Memasang Web berbasis CMS
1 1 1 2.25 22.5% 2.25
ke Web Hosting sesuai prosedur
Menambah informasi dalam
0.25 0.25% 0.25
Web Online (CMS)
1
Menghapus informasi dalam
0.25 0.25% 0.25
Web Online (CMS)
Mengubah informasi dalam
0.25 0.25% 0.25
Web Online (CMS)
TOTAL 3 4 4 3 10 100% 10

3
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

Instrumen Penilaian

4
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

SOAL

Satuan Pendidikan : SMK


Kelas - Semester : XII
Mata Pelajaran : Desain Multimedia Interaktif
Bidang Keahlian : Multimedia
Kompetensi Dasar : Menerapkan pembuatan produk multimedia interaktif berbasis halaman

Soal Pilihan Ganda

1. Perhatikan potongan kode berikut :


<html>
<body>
<font color=”blue”><center><h1>Website HTML</h1></center></font>
</body>
</html>

a.

b.

c.

5
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

d.

e.

2. Fasilitas yang disediakan oleh web hosting yang dapat dibuat lebih dari satu dalam satu akun yaitu...
a. Username
b. Password
c. IP address
d. Domain
e. Account
3. Dalam membuat website dengan menggunakan template CMS dengan nama folder website dapat diakses melalui...
a. Localhost/CMS
b. Localhost/website
c. Localhost/template
d. Localhost/index
e. Localhost/folder
4. Salah satu poin utama yang harus diperhatikan dalam memasang web berbasis CMS ke dalam web hosting adalah...
a. Desain template
b. Lokasi web hosting
c. Database mysql
d. Spesifikasi komputer
e. Internet Speed

6
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

Soal Uraian

5. Tuliskan pada lembar jawaban sebuah potongan kode HTML yang akan menghasilkan tampilan sebagai berikut:
 Terdapat tulisan “WEBSITE”
 Ukuran tulisan = 32
 Posisi tulisan = Kanan
 Jenis tulisan = “IMPACT”
6. Tuliskan langkah awal dalam pembuatan website menggunakan template CMS pada localhost.
7. Tuliskan apa saja yang akan diinput ketika ingin menginstall template CMS ke dalam web hosting.

7
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

MODUL PRAKTIKUM 1

Satuan Pendidikan : SMK


Kelas - Semester : XII
Mata Pelajaran : Desain Multimedia Interaktif
Bidang Keahlian : Multimedia
Kompetensi Dasar : Menerapkan pembuatan produk multimedia interaktif berbasis halaman
Tujuan :
- Siswa dapat mengakses halaman web dengan software yang telah ditentukan
- Siswa dapat membuat halaman web offline berbasis bahasa HTML

Alat dan Bahan : Komputer PC, Modul Praktikum

Langkah-langkah praktikum
1. Buka aplikasi browser melalui Start -> All Programs -> Internet Explorer atau Chrome atau Firefox
2. Ketik www.google.com kemudian carilah gambar komputer dan handphone
3. Simpan hasil temuan ke komputer
4. Buka aplikasi Notepad melalui Start -> Accesories -> Notepad
5. Tuliskan kode berikut:
<html>
<head>
<title>Judul Website</title>
</head>
<body> ...................... </body>
</html>

6. Simpan file tersebut dengan memilih File -> Save, kemudian ubah type-nya menjadi All Files dan simpan dengan nama praktikum1.html
7. Buka praktikum1.html dengan cara double klik pada file tersebut dan akan terbuka menggunakan browser dari komputer, kemudian
lihat hasil dari file tersebut
8. Selanjutnya isilah titik-titik tersebut dengan kode HTML yang nantinya akan menghasilkan tampilan sebagai berikut:
- Terdapat judul “PRAKTIKUM 1” dengan menggunakan tag <h1>

8
- Tulislah cerita tentang diri (biografi) kalian dengan menggunakan tag <p> dan menggunakan perataan tengah

Page
- Tambahkan 2 buah gambar dengan perataan kanan dengan menggunakan tag <img>
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

- Tambahkan link ke situs www.google.com pada tulisan Mesin Pencari, www.facebook.com pada tulisan Facebook, dan
praktikum1.html pada tulisan Refresh yang dipasang pada bagian kiri bawah website dengan menggunakan tag <a>
- Simpan file kemudian refresh tampilan dalam browser
9. Buatlah laporan hasil praktikum anda dengan menampilkan gambar screenshot website pada kertas folio dan file hasil praktikum ke CD

9
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

MODUL PRAKTIKUM 2

Satuan Pendidikan : SMK


Kelas - Semester : XII
Mata Pelajaran : Desain Multimedia Interaktif
Bidang Keahlian : Multimedia
Kompetensi Dasar : Menerapkan pembuatan produk multimedia interaktif berbasis halaman
Tujuan :
- Siswa dapat menghapus informasi dalam halaman web offline berbasis bahasa HTML
- Siswa dapat mengubah informasi dalam halaman web offline berbasis bahasa HTML

Alat dan Bahan : Komputer PC, Modul Praktikum

Langkah-langkah praktikum
1. Buka file praktikum1.html kemudian Save As dengan nama praktikum2.html
2. Ubahlah warna huruf pada tulisan tentang biografi menjadi warna biru pada tag <Font Color=”...”>
3. Ganti posisi gambar yang sebelumnya rata kanan menjadi rata tengah dan tambahkan sebuah gambar dengan menggunakan perataan
kiri
4. Ganti alamat link pada tulisan Mesin Pencari dengan link www.yahoo.com
5. Hapuslah tulisan Refresh beserta tautannya.
6. Buatlah laporan hasil praktikum anda dengan menampilkan gambar screenshot website pada kertas folio dan file hasil praktikum ke CD

10
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

MODUL PRAKTIKUM 3

Satuan Pendidikan : SMK


Kelas - Semester : XII
Mata Pelajaran : Desain Multimedia Interaktif
Bidang Keahlian : Multimedia
Kompetensi Dasar : Menerapkan pembuatan produk multimedia interaktif berbasis halaman
Tujuan :
- Siswa dapat memasang atau mengunggah halaman web berbasis CMS kedalam web hosting sesuai prosedur
- Siswa dapat menambah informasi kedalam halaman web berbasis CMS pada web hosting sesuai prosedur
- Siswa dapat mengubah informasi kedalam halaman web berbasis CMS pada web hosting sesuai prosedur
- Siswa dapat menghapus informasi kedalam halaman web berbasis CMS pada web hosting sesuai prosedur

Alat dan Bahan : Komputer PC, Modul Praktikum

Langkah-langkah praktikum
1. Buka www.hostinger.com kemudian login kedalam akun sekolah dengan username: sekolah@mail.com dan password: sekolah123
2. Catatlah alamat IP atau domain beserta direktori (jika ada), nama database, dan nama host kemudian buka www.installatron.com
3. Pilih jenis template CMS Joomla, kemudian pilih install
4. Pilih bahasa yang akan digunakan kemudian pilih next
5. Joomla akan memverifikasi semua konfigurasi web, setelah itu pilih next maka akan muncul halaman lisensi. Pilih next lagi
6. Pilih jenis database (pilih Mysql), masukkan nama host dan nama database sesuai pada yang tertera di webhosting, kemudian
masukkan username database beserta passwordnya yang tertera di webhosting. Lalu pilih next
7. Jika berhasil maka akan muncul halaman konfigurasi FTP. Klik next untuk melangkahi proses konfigurasi FTP
8. Masukkan nama judul website yang diinginkan, alamat email, kemudian tentukan username (admin) dan password (12345) untuk admin.
9. Klik tombol Install Sample Data. Setelah sukses, pilih next
10. Setelah instalasi selesai, hapus folder instalasi melalui file manager pada webhosting
11. Buka alamat domain yang telah diinstall joomla, kemudian login menggunakan username dan password admin
12. Setelah muncul panel kontrol admin, pilih Add New Article lalu tentukan judul artikel (Biodata) dan kategori kemudian isi dengan cerita

11
tentang diri kalian. Setelah itu pilih Save
13. Selanjutnya pilih Article Manager, kemudian pilih salah satu artikel yang ada. Klik tombol Edit, kemudian ubah judul artikel menjadi Foto

Page
dan isi dengan sebuah gambar komputer. Setelah itu pilih Save
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

14. Pilih Article Manager, kemudian pilih salah satu artikel yang ingin dihapus. Klik tombol Trash lalu piliih yes ketika muncul jendela
konfirmasi.
15. Buatlah laporan hasil praktikum anda dengan menampilkan gambar screenshot website pada kertas folio beserta alamat URLnya.

12
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

Rubrik Penilaian

13
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

KUNCI JAWABAN SOAL PILIHAN GANDA

1. Perhatikan potongan kode berikut :


<html>
<body>
<font color=”blue”><center><h1>Website HTML</h1></center></font>
</body>
</html>

a.

b.

c.

d.

14
e.

Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

2. Fasilitas yang disediakan oleh web hosting yang dapat dibuat lebih dari satu dalam satu akun yaitu...
a. Username
b. Password
c. IP address
d. Domain
e. Account
3. Dalam membuat website dengan menggunakan template CMS dengan nama folder website dapat diakses melalui...
a. Localhost/CMS
b. Localhost/website
c. Localhost/template
d. Localhost/index
e. Localhost/folder
4. Salah satu poin utama yang harus diperhatikan dalam memasang web berbasis CMS ke dalam web hosting adalah...
a. Desain template
b. Lokasi web hosting
c. Database mysql
d. Spesifikasi komputer
e. Internet Speed

15
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

RUBRIK SOAL URAIAN

5. Tuliskan pada lembar jawaban sebuah potongan kode HTML yang akan menghasilkan tampilan sebagai berikut:
• Terdapat tulisan “WEBSITE”
• Ukuran tulisan = 32
• Posisi tulisan = Kanan
• Jenis tulisan = “IMPACT”

<html>
<body>
<font size=32px face=”impact”>
<right>WEBSITE</right> Poin = 4
</font>
</body>
</html>
<html>
<body>
<font size=32px face=”impact”>
<right>WEBSITE*****
Poin = 3
</font>
</body>
</html>
Tag penutup tidak ada pada salah satu tag HTML
<html>
<body>
<font size=32px face=”impact”>
*****WEBSITE*****
Poin = 1
</font>
</body>
</html>
Salah satu tag HTML tidak ada

16
Terdapat lebih dari 2 tag HTML yang tidak ada atau tanpa penutup Poin = 0

Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

6. Tuliskan langkah awal dalam pembuatan website menggunakan template CMS pada localhost.

Keyword - Langkah-langkah lengkap beserta optional dan berurutan. Poin


- Memastikan server dan database lokal (contoh: XAMPP) dalam =4
keadaan aktif - Langkah-langkah lengkap tanpa optional dan berurutan. Poin =
- Salin atau pindahkan folder instalasi CMS (contoh: Joomla) ke 3
folder htdocs - Langkah pertama atau terakhir tidak ada tetapi langkah lain
- Ketik localhost atau 127.0.0.1 pada browser ada dan berururtan. Poin = 2
- Pilih bahasa yang diinginkan lalu pilih next (optional) - Selain 3 kondisi diatas(tidak lengkap atau tidak berurut). Poin =
- Piliih jenis database lalu masukkan nama host, username, 0
password, nama database, dan table prefix lalu pilih next - Dibolehkan jawaban yang kalimatnya mendekati dengan
- Konfigurasi FTP dari CMS lalu finish maksud dari kalimat di kunci jawaban
- Jawaban harus berurutan

7. Tuliskan apa saja yang akan diinput ketika ingin menginstall template CMS ke dalam web hosting.
- Jenis database atau database type
- Nama host atau host name
- Menjawab ≥ 3 poin jawaban. Poin = 2
- Username
- Menjawab < 3 poin jawaban. Poin = 1
- Password
- Jawaban boleh tidak berurut
- Nama database atau database name
- Table prefix

17
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

RUBRIK PRAKTIKUM I

No. Peserta : .......................................................

Nama : .......................................................

Instrumen Bobot Skor


I. Kemampuan Dasar Internet
a. Melakukan browsing dan searching 10
b. Melakukan download 10
II. Kemampuan Dasar Membuat Website
a. Membuka aplikasi editor (notepad) 10
b. Membuat website dasar berisi judul dan biodata 20
c. Menyisipkan gambar 20
d. Menyisipkan tautan URL 20
e. Menyimpan dalam format HTML 10
TOTAL 100

18
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

RUBRIK PRAKTIKUM II

No. Peserta : .......................................................

Nama : .......................................................

Instrumen Bobot Skor


I. Kemampuan Mengedit website offline
a. Membuka file html ke editor 5
b. Mengganti warna font 30
c. Mengolah gambar 30
d. Mengganti tautan URL 30
e. Menyimpan dalam format HTML 5
TOTAL 100

19
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

RUBRIK PRAKTIKUM III

No. Peserta : .......................................................

Nama : .......................................................

Instrumen Bobot Skor


I. Kemampuan Instalasi website online
a. Melakukan konfigurasi Database 15
b. Melakukan konfigurasi utama website 15
c. Menghapus folder instalasi 10
II. Kemampuan mengolah website online
a. Membuat artikel baru 20
b. Mengedit artikel yang telah ada 20
c. Menghapus artikel yang telah ada 20
TOTAL 100

20
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

INSTRUMEN PENILAIAN AFEKTIF

Berilah tanda ceklist (√) pada kolom sikap yang sesuai dengan sikap anda terhadap pernyataan yang tertera.

No Pernyataan Sikap
Setuju Tidak Setuju
1 Saya sering hadir tepat waktu pada mata
pelajaran Desain Multimedia Interaktif
2 Saya antusias dalam kegiatan pembelajaran
pada mata pelajaran Desain Multimedia
Interaktif
3 Saya sering merasa mengantuk saat pelajaran
Desain Multimedia Interaktif
4 Saya merasa pelajaran Desain Multimedia
Interaktif sangat bermanfaat bagi saya
5 Saya sering mengobrol dengan teman pada saat
kegiatan pembelajaran berlangsung

21
Page
[KISI-KISI DAN INSTRUMEN PENILAIAN KOGNITIF, PSIKOMOTORIK, DAN AFEKTIF] M. Fadhlurrahman. A - 5235116416

RUBRIK PENILAIAN AFEKTIF

No Pernyataan Sikap
Setuju Tidak Setuju
1 Saya sering hadir tepat waktu pada mata
Poin 1 Poin 0
pelajaran Desain Multimedia Interaktif
2 Saya antusias dalam kegiatan pembelajaran
pada mata pelajaran Desain Multimedia Poin 1 Poin 0
Interaktif
3 Saya sering merasa mengantuk saat pelajaran
Poin 0 Poin 1
Desain Multimedia Interaktif
4 Saya merasa pelajaran Desain Multimedia
Poin 1 Poin 0
Interaktif sangat bermanfaat bagi saya
5 Saya sering mengobrol dengan teman pada saat
Poin 0 Poin 1
kegiatan pembelajaran berlangsung

Hitung total jumlah poin dari instrumen penilaian afektif.

Penjelasan rentang hasil poin :

- 5 poin : Sangat Antusias


- 4 poin : Antusias
- 3 poin : Cukup Antusias
- 2 poin : Biasa Saja
- 1 poin : Tidak Antusias
- 0 poin : Sangat Tidak Antusias

22
Page

Вам также может понравиться