LATIHAN : 1.

A
Mata Pelajaran : PEMROGRAMAN WEB DAN PERANGKAT BERGERAK

Kelas : XI

Semester :1

KD Pengetahuan : Menerapkan tampilan format multimedia pada halaman web

Tingkat Kognitif : Mengingat/Memahami/Mengaplikasikan/Menganalisis

/Mengevaluasi/Mencipta *

Bentuk Pengetahuan : FAKTUAL, KONSEPTUAL, PROSEDURAL, METAKOGNITIF *

Materi Pokok : Tampilan multimedia pada halaman WEB

LEVEL
INDIKATOR PENCAPAIAN BENTUK NO
KOMPETENSI DASAR MATERI KOGNITI INDIKATOR SOAL
KOMPETENSI SOAL SOAL
F
Menerapkan Siswa dapat Tag untuk C3 Disajikan kode HTML. Siswa dapat Pilihan 1
tampilan format menentukan tag untuk menampilkan menentukan tag yang digunakan untuk Ganda
multimedia pada tampilan gambar gambar <img> menampilkan gambar dalam halaman
halaman web dalam halaman web. pada halaman web dengan benar
web
Siswa dapat Atribut-atribut C3 Disajikan berbagai macam atribut. Siswa Pilihan 2
menentukan tag untuk untuk tag <img> dapat menentukan atribut yang Ganda
tampilan gambar digunakan pada tag <img> dengan
dalam halaman web.
benar.
Siswa dapat Berbagai Ekstensi C3 Disajikan berbagai macam ekstensi file. Pilihan 3
menentukan tag untuk File Gambar Siswa dapat menentukan ekstensi file Ganda
tampilan gambar gambar dengan benar.
dalam halaman web.
Siswa dapat Tag untuk C3 Disajikan kode HTML. Siswa dapat Pilihan 4
menentukan tag untuk menampilkan menentukan tag yang digunakan untuk Ganda
tampilan audio dalam audio <audio> menampilkan audio dalam halaman web
halaman web. pada halaman dengan benar
web
Siswa dapat Atribut-atribut C3 Disajikan berbagai macam atribut. Siswa Pilihan 5
menentukan tag untuk untuk tag dapat menentukan atribut yang Ganda
tampilan audio dalam <audio> digunakan pada tag <audio> dengan
halaman web.
benar.
Siswa dapat Berbagai Ekstensi C3 Disajikan berbagai macam ekstensi file. Pilihan 6
menentukan tag untuk File audio Siswa dapat menentukan ekstensi file Ganda
tampilan audio dalam audio dengan benar.
halaman web.
Siswa dapat Tag untuk C3 Pilihan 7
Disajikan kode HTML. Siswa dapat
menentukan tag untuk menampilkan Ganda
tampilan video dalam
menentukan tag yang digunakan untuk
video <video>
halaman web. pada halaman
menampilkan video dalam halaman web
web dengan benar
Siswa dapat Atribut-atribut C3 Disajikan berbagai macam atribut. Siswa Pilihan 8
menentukan tag untuk untuk tag dapat menentukan atribut yang Ganda
tampilan video dalam <video> digunakan pada tag <video> dengan
halaman web.
benar.
Siswa dapat Berbagai Ekstensi C3 Disajikan berbagai macam ekstensi file. Pilihan 9
menentukan tag untuk File video Siswa dapat menentukan ekstensi file Ganda
tampilan video dalam video dengan benar.
halaman web.
Siswa dapat Melengkapi kode C3 Disajikan kode HTML. Siswa dapat Pilihan 10
menerapkan format HTML melengkapi kode HTML dengan benar. Ganda
tampilan multimedia berdasarkan
dalam halaman web. pernyataan/
kondisi
Siswa dapat Menerapkan C3 Disajikan pernyataan. Siswa dapat Pilihan 11
menerapkan format Kode HTML menentukan kode HTML untuk Ganda
tampilan multimedia berdasarkan menghasilkan tampilan yang sesuai.
dalam halaman web. pernyataan
 NO
