wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

latihan UKK pra USK

Total questions: 100

Worksheet time: 2hrs 35mins

Name
Class
Date
1.
Salah satu properti dasar untuk mengatur warna teks adalah
a)
Font-size
b)
Background-color
c)
Color
d)
Padding
2.
Margin dalam CSS mengacu pada...
a)
Ruang di dalam elemen
b)
Ruang di luar elemen
c)
Border elemen
d)
Lebar elemen
3.
Fixed position layout adalah pengaturan di mana komponen utama proyek tetap berada secara
a)
Statis
b)
Tetap
c)
Relatif
d)
Absolut
4.
Bahasa pemrograman yang digunakan untuk membuat halaman web interaktif dan dinamis adalah..
a)
CSS
b)
PHP
c)
JavaScript
d)
HTML
5.
JavaScript diciptakan oleh Brendan Eich pada tahun ...
a)
1992.0
b)
1993.0
c)
1994.0
d)
1995.0
6.
Kode JavaScript dapat disimpan secara terpisah memiliki eksentsi yaitu
a)
File CSS
b)
File HTML
c)
File .js
d)
File .json
7.
Kegiatan kompetisi pemrograman yang berlangsung selama beberapa jam hingga beberapa hari disebut
a)
Workshop coding
b)
Hackathon
c)
Seminar IT
d)
Konferensi web
8.
Kerangka kerja yang digunakan untuk mengembangkan website disebut..
a)
Tema
b)
Plugin
c)
Framework
d)
Script
9.
Contoh framework website adalah..
a)
HTML
b)
Framework
c)
CSS, JavaScript, dan PHP
d)
Bootstrap
10.
Contoh framework CSS adalah...
a)
Semantic UI
b)
Bootstrap
c)
Materialize
d)
Semua benar
11.
Software berbasis web yang digunakan untuk mengelola konten di dalam web adalah
a)
Plugin web
b)
CMS
c)
Hosting
d)
Framework
12.
Perbedaan mendasar antara wordpress.com dan wordpress.org adalah
a)
Penggunaan CMS
b)
Biaya pembuatan
c)
Tingkat kustomisasi
d)
Nama domain
13.
Tempat mengelola pengaturan situs, konten, dan lainnya di wordpress disebut
a)
Pengaturan hosting
b)
WP Admin
c)
Tema WordPress
d)
Plugin
14.
Perangkat lunak yang dapat ditambahkan untuk memperluas fungsi situs wordpress disebut..
a)
Tema
b)
Plugin
c)
Script
d)
Framework
15.
Struktur yang disediakan untuk mengembangkan aplikasi atau solusi perangkat lunak disebut..
a)
Library
b)
Framework
c)
Server
d)
Editor
16.
Plugin page builder populer untuk WordPress, memungkinkan desain dengan konsep drag-and-drop adalah
a)
Bootstrap
b)
Elementor
c)
WPBakery
d)
Gutenberg
17.
Elementor menyediakan berbagai element seperti teks, gambar, tombol, dan lainnya, ini disebut..
a)
Template
b)
Widget
c)
Plugin
d)
CSS
18.
Ssitus yang dapat beradaptasi dengan perangkat pengguna dan ukuran layar adalah karakteristik...
a)
Website statis
b)
Website dinamis
c)
Website responsif
d)
Website interaktif
19.
Bootstrap menyediakan gaya tombol pra-desain yang dapat disesuaikan. Contoh kodenya adalah btn btn-primary.
a)
form-group
b)
Alert
c)
btn btn-primary
d)
navbar
20.
CMS bersifat fleksibel, di mana fleksibel berarti strukturnya ...
a)
Tidak dapat diubah
b)
Terbatas pada tema
c)
Dapat dimodifikasi
d)
Bersifat kaku
21.

Komentar di JavaScript dapat ditulis dengan cara

a)

// komentar

b)

/* komentar ke-1

komentar ke-2 */

c)

/* komentar ke-1 /* komentar ke-2 */ komentar ke-3*/

