wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

MID TEST MATERI DEKSTOP DAN WEB APPLICATIONS

Total questions: 25

Worksheet time: 25mins

Name
Class
Date
1.

Berikut yang dimaksud dengan aplikasi desktop adalah….

a)

Perangkat lunak yang hanya dapat dijalankan melalui browser

b)

Perangkat lunak yang dirancang khusus untuk perangkat mobile

c)

Perangkat lunak yang diinstal dan dijalankan di komputer atau laptop

d)

Perangkat lunak yang tidak memerlukan sistem operasi untuk dijalankan

e)

Perangkat lunak berbasis cloud yang tidak memerlukan instalasi

2.

Pada tahun 2025 bulan Januari, bahasa pemrograman yang paling populer pertama adalah bahasa….

a)

Java

b)

C++

c)

PHP

d)

JavaScript

e)

Python

3.

Perhatikan informasi di bawah ini!

(1)  String

(2)  Array

(3)  Tuple

(4) Boolean

Berdasarkan informasi di atas, yang merupakan tipe data dasar di Python ditunjukkan pada nomor….

a)

(1) dan (2)

b)

(1) dan (3)

c)

(2) dan (3)

d)

(1) dan (4)

e)

(3) dan (4)

4.

Dalam pengembangan aplikasi desktop, bahasa pemrograman dan tipe data dasar yang memiliki nilai seperti True atau False adalah….

a)

JavaScript dengan tipe data Integer

b)

Python dengan tipe data Boolean

c)

Java dengan tipe data Character

d)

C++ dengan tipe data String

e)

PHP dengan tipe data Float

5.

Seorang pengembang ingin membuat aplikasi desktop untuk menghitung total penjualan. Aplikasi tersebut harus mampu memproses angka desimal dengan akurasi hingga beberapa digit di belakang koma. Ia memilih bahasa pemrograman Python dan ingin menggunakan tool yang mendukung proses penulisan dan pengeditan kode secara fleksibel. Berdasarkan kebutuhan tersebut, kombinasi tools dan tipe data yang paling tepat adalah….

a)

Editor Kode dan tipe data Float

b)

Framework dan tipe data Boolean

c)

Visual Studio Code dan tipe data String

d)

Kompiler dan tipe data Integer

e)

Debugger dan tipe data Character

6.

Pada pengembangan aplikasi desktop, yang dimaksud dengan framework adalah….

a)

Perangkat keras untuk menjalankan aplikasi

b)

Bahasa pemrograman utama dalam pengembangan web

c)

Alat untuk mengedit gambar dan ikon aplikasi

d)

kerangka kerja atau kerangka pemrograman yang menyediakan struktur, alur kerja, dan komponen yang sudah siap pakai untuk membangun aplikasi

e)

Sistem operasi yang digunakan untuk menjalankan aplikasi desktop

7.

Perhatikan daftar berikut ini:

1.   Aplikasi kasir

2.   Buku catatan

3.   Kalender dinding

  1. 4. Microsoft Word

Berdasarkan daftar di atas, yang merupakan aplikasi yang dibangun menggunakan framework adalah….

a)

1 dan 2

b)

2 dan 3

c)

1 dan 3

d)

2 dan 4

e)

1 dan 4

8.

Seorang tukang kayu ingin membangun sebuah rumah. Ia memiliki dua cara yang bisa dilakukan untuk mendapatkan bahan-bahan dan desainnya. Manakah pilihan yang paling sesuai dengan konsep penggunaan framework dalam pengembangan aplikasi….

a)

Membuat batu bata dan kayu sendiri dari nol

b)

Mendesain setiap pintu dan jendela dari awal

c)

Memilih model pintu dan jendela yang sudah tersedia

d)

Membangun setiap bagian rumah secara manual dan terpisah

e)

Menggambar ulang seluruh denah rumah setiap kali akan membangun

9.

Pada pengembangan aplikasi desktop, yang merupakan tujuan utama dari desain antarmuka pengguna (user interface) adalah….

a)

Menyusun kode program yang kompleks dan fleksibel

b)

Menciptakan antarmuka yang mudah digunakan, intuitif, dan menyenangkan bagi pengguna

c)

Mengurangi ukuran file aplikasi secara maksimal

d)

Menambahkan fitur sebanyak mungkin agar aplikasi terlihat lengkap

e)

Menyusun struktur database agar dapat diakses dengan cepat

10.

Dalam sebuah aplikasi keuangan, tim UI mengusulkan agar tombol “Hapus Data” diberi warna merah terang dan diletakkan agak berjauhan dari tombol “Simpan”, untuk menghindari kesalahan klik oleh pengguna. Namun, pengembang merasa letaknya terlalu jauh dan ingin merapatkannya agar tampilan lebih ringkas. Berdasarkan prinsip desain antarmuka pengguna, keputusan terbaik adalah….

a)

Menyatukan kedua tombol agar desain terlihat lebih sederhana

b)

Menghapus tombol "Hapus" agar tidak membingungkan pengguna

c)

Mempertahankan jarak dan perbedaan warna untuk menegaskan hierarki visual dan mencegah kesalahan

d)

Memberi warna biru pada semua tombol agar konsisten

e)

Mengganti semua tombol menjadi ikon agar tampilan lebih ringkas dan responsive

11.

Yang dimaksud dengan aplikasi web (Web Apps) adalah….

a)

Perangkat lunak yang berjalan di browser web tanpa perlu instalasi di perangkat pengguna

b)

Aplikasi yang harus diunduh dan diinstal sebelum digunakan

c)

Aplikasi yang hanya bisa dijalankan di perangkat mobile

d)

Perangkat lunak yang berfungsi untuk memperbaiki sistem komputer

e)

Aplikasi khusus yang hanya berjalan di sistem operasi Windows

12.

Berikut ini yang merupakan contoh aplikasi berbasis web adalah….

a)

Microsoft Word

b)

Instagram versi aplikasi mobile

c)

Google Docs

d)

Adobe Photoshop yang diinstal di PC

e)

Calculator bawaan Windows

13.

Urutkan langkah-langkah proses kerja aplikasi web berikut ini dari yang pertama hingga terakhir!

1.     Web server menerima permintaan dari klien (browser) melalui HTTP Request.

2.     Data server memproses permintaan dan mengambil data yang diperlukan.

3.     Pengguna mengirimkan input melalui browser yang menghasilkan HTTP Request.

4.     Web server mengirimkan hasil pemrosesan kepada klien melalui HTTP Response.

Jadi, urutan dari proses kerja aplikasi web yang benar adalah….

a)

1-2-3-4

b)

3-1-2-4

c)

1-3-2-4

d)

2-1-3-4

e)

3-2-1-4

14.

Salah satu manfaat utama dalam menggunakan aplikasi web dibandingkan aplikasi desktop adalah….

a)

Membutuhkan spesifikasi perangkat keras yang sangat tinggi

b)

Harus diperbarui secara manual di setiap perangkat

c)

Akses terbatas hanya pada sistem operasi tertentu

d)

Memerlukan instalasi yang lebih rumit daripada aplikasi desktop

e)

Dapat digunakan di mana saja selama ada koneksi internet

15.

Sebuah perusahaan ingin mengembangkan aplikasi yang dapat diakses dari berbagai jenis perangkat seperti laptop, tablet, dan ponsel, tanpa harus membuat aplikasi terpisah atau melakukan instalasi di setiap perangkat. Berdasarkan kebutuhan tersebut, strategi pengembangan paling tepat adalah.…

a)

Mengembangkan aplikasi desktop untuk masing-masing perangkat

b)

Mengembangkan aplikasi mobile secara terpisah untuk Android dan iOS

c)

Mengembangkan aplikasi berbasis web yang responsif terhadap berbagai ukuran layar

d)

Mengembangkan aplikasi hanya untuk sistem operasi Windows

e)

Membuat aplikasi offline tanpa dukungan internet sama sekali

16.

Yang dimaksud dengan HTML (HyperText Markup Language) adalah….

a)

Bahasa pemrograman untuk membuat animasi di halaman web

b)

Bahasa yang digunakan untuk menghubungkan halaman web tanpa membuat strukturnya

c)

Bahasa database untuk menyimpan semua data website

d)

Bahasa markup yang digunakan untuk menyusun struktur dan menyajikan informasi di halaman web

e)

Bahasa untuk mengatur tampilan visual dan warna halaman web

17.

Teknologi web yang digunakan untuk mengatur warna, tata letak, dan efek visual dalam halaman web disebut….

a)

HTML

b)

CSS

c)

JavaScript

d)

PHP

e)

Python

18.

Berikut ini yang merupakan perbedaan utama antara HTML dan CSS adalah….

a)

HTML menyusun struktur halaman, sedangkan CSS mengatur tampilan visual

b)

HTML mengatur interaktivitas, sedangkan CSS menyusun struktur

c)

HTML mengelola basis data, sedangkan CSS mengatur animasi

d)

HTML digunakan untuk membuat server web, sedangkan CSS untuk pengolahan data

e)

HTML digunakan untuk membuat aplikasi mobile, sedangkan CSS untuk website

19.

Berikut yang merupakan fungsi utama dari JavaScript dalam pengembangan website adalah….

a)

Menentukan tampilan statis pada halaman web

b)

Menyusun struktur dasar halaman web

c)

Menambahkan interaktivitas dan perilaku dinamis pada halaman web

d)

Mengelola database server secara langsung

e)

Membuat halaman web hanya dapat diakses offline

20.

Seorang siswa ingin membuat sebuah halaman web yang berisi formulir pendaftaran. Ia ingin memastikan: struktur formulir dibuat dengan benar, tampilan formulir menarik, dan terdapat validasi saat pengguna mengirimkan data. Berdasarkan kebutuhan tersebut, teknologi yang digunakan secara berurutan adalah….

a)

CSS → HTML → JavaScript

b)

JavaScript → CSS → HTML

c)

CSS → JavaScript → HTML

d)

HTML → JavaScript → CSS

e)

HTML → CSS → JavaScript

21.

Berikut yang dimaksud dengan desain responsif dalam pengembangan web adalah....

a)

Mendesain web untuk tampilan komputer saja

b)

Aplikasi dapat menyesuaikan tampilannya secara otomatis dengan berbagai ukuran layar perangkat yang digunakan oleh pengguna

c)

Membuat web dengan banyak halaman

d)

Mendesain web hanya untuk aplikasi mobile

e)

Menambahkan animasi untuk tampilan halaman web

22.

Berikut yang merupakan ciri dari konsep mobile-first dalam desain web adalah....

a)

Mendesain untuk desktop dahulu, lalu menyesuaikan ke mobile

b)

Mendesain untuk layar terbesar dahulu

c)

Mendesain hanya untuk aplikasi Android

d)

Mendesain untuk perangkat mobile terlebih dahulu sebelum desktop

e)

Mendesain hanya untuk perangkat dengan ukuran layar kecil

23.

Pada Konsep Single Page Application (SPA), halaman web dapat memperbarui konten tanpa me-reload seluruh halaman dengan cara....

a)

Menggunakan banyak file HTML berbeda

b)

Memuat semua konten sekaligus di awal

c)

Memanfaatkan JavaScript untuk mengambil data baru dan memperbarui bagian tertentu dari halaman

d)

Menggunakan server untuk mengirim ulang seluruh halaman

e)

Menggunakan iframe untuk memuat konten baru

24.

Perbedaan utama antara client-side development dan server-side development adalah...

a)

Client-side berjalan di server, sedangkan server-side di browser

b)

Client-side mengatur data server, sedangkan server-side mengatur tampilan

c)

Client-side hanya digunakan untuk aplikasi mobile

d)

Client-side selalu lebih aman dibanding server-side

e)

Client-side berfokus pada interaksi di sisi pengguna, sedangkan server-side mengelola logika di server

25.

Dalam pengembangan aplikasi web, seorang pengembang perlu melindungi data sensitif pengguna agar tidak dapat diakses oleh pihak yang tidak berwenang, baik saat data dikirim melalui jaringan maupun saat data disimpan di server. Teknik keamanan yang digunakan untuk melindungi data tersebut adalah….

a)

XSS (Cross-Site Scripting)

b)

CSRF (Cross-Site Request Forgery)

c)

Injection

d)

Enkripsi

e)

Autentikasi