Selasa, 25 Februari 2025

Senin, 10 Februari 2025

Proyek Video Profil Pengenalan Jurusan PPLG

Proyek: Video Profil Jurusan Pengembangan Perangkat Lunak dan Gim

📌 Tujuan:

  1. Memperkenalkan jurusan kepada calon siswa, orang tua, dan masyarakat.
  2. Melatih keterampilan editing video dan storytelling visual.
  3. Mengembangkan kemampuan kerja tim dalam produksi media digital.

📌 Hasil Akhir:

  • Video profil berdurasi 3–5 menit yang menjelaskan jurusan, kurikulum, fasilitas, dan peluang karier.

Tahapan Proyek

1. Perencanaan (Pre-Production)

✅ Tentukan Konsep & Pesan Utama

  • Apa yang ingin ditonjolkan? (Misalnya, kurikulum, proyek siswa, fasilitas, alumni sukses).
  • Siapa target audiens? (Calon siswa, orang tua, industri, dll.).

✅ Pembuatan Storyboard & Naskah

  • Rancang urutan adegan (pembuka, isi, penutup).
  • Susun pertanyaan wawancara (misalnya, dengan guru, siswa, atau alumni).

✅ Persiapan Peralatan

  • Kamera (bisa pakai HP dengan tripod).
  • Mikrofon untuk kualitas audio yang lebih baik.
  • Software editing (CapCut, DaVinci Resolve, Adobe Premiere, dll.).

2. Produksi (Shooting Video)

✅ Pengambilan Gambar

  • Rekam suasana kelas, laboratorium komputer, dan kegiatan siswa.
  • Wawancara dengan guru dan siswa tentang pengalaman mereka.
  • Tampilkan proyek siswa, misalnya game atau aplikasi yang telah dibuat.

✅ Tambahkan Elemen Pendukung

  • Gunakan grafik animasi untuk menjelaskan kurikulum.
  • Ambil footage tambahan (B-roll) seperti siswa bekerja di depan komputer.

3. Pasca-Produksi (Editing Video)

✅ Proses Editing

  • Pilih bagian terbaik dari rekaman.
  • Tambahkan teks (judul, nama narasumber, subtitle).
  • Masukkan musik latar yang sesuai.
  • Gunakan transisi yang profesional agar video terlihat lebih menarik.

✅ Penyempurnaan & Publikasi

  • Review hasil editing dengan tim.
  • Lakukan revisi jika perlu.
  • Unggah ke YouTube atau media sosial sekolah.

📌 Penilaian:

  • Kreativitas: Seberapa menarik konsep dan editing?
  • Informasi: Apakah video menyampaikan pesan dengan jelas?
  • Teknik Editing: Kualitas transisi, audio, dan efek.
  • Kerja Sama Tim: Kolaborasi dalam proses produksi.
Continue reading Proyek Video Profil Pengenalan Jurusan PPLG

Jumat, 07 Februari 2025

Selasa, 04 Februari 2025

Desain Landing Page HTML dan CSS di Figma

JOBSHEET

Membuat Desain Landing Page HTML di Figma

A. TUJUAN

  1. Memahami konsep desain UI/UX untuk landing page.
  2. Mendesain tampilan landing page yang menarik dan fungsional di Figma.
  3. Menggunakan komponen dasar Figma seperti frame, text, image, dan auto layout.
  4. Menyiapkan desain yang siap dikonversi ke HTML & CSS.

B. ALAT DAN BAHAN

✅ Laptop/PC dengan koneksi internet
✅ Akun Figma (www.figma.com)
✅ Aset gambar/icon (opsional)
✅ Referensi desain (dribbble, behance, atau web favorit)

C. LANGKAH KERJA

1. Membuat Project Baru

  1. Buka Figma dan login ke akun Anda.
  2. Klik New File untuk membuat proyek baru.
  3. Atur ukuran frame dengan memilih Desktop (1440px width) atau sesuai kebutuhan.

2. Menentukan Struktur Landing Page

