XII Pemrograman Web Part 1

Question 1

Tujuan utama pembuatan "Project Brief" pada fase awal perancangan aplikasi e-commerce berdasarkan standar industri perangkat lunak adalah...

Accepted Answer

Menyelaraskan pemahaman tim mengenai masalah bisnis dan target solusi fitur.

Answer

Menentukan kerangka desain visual akhir dengan kode pemrograman tingkat tinggi.

Answer

Mendaftarkan seluruh alamat rute pada sistem kerangka kerja framework Laravel.

Answer

Mengurangi ukuran penyimpanan basis data agar server berjalan lebih optimal.

Question 2

Pada pembuatan Low-Fidelity Wireframe, desainer membatasi warna. Aturan baku pada fase ini adalah...

Accepted Answer

Hanya menggunakan palet warna monokrom (skala abu-abu, hitam, dan putih).

Answer

Hanya mengimplementasikan warna merek perusahaan pada elemen tombol utama.

Answer

Hanya memakai kode warna heksadesimal yang telah disetujui project manager.

Answer

Menggunakan warna-warna cerah untuk menguji tingkat kenyamanan mata klien.

Question 3

Dalam kerangka kerja Laravel, pendekatan Model-View-Controller (MVC) membagi tugas sistem secara spesifik. Tanggung jawab utama dari komponen "Controller" adalah...

Accepted Answer

Menerima permintaan rute URL, mengambil data model, dan menyajikan ke view.

Answer

Menyediakan struktur tata letak (layout) yang langsung dilihat pengguna akhir.

Answer

Mendefinisikan tabel relasional dan menyimpan transaksi ke dalam basis data.

Answer

Mengonversi gambar rancangan visual menjadi baris-baris kode CSS dan HTML.

Question 4

Proses pengesahan desain (Design Sign-Off) merupakan tahapan krusial. Pernyataan manakah yang paling akurat menggambarkan konsekuensi setelah status ini dicapai?

Accepted Answer

Tata letak visual dikunci secara mutlak dan menjadi cetak biru untuk tahap coding.

Answer

Tim backend developer bebas merombak kerangka database tanpa pemberitahuan.

Answer

Seluruh pengguna aplikasi diizinkan melakukan transaksi pembelian secara publik.

Answer

Server lokal (localhost) akan diunggah secara otomatis menuju jaringan internet.

Question 5

Pada struktur direktori framework Laravel, terdapat aturan keamanan yang ketat mengenai penempatan file. Di manakah file gambar dan CSS (Cascading Style Sheets) harus disimpan?

Accepted Answer

Terpusat di dalam direktori public agar dapat diakses langsung oleh browser.

Answer

Di dalam direktori resources/views agar mudah dibaca oleh komponen blade.

Answer

Di dalam folder app/Http/Controllers untuk menjaga kerahasiaan data server.

Answer

Tersimpan di direktori routes/web.php sebagai bagian dari navigasi internal.

Question 6

Tim pengembang mengimplementasikan fitur "Template Inheritance" pada Laravel Blade. Jika mereka menggunakan direktif @yield('konten_utama') di master layout, apa fungsi dari tag tersebut?

Accepted Answer

Menyediakan ruang kosong dinamis yang nantinya akan diisi oleh tampilan anak.

Answer

Menerjemahkan otomatis variabel warna dari Figma menjadi elemen CSS kustom.

Answer

Memaksa server memuat ulang basis data setiap kali halaman katalog dibuka.

Answer

Mendaftarkan alamat URL baru secara otomatis tanpa mengubah file konfigurasi.

Question 7

Saat melakukan "Frontend Slicing", seorang coder harus mengubah warna seluruh tombol menggunakan CSS Variables. Manakah sintaks pemanggilan variabel warna di bawah ini yang benar?

Accepted Answer

background-color: var(--warna-utama); / Mengubah latar belakang tombol /

Answer

background-color: =warna-utama; / Mengubah latar belakang tombol /

Answer

background-color: $warna_utama; / Mengubah latar belakang tombol /

Answer

background-color: root(warna-utama); / Mengubah latar belakang tombol /

Question 8

Dalam file katalog.blade.php, programmer ingin memanggil gambar logo yang berada di folder public/assets/images. Manakah penulisan helper function Laravel yang paling tepat?

Accepted Answer

Question 9

Sebuah UMKM kuliner mengeluhkan tingginya angka keranjang belanja yang ditinggalkan (cart abandonment). Berdasarkan analisis User Flow, masalah ini sering terjadi karena pengguna kebingungan dengan...

Accepted Answer

Menambahkan panel rincian kalkulasi subtotal dan ongkos kirim di halaman awal.

Answer

Memperbesar ukuran logo dan menambahkan animasi pergerakan pada tombol beli.

Answer

Menghapus kolom pengisian alamat agar pengguna dapat membeli dengan cepat.

Answer

Meminta pengguna mengunggah foto kartu identitas sebelum memilih ekspedisi.

Question 10

Saat merancang Entity Relationship Diagram (ERD) e-commerce, seorang Backend Developer menempatkan user_id pada tabel transactions. Jika entitas user_id tersebut dihapus dari tabel transaksi, kerug...

Accepted Answer

Server kehilangan jejak dan tidak bisa mencocokkan riwayat pesanan dengan pembeli.

Answer

Harga seluruh produk di halaman katalog akan kembali menjadi nol secara otomatis.

Answer

Sistem tidak bisa menampilkan animasi transisi saat pengguna menekan tombol beli.

Answer

Tampilan antarmuka website seketika berubah menjadi halaman kode HTML yang error.

Question 11

Seorang UI/UX Designer menggunakan warna merah (#FF0000) untuk seluruh tombol di aplikasinya. Di tengah proyek, klien meminta perubahan warna menjadi biru (#0000FF). Jika desainer tidak menerapkan ...

Accepted Answer

Desainer wajib memeriksa dan mengubah kode warna di setiap layar secara manual.

Answer

Mesin peramban (browser) akan menolak memuat warna baru karena dianggap spam.

Answer

Database akan menghapus seluruh data produk yang memiliki kode warna merah itu.

Answer

Struktur HTML pada Laravel Blade otomatis mengalami kerusakan akibat perubahan.

Question 12

Saat menguji prototipe interaktif aplikasi toko buku, seorang evaluator (QA) menekan tombol "Detail Buku" dan berhasil masuk ke halaman informasi. Namun, setelah membaca sinopsis, ia tidak menemuka...

Accepted Answer

Kondisi Dead-End yang memutus alur pengguna secara tiba-tiba dan membuat frustrasi.

Answer

Fenomena Drop-Off yang terjadi akibat kecepatan server lokal mengalami gangguan.

Answer

Pendekatan User-Centric untuk memfokuskan perhatian pembeli pada satu produk.

Answer

Skenario Edge Case yang memang dirancang untuk menjaga keamanan transaksi data.

Question 13

Dalam presentasi (Pitching) purwarupa, audiens memberikan kritik bahwa teks keterangan spesifikasi produk terlalu kecil dan membaur dengan latar belakang abu-abu. Menghadapi umpan balik konstruktif...

Accepted Answer

Menginstruksikan UI Designer melakukan live revision pada rasio kontras tipografi.

Answer

Mengabaikan kritik audiens karena estetika desain jauh lebih penting daripada teks.

Answer

Meminta programmer mengetik ulang ukuran font tersebut langsung di dalam database.

Answer

Menghapus teks deskripsi produk sepenuhnya agar antarmuka terlihat jauh lebih rapi.

Question 14

Seorang Backend Developer langsung mengetik struktur HTML di file katalog.blade.php tanpa terlebih dahulu membedah dan menganalisis desain Figma bersama UI/UX Designer. Apa potensi masalah arsitekt...

Accepted Answer

Penulisan elemen header, main, dan footer menjadi berantakan serta tumpang tindih.

Answer

Seluruh gambar produk akan diubah formatnya menjadi file video oleh sistem server.

Answer

Kerangka kerja Laravel otomatis menghapus file konfigurasi routing pada sistem web.

Answer

Fungsi pengamanan tingkat tinggi (enkripsi) pada tabel database menjadi tidak aktif.

Question 15

Saat memecah desain (Slicing), tim menemukan bahwa bagian navigasi atas (Header) dan informasi kontak bawah (Footer) bentuknya selalu identik di halaman Katalog maupun Detail Produk. Berdasarkan ka...

Accepted Answer

Menyusunnya menjadi Master Layout tunggal lalu diwariskan menggunakan tag extends.

Answer

Menggandakan baris kode HTML tersebut di setiap file view agar server bekerja cepat.

Answer

Menyimpan kode header dan footer di dalam tabel khusus pada pangkalan data MySQL.

Answer

Meminta UI Designer untuk menghapus elemen footer agar proses coding lebih efisien.

Question 16

Dalam proyek web yang sedang berjalan, file style.css telah dihubungkan pada master.blade.php dengan sintaks . Namun, saat halaman dijalan...

Accepted Answer

Memeriksa apakah file style.css benar-benar berada di dalam direktori public/css.

Answer

Memastikan resolusi monitor pengguna sesuai standar pengembangan antarmuka.

Answer

Membongkar kembali instalasi Composer karena paket Laravel mengalami korupsi.

Answer

Mengubah seluruh ekstensi file gambar dari format asli JPG menjadi format SVG.

Question 17

Sebuah kelompok mengalami Error 404 (Not Found) saat mengetikkan localhost:8000/keranjang di browser. Padahal, file keranjang.blade.php sudah tersimpan rapi dengan struktur HTML yang sempurna di fo...

Accepted Answer

Programmer lupa mendaftarkan jalur '/keranjang' pada file pengatur rute web.php.

Answer

Ukuran file gambar yang disisipkan di dalam HTML melampaui batas memori server.

Answer

Desainer belum memberikan dokumen Sign-Off kepada anggota tim backend developer.

Answer

Tipe data kolom harga di dalam database tidak sinkron dengan komponen antarmuka.

Question 18

Desainer e-commerce mengalokasikan area khusus berukuran 300x300 pixel untuk memuat foto sepatu. Namun, saat tim developer memasukkan tag  yang mengambil gambar aslinya (beresolusi 2000x2000 p...

Accepted Answer

Mengatur elemen kotak gambar produk dengan properti CSS maksimal width: 100%;.

Answer

Mengubah tipe file desain sepatu dari ekstensi standar PNG menjadi dokumen PDF.

Answer

Menyuruh backend developer membatasi ukuran penyimpanan memori basis data server.

Answer

Memindahkan pemanggilan gambar tersebut ke dalam struktur utama master layout.

Question 19

Sebelum ujian, siswa belajar mentransformasikan warna identitas merek dari dokumen Project Brief ke dalam kode pemrograman. Alih-alih menuliskan kode HEX puluhan kali di setiap tombol, programmer y...

Accepted Answer

Menerapkan pola skalabilitas di mana revisi satu baris dapat memperbarui seluruh web.

Answer

Mengunci hak akses warna agar programmer lain tidak dapat menyalin kode web.

Answer

Mengurangi beban ruang penyimpanan memori hardisk di dalam mesin komputer lokal.

Answer

Memaksa server merespons permintaan visual dari pengguna aplikasi dua kali lebih cepat.

Question 20

Sebuah tim mendapat kritik tajam saat fase pengujian (Peer-Review) prototipe karena halaman Checkout tidak menampilkan akumulasi total harga dari berbagai barang yang dibeli secara otomatis. Berdas...

Accepted Answer

UI/UX Designer; mengakibatkan programmer kehilangan acuan membangun logika data.

Answer

Project Manager; mengakibatkan gagalnya proses instalasi framework Laravel.

Answer

Backend Developer; mengakibatkan server menolak menyimpan gambar produk ke folder.

Answer

System Analyst; mengakibatkan ukuran font pada layar pengguna berubah tidak wajar.

Question 21

Setelah proses "Slicing" selesai, tim developer melakukan komparasi side-by-side antara jendela browser web (localhost) dan layar prototipe Figma. Tujuan spesifik apa yang ingin dievaluasi oleh Pro...

Accepted Answer

Mengukur tingkat akurasi translasi struktur visual dan hierarki tata letak elemen HTML.

Answer

Mendeteksi kecepatan maksimal transfer data internet saat memuat halaman e-commerce.

Answer

Memeriksa konfigurasi keamanan basis data relasional dari ancaman injeksi peretas.

Answer

Menganalisis beban memori penyimpanan server saat menjalankan fungsi controller web.

Question 22

Pembeli yang belum memilih "Ukuran Baju" dilarang klik "Masukkan Keranjang". Saat coding, logika apa yang paling krusial dimasukkan pengembang?

Accepted Answer

Penanganan skenario edge case (kasus ekstrem) melalui validasi masukan form pengguna.

Answer

Modifikasi tag  untuk menampilkan panduan ukuran di atas nama aplikasi web.

Answer

Penerapan variabel warna sekunder pada tombol agar terlihat transparan dan menyatu.

Answer

Pembuatan relasi antar tabel baru di MySQL yang mengurus ukuran spesifik pelanggan.

Question 23

Jika instalasi Laravel (composer create-project) dihentikan paksa sebelum 100%, masalah berantai apa yang paling menghambat tahap berikutnya?

Accepted Answer

Ekosistem MVC tidak terbentuk utuh sehingga server lokal gagal merender halaman web.

Answer

Gambar yang telah diekspor dari prototipe Figma akan kehilangan resolusi aslinya.

Answer

Desainer antarmuka tidak dapat lagi mengedit palet warna di dalam perangkat lunaknya.

Answer

Teks "Lorem Ipsum" yang diketik pada struktur HTML otomatis berubah menjadi bahasa acak.

Question 24

Pembuatan struktur direktori public/assets/images di dalam kerangka kerja Laravel bukan tanpa alasan. Jika seorang siswa yang tidak memahami literasi arsitektur ini menyimpan foto produknya di fold...

Accepted Answer

Fungsi asset() gagal menemukan berkas karena sistem melarang akses publik ke area tersebut.

Answer

Fungsi @yield dari Blade Templating akan mengabaikan setiap perintah logika percabangan.

Answer

Sistem database akan menumpuk beban penyimpanan yang berujung pada kerusakan server.

Answer

Warna latar belakang CSS akan mendominasi dan menutupi tampilan antarmuka katalog.

Question 25

Anggota tim bersikeras memakai Inline CSS dibanding eksternal style.css. Sebagai PM berprinsip Clean Code, argumen analitis apa yang paling tepat untuk melarangnya?

Accepted Answer

Praktik tersebut menghancurkan konsep skalabilitas dan membuat perawatan kode sangat sulit.

Answer

Penulisan kode secara paralel (inline) mempercepat durasi muat pada aplikasi browser web.

Answer

Sistem basis data akan menolak membaca gaya antarmuka yang disuntikkan secara langsung.

Answer

File gambar yang ditautkan di dekatnya akan berpotensi merusak struktur ukuran resolusi.

Question 26

Untuk komponen "Perbandingan Spesifikasi", elemen tag semantik HTML apakah yang paling representatif menstrukturisasi data tersebut secara rapi?

Accepted Answer

Memanfaatkan kerangka baris dan kolom yang terintegrasi di dalam elemen tabel .

Answer

Membungkus spesifikasi dengan tag paragraf  secara berjejer panjang di bawah layar.

Answer

Menyisipkan seluruh spesifikasi sebagai judul utama memakai rentetan tag heading .

Answer

Meletakkan informasi tersebut di atas menu navigasi utama aplikasi dengan tag .

Question 27

Setelah prototipe divalidasi oleh audiens dan lolos uji klik (Sign-Off), sekelompok tim memutuskan untuk merombak total posisi tombol "Beli" karena dinilai kurang kekinian. Jika mereka langsung men...

Accepted Answer

Menghancurkan fungsi Figma sebagai "Single Source of Truth" bagi seluruh pengembang tim.

Answer

Memicu kerusakan data permanen pada sistem penyimpanan basis data di mesin server web.

Answer

Menghentikan integrasi modul Laravel sehingga browser gagal mengeksekusi routing jaringan.

Answer

Menyebabkan CSS Variables terhapus secara otomatis dari struktur dokumen antarmuka web.

Question 28

Pernyataan mana yang menunjukkan sebab-akibat paling logis antara kegagalan Problem Insight (P1) dan kekacauan implementasi koding/Slicing (P4)?

Accepted Answer

Karena alur masalah tidak jelas, arsitektur tata letak kode HTML menjadi tidak terstruktur.

Answer

Jika warna logo terlalu gelap, maka ukuran basis data MySQL akan membengkak drastis.

Answer

Jika desainer lambat bekerja, maka kerangka framework Laravel otomatis menunda eksekusi.

Answer

Karena presentasi terlalu singkat, maka browser menolak memuat gaya visual Cascading Style.

Question 29

Saat melakukan "Peer Review" pada prototipe interaktif milik kelompok lain, Anda mendapati bahwa setelah masuk ke keranjang belanja, Anda tidak bisa membatalkan barang atau menekan tombol kembali k...

Accepted Answer

"Mohon tambahkan tombol atau navigasi rute mundur untuk menghindari skenario jalan buntu."

Answer

"Tolong ubah skema warna pada teks rincian barang agar terlihat lebih cerah di monitor."

Answer

"Mohon ganti font judul barang agar menyesuaikan dengan tren estetika aplikasi kekinian."

Answer

"Tolong perbesar ukuran gambar di katalog produk agar kualitas piksel tidak terlalu pecah."

Question 30

Penggunaan sintaks Blade Laravel terbukti sangat memangkas durasi pengetikan kode oleh programmer. Jika sebuah e-commerce memiliki 10 halaman berbeda (seperti Beranda, Tentang Kami, Syarat Layanan)...

Accepted Answer

Coder membangun 1 master tata letak utama, kemudian 10 halaman lainnya mewarisi kerangka itu.

Answer

Coder harus membuat 10 file HTML utuh lalu menyalin setiap kerangka visual satu per satu.

Answer

Coder menggabungkan seluruh teks dari 10 halaman tersebut menjadi satu baris kode di beranda.

Answer

Coder menyimpan 10 file visual tersebut di dalam server basis data agar tidak memperberat web.

Question 31

Kalian telah mengetik kerangka utama HTML (, , ) pada sebuah file yang bernama master.blade.php. Jika kalian kemudian menuliskan kerangka yang sama persis di dalam file katalog.bl...

Accepted Answer

Menulis kode yang berulang (redundant) dan merusak filosofi pewarisan (inheritance) Blade.

Answer

Menerapkan metodologi kerangka kerja yang tidak kompatibel dengan peramban Google Chrome.

Answer

Merusak konfigurasi keamanan siber yang mengakibatkan data produk rawan diretas dari luar.

Answer

Menyebabkan ukuran file gambar produk membengkak dan menutupi hampir seluruh layar monitor.

Question 32

Studi Kasus: Saat meninjau kode katalog.blade.php, instruktur melihat sebuah blok yang tertulis .... Coder mengklaim bahwa ini adalah komponen yang akan diulang-ulang...

Accepted Answer

Membatasi ukuran horizontal menggunakan properti width secara spesifik.

Answer

Mendefinisikan properti color untuk mengubah ragam palet warna teks.

Answer

Menuliskan properti font-family agar jenis huruf selaras dengan tema.

Answer

Mengatur tata letak spasi dalam dokumen dengan properti margin: auto;.

Question 33

Dalam rapat pengembang, muncul perdebatan antara UI/UX Designer dan Backend Developer. Desainer menuntut penambahan efek bayangan (shadow) 3 dimensi pada setiap kotak barang di halaman katalog agar...

Accepted Answer

Menyisipkan properti box-shadow pada kelas khusus di file style.css tanpa mengacak-acak HTML.

Answer

Menghapus foto barang dari database dan menggantinya dengan grafis berbasis tiga dimensi.

Answer

Menutup paksa akses jaringan server Laravel agar kode kerangka HTML tidak saling bertabrakan.

Answer

Mengubah sintaks rute URL di file web.php agar mengembalikan efek bayangan pada pengguna.

Question 34

Berdasarkan panduan Slicing E-Commerce, penggunaan "Lorem Ipsum" (teks palsu) yang terus-menerus dipertahankan hingga tahap penulisan kode final akan memicu bias struktural. Jika hal ini terjadi, a...

Accepted Answer

Tata letak kotak antarmuka dapat pecah jika jumlah karakter aslinya melebihi simulasi ukuran.

Answer

Alamat rute navigasi pada kerangka kerja Laravel otomatis akan menolak permintaan koneksi.

Answer

Fungsi pemanggilan gambar bawaan asset() berhenti mendeteksi folder penyimpanan direktori.

Answer

Kerangka desain utama di Figma akan terhapus oleh sinkronisasi basis data secara permanen.

Question 35

Dalam proyek nyata, saat menjalankan aplikasi e-commerce di server lokal (localhost:8000/katalog), tampilan antarmuka web hanya menunjukkan kerangka struktur teks hitam-putih yang tidak teratur, pa...

Accepted Answer

Programmer mengabaikan tahapan riset empati pembeli saat membuat dokumen Project Brief.

Answer

Programmer belum mengekspor aset gambar produk dari kanvas rancangan aplikasi Figma.

Answer

Programmer tidak menuliskan atribut relasi pemanggil file CSS pada blok header dokumen.

Answer

Programmer menyusun kode database tanpa menyelaraskannya dengan desain antarmuka web.

Question 36

Jika sebuah kelompok pengembang secara proaktif melakukan eksperimen mandiri (eksplorasi kemandirian) dengan menyimpan kode warna dan logo ke dalam satu folder pusat, kompetensi lintas-disiplin ind...

Accepted Answer

Penerapan standarisasi sistem rancangan terpadu (Design System & Resource Management).

Answer

Manajemen penentuan struktur basis data relasional (Database Normalization Methodology).

Answer

Teknik negosiasi harga dan penjadwalan kontrak klien korporasi (Business Process Pitching).

Answer

Mekanisme keamanan pertukaran kunci rahasia pada server (End-to-End Encryption Scheme).

Question 37

Studi Kasus: Kalian adalah tim yang sedang merancang prototipe e-commerce bahan pokok makanan. Audiens memberikan kritik keras (feedback) bahwa desain katalog terlalu padat, sehingga rentang harga,...

Accepted Answer

Memanfaatkan aturan hierarki visual (ukuran font berbeda) dan menyederhanakan data tampil.

Answer

Memaksa programmer backend memperluas tabel penyimpanan pada konfigurasi mesin database.

Answer

Mengabaikan kritik tersebut karena fungsionalitas jauh lebih penting daripada nilai estetika.

Answer

Meminta pengunjung memasukkan kata sandi sebelum mereka diizinkan melihat informasi gizi.

Question 38

Dalam alur MVC Laravel, peran "View" bertanggung jawab penuh terhadap apa yang dilihat oleh pengunjung website. Jika seorang programmer backend menyelipkan logika kalkulasi perhitungan pajak (Pajak...

Accepted Answer

Melanggar prinsip dasar pemisahan tugas antarkomponen sehingga kode web sulit dipelihara.

Answer

Menghasilkan struktur tata letak (layout) yang sangat responsif jika dibuka di layar smartphone.

Answer

Memicu gangguan konektivitas saat file gambar diunggah ke dalam direktori publik server.

Answer

Mewajibkan desainer merancang ulang palet warna agar selaras dengan hasil persentase pajak.

Question 39

Seorang Project Manager mewajibkan timnya memeriksa jendela "Inspect Element" (Developer Tools) di browser Google Chrome setiap kali halaman selesai direfresh. Tindakan investigasi analitis ini ber...

Accepted Answer

Kesalahan fatal rute pemanggilan file (Error 404) pada aset grafis atau struktur penataan CSS.

Answer

Kegagalan algoritma enkripsi dalam melindungi kata sandi pelanggan e-commerce perusahaan.

Answer

Kelemahan kerangka desain awal yang belum diverifikasi silang dengan pihak klien eksternal.

Answer

Penurunan nilai persentase keuntungan penjualan berdasarkan perbandingan algoritma pasar.

Question 40

Berdasarkan pemetaan jalan (roadmap) pengembangan proyek, pertemuan 4 (Slicing Dasar) dan pertemuan 5 (Penyempurnaan Styling MVC) diposisikan sebagai jembatan pembuka menuju eksekusi Basis Data di ...

Accepted Answer

Menyediakan cangkang antarmuka yang utuh dan presisi sebelum disuntikkan data operasional.

Answer

Membuktikan bahwa aplikasi Figma adalah alat desain web terbaik di industri rekayasa digital.

Answer

Mendorong desainer agar terus memperbaiki kerangka visual meskipun proses coding berjalan.

Answer

Menghindari integrasi jaringan yang memperlambat konektivitas internet pada ruang praktik.

XII Pemrograman Web Part 1

Ways to Play

Device Games: Students play on their phones

Blast Go

Zombie Escape

Avalanche

Maze Blast

Cave Climb

Blast Out

Mystery Auction

Tour Guide

Food Truck Rush

Tug of War

Alien Blast

Glacier Rush

Board Games: Teacher-led, projected to the class

Like what you see?

More like this

XII Pemrograman Web Part 1

Ways to Play

Device Games: Students play on their phones

Blast Go

Zombie Escape

Avalanche

Maze Blast

Cave Climb

Blast Out

Mystery Auction

Tour Guide

Food Truck Rush

Tug of War

Alien Blast

Glacier Rush

Board Games: Teacher-led, projected to the class

Like what you see?

More like this

Bug Blast

BlastRace

BlastQuiz

BlastBoard

Seek & Destroy

Mystery Blast

Checkers

Texas Hold 'Em

Da Bomb

Castle Siege

Hot Potato

Market Mayhem

King of the Hill

Bank Heist

Top Corner