No. Dok.

: M-FM-KUR-04/L4
SMK NEGERI 1 LIMBOTO Revisi : 00
Soal Ujian Semester Genap Tanggal : 07 SEPT2011

Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak

Program Keahlian : Teknik Komputer dan Informatika
Kompetensi Keahlian : Rekayasa Perangkat Lunak
Kelas : XII
TahunPelajaran : 2022/2023
Hari/Tanggal :

A. PILIHAN GANDA
Petunjuk : Jawablah pertanyaan dibawah ini dengan cara memberi tanda (X) pada
jawaban yang dianggap paling tepat!

1. Apabila dalam pembuatan dokumen HTML kita ingin mendapatkan inputan dari user
yang nanti akan dapat diproses oleh server, elemen yang kita butuhkan adalah...
A. Link
B. List
C. Form
D. Table
E. Image

ANSWER : C

2. Dalam pembuatan form, kita dapat menggunakan text input field untuk menerima
inputan teks dari user. Manakah dibawah ini yang merupakan cara yang tepat untuk
membuat text input field ?....
A. <textinput type=”text”>
B. <textfield>
C. <input type=”text”>
D. <input type=”textfield”>
E. <text_input >
ANSWER : C

3. Perhatikan gambar elemen form dibawah ini!

 Untuk membuat elemen form seperti pada gambar diatas, elemen yang dapat kita
gunakan adalah…
A. Input Type Text
B. Input Type Checkbox
C. Button
D. Input Type Radio
E. Dropdown/Combo Box
ANSWER: D

4. Perhatikan gambar dibawah ini!

Untuk membuat elemen form untuk pilihan seperti pada gambar diatas, elemen yang
dapat kita gunakan adalah…
A. Input Type Text
B. Input Type Checkbox
C. Button
D. Input Type Radio
E. Dropdown/Combo Box
ANSWER: B

5. Perhatikan skrip HTML berikut ini!

Apakah kegunaan dari atribut yang dilingkari merah pada skrip diatas?...
A. Menentukan metode pengiriman data form
B. Menentukan tempat penyimpanan data dari form
 C. Menentukan lokasi tempat form dibuka
D. Menentukan apakah form memiliki fitur autocomplete atau tidak
E. Menentukan file tujuan yang akan memproses inputan
ANSWER: E

6. Dalam hal mempercantik tampilan halaman web, kita memerlukan CSS untuk membantu kita
dalam hal tersebut. Kepanjangan dari CSS adalah…
A. Custom Style Sheet
B. Cascade Style Sheet
C. Coloring Style Sheet
D. Cascading Style Sheet
E. Customization Style Sheet
ANSWER: D

7. Dalam menggunakan CSS kita dapat menggunakan beberapa cara, salah satu diantaranya
adalah menggunakan css di file tersendiri di luar dari file HTML kita. Istilah lain untuk cara
ini adalah…
A. External CSS
B. Inline CSS
C. Internal CSS
D. Inserting CSS
E. Inside CSS
ANSWER: A

8. Perhatikan skrip HTML dan hasilnya dibawa ini!

Cara penggunaan CSS seperti yang ditunjukkan pada skrip diatas adalah…
 A. External CSS
B. Inline CSS
C. Internal CSS
D. Insert CSS
E. Custom CSS
ANSWER: B

9. Perhatikan skrip HTML & CSS serta hasilnya berikut ini!

Dari skrip tersebut, kesimpulan apa yang kalian dapatkan tentang penggunaan properti
font-family ?…
A. Menentukan ukuran huruf
B. Menentukan warna huruf
C. Menentukan tipe huruf
D. Menentukan lebar tulisan
E. Menentukan spasi tulisan
ANSWER: C

10. Perhatikan skrip HTML berikut ini !

Pada skrip diatas terdapat salah satu cara penggunaan CSS yaitu…
 A. Inline CSS
B. Internal CSS
C. Insert CSS
D. Inside CSS
E. External CSS
ANSWER: E

11. Jika kita ingin menggunakan file CSS yang lokasi filenya satu direktori/folder dengan file
HTML kita, kita dapat menggunakan cara…
A. <link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">
B. <link rel="stylesheet" href="/html/styles.css">
C. <link rel="stylesheet" href="styles.css">
D. <link rel="stylesheet" href="https://www.w3schools.com/style.css">
E. <link rel="stylesheet" href="../styles.css">

ANSWER: C

12. Struktur CSS terdiri dari selector, property dan value. Pada gambar dibawah ini yang
merupakan property adalah yang ditunjukkan oleh nomor…
2
3
4

3
5

A. 1
B. 2
C. 3
D. 4
E. 5
ANSWER: C

13. Untuk membuat program atau aplikasi kita membutuhkan bahasa pemrograman untuk
menuliskan perintah – perintah sehingga dihasilkan program aplikasi sesuai dengan yang kita
inginkan. Berikut ini yang bukan termasuk dalam bahasa pemrograman adalah…
A. CSS
B. Javascript
C. PHP
D. Dart
E. Java
ANSWER: A

14. Perhatikan skrip berikut ini!

 apakah kegunaan dari skrip tersebut diatas?...
A. Menambahkan element baru
B. Mengubah nilai atribut elemen HTML
C. Mengubah konten dari element HTML
D. Mengubah ID dari elemen HTML
E. Mengubah nama dari elemen HTML
ANSWER: C

15. Jika kita ingin menulis kode javascript di dalam dokumen HTML kita, kita perlu menuliskan
skrip tersebut di dalam sebuah tag khusus. Tag yang dimaksud adalah…
A. <scripting>
B. <js>
C. <javascript>
D. <jscript>
E. <script>
ANSWER: E

16. Perhatikan elemen HTML dibawah ini!

<p id="demo">This is a demonstration.</p>
Sintaks javascript yang tepat untuk mengubah konten dari elemen <p> tersebut adalah…
A. #demo.innerHTML = “Hello World”;
B. document.getElementById(“demo”).innerHTML = “Hello World”
C. document.getElement(“p”).innerHTML = “Hello World”
D. document.getElementByName(“p”).innerHTML = “Hello World”
E. documents.getElement(“demo”).innerHTML = “Hello World”
ANSWER: B

17. Untuk menggunakan file javascript external, manakah yang benar dibawah ini tentang cara
menggunakan file javascript eksternal di HTML
A. <script src=”xxx.js”>
B. <script href=”xxx.js”>
C. <script name=”xxx.js”>
D. <javascript src=”xxx.js”>
E. <javascript href=”xxx.js”>
ANSWER: A

18. Dalam javascript ada suatu fitur yang dikenal dengan nama alert. Yaitu kotak dialog yang
dapat kita gunakan untuk memberikan informasi kepada pengguna. Berikut ini yang
merupakan cara yang tepat untuk membuat alert adalah…
A. msgBox(“Hello World”)
 B. msg(“Hello World”)
C. alertBox(“Hello World”)
D. alert(“Hello World”)
E. alertBox(“Hello World”)
ANSWER: D

19. Javascript sebagai sebuah bahasa pemrograman juga memiliki kemampuan untuk pembuatan
fungsi. Berikut ini yang merupakan cara yang benar dalam membuat fungsi di dalam
javascript adalah…
A. function:myFunction()
B. function myFunction()
C. function = myFunction()
D. myFunction()
E. create function myFunction()
ANSWER: B

20. Setelah kita membuat fungsi myFunction, kita dapat memanggil tersebut dengan cara…
A. call myFunction()
B. call function myFunction()
C. myFunction()
D. new myFunction()
E. start myFunction()
ANSWER: C

21. Misalkan kita ingin membuat sebuah program sederhana dengan skenario seperti berikut ini:
Buatlah sebuah program sederhana yang akan menentukan apabila siswa mendapatkan nilai
80 maka siswa tersebut lulus, jika siswa mendapatkan nilai kurang dari 80 maka siswa
tersebut remedial.

Dari kasus tersebut, di dalam javascript yang dapat kita gunakan untuk membuat program
tersebut adalah kita dapat menggunakan pernyataan…
A. Percabangan
B. Perulangan
C. Array
D. Fungsi
E. Variabel
ANSWER: A
22. Perhatikan skrip berikut ini.

Yang dilingkari merah pada skrip tersebut disebut dengan…

A. Deklarasi Variabel
B. Komentar
C. Assignment
D. Percabangan
E. Perulangan
ANSWER: B

23. Di dalam kegitan pemrograman, variabel memegang peran yang sangat penting. Pernyataan
yang salah mengenai variabel dibawah ini adalah…
A. Nama variabel boleh terdiri dari huruf, angka, underscore dan tanda dolar
B. Nama variabel harus diawali dengan huruf
C. Nama variabel boleh diawali dengan tanda dolar ($) dan underscore (_)
D. Nama variabel bersifat case sensitive (y dan Y adalah dua variabel yang berbeda
E. Kata kunci javascript bisa digunakan sebagai nama variabel
ANSWER: E

24. Variabel adalah sebuah wadah untuk menyimpan data, itu artinya kita dapat memberikan nilai
kepada sebuah variabel. Untuk memberikan nilai kedalam sebuah variabel kita dapat gunakan
tanda…
A. Colon (:)
B. Semicolon (;)
C. Sama dengan (=)
D. Kurung Siku (<)
E. Underscore (-)
ANSWER: C
25. Di dalam javascript kita juga dapat melakukan operasi aritmatika, yakni perhitungan
matematis. Dibawah ini yang bukan merupakan operator aritmatika adalah…
A. >
B. +
C. –
D. *
E. /
ANSWER: A

26. Perhatikan skrip berikut ini!

Skrip yang tepat untuk melengkapi soal tersebut dengan kondisi ketika variabel a lebih besar
dari variabel b, maka akan menampilkan kalimat “Hello World” adalah..
A. else($a > $b)
B. if else ($a > $b)
C. if($a > $b)
D. if($a < $b)
E. if($a >= $b)
ANSWER: C

27. Pada bahasa pemrograman PHP, ekspresi yang digunakan untuk membuat percabangan
selain if…else if…else adalah…
A. Function
B. For
C. While
D. Switch
E. Do While
ANSWER: D
28. Perhatikan potongan skrip berikut ini!

Untuk menjalankan perulangan yang akan menampilkan angka 0 sampai 9, kita dapat
melengkapi skrip diatas dengan…
A. For……$i ++
B. While …… $i ++
C. If ….. $i++
D. Do While ….. $++
E. Switch ….. $i++
ANSWER: A

29. Untuk memulai menggunakan session pada PHP, fungsi built-in yang bisa kita gunakan
adalah…
A. session_begin()
B. session_destroy()
C. session()
D. session_initiate()
E. session_start()
ANSWER: E

30. Perhatikan potongan kode berikut ini!

Untuk menyimpan sebuah session dengan nama “favcolor” adalah dengan melengkapi skrip
tersebut dengan…
A. session()
B. $SESSION
C. $session
D. $_SESSION
E. $SESSION_
ANSWER: D
F. ESSAY
Petunjuk : Jawablah pertanyaan dibawah ini dengan jawaban yang tepat!
1. Lengkapi skrip berikut ini sehingga kita mendapatkan sebuah elemen gambar yang memiliki
lebar 250 pixel dan tinggi 400 pixel

Jawablah dengan cara menulis kembali kode ini dan jawaban anda!

2. Lengkapi skrip berikut ini sehingga kita mendapatkan sebuah link yang mengarah ke alamat
web http://www.w3schools.com

Jawablah dengan cara menulis kembali kode ini dan jawaban anda!

3. Lengkapilah skrip CSS berikut ini sehingga kita mendapatkan semua text pada elemen <p> di
dokumen HTML kita berwarna merah

Jawablah dengan cara menulis kembali kode ini dan jawaban anda!

4. Lengkapilah skrip dibawah ini sehingga kita mendapatkan hasil yakni menampilkan hasil
penjumlahan antara angka 5 dan 10.

Jawablah dengan cara menulis kembali kode ini dan jawaban anda!

5. WWW merupakan kumpulan dokumen hypertext yang bisa diakses lewat jaringan internet.
Apakah kepanjangan dari WWW?...

# Selamat Bekerja, Semoga Sukses #