d)

/* komentar baris 1

// komentar baris 2 */

22.

Pernyataan di bawah ini adalah benar, kecuali

a)

var

digunakan untuk mendeklarasikan sebuah variabel, opsional menginisialisasi sebuah nilai.

b)

let

digunakan untuk mendeklarasikan lingkup-blok, variabel lokal, opsional menginisialisasi sebuah nilai.

c)

const

digunakan untuk mendeklarasikan sebuah lingkup-blok, baca-saja dinamakan konstanta.

d)

tidak ada let dan const di dalam JavaScript

23.

Tag HTML yang menandai menggunakan javascript adalah ...

a)

<script type=”text/javascript”> </script >

b)

<script language=”javascript”> </script >

c)

<script language=”javascript” type=”text/javascript”> </script >

d)

Semua Benar

24.

Sript di atas adalah perintah untuk jendela dialog ...

a)

alert ()

b)

confirm ()

c)

promp ()

25.

Kita tidak bisa menempatkan Js pada tag Body

a)

Benar

b)

Salah

26.

Kode JavaScript ditulis di dalam file berekstensi _________

a)

.jsc

b)

.js

c)

.jvs

d)

.javascript

27.

Berapakah nilai i pada baris ke 4?

a)

5

b)

4

c)

undefined

d)

6

28.

Berapakah nilai i pada baris ke 7?

a)

undefined

b)

5

c)

4

d)

6

29.

JavaScript is ______ Side Scripting Language.

a)

JSP

b)

Servlet

c)

Server

d)

Browser

30.
Which message will the user see?
a)
"Hello user"
b)
No message
c)
"Goodbye user"
d)
"message + user"
31.
How do I declare a new variable?
a)
var newVariable = 5;
b)
Variable int = new Variable();
c)
var 5 = myVariable;
d)
int var = 5;
32.

Apa kode jQuery yang benar untuk mengatur warna latar belakang semua elemen p menjadi merah?

a)

$ ("p"). style ("background-color", "red");

b)

$ ("p"). manipulate ("background-color", "red");

c)

$ ("p"). layout ("background-color", "red");

d)

$ ("p"). css ("background-color", "red");

33.

sintaks ketika submit button d click

a)

$("#submit-form").click(function()

b)

$("#submit-form").onClick(function()

c)

$("#Form").onClick(function()

d)

$("#submitform").click(function()

34.

Node.js is...

a)

modular platform, meaning that much of the functionality is being built in to the platform

b)

modular platform, meaning that much of the functionality is provided by external modules

c)

modular platform, meaning that much of the functionality does not work without angular 2

d)

modular what? I'm sorry, I wasn't paying attention

35.

$ npm run myscript


Syarat perintah di atas bisa dieksekusi adalah ...

a)

Terdapat file myscript.js di working directory

b)

Terdapat package myscript yang sudah di-install

c)

Terdapat definisi myscript dalam package.json

d)

Terdapat project Node.js dengan nama myscript

36.

Karena ukurannya yang besar, folder node_modules biasanya tidak disertakan ke remote repository (Gitlab, Github, dll). Cara mengecualikan folder node_modules dari git adalah menambahkan ke dalam .gitignore baris berikut ...

a)

/node_modules

b)

'node_modules'

c)

*node_modules

d)

node_modules/

37.

Apabila akan menginstall package bernama 'lorem-ipsum', perintah yang dapat dilakukan adalah ... (jawaban bisa lebih dari satu)

a)

$ npm i lorem-ipsum --save

b)

$ npm lorem-ipsum --install

c)

$ npm install save lorem-ipsum

d)

$ npm install lorem-ipsum

38.

Format yang benar untuk menginstall multiple module dalam 1 perintah adalah

a)

npm install express, morgan, nodemon

b)

npm install express morgan nodemon

c)

npm install ['express', 'morgan', 'nodemon']

d)

npm install {'express', 'morgan', 'nodemon'}

39.

Which class provides a responsive fixed width container?