Landing page umumnya memiliki:
✅ Header → Logo, Navigasi, CTA (Call to Action)
✅ Hero Section → Gambar utama, headline, subheadline, tombol aksi
✅ Fitur/Benefit → Daftar keunggulan produk/jasa
✅ Testimoni → Ulasan dari pengguna
✅ CTA Section → Formulir pendaftaran atau tombol ajakan
✅ Footer → Informasi kontak, link sosial media

3. Mendesain Komponen Landing Page di Figma

  1. Header

    • Gunakan Text Tool (T) untuk menambahkan logo dan navigasi.
    • Buat tombol CTA dengan Rectangle (R) dan berikan warna mencolok.

  2. Hero Section

    • Tambahkan headline dan subheadline menggunakan Text Tool.
    • Masukkan gambar dengan Place Image (Shift + Ctrl + K).

  3. Fitur/Benefit

    • Buat 3-4 kolom dengan Auto Layout untuk daftar fitur.
    • Tambahkan ikon menggunakan plugin Material Icons atau Feather Icons.

  4. Testimoni

    • Gunakan Ellipse Tool (O) untuk foto pelanggan.
    • Tambahkan teks ulasan dan nama pelanggan.

  5. CTA Section

    • Desain tombol atau form sederhana untuk pengisian email.

  6. Footer

    • Tambahkan informasi kontak, link ke sosial media, dan copyright.

4. Finishing dan Prototyping

  1. Gunakan warna yang sesuai dengan branding (Gunakan plugin Coolors untuk palet warna).
  2. Pastikan teks memiliki kontras yang baik agar mudah dibaca.
  3. Atur Padding & Spacing agar desain rapi dan nyaman dipandang.
  4. Gunakan fitur Prototype untuk melihat interaksi dasar (misal: hover pada tombol).

5. Export Desain untuk Coding HTML

  1. Klik Export di panel kanan untuk menyimpan gambar aset (PNG/SVG).
  2. Copy kode CSS dari Figma (Inspect > CSS).
  3. Siapkan desain untuk dikonversi ke HTML & CSS.

D. PENILAIAN

No Kriteria Penilaian Skor (1-5)
1 Struktur halaman sesuai standar landing page
2 Penggunaan warna, font, dan elemen UI yang konsisten
3 Kerapihan layout dan kesesuaian ukuran elemen
4 Fungsi tombol CTA jelas dan menonjol
5 File siap digunakan untuk pengkodean HTML & CSS

📌 Catatan:

  • Pastikan desain responsif untuk tampilan mobile dan desktop.
  • Simpan file Figma dengan nama yang sesuai, misalnya 1. Nama_LandingPage

🚀 Selamat Mencoba dan Berkreativitas! 🎨💻



Lihat link youtube berikut untuk lebih jelasnya.

Tutorial Membuat Desain Halaman Website Landing Page Dengan Figma

Continue reading Desain Landing Page HTML dan CSS di Figma

Senin, 03 Februari 2025

Poster Tata Tertib Penggunaan Laboratorium RPL

Buatlah desain poster tata tertib penggunaan laboratorium RPL menggunakan Coreldraw!

Kumpulkan tugasnya pada link yang sudah disediakan!

Link Pengumpulan Tugas

Berikut adalah isi posternya.


TATA TERTIB PENGGUNAAN LABORATORIUM RPL (REKAYASA PERANGKAT LUNAK)

A. KETENTUAN UMUM

  1. Laboratorium RPL hanya boleh digunakan untuk kegiatan belajar mengajar, praktik, dan penelitian yang berkaitan dengan pemrograman dan teknologi informasi.
  2. Pengguna laboratorium harus mendapatkan izin dari guru atau teknisi sebelum menggunakan fasilitas.
  3. Setiap pengguna wajib mengisi daftar hadir sebelum menggunakan laboratorium.
  4. Pengguna diharapkan menjaga kebersihan, ketertiban, dan keamanan selama berada di laboratorium.

B. KESELAMATAN DAN KETERTIBAN

  1. Dilarang membawa makanan dan minuman ke dalam laboratorium.
  2. Tidak diperbolehkan menyentuh atau mengutak-atik perangkat tanpa izin dari guru atau teknisi.
  3. Dilarang mencabut, mengubah, atau memindahkan kabel dan perangkat tanpa izin.
  4. Dilarang membawa peralatan laboratorium keluar tanpa seizin pihak yang berwenang.
  5. Tidak diperkenankan bermain game atau membuka situs yang tidak berhubungan dengan pembelajaran.
  6. Pengguna wajib menggunakan komputer atau perangkat dengan hati-hati dan bertanggung jawab.
  7. Tidak diperbolehkan menginstal atau menghapus software tanpa izin.
  8. Apabila terjadi kerusakan pada komputer atau perangkat lainnya, segera laporkan kepada guru atau teknisi.

C. KEAMANAN DATA DAN JARINGAN

  1. Dilarang menggunakan perangkat laboratorium untuk kegiatan yang melanggar hukum, seperti hacking dan penyebaran virus.
  2. Setiap pengguna wajib menyimpan data pribadi atau tugasnya di media penyimpanan sendiri (flashdisk, cloud storage, dll.), karena data yang tersimpan di komputer laboratorium dapat dihapus sewaktu-waktu.
  3. Tidak diperbolehkan mengakses atau mengubah file pengguna lain tanpa izin.
  4. Jaringan internet laboratorium hanya boleh digunakan untuk kegiatan akademik.

D. SANKSI PELANGGARAN

  1. Peringatan lisan bagi pelanggaran ringan.
  2. Teguran tertulis dan pembatasan akses laboratorium bagi pelanggaran berulang.
  3. Penggantian perangkat yang rusak jika terbukti akibat kelalaian atau kesengajaan.
  4. Pemberian sanksi sesuai kebijakan sekolah untuk pelanggaran berat.

E. PENUTUP

Tata tertib ini dibuat untuk menciptakan lingkungan belajar yang aman, nyaman, dan kondusif di Laboratorium RPL. Semua pengguna diharapkan menaati peraturan ini dengan penuh tanggung jawab.

📌 "Jaga fasilitas, gunakan dengan bijak, dan belajar dengan semangat!"


---------

🖥️ TATA TERTIB LABORATORIUM RPL 🖥️
📢 Gunakan dengan Bijak, Belajar dengan Nyaman

📌 KETENTUAN UMUM

✅ Laboratorium hanya untuk belajar, praktik, dan penelitian RPL.
✅ Wajib izin guru/teknisi sebelum menggunakan fasilitas.
✅ Isi daftar hadir sebelum masuk.
✅ Jaga kebersihan, ketertiban, dan keamanan.

⚠️ KESELAMATAN & KETERTIBAN

🚫 DILARANG:
❌ Membawa makanan & minuman.
❌ Mengutak-atik perangkat tanpa izin.
❌ Mencabut atau memindahkan kabel & alat.
❌ Bermain game atau membuka situs tidak edukatif.
❌ Menginstal atau menghapus software tanpa izin.
💡 WAJIB:
✔ Gunakan komputer dengan hati-hati.
✔ Laporkan jika ada kerusakan.

🌐 KEAMANAN DATA & JARINGAN

🔒 Tidak boleh hacking atau menyebar virus.
📂 Simpan data pribadi di flashdisk/cloud.
🚫 Dilarang mengakses atau mengubah file orang lain.
🌍 Internet hanya untuk keperluan belajar.

⚖️ SANKSI PELANGGARAN

🚨 Peringatan bagi pelanggaran ringan.
📜 Teguran & pembatasan akses bagi yang melanggar berulang.
💰 Ganti rugi jika merusak alat akibat kelalaian.
⛔ Sanksi sesuai aturan sekolah untuk pelanggaran berat.

📢 "JAGA FASILITAS – GUNAKAN DENGAN BIJAK – BELAJAR DENGAN SEMANGAT!" 🎯

👀 Buat lebih menarik? Tambahkan warna cerah, ikon, dan desain modern agar mudah dibaca! 🚀 


Continue reading Poster Tata Tertib Penggunaan Laboratorium RPL