BENTUK SOAL SOA INSTRUMEN SOAL KUNCI
BOBOT
L JAWABAN/RUBRIK
OPTION
A. 1. PILIHAN GANDA 1 Perhatikan kode HTML di bawah ini ! a. Menampilkan gambar A 1
<img src=“file1.jpg”> b. Menampilkan audio
Kode tersebut digunakan untuk ….. c. Menampilkan video
d. Membuat link
e. Menebalkan huruf
2 Dari beberapa atribut berikut ini, yang digunakan untuk a. href E 1
memberikan judul pada gambar adalah ….. b. align
c. target
d. type
e. title
3 Dari beberapa ekstensi file berikut ini, yang merupakan a. .mp3 C 1
ekstensi file gambar adalah ….. b. .mkv
c. .png
d. .flv
e. .3gp
4 Perhatikan kode HTML di bawah ini ! a. Menampilkan gambar B 1
<audio controls autoplay loop> b. Menampilkan audio
<source src=“file2.mp3” type=”audio/mp3”> c. Menampilkan video
</audio> d. Membuat link
Kode tersebut digunakan untuk ….. e. Menebalkan huruf
5 Dari beberapa atribut berikut ini, yang digunakan untuk a. height C 1
mengulang audio kembali setelah pemutaran awal b. width
selesai adalah ….. c. loop
d. hspace
e. vspace
6 Dari beberapa ekstensi file berikut ini, yang merupakan a. .jpg C 1
ekstensi file audio adalah ….. b. .gif
c. .amr
d. .mp4
e. .mkv
7 Perhatikan kode HTML di bawah ini ! a. Menampilkan gambar C 1
<video controls height=”200” width=”400” autoplay > b. Menampilkan audio
<source src=“file3.mp4” type=”video/mp4”> c. Menampilkan video
</video> d. Membuat link
Kode tersebut digunakan untuk ….. e. Menebalkan huruf
8 Dari beberapa atribut berikut ini, yang digunakan untuk a. title D 1
menentukan sumber file video adalah …. b. href
c. target
d. src
e. align
9 Dari beberapa ekstensi file berikut ini, yang merupakan a. .gif E 1
ekstensi file video adalah ….. b. .jpg
c. .mp3
d. .psd
e. .mkv
10 Perhatikan kode HTML di bawah ini! a. height=”200” width=”300” B 1
<img src=”foto.jpg” …….. ……… > b. height=”300” width=”200”
Lengkapi kode tersebut untuk menampilkan gambar c. size=”200” width=”300”
dengan lebar 200 piksel dan tinggi 300 piksel. d. size=”300” width=”200”
e. size=”200” height=”300”
11 Perhatikan pernyataan berikut! a. <audio controls > A 1
<source src="Lagu1.mp3"
Menampilkan audio pada halaman web dengan nama type="audio/mp3">
sumber file nya yaitu Lagu1.mp3 serta tampilkan juga </audio>
kontrol volume dan audio tidak memutar secara
 otomatis. b. <audio>
<source src="Lagu1.mp3"
Kode HTML yang tepat berdasarkan pernyataan type="audio/mp3">
tersebut adalah …. </audio>
c. <audio controls autoplay
loop>
<source src="Lagu1.mp3"
type="audio/mp3">
</audio>
d. <audio autoplay loop>
<source src="Lagu1.mp3"
type="audio/mp3">
</audio>
e. <audio controls loop>
<source src="Lagu1.mp3"
type="audio/mp3">
</audio>
A. 2. URAIAN 1
TERBATAS

A.3. URAIAN BEBAS 1

 KARTU SOAL BENTUK PILIHAN GANDA
LATIHAN : 1. B
NAMA SEKOLAH : SMK NEGERI 1 ANYER Penyusun : 1. Firman Faturrohman
Mata Pelajaran : PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 2.
Kelas/Semester : XI/1 3.
Bentuk Tes : Tertulis (pilihan Ganda) Tahun Pelajaran: ............../.........

