KBJI: 2166.10

Kelas ditujukan bagi pemula yang ingin mulai belajar bidang pemrograman agar dapat menjadi desainer website dengan mengacu pada standar okupasi Desainer Website (kode okupasi KBJI: 2166.10). Di akhir pelatihan, siswa mampu mendesain website menggunakan aplikasi Figma dan mengonversinya ke dalam bentuk file HTML menggunakan aplikasi Wordpress web page builder Elementor dan code editor secara tepat sesuai dengan desain yang telah dibuat.

• Peserta mampu menganalisis kebutuhan bisnis untuk kemudian dituangkan ke dalam rancangan desain web menggunakan aplikasi Figma.
• Peserta mampu mengonversi desain web yang telah dibuat di Figma ke dalam bentuk halaman web menggunakan aplikasi Wordpress web page builder Elementor.
• Peserta mampu menambahkan efek animasi pada halaman website menggunakan fitur yang tersedia di Elementor.
• Peserta mampu memvalidasi dan menambahkan kode HTML dan CSS yang dibutuhkan untuk menyempurnakan tampilan sesuai dengan desain yang telah dibuat.
  
  

Materi yang dipelajari:

• Mengidentifikasi Kebutuhan Website: Belajar teori dan metodologi dalam menggali dan memahami kebutuhan bisnis serta menuangkan kebutuhan menjadi poin-poin antarmuka web. Implementasi keterampilan ke dalam studi kasus membuat menyusun daftar pertanyaan, wawancara dan mencatat kebutuhan bisnis. Belajar tips sikap kerja dalam menggali informasi seputar penawaran bisnis, layanan produk dan informasi yang harus ditampilkan untuk kebutuhan pembuatan website. (32 menit)
• Mengimplementasikan Kebutuhan Bisnis ke Dalam Rancangan Desain Web: Belajar teori antarmuka aplikasi Figma, teori komponen website, teori dasar user interface dan teori dasar user experience. Implementasi keterampilan ke dalam studi kasus membuat project baru di Figma, membuat komponen website di Figma dan manipulasi parameter komponen, membuat simulasi alur website di Figma dan menuangkan poin-poin spesifikasi bisnis hasil analisis ke dalam desain website. Belajar tips dan trik penggunaan shortcut di aplikasi Figma, mendapatkan gambar ilustrasi bagus dan legal untuk digunakan dan memainkan kombinasi warna dan spasi agar desain web nyaman dilihat. (277 menit)
• Membangun Desain Web Menjadi Halaman Web: Belajar teori antarmuka aplikasi Elementor. Implementasi keterampilan ke dalam studi kasus membuat halaman web berdasarkan desain yang telah dibuat pada aplikasi Figma. Belajar tips dan trik membangun halaman web lebih cepat dan tepat dengan desain. (152 menit)
• Menambahkan Efek Animasi pada Halaman Web: Belajar teori animasi web dengan Javascript dan CSS. Implementasi keterampilan ke dalam menambahkan animasi pada komponen di halaman web.. Belajar tips dan sikap kerja dalam menambahkan animasi secukupnya yang cocok untuk memperindah tampilan web dan mempelajari contoh website dan template yang sudah memiliki animasi. (14 menit)
• Menuliskan Kode HTML dan CSS Tambahan: Belajar teori dasar penggunaan code editor, teori dasar HTML dan teori dasar CSS. Implementasi keterampilan ke dalam studi kasus menambahkan kode HTML dan CSS pada bagian spesifik untuk tepat menyesuaikan halaman web dengan desain yang telah dibuat. Belajar tips sikap kerja dalam mempelajari HTML dan CSS yang mudah dan menyenangkan. (30 menit)

Evaluasi Pembelajaran:

• Ujian Akhir Kelas

Total jam yang dibutuhkan untuk menyelesaikan kelas ini, mulai dari persiapan kelas sampai evaluasi belajar, adalah 11 jam.