wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Quiz Pengembangan Web kelas 12

Total questions: 90

Worksheet time: 1hrs 28mins

Name
Class
Date
1.

Apa fungsi utama dari HTML dalam pengembangan web ...

a)

Mengatur gaya tampilan

b)

Menyusun struktur konten

c)

Mengelola basis data

d)

Menyimpan file multimedia

e)

membandingkan data

2.

Apa yang dimaksud dengan CSS dalam konteks web ...

a)

Bahasa untuk menyimpan data

b)

Bahasa untuk menambahkan interaktivitas

c)

Bahasa untuk mengatur tampilan dan layout

d)

Bahasa untuk menghubungkan server

e)

bahasa algoritma

3.

Dalam JavaScript, apa yang dimaksud dengan variabel ...

a)

Sebuah fungsi yang tidak terikat

b)

Tempat menyimpan data yang dapat berubah

c)

Tipe data statis

d)

Elemen HTML

e)

elemen jass

4.

Manakah dari berikut ini yang merupakan contoh bahasa pemrograman server-side ...

a)

HTML

b)

JavaScript

c)

PHP

d)

CSS

e)

Djanggos

5.

Apa keuntungan menggunakan framework JavaScript seperti React atau Angular ...

a)

Meningkatkan ukuran file

b)

Menyederhanakan pengembangan aplikasi dan mempercepat proses

c)

Menghapus kebutuhan untuk HTML

d)

Membuat aplikasi hanya untuk desktop

e)

server only

6.

Apa yang dimaksud dengan web statis ...

a)

Halaman yang tidak dapat diubah setelah diunggah

b)

Halaman yang dihasilkan dari database

c)

Halaman yang memiliki interaktivitas tinggi

d)

Halaman yang memerlukan koneksi internet untuk dilihat

e)

halaman home

7.

Untuk apa atribut href pada elemen dalam HTML ...

a)

Menentukan tujuan dari tautan

b)

Mengubah warna teks

c)

Mengatur ukuran gambar

d)

Menyembunyikan elemen

e)

menempel html

8.

Dalam CSS, apa yang dilakukan oleh selector ...

a)

Menyimpan data

b)

Menentukan elemen mana yang akan diterapkan gaya

c)

Mengatur interaksi pengguna

d)

Menyusun kode HTML

e)

Html css

9.

Tag HTML mana yang digunakan untuk memasukkan gambar ke dalam halaman web ...

a)

A

b)

B

c)

C

d)

D

e)

E

10.

Apa kepanjangan dari CSS ...

a)

Cascading Style Sheets

b)

Computer Style System

c)

Cascading Sheet Style

d)

Central Style Sheet

e)

Complex Styling System

11.

Di mana file CSS eksternal harus disisipkan di dalam dokumen HTML ...

a)

Di dalam tag

b)

Di bagian paling bawah dari file HTML

c)

Di dalam tag

d)

Di dalam tag

e)

Di luar file HTML

12.

Manakah dari pernyataan berikut yang digunakan untuk mendeklarasikan variabel di JavaScript ..

4 lines
13.

Apa fungsi dari tag dalam HTML...

a)

Menampilkan gambar

b)

Membuat form untuk input pengguna

c)

Menyusun layout halaman

d)

Menghubungkan halaman dengan file CSS

e)

Menampilkan tabel data

14.

Framework CSS populer yang banyak digunakan untuk mengembangkan tampilan responsif adalah ...

a)

Bootstrap

b)

Angular

c)

Laravel

d)

Django

e)

Vue.js

15.

Untuk mengarahkan pengguna ke halaman lain menggunakan JavaScript, perintah apa yang digunakan ...

a)

window.open()

b)

document.write()

c)

alert()

d)

console.log()

e)

window.navigate()

16.

Bahasa pemrograman server-side manakah yang biasa digunakan untuk bekerja dengan framework Laravel ...

a)

PHP

b)

Ruby

c)

Python

d)

Java

e)

C#

17.

Bagaimana cara mendeklarasikan fungsi di JavaScript ...

a)

def myFunction()

b)

function myFunction()

c)

declare myFunction()

d)

func myFunction()

e)

public function myFunction()

18.

Elemen HTML mana yang digunakan untuk membuat daftar yang tidak berurutan ...

a)

A

b)

B

c)

C

d)

D

e)

E

19.

Di dalam dokumen HTML, properti CSS manakah yang digunakan untuk mengatur warna latar belakang ...

a)

color

b)

background-color

c)

font-color

d)

bgcolor

e)

border-color

20.

Framework JavaScript front-end manakah yang sangat populer untuk membangun user interface dinamis ...

a)

React

b)

Bootstrap

c)

Laravel

d)

Django

e)

Flask

21.

Apa tujuan dari metode POST dalam formulir HTML ...

a)

Mengirim data melalui URL

b)

Mengirim data tanpa menampilkan URL

c)

Mengambil data dari server

d)

Memodifikasi tampilan halaman

e)

Menambahkan elemen baru ke halaman

22.

Apa yang harus dilakukan sebelum meluncurkan website ...

a)

Menulis lebih banyak kode

b)

Mengujicoba website

23.

Apa yang harus dilakukan sebelum meluncurkan website ...

a)

Menulis lebih banyak kode

b)

Mengujicoba website dan memperbaiki bug

c)

Menghapus dokumentasi

d)

Menambah iklan

e)

menambah icon icon tidak penting

24.

Manakah konsep utama dalam pemrograman berorientasi objek (OOP) ...

a)

Pemrograman modular

b)

Inheritance, Polymorphism, Encapsulation, Abstraction

c)

Looping dan kondisi

d)

Fungsi dan prosedur

e)

Variabel dan konstanta

25.

Apa yang dimaksud dengan "inheritance" dalam pemrograman berorientasi objek ...

a)

Membuat objek baru dari kelas lain

b)

Mengizinkan sebuah kelas untuk mewarisi sifat dan perilaku dari kelas lain

c)

Menghapus sebuah objek dari memori

d)

Mengubah nilai properti kelas

e)

Menggabungkan dua kelas menjadi satu

26.

Apa yang dimaksud dengan "encapsulation" dalam OOP ...

a)

Menyembunyikan data agar tidak dapat diakses langsung dari luar kelas

b)

Membuat objek baru

c)

Memperluas kelas dengan menambah fungsi baru

d)

Memodifikasi fungsi yang ada di dalam kelas

e)

Menghapus relasi antar kelas

27.

Manakah pernyataan yang benar tentang "polymorphism" ...

a)

Polymorphism memungkinkan penggunaan beberapa metode dengan nama yang sama namun implementasi berbeda

b)

Polymorphism adalah kemampuan untuk menyembunyikan data kelas

c)

Polymorphism hanya berlaku untuk variabel global

d)

Polymorphism berarti semua objek memiliki properti yang sama

e)

Polymorphism hanya berlaku di dalam satu kelas

28.

Dalam relasi antar kelas di OOP, apa yang dimaksud dengan "association" ...

a)

Hubungan satu arah antara dua kelas

b)

Kelas yang tidak saling berhubungan

c)

Hubungan antara objek-objek yang tidak saling mempengaruhi

d)

Hubungan antara dua kelas yang satu bisa menggunakan metode atau properti dari yang lain

e)

Hubungan hanya untuk pewarisan (inheritance)

29.

Apa yang dimaksud dengan "class diagram" dalam pemodelan perangkat lunak berorientasi objek ...

a)

Diagram yang menggambarkan alur logika program

b)

Diagram yang menunjukkan hubungan antar kelas dan atribut serta metode yang mereka miliki

c)

Diagram yang menunjukkan tampilan antarmuka grafis

d)

Diagram yang menunjukkan alur kerja pengguna

30.

Manakah dari pernyataan berikut yang benar tentang "async/await" dalam JavaScript ...

a)

Async function selalu mengembalikan promise

b)

Await hanya dapat digunakan di dalam fungsi biasa

c)

Async/await tidak dapat digunakan dengan promise

d)

Await dapat digunakan di luar fungsi async

e)

Async function tidak dapat menangani error

31.

Manakah dari berikut ini yang merupakan metode untuk mengubah konten elemen HTML menggunakan JavaScript ...

a)

getElementById

b)

innerHTML

c)

setAttribute

d)

querySelector

e)

Semua jawaban benar

32.

Apa yang dimaksud dengan "responsive design" dalam pengembangan web ...

a)

Desain yang hanya berfungsi di desktop

b)

Desain yang menyesuaikan tampilan dengan ukuran layar perangkat

c)

Desain yang tidak memerlukan CSS

d)

Desain yang hanya menggunakan gambar statis

e)

Desain yang mengharuskan pengguna untuk memperbesar halaman

33.

Apa yang dimaksud dengan "API" dalam konteks pengembangan web ...

a)

Antarmuka untuk interaksi pengguna

b)

Protokol untuk menghubungkan aplikasi

c)

Bahasa pemrograman untuk server

d)

Format data untuk penyimpanan

e)

Alat untuk mendesain antarmuka

34.

Dalam CSS, apa yang dimaksud dengan "flexbox" ...

a)

Metode untuk mengatur layout responsif

b)

Fungsi untuk mengubah warna teks

c)

Tag HTML untuk elemen gambar

d)

Proses untuk mengoptimalkan gambar

e)

Alat untuk menguji kecepatan website

35.

Manakah dari berikut ini yang merupakan metode untuk menangani event di JavaScript ...

a)

addEventListener

b)

setTimeout

c)

getElementById

d)

querySelectorAll

e)

innerHTML

36.

Manakah dari berikut ini yang merupakan framework JavaScript populer untuk pengembangan front-end ...

a)

Laravel

b)

Django

c)

React

d)

Ruby on Rails

e)

Spring

37.

Apa yang dimaksud dengan "DOM" dalam konteks pengembangan web ...

a)

Document Object Model

b)

Data Object Model

c)

Dynamic Object Model

d)

Document Oriented Model

e)

Data Oriented Model

38.

Manakah dari pernyataan berikut yang benar tentang "asynchronous programming" ...

a)

Proses yang berjalan secara bersamaan

b)

Proses yang harus menunggu satu sama lain

c)

Proses yang tidak dapat diinterupsi

d)

Proses yang hanya dapat dilakukan di server

e)

Proses yang tidak memerlukan callback

39.

Manakah dari berikut ini yang merupakan metode untuk mengatur gaya elemen dalam CSS ...

a)

margin

b)

padding

c)

border

d)

Semua jawaban benar

e)

display

40.

Apa yang dimaksud dengan "event bubbling" dalam JavaScript ...

a)

Proses di mana event ditangani dari elemen paling dalam ke elemen paling luar

b)

Proses di mana event ditangani dari elemen paling luar ke elemen paling dalam

c)

Proses di mana event tidak ditangani sama sekali

d)

Proses di mana event hanya ditangani oleh elemen target

e)

Proses yang hanya berlaku untuk elemen form

41.

Manakah dari berikut ini yang merupakan prinsip dasar dari "Agile Development" ...

a)

Perencanaan yang ketat dan tidak fleksibel

b)

Iterasi dan umpan balik yang cepat

c)

Dokumentasi yang berlebihan

d)

Pengembangan yang terpusat pada teknologi

e)

Pengujian yang dilakukan di akhir proyek

42.

Manakah dari berikut ini yang merupakan metode untuk mengubah konten elemen HTML menggunakan JavaScript ...

a)

setContent

b)

innerHTML

c)

getContent

d)

updateHTML

e)

changeContent

43.

Framework JavaScript mana yang dikenal dengan arsitektur berbasis komponen ...

a)

Angular

b)

Vue.js

c)

React

d)

Ember.js

e)

Backbone.js

44.

Manakah dari berikut ini yang merupakan cara untuk menambahkan komentar dalam CSS ...

a)

// Ini adalah komentar

b)

/* Ini adalah komentar */

c)

-- Ini adalah komentar --

d)

# Ini adalah komentar

e)

"Ini adalah komentar"

45.

Manakah dari pernyataan berikut yang benar tentang "responsive design" ...

a)

Desain yang tidak dapat menyesuaikan ukuran layar

b)

Desain yang dapat menyesuaikan tampilan berdasarkan ukuran layar

c)

Desain yang hanya digunakan untuk aplikasi mobile

d)

Desain yang mengharuskan penggunaan tabel untuk layout

e)

Desain yang tidak memerlukan CSS

46.

Apa yang dimaksud dengan "event bubbling" dalam JavaScript ...

a)

Proses di mana event ditangani dari elemen paling dalam ke elemen paling luar

b)

Proses di mana event ditangani dari elemen paling luar ke elemen paling dalam

c)

Proses yang hanya terjadi pada elemen input

d)

Proses yang tidak mempengaruhi DOM

e)

Proses yang hanya terjadi pada elemen gambar

47.

Manakah dari berikut ini yang merupakan metode untuk mengoptimalkan performa website ...

a)

Menggunakan gambar berukuran besar

b)

Minifikasi file CSS dan JavaScript

c)

Menambahkan banyak plugin

d)

Memperbanyak permintaan HTTP

e)

Menonaktifkan caching

48.

Apa yang dimaksud dengan "API" dalam pengembangan perangkat lunak ...

a)

Antarmuka untuk menghubungkan aplikasi

b)

Proses untuk mengoptimalkan database

c)

Bahasa pemrograman untuk pengembangan web

d)

Metode untuk menguji aplikasi

e)

Framework untuk pengembangan mobile

49.

Dalam CSS, apa yang dimaksud dengan "media query" ...

a)

Fungsi untuk mengubah warna teks

b)

Aturan untuk menerapkan gaya berdasarkan kondisi perangkat

c)

Tag HTML untuk elemen gambar

d)

Proses untuk mengoptimalkan gambar

e)

Alat untuk menguji kecepatan website

50.

Apa yang dimaksud dengan "version control" dalam pengembangan perangkat lunak ...

a)

Sistem untuk melacak perubahan kode sumber

b)

Proses untuk mengoptimalkan performa aplikasi

c)

Metode untuk menguji aplikasi secara otomatis

d)

Alat untuk mendesain antarmuka pengguna

e)

Framework untuk pengembangan web

51.

Suatu kumpulan – kumpulan halaman yang menampilkan berbagai macam informasi teks, data, gambar diam ataupun bergerak, data animasi, suara, video atau gabungan dari semuanya merupakan pengertian dari ….

a)

Web hosting

b)

Website

c)

Hyperlink

d)

Domain

52.

Alamat yang digunakan untuk menemukan sebuah website pada dunia internet adalah ….

a)

Website

b)

Hyperlink

c)

Web hosting

d)

Domain

53.

Berikut ini merupakan kelebihan internet, kecuali

a)

Sumber informasi yang tidak terbatas

b)

Dapat mengirimkan informasi dengan cepat

c)

Sarana komunikasi yang murah

d)

Biaya aksesnya mahal

54.

Kepanjangan dari CMS adalah…

a)

Content Management System

b)

Content manager system

c)

Connect management system

d)

Contact management system

55.

Joomla dan wordpress adalah salah satu contoh dari…

a)

Html               

b)

Blog

c)

CMS

d)

HTML

56.

Cara membuat blog pada wordpress adalah..

a)

Klik link www.Wordpress.com – get started – klik create blog – cek email – klik active blog – klik next step – theme – customize – setting element tampilan – save – next step – publish atau finish

b)

Klik create blog – cek email – klik active blog – klik next step – theme – customize – setting element tampilan – save – next step – klik link www.Wordpress.com – get started – publish atau finish

c)

Cek email – klik active blog – klik next step – theme – customize – setting element tampilan – save – next step – klik link www.Wordpress.com – klik create – publish atau finish

d)

Klik active blog – klik next step – theme – customize – setting element tampilan – save – next step – cek email – klik create – klik link www.Wordpress.com – publish atau finish

57.

Para pembuat blog sering disebut?

a)

Bloggy

b)

Blogger

c)

Youtuber

d)

Content Creator

58.

apa itu blogger?

a)

Blogger adalah orang yang membuat atau memiliki dan mengelola blog

b)

Blogger adalah orang yang membayar orang membuat blog

59.

Apa itu WordPress.com?

a)

layanan untuk membuat website dengan platform WordPress

b)

website yang menyediakan platform WordPress secara gratis.

60.

Apa nama program tersebut?

a)

Notepad

b)

Wordpress

c)

PowerPoint

d)

Microsoft Word

61.

(1) Murah

(2) Bisa membuat desain sendiri

(3) Semakin banyak halaman yang dibuat, waktu loading halaman semakin lama

(4) Mudah dikelola

Yang termasuk kelebihan wordpress adalah …

a)

1, 2, 3

b)

2, 3, 4

c)

1, 3, 4

d)

1, 2, 4

62.

Menu nomor 1 digunakan untuk

a)

Mendaftar sebagai pengguna wordpress

b)

Masuk akun wordpress yang telah dibuat

c)

Masuk akun gmail

d)

Mendaftar sebagai pengguna gmail

63.

Menu yang digunakan untuk Log Out ditunjukkan pada nomor …

a)

1

b)

2

c)

3

d)

1 dan 4

64.

Manfaat Menggunakan Wordpress antara lain ialah... kecuali

a)

Blog dan Website Pribadi

b)

Website Perusahaan

c)

Website Toko Online

d)

Toko Offline

65.

Termasuk kekurangan wordpress ialah...

a)

Ramah Untuk Pemula

b)

Tema Yang Beragam

c)

Sistem Keamanan Yang Kurang

d)

Tersedia banyak tutorial

66.

Kelebihan menggunakan wordpress antara lain adalah...

a)

Kurangnya Pengamanan

b)

Banyak bug

c)

Ternyata hack

d)

Komunitas yang besar

67.

Apa itu Wordpress?

a)

Platform berita dan blog artikel

b)

platform untuk membuat blog dan website

c)

platform untuk membuat artikel

68.

Pada gambar, jika kita ingin mengganti tema/template blog, maka klik pada menu...

a)

Tampilan-Menu

b)

Tampilan - Tema

c)

Tampilan - Widget

d)

Tampilan - Penyuntingan

69.

Mana yang termasuk logo dari CMS WordPress ….

a)
b)
c)
d)
70.

Apa itu Domain?

a)

Alamat Website

b)

Alamat Palsu

c)

Alamak

d)

Alamat Webtoon

71.

Aplikasi web yang memperbolehkan pemilik, editor, dan author untuk mengelola website dan menerbitkan konten tanpa harus menguasai istilah teknis dan bahasa pemrograman terlebih dulu disebut ...

a)

Content Management System

b)

Content Criteria System

c)

Context Management System

d)

Criteria Management System

72.

Apa Nama Program tersebut

a)

wordpress

b)

power point

c)

Ms Word

d)

Notepad

73.

 

Domain website yang digunakan untuk Lembaga Pendidikan adalah …

d)

.com

74.

 

Jika Anda ingin membuat situs WordPress self-hosted, makan Anda akan menggunakan ...

75.

Wordpress bersifat

a)

Close Source

b)

Open Source

76.

(1) Murah

(2) Bisa membuat desain sendiri

(3) Semakin banyak halaman yang dibuat, waktu loading halaman semakin lama

(4) Mudah dikelola

Yang termasuk kelebihan wordpress adalah …

a)

1,2,3

b)

2,3,4

c)

1,3,4

d)

1,2,4

77.

Yang bukan merupakan platform untuk membuat blog adalah ...

a)

wordpress

b)

blogspot

c)

tumblr

d)

skype

78.

Bisa memasang plugin, pilihan tema berlimpah, bisa membuat toko online, dan bisa menghasilkan uang melalui iklan AdSense.

Merupakan fitur dari wordpress?

c)

wordpress.premium

d)

wordpress.ogr

79.

Manfaat Menggunakan Wordpress antara lain ialah... kecuali

a)

Blog dan Website Pribadi

b)

Website Perusahaan

c)

Website Toko Online

d)

Toko Offline

80.

Kelebihan menggunakan wordpress antara lain adalah...

a)

Kurangnya Pengamanan

b)

Banyak bug

c)

Ternyata hack

d)

Komunitas yang besar

81.

Termasuk kekurangan wordpress ialah...

a)

Ramah Untuk Pemula

b)

Tema Yang Beragam

c)

Sistem Keamanan Yang Kurang

d)

Tersedia banyak tutorial

83.

sebuah perangkat lunak komputer berupa sistem yang penamanaannya akronim dari x(cross) platform, Apache, My SQl, PHP dan perl adalah

a)

WAMPP

b)

XAMPP

c)

CAMPP

84.

Aplikasi Web Server yang bersifat gratis dan bisa dikembangkan oleh banyak orang(open source) adalah

a)

XAMPP

b)

Apache

c)

MySql

d)

Php

85.

Aplikasi database server adalah

a)

XAMPP

b)

PhpMyadmin

c)

MySQL

d)

PHP

86.

Aplikasi berbasis web yang digunakan untuk mempermudah melakukan pengelolaan database MySQL adalah

a)

phpMyadmin

b)

PHP

c)

SQL

87.

halaman untuk mengatur pengelolaan database MySQL secara GUI adalah

88.

Folder tempat menyimpan halaman wordpress atau halaman web pada xampp adalah

a)

xampp

b)

htdocs

c)

phpmyadmin

89.

Pada Control Panel XAMPP yang tidak wajib di klik start (mulai) adalah

a)

MySQL

b)

Apache

c)

Filezilla

90.

alamat url yang tepat seperti pada gambar adalah