Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

12-Pemrograman Web Lanjutan-Web Sekolah

Total questions: 25

Worksheet time: 25mins

Name
Class
Date
1.

Ketika membuat halaman “Profil Sekolah”, seorang siswa ingin agar tampilan tetap rapi di layar HP, tablet, dan laptop. Framework apa yang paling tepat digunakan jika ia ingin sistem grid otomatis menyesuaikan ukuran perangkat?

a)

PHP

b)

Bootstrap

c)

Laravel

d)

HTML

e)

Mysql

2.

Siswa diminta membuat website sekolah menggunakan bootstrap dan PHP, Jika siswa tersebut ingin menggunakan XAMPP sebagai tools server nya. Maka module apa saja yang harus diaktifkan pada control panel XAMPP nya?

a)

Apache dan MySQL

b)

PHPmyadmin dan XAMPP

c)

Apache dan PHPmyadmin

d)

Xampp dan MySQL

e)

PHPmyadmin dan Bootstrap

3.

<.....>
<li>Pengumuman 1</li>

<li>Pengumuman 2</li>

<li>Pengumuman 3</li>
</.....>

Tag pada bagian diatas jika ingin membuat daftar pengumuman menggunakan simbol list ...

a)

ul

b)

ol

c)

al

d)

ql

e)

cl

4.

Seorang siswa membuat form pendaftaran akun, tapi data tidak tersimpan di database. Setelah dicek, ternyata variabel $_POST['nama'] kosong. Penyebab yang paling mungkin adalah…

a)

MySQL tidak aktif

b)

Form tidak memiliki atribut required

c)

Input tidak memiliki atribut name

d)

Server tidak mendukung HTML5

e)

Database penuh

5.

Guru meminta siswa menampilkan data prestasi sekolah berdasarkan tahun terbaru di urutan paling atas. Query yang benar adalah…

a)

ORDER BY tahun ASC

b)

ORDER BY tahun DESC

c)

ORDER BY tahun RANDOM

d)

ORDER BY nama DESC

e)

GROUP BY tahun DESC

6.

Ketika merancang tampilan web sekolah, mengapa penting menggunakan sistem class di Bootstrap daripada membuat CSS manual?

a)

Bootstrap memiliki warna lebih banyak

b)

Bootstrap menjamin keamanan database

c)

Bootstrap lebih cepat, konsisten, dan responsif

d)

Bootstrap menghilangkan kebutuhan HTML

e)

Bootstrap membuat website otomatis terhubung ke PHP

7.

Anda diminta membuat fitur upload foto kegiatan sekolah. Untuk mencegah serangan upload file berbahaya, hal pertama yang harus dilakukan adalah…

a)

Upload semua file tanpa pengecekan

b)

Membatasi ukuran dan tipe file seperti hanya boleh JPG/PNG

c)

Menghapus folder upload

d)

Menambah warna pada halaman upload

e)

Mengaktifkan mode fullscreen

8.

Untuk menjaga keamanan login admin website sekolah, langkah paling direkomendasikan adalah…

a)

Menyimpan password dalam teks biasa

b)

Menggunakan password berupa angka semua

c)

Menggunakan encrypt MD5 atau password hashing seperti password_hash()

d)

Menyimpan password di file .txt

e)

Menghilangkan fitur login

9.

Dalam membuat website sekolah, mengapa penting untuk menggunakan database MySQL?

a)

Untuk mengurangi penggunaan CSS

b)

Untuk mempercepat loading halaman

c)

Untuk membuat tampilan lebih menarik

d)

Untuk menyimpan data secara terstruktur

e)

Untuk menghindari penggunaan HTML

10.

Seorang programmer ingin menambahkan fitur pencarian di website sekolah. Apa yang harus dia lakukan terlebih dahulu?

a)

Membuat form input untuk pencarian

b)

Menambahkan CSS untuk tampilan

c)

Menghapus data lama dari database

d)

Menambah gambar di halaman pencarian

e)

Menggunakan JavaScript untuk efek animasi

11.

Ketika menggunakan Bootstrap, apa yang dimaksud dengan responsive design?

a)

Desain yang mengabaikan tampilan mobile

b)

Desain yang menggunakan gambar besar

c)

Desain yang tidak memerlukan CSS

d)

Desain yang hanya cocok untuk desktop

e)

Desain yang dapat menyesuaikan ukuran layar perangkat

12.

Siswa akan membuat Project Web Sekolah yang dapat diakses secara local pada komputer Lab. Maka Letak penyimpanan project yang dibuat pada Aplikasi Xampp nya adalah ....

a)

C:/xampp/htdocs/php/nama folder

b)

C:/xampp/htdocs/nama folder

c)

C:\xampp\htdocs\nama folder

d)

C:\xampp\docs\nama folder

e)

C:/xampp/htdoc/nama folder

13.

Untuk menampilkan data siswa yang memiliki nilai di atas 80, query yang benar adalah…

a)

SELECT * FROM siswa WHERE nilai > 80

b)

SELECT * FROM siswa WHERE nilai >= 80

c)

SELECT * FROM siswa WHERE nilai < 80

d)

SELECT * FROM siswa WHERE nilai = 80

e)

SELECT * FROM siswa WHERE nilai BETWEEN 80 AND 100

14.

Untuk menghapus data dari tabel, perintah SQL yang digunakan adalah…

a)

DROP FROM nama_tabel

b)

TRUNCATE nama_tabel

c)

REMOVE FROM nama_tabel

d)

DELETE FROM nama_tabel

e)

ERASE FROM nama_tabel

15.

Dalam pemrograman PHP, untuk memulai sesi, perintah yang digunakan adalah…

a)

session_start();

b)

begin_session();

c)

init_session();

d)

start_session();

e)

open_session();

16.

Anda diminta untuk membuat sistem login yang aman. Saat membuat kode program bagian Password, yang harus dilakukan adalah…

a)

Menggunakan hashing atau encrypt untuk menyimpan password

b)

Menyimpan password dalam format teks biasa

c)

Membuat form password yang hanya angka saja

d)

Menggunakan password yang menggunakan kombinasi huruf angka simbol dengan tetap ditampilkan di database nya

e)

Mengizinkan login tanpa password

17.

Dalam konteks pengembangan web, apa itu HTML?

a)

Database untuk menyimpan informasi

b)

Protokol untuk transfer data

c)

Bahasa untuk styling halaman web

d)

Bahasa markup untuk struktur halaman web

e)

Bahasa pemrograman untuk logika

18.

Seluruh siswa peserta UKK RPL mengerjakan soal praktik membuat Web Sekolah, dari sekian banyak peserta, rata-rata siswa menulis koding/bahasa pemrograman yang digunakan pada umumnya adalah ....

a)

HTML, Sublime, MySQL, PHP, XAMPP

b)

Sublime, Visual Studio Code, PHPmyadmin, HTML

c)

HTML, Bootstrap, MySQL, PHP, CSS

d)

PHPmyadmin, MySQL, HTML, Sublime

e)

Sublime, Bootstrap, PHPmyadmin, XAMPP

19.

Apa istilah CRUD dalam pengembangan aplikasi web?

a)

Create, Read, Update, Drop

b)

Create, Update, Delete, Read

c)

Create, Read, Upload, Download

d)

Create, Update, Delete, Insert

e)

Create, Insert, Update, Delete

20.

Seorang siswa ingin menambahkan fitur login di website sekolah. Apa yang harus dia lakukan setelah membuat form login?

a)

Menambahkan gambar di form login

b)

Menggunakan JavaScript untuk validasi

c)

Menghapus fitur login lama

d)

Menyimpan data login ke dalam database

e)

Menambah CSS untuk tampilan

21.

Dalam pengembangan aplikasi web, mengapa penting untuk menggunakan responsive design agar tampilan website dapat menyesuaikan dengan berbagai ukuran layar?

a)

Untuk meningkatkan kecepatan loading

b)

Untuk menghindari penggunaan JavaScript

c)

Untuk memastikan aksesibilitas di berbagai perangkat

d)

Untuk mengurangi penggunaan bandwidth

e)

Untuk meningkatkan keamanan data pengguna

22.

Dalam pengembangan website, mengapa penting untuk melakukan pengujian pada berbagai browser?

a)

Untuk meningkatkan keamanan data pengguna

b)

Untuk mengurangi penggunaan bandwidth

c)

Untuk memastikan aksesibilitas bagi semua pengguna

d)

Untuk meningkatkan kecepatan loading website

e)

Untuk memastikan website terlihat sama di semua browser

23.

Seorang siswa ingin menampilkan gambar di halaman web. Tag HTML yang tepat untuk digunakan adalah...

a)

<src>

b)

<picture>

c)

<photo>

d)

<img>

e)

<image>

24.

Dalam CSS, untuk mengubah warna latar belakang elemen, properti yang digunakan adalah...

a)

bgcolor

b)

background-color

c)

fill

d)

background

e)

color

25.

Apa yang dimaksud dengan CSS dalam pengembangan web?

a)

Bahasa untuk menyimpan data

b)

Bahasa untuk styling halaman web

c)

Bahasa markup untuk struktur halaman

d)

Protokol untuk transfer data

e)

Bahasa pemrograman untuk logika