Virtual Lab Informatika Kelas 8: Modifikasi Tampilan Mesin Hitung Uang Koin

🎨

Virtual Lab MHUK Versi 02

Kelas 8 - Bab 9C: Modifikasi Tampilan UI

👤

🎨

Selamat Datang!

Pelajari cara memodifikasi tampilan UI MHUK menggunakan Scratch Paint Editor

Masukkan Nama Kamu:

Hai, ! 👋

Siap belajar desain UI MHUK? Pilih menu di atas!

📚

Materi

Tujuan & langkah modifikasi tampilan

🎨

Editor

Desain UI interaktif MHUK

🖼️

Galeri

Contoh desain & inspirasi

📝

Kuis

Uji pemahamanmu

📚 Materi Pembelajaran

🎯 Tujuan Modifikasi Tampilan

Versi 02 fokus pada mempercantik tampilan program MHUK agar lebih menarik dan profesional.

✨ Estetika UI

Membuat tampilan lebih menarik dengan warna cerah, gradient, dan layout yang rapi

👥 User Experience

Interface yang jelas dan mudah dipahami membuat pengguna lebih nyaman

📝 5 Langkah Modifikasi

1

Buka Proyek MHUK Versi 01

Akses file Scratch yang sudah dibuat sebelumnya

2

Pilih Menu Backdrops

Di panel kanan, klik tab "Backdrops"

3

Klik Opsi Paint

Pilih "Paint" untuk membuat backdrop baru

4

Gunakan Alat Rectangle & Warna

Gambar bentuk & pilih warna cerah seperti biru, hijau, merah

5

Atur Letak Teks & Uji

Gunakan Text Tool & sesuaikan posisi agar tampil jelas

🎬 Menu Backdrops di Scratch

Menu Backdrops adalah panel di sebelah kanan Scratch yang menampilkan daftar latar belakang.

Opsi di Menu Backdrops:

• ✦ Paint - Buat backdrop baru dari kanvas kosong
• ✦ Choose a Backdrop - Pilih dari library Scratch
• ✦ Upload - Unggah gambar dari komputer
• ✦ Camera - Ambil foto dari webcam

🖌️ Tools Paint di Scratch

✏️ Drawing Tools

• • Pencil - Menggambar garis bebas
• • Rectangle - Bentuk kotak
• • Circle - Bentuk lingkaran

🎨 Style Tools

• • Color Picker - Pilih warna
• • Fill - Isi area dengan warna
• • Text - Tambah teks

⭐ Nilai Pembelajaran

🎨 Kreativitas Visual

Mengembangkan kemampuan desain dan ekspresi visual melalui pemilihan warna, bentuk, dan layout

👥 UI/UX Design

Melatih kemampuan membuat interface yang user-friendly dan estetis

🌟 Profil Pelajar Pancasila

Kreatif (eksplorasi desain), Mandiri (kebebasan memilih), Berkebinekaan Global (apresiasi keberagaman gaya desain)

🎨 Editor UI Interaktif

🪙 Mesin Hitung Uang Koin 🪙

Rp 0

Total Nominal

🪙

1000

🪙

500

🪙

200

🪙

100

🎨 Warna Backdrop

🌊

🌿

🔥

💜

🌸

❄️

✨ Gaya Display

🖼️ Galeri Desain MHUK

Lihat berbagai contoh desain tampilan MHUK yang bisa menjadi inspirasi!

🌊 Desain Modern Biru

Rp 2500

1K

500

200

100

Gaya modern dengan gradient biru & layout clean

🌸 Desain Glassmorphic

Rp 1800

1K

500

200

100

Efek glassmorphic dengan transparency & blur

🌿 Desain Natural

Rp 3200

1K

500

200

100

Palet warna natural dengan tema hijau

🔥 Desain Energik

Rp 4000

1K

500

200

100

Warna cerah energik dengan border tebal

📝 Kuis Evaluasi

🎯

Siap Menguji Pemahamanmu?

Kuis terdiri dari 5 soal tentang Modifikasi Tampilan MHUK

Soal 1 dari 5 Skor: 0

🎨 Virtual Lab MHUK Versi 02 - Modifikasi Tampilan UI

© 2024 Pembelajaran Interaktif Informatika