Kompetensi Dasar :
Menerapkan tampilan format multimedia No. SOAL : Kunci jawaban : Buku Sumber :
pada halaman web 1 A
RUMUSAN/INSTRUMEN BUTIR SOAL :
Perhatikan kode HTML di bawah ini !
<img src=“file1.jpg”>
Kode tersebut digunakan untuk …..
Materi : Menampilkan gambar
Tag untuk menampilkan gambar <img> pada Menampilkan audio
halaman web Menampilkan video
Membuat link
Menebalkan huruf

Indikator soal :
Disajikan kode HTML. Siswa dapat menentukan
tag yang digunakan untuk menampilkan
gambar dalam halaman web dengan benar
 KARTU SOAL BENTUK PILIHAN GANDA
LATIHAN : 1. B
NAMA SEKOLAH : SMK NEGERI 1 ANYER Penyusun : 1. Firman Faturrohman
Mata Pelajaran : PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 2.
Kelas/Semester : XI/1 3.
Bentuk Tes : Tertulis (pilihan Ganda) Tahun Pelajaran: ............../.........

Kompetensi Dasar :
Menerapkan tampilan format multimedia No. SOAL : Kunci jawaban : Buku Sumber :
pada halaman web 2 E
RUMUSAN/INSTRUMEN BUTIR SOAL :
Dari beberapa atribut berikut ini, yang digunakan untuk memberikan judul pada
gambar adalah …..
href
Materi : align
Atribut-atribut untuk tag <img> target
type
title

Indikator soal :
Disajikan berbagai macam atribut. Siswa dapat
menentukan atribut yang digunakan pada tag
<img> dengan benar.
 KARTU SOAL BENTUK PILIHAN GANDA
LATIHAN : 1. B
NAMA SEKOLAH : SMK NEGERI 1 ANYER Penyusun : 1. Firman Faturrohman
Mata Pelajaran : PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 2.
Kelas/Semester : XI/1 3.
Bentuk Tes : Tertulis (pilihan Ganda) Tahun Pelajaran: ............../.........

Kompetensi Dasar :
Menerapkan tampilan format multimedia No. SOAL : Kunci jawaban : Buku Sumber :
pada halaman web 3 C
RUMUSAN/INSTRUMEN BUTIR SOAL :
Dari beberapa ekstensi file berikut ini, yang merupakan ekstensi file gambar
adalah …..
.mp3
Materi : .mkv
Berbagai Ekstensi File Gambar .png
.flv
.3gp

Indikator soal :
Disajikan berbagai macam ekstensi file. Siswa
dapat menentukan ekstensi file gambar
dengan benar.
 KARTU SOAL BENTUK PILIHAN GANDA
LATIHAN : 1. B
NAMA SEKOLAH : SMK NEGERI 1 ANYER Penyusun : 1. Firman Faturrohman
Mata Pelajaran : PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 2.
Kelas/Semester : XI/1 3.
Bentuk Tes : Tertulis (pilihan Ganda) Tahun Pelajaran: ............../.........

Kompetensi Dasar :
Menerapkan tampilan format multimedia No. SOAL : Kunci jawaban : Buku Sumber :
pada halaman web 4 B
RUMUSAN/INSTRUMEN BUTIR SOAL :
Perhatikan kode HTML di bawah ini !
<audio controls autoplay loop>
<source src=“file2.mp3” type=”audio/mp3”>
Materi : </audio>
Tag untuk menampilkan audio <audio> pada Kode tersebut digunakan untuk …..
halaman web Menampilkan gambar
Menampilkan audio
Menampilkan video
Membuat link
Indikator soal : Menebalkan huruf
Disajikan kode HTML. Siswa dapat menentukan
tag yang digunakan untuk menampilkan audio
dalam halaman web dengan benar