a)

.container-fixed

b)

.container

c)

.container-fluid

d)

None of above

40.

Bootstrap's grid has ______ columns across the page

a)

1

b)

4

c)

12

d)

8

41.

What is MVC

a)

Model View Controller

b)

Module View Controller

c)

Model View Control

d)

Module Viewer Controller

42.

Header tag ranges between

a)

<H1> <H6>

b)

<H1> <H4>

c)

<H1> <H5>

d)

<H1> <H7>

43.

Apakah element HTML yang betul untuk ganti baris?

a)

<lb>

b)

<br>

c)

<break>

d)

</br>

44.

apa fungsi title ?

a)

untuk judul website

b)

untuk atas website

c)

untuk url website

d)

untuk judul html

45.

Tuliskan Full Nim Anda! (contoh : 19.21.1910)

(a)  

46.

Satuan untuk mendeklarasikan lebar pada halaman web adalah dengan menggunakan pixel (pl)

a)

BENAR

b)

SALAH

47.

Berikut merupakan satuan untuk mendeklarasikan panjang dan lebar pada halaman web adalah...

a)

Meter

b)

Centimeter

c)

Presentase

d)

Persentase

48.

Jika dalam satu layar komputer terdapat empat kotak, maka agar setiap kotak memiliki lebar yang sama nilai width yang memenuhi adalah...

a)

33%

b)

25%

c)

50%

d)

100%

49.

File yang dibuat untuk membuat kode tampilan halaman web adalah...

a)

.html

b)

.css

c)

. html

d)

. css

50.

Diketahui terdapat empat kotak dalam satu layar dengan lebar masing-masing 50%. maka nilai height yang digunakan agar empat kotak tersebut dapat tampil dalam satu layar adalah...

a)

15%

b)

25%

c)

50%

d)

100%

51.

aplikasi yang digunakan untuk membuat mockup halaman web adalah

a)

notepad

b)

sublime text

c)

balsamiq

d)

nice page

52.

  1. 1. width: 100%;

2. heigth: 100%;

3. margin-top: 2%;

4. margin-left: 20%;

penulisan perintah yang salah terdapat pada baris nomor...

a)

1

b)

2

c)

3

d)

4

53.

  1. 1. width: 100%;

2. height: 100%;

3. magrin-top: 2%;

4. margin-left: 20%;

penulisan perintah yang salah terdapat pada baris nomor...

a)

1

b)

2

c)

3

d)

4

54.

untuk memberikan nilai panjang, maka perintah yang digunakan adalah...

a)

width

b)

widht

c)

heigth

d)

height

55.

untuk memberikan nilai lebar, maka perintah yang digunakan adalah...

a)

width

b)

widht

c)

heigth

d)

height

56.

  1. 1. <html> <head>

2. <link rel="stylesheet" type="text/css" href="gaya.css">

3. <title>halo guys<title>

  1. 4. </head> </html>

  2. perintah yang salah terdapat pada nomor....

a)

1

b)

2

c)

3

d)

4

57.

  1. 1. <html head>

2. <link rel="stylesheet" type="text/css" href="gaya.css">

3. <title>halo guys</title>

  1. 4. </head> </html>

  2. perintah yang salah terdapat pada nomor....

a)

1

b)

2

c)

3

d)

4

58.

  1. 1. <html> <head>

2. <link rel="stylesheet" type="teks/css" href="style.css">

3. <title>halo guys</title>

  1. 4. </head> </html>

  2. perintah yang salah terdapat pada nomor....

a)

1

b)

2

c)

3

d)

4

59.

<img src=".........." width="60%" height="80%">

titik-titik tersebut diisi dengan...

a)

nama file

b)

format file

c)

nama file + format file

d)

format file + nama file

60.

<link rel="....." type="?????" href="?????">

titik-titik diisi oleh...

a)

stylesheet

b)

text/css

c)

gaya.css

d)

style.css

61.

Apa singkatan dari CRUD?

a)

Create, Retrieve, Update, Delete

b)

Creative, Read, Update, Delete

c)

Create, Read, Update, Delete

d)

Copy, Retrieve, Update, Delete

62.

Apa manfaat dari menggunakan pendekatan OOP dalam pengembangan aplikasi?

a)

Membingungkan kode

b)

Memperlambat kinerja aplikasi

c)

Membuat kode lebih mudah dipahami dan dikelola

d)

Tidak ada manfaat

63.

Apa langkah pertama dalam operasi Create (membuat) data dengan pendekatan CRUD?

a)

Membuat objek yang mewakili data yang ingin dimasukkan ke dalam basis data

b)

Membaca data dari basis data

c)

Memperbarui data yang ada

d)

Menghapus data dari basis data

64.

Bagaimana cara membaca data dari basis data dalam operasi Read (membaca) data?

a)

Menghapus data dari basis data

b)

Mengambil data ke dalam objek atau array untuk ditampilkan

c)

Memperbarui data yang ada

d)

Membaca data dari kode sumber

65.

Apa yang dilakukan dalam langkah pertama dalam operasi Update (memperbarui) data?

a)

Membaca data yang akan dihapus dari basis data

b)

Membaca data yang akan diperbarui dari basis data

c)

Menghapus data dari basis data

d)

Membuat objek yang mewakili data yang ingin diperbarui

66.

Apa perbedaan antara metode Create dan Update dalam CRUD?

a)

Tidak ada perbedaan

b)

Create digunakan untuk menambahkan data baru, sedangkan Update digunakan untuk mengubah data yang ada

c)

Update digunakan untuk menambahkan data baru, sedangkan Create digunakan untuk mengubah data yang ada

d)

Create dan Update memiliki fungsi yang sama

67.

Apa yang dilakukan dalam langkah pertama dalam operasi Delete (menghapus) data?

a)

Membaca data yang akan dihapus dari basis data

b)

Membaca data yang akan diperbarui dari basis data

c)

Menghapus data dari basis data

d)

Membuat objek yang mewakili data yang ingin dihapus

68.

Mengapa pendekatan OOP bermanfaat dalam pengembangan aplikasi CRUD?

a)

Membingungkan kode

b)

Memperlambat kinerja aplikasi

c)

Membuat kode lebih sulit dipahami

d)

Membuat kode lebih mudah dipahami dan dikelola

69.

Bagaimana cara menggunakan kelas dalam pendekatan OOP untuk merepresentasikan objek data?

a)

Membuat objek baru untuk setiap data

b)

Menggunakan array asosiatif

c)

Membuat objek kelas yang merepresentasikan data

d)

Tidak perlu menggunakan kelas

70.

Jelaskan peran objek dalam operasi CRUD dengan pendekatan OOP?

a)

Objek digunakan untuk menyimpan kode sumber

b)

Objek digunakan untuk merepresentasikan data dan mengelola operasi CRUD

c)

Objek hanya digunakan dalam operasi Create

d)

Objek tidak memiliki peran dalam operasi CRUD

71.

Kepanjangan dari MVC adalah ...

a)

Model View Control

b)

Model View Controller

c)

Model Viewer Controller

d)

Modele Viewer Controller

72.

Bagian dari MVC yang bertugas untuk memanipulasi data (select, insert, update, delete) adalah ...

a)

Model

b)

View

c)

Controller

d)

CRUD

73.

Contoh penerapan atau pengaplikasian dari MVC yaitu ....

a)

Object Oriented

b)

Plugin

c)

Framework

d)

Website

74.

Bagian dari MVC yang menghubungkan antara data dengan tampilan dari web kita yaitu ...

a)

Model

b)

View

c)

Controller

d)

Route

75.

Laravel merupakan salah satu framework MVC dari ...

a)

CSS

b)

PHP

c)

Java

d)

Js

76.

Perhatikan pernyataan di bawah ini!

Ketika kita akan membuat folder utama dari website bergaya MVC, maka folder tersebut bisa diletakkan di drive mana saja.

a)

Betul

b)

Salah

77.

Perhatikan pernyataan di bawah ini!

Untuk menjalan website PHP bergaya MVC maka kita memerlukan mengakytifkan web server local, misal Apache.

a)

Benar

b)

Salah

78.

Perhatikan pernyataan berikut ini!

Maksud dari $app = new App adalah untuk menginisialisasi kelas App.

a)

Benar

b)

Salah

79.

Nama file yang digunakan untuk teknik bootstraping dalam membangun website bergaya MVC yaitu ...

a)

.htaccess

b)

init.php

c)

App.php

d)

Home.php

80.

Nama file yang memungkinkan kita untuk mengkonfigurasi server apache kita dalam mengelola akses user terhadap website kita yaitu ...

a)

.htaccess

b)

init.php

c)

App.php

d)

Home.php

81.

maksu dari Options -Indexes adalah...

a)

selama di dalam folder itu tidak ada file index, jangan tampilkan isi foldernya

b)

selama di dalam folder itu ada file index, jangan tampilkan isi foldernya

c)

selama di dalam folder itu tidak ada file index, tampilkan isi foldernya

d)

tampilkan semua isi folder baik yang ada index nya ataupun yang tidak ada

82.

perhatikan alamat URL di bawah ini!

localhost/phpmvc/public/user/profile/novi/guru

bagian url yang kelompok params/data adalah ....

a)

public/user

b)

user/profile

c)

profile/novi

d)

novi/guru

83.

Maksud dari kode program di atas adalah ....

a)

method view akan diisi oleh parameter alamat dari view itu, yang berada pada folder home dengan nama file index.

b)

method view() yang akan mengkoneksikan controller dengan view. dan method view() memiliki 2 parameter (view dan data) yang akan dikirim ke view (jika ada)

84.

Kode program di atas digunakan untuk mendeklarasikan ...

a)

URL Web

b)

URL Localhost

c)

URL Constant

d)

Route Web

85.

Class yang menangani proses koneksi dan query ke database yang kita bisa terapkan class ini pada berbagai Model dinamakan ....

a)

PHP DATABASE OBJECT

b)

Model

c)

BASE_URL 

d)

Database Wrapper

86.

Jika ada aplikasi terkoneksi dengan database online, namun bisa dijalankan secara offline dan mengupdate datanya jika ada koneksi internet berarti menggunakan jenis database...

a)

SQLite

b)

MySQL

c)

PostgreSQL dan MsSQL

d)

SQlite dan MySQL

87.

Manakah 2 pernyataan yang tepat dibawah ini..

a)

JSON adalah salah satu database WEB

b)

SQLite lebih ringkas fungsi2nya dibandingkan MySQL

c)

API link dibuat dengan standar bahasa java/kotlin

d)

JSON digunakan sebagai standar pengiriman data API

e)

Method POST dan GET digunakan untuk data array ListViewitem

88.

Bagaimana melakukan koneksi ke MySQL dari aplikasi android?

a)

menggunakan method khusus untuk akses pada Project Android

b)

membuat kelas baru dalam project yang digunakan untuk mengakses database

c)

Membuat koneksi database di PHP

d)

melalui API link yang melakukan akses database melalui web PHP

e)

melalui API class yang melakukan koneksi langsung ke database

89.

Dua Pernyataan dibawah ini menjelaskan apa yang dilakukan method pada aplikasi ...

a)

Mengakses link API yang tepat untuk CRUD

b)

menentukan apakah pengiriman data menggunakan metode post atau get

c)

melakukan aktivitas untuk menampilkan data

d)

Memilih untuk mengakses method yang tepat pada kelas requesthandler

e)

Menyiapkan data JSON untuk dikirim

90.

Metode ini digunakan untuk...

a)

menampilkan data dari database ke JSON

b)

melakukan CREATE ke database

c)

melakukan penulisan data dari array JSON database ke variabel

d)

melakukan UPDATE database

e)

melakukan metode JSON untuk mengirim data ke database

91.

Penulisan parameter ini adalah untuk...

a)

pengiriman data array dengan format yang tepat

b)

pengepakan data untuk diikutkan pada parameter method pengiriman

c)

pengepakan data untuk ditampilkan di list adapter

d)

pengaksesan database dengan kolom tertentu

92.

kelas ini digunakan untuk..

a)

melakukan input database dengan akses modifier

b)

membuat cara mengakses variabel dengan akses modifier terbatas

c)

melakukan pembacaan data dari database

d)

melakukan penulisan data ke data adapter

e)

menampilkan data dengan akses modifier public

93.

Dimanakah password akses database kita tempatkan?

a)

pada kelas khusus di android

b)

pada method khusus API java

c)

pada method khusus API.php

d)

pada file java khusus

e)

pada file php khusus

94.

perhatikan percabangan berikut...

a)

jika id tidak disertakan, respon 'error'

b)

respon adalah 'nothing to delete' jika id yang dimasukkan salah tipe data

c)

respon 'data delete successfully' jika error = true

d)

error = false jika data berhasil dihapus

e)

error = true jika menampilkan data

95.

apakah itu API?

a)

pengepakan data untuk mengakses database

b)

salah satu metode mengirimkan data

c)

antarmuka antara aplikasi dengan database

d)

protokol pngiriman dan penerimaan data dengan JSON

e)

pembuatan CRUD data lewat android ke semua database

96.

Format tampilan data seperti ini dibuat dengan kode....

a)

HTML - PHP

b)

Method di Android

c)

JSON

d)

CSS HTML

97.

Penggunaan id yang tidak berurutan antar data row di database menunjukkan...

a)

database berurutan, hanya tampilan data bisa dipilih

b)

database autoincrement dengan id bukan primary key

c)

database tidak autoincrement dan id primary key

d)

id 17 terhapus, menandakan bukan primary key

98.

dari data update ini, sebut 2 (dua) statement yang tepat:

a)

update key nama adalah primary key

b)

yang di update adalah semua key

c)

update nama, email, nohp, keterangan

d)

id tidak bisa diupdate

99.

Perhatikan gambar, pilih 2 statement yang tepat:

a)

yang akan di Validasi adalah keterangan, nama, dan nohp

b)

penempatan validasi ada pada method onCreate()

c)

penempatan validasi pada method buatData()

d)

yang tidak di validasi adalah id

100.

untuk mengganti friend list dalm gmbar dengan nomor hp yng ditampilkan maka...

a)

ubah friendlist dengan setText nohp di mainActivity.java

b)

mengubah tampilan friendlist pada method performnetworkrequest

c)

mengubah tampilan friendlist pada method DatakuAdapter()

d)

Ganti xml edit text friends list dengan edit text nomor hp

Similar Resources on Wayground

Quiz Hardware and Software Computer

100 questions

Quiz Hardware and Software Computer

quiz

Worksheet

•

12th Grade

Lógica de Programación

100 questions

Lógica de Programación

quiz

Worksheet

•

12th Grade

QUIZZ JAM TAMBAHAN 2 - TEORI KEJURUAN TKJ

100 questions

QUIZZ JAM TAMBAHAN 2 - TEORI KEJURUAN TKJ

quiz

Worksheet

•

KG - Professional Dev...

Midterm- January - 2023

100 questions

Midterm- January - 2023

quiz

Worksheet

•

9th - 12th Grade

Unit 2 - Jan 2022 Criteria Quiz (Book_Shelve)

101 questions

Unit 2 - Jan 2022 Criteria Quiz (Book_Shelve)

quiz

Worksheet

•

12th Grade

Python Certification Preparation (April 2022)

100 questions

Python Certification Preparation (April 2022)

quiz

Worksheet

•

11th - 12th Grade

Computer Systems

100 questions

Computer Systems

quiz

Worksheet

•

9th - 12th Grade

Informatica

100 questions

Informatica

quiz

Worksheet

•

12th Grade