EVALUASI HASIL BELAJAR

MATA PELAJARAN
PEMROGRAMAN WEB DAN PERANGKAT BERGERAK

Oleh:

Zohan Fachrull Wahab

No Peserta PPG : 19056152310261
Kelas :B

TEKNIK KOMPUTER DAN INFORMATIKA

UNIVERSITAS NEGERI MALANG

PROGRAM PENDIDIKAN PROFESI GURU - DALJAB
Juni 2019
 Kisi-Kisi Soal

Jenjang Pendidikan : SMK

Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak
Kurikulum : 2013
Kelas : XI
Jumlah Soal : 10
Bentuk Soal : Pilihan Ganda, Praktikum

No. Kompetensi Kelas Materi Indikator Soal Level No Bentuk

Dasar Kognitif Soal Soal
1 XI Konsep Menjelaskan prosedur Pemahaman 1 PG
tampilan format tampilan (L1)
multimedia multimedia gambar
dalam dalam halaman web
html.

2 XI Konsep Menjelaskan prosedur Pemahaman 2 PG

tampilan format tampilan (L1)
multimedia multimedia audio
dalam dalam halaman web.
html.

3 XI Konsep Menjelaskan prosedur Pemahaman 3 PG

tampilan format tampilan (L1)
multimedia multimedia video
3.4
dalam dalam halaman web.
Menerapkan
html.
tampilan
format
4 multimedia XI Tag Menerapkan format Penerapan 4 PG
pada halaman menampilk tampilan multimedia (L2)
web an gambar. gambar dalam
halaman web.

5 XI Tag Menerapkan format Penerapan 5 PG

menampilk tampilan multimedia (L2)
an gambar. gambar dalam
halaman web.

6 XI Tag untuk Membuat kode Mengorgan 6 PG

audio program tampilan isasi (L3)

Halaman | 2
 format multimedia
audio dalam halaman
web.

7 XI Tag untuk Membuat kode Mengorgan 7 PG

video program tampilan isasi (L3)
format multimedia
audio dalam halaman
web.

8 XI Tag untuk Menguji program Membuat 8 Praktik

menampilkan hasil tampilan (L3) um
4.4 Membuat gambar multimedia gambar
kode html dalam halaman web.
untuk
9 menampilkan XI Tag untuk Menguji program Membuat 9 Praktik
tampilan audio hasil tampilan (L3) um
format multimedia audio
multimedia dalam halaman web.
10 pada halaman XI Tag untuk Menguji program Membuat 10 Praktik
web video hasil tampilan (L3) um
multimedia video
dalam halaman web.

- Soal Pilihan Ganda

1. Tag multimedia web berikut yang berguna memasukkan gambar pada halaman web
adalah
a. <img>
b. <audio><.audio>
c. <video></video>
d. <br/>
e. <xml>
Kunci Jawaban : A

2. Tag multimedia web berikut yang berguna memasukkan audio pada halaman web adalah
a. <img>
b. <audio><.audio>
c. <video></video>
d. <br/>
e. <xml>
Kunci Jawaban : B

Halaman | 3
3. Tag multimedia web berikut yang berguna memasukkan video pada halaman web adalah
a. <img>
b. <audio><.audio>
c. <video></video>
d. <br/>
e. <xml>
Kunci Jawaban : C

4. Fungsi dari atribut src pada elemen <img> adalah

a. Untuk meletakkan direktori tempat gambar yang akan ditampilkan
b. Untuk meletakkan gambar yang akan ditampilkan
c. Untuk menambahkan detail keterangan gambar
d. Untuk meletakkan direktori tempat gambar yang akan ditampilkan lengkap dengan
nama gambar dan tipe gambarnya.
e. Untuk meletakkan direktori tempat gambar yang akan ditampilkan lengkap dengan
nama gambar dan tipe gambar serta atribut lainnya.
Kunci Jawaban : D

5. Maksud dari potongan script dibawah ini adalah

a. Menampilkan image bernama burunghantu.jpg

b. Menampilkan image bernama burunghantu.jpg dengan tinggi 200px

Halaman | 4
 c. Menampilkan image bernama burunghantu.jpg yang berada pada satu folder dengan
tinggi 200px mengatur otomatis lebar gambar
d. Menampilkan image bernama burunghantu.jpg dengan tinggi 200px mengatur
otomatis lebar gambar
e. Menampilkan image bernama burunghantu.jpg yang berada pada satu folder
Kunci Jawaban : C

6. Disajikan script html, maksud dari potongan script dibawah ini adalah

a. Menampilkan audio bernama littleidea.mp3

b. Menampilkan audio bernama littleidea.mp3 yang berada pada satu folder
c. Menampilkan audio bernama littleidea.mp3 yang berputar secara otomatis dan
berada pada satu folder
d. Menampilkan audio bernama littleidea.mp3 yang berputar secara berulang-ulang
dan berada pada satu folder
e. Menampilkan audio bernama littleidea.mp3 yang berada pada satu folder lengkap
dengan tombol kontrol
Kunci Jawaban : E

Halaman | 5
 7. Disajikan script html, maksud dari potongan script dibawah ini adalah

a. Menampilkan video bernama PetualanganBoy.mp4

b. Menampilkan video bernama PetualanganBoy.mp4 yang berada pada satu folder
c. Menampilkan video bernama PetualanganBoy.mp4 yang berputar secara otomatis
dan berada pada satu folder
d. Menampilkan video bernama PetualanganBoy.mp4 yang berada pada satu folder
lengkap dengan tombol kontrol
e. Menampilkan video bernama PetualanganBoy.mp4 yang berputar secara berulang-
ulang dan berada pada satu folder
Kunci Jawaban : D

- Soal Praktikum
8. Buatlah halaman web menampilkan gambar, dimana ukuran gambar hanya separuh dari
ukuran gambar sebenarnya dan proporsional.

Kunci Jawaban :
 Buka aplikasi notepad++ di laptop/PC
 Buat struktur file html lengkap
 Pada bagian <body> tambahkan tag <img>
 Tambahkan atribut src tuliskan lokasi/direktori gambar berada lengkap dengan
nama gambar dan tipe gambar
 Tambahkan atribut width dan height isi dengan nilai 50%

Halaman | 6
9. Buatlah halaman web menampilkan audio player yang memainkan lagu secara otomatis
dan berulang-ulang ketika halaman web dibuka.

Kunci Jawaban :
 Buka aplikasi notepad++ di laptop/PC
 Buat struktur file html lengkap
 Pada bagian <body> tambahkan tag <audio> </audio>
 Pada pembuka tag <audio> tambahkan atribut controls, autoplay dan loop
 Didalam tag <audio> </audio> tambahkan atribut source src tuliskan
lokasi/direktori audio berada lengkap dengan nama audio dan tipe audio

10. Buatlah halaman web menampilkan video player yang memutar video secara otomatis
ketika halaman web dibuka dan memiliki ukuran video separuh dari ukuran video
sebenarnya.

Kunci Jawaban :
 Buka aplikasi notepad++ di laptop/PC
 Buat struktur file html lengkap
 Pada bagian <body> tambahkan tag <video> </video>
 Pada pembuka tag <video> tambahkan atribut controls, autoplay
 Didalam tag <video> </video> tambahkan atribut source src tuliskan
lokasi/direktori video berada lengkap dengan nama video dan tipe video
 Di dalam atribut <source src> tambahkan width dan height dengan nilai 50%

Halaman | 7
- Penilaian Pengetahuan
No Soal Kunci Jawaban Skor
1 A. <img> 1
2 B. <audio> </audio> 1
3 C. <video> </video> 1
4 D. Untuk meletakkan direktori 1
tempat gambar yang akan
ditampilkan lengkap dengan nama
gambar dan tipe gambarnya.
5 C. Menampilkan image bernama 1
burunghantu.jpg yang berada pada
satu folder dengan tinggi 200px
mengatur otomatis lebar gambar
6 E.Menampilkan audio bernama 1
littleidea.mp3 yang berada pada
satu folder lengkap dengan tombol
kontrol
7 D. Menampilkan video bernama 1
PetualanganBoy.mp4 yang berada
pada satu folder lengkap dengan
tombol kontrol
Skor Maksimum 7

Keterangan

 NA (Nilai Akhir) = (jumlah perolehan ‘skor’ / 7) X 100 = …….

 Peserta dinyatakan lulus (kompeten) jika NA ≥ 70

- Penilaian Praktikum

Nama Peserta Didik : ____________________________________

Kelas : ____________________________________

KINERJA
NO URAIAN KEGIATAN
ya tidak
1 Persiapan
 Menghidupkan laptop/PC
 Memeriksa kelengkapan software pendukung pada
Halaman | 8
 KINERJA
NO URAIAN KEGIATAN
ya tidak
laptop/komputer
2 Melaksanakan pembuatan kode html untuk
menampilkan tampilan format multimedia pada halaman
web

 Tag menampilkan gambar.

 Tag untuk audio
 Tag untuk video
3 Menguji program
 Memastikan program yang dibuat tidak mengalami
error
 Menjalankan program yang dibuat pada web
browser
4 Penilaian Sikap
 Merapikan kembali alat praktik laptop/komputer
seperti awal
 Membersihkan area kerja.
Jumlah
Keterangan

 NA (Nilai Akhir) = (jumlah perolehan ‘ya’ / 9) X 100 = …….

 Peserta dinyatakan lulus (kompeten) jika NA ≥ 70

- Penilaian Akhir
Jenis Soal Bobot

Pilihan Ganda 40%

Praktikum 60%

Nilai perjenis soal =(Skor perolehan / skor maksimum) x bobot

Nilai Akhir = Nilai pilihan ganda + Nilai Praktikum
Peserta didik dinyatakan lulus (kompeten) jika NA ≥ 70

Halaman | 9