Tim IT Engineer (Web and UI/UX Designer)

Pengenalan lingkungan kerja, pemahaman proses bisnis instansi, serta identifikasi kebutuhan pengembangan website. Pengenalan struktur organisasi, tugas, dan fungsi Balai P3KP Jawa I. Pengenalan program dan layanan di bidang perumahan dan kawasan permukiman. Pengenalan tata kelola teknologi informasi, keamanan data, dan etika penggunaan sistem instansi. Identifikasi kebutuhan pengembangan atau optimalisasi website. Analisis website dan sistem informasi yang digunakan instansi. Pengenalan alur kerja pengembangan website dan UI/UX. Penyusunan kebutuhan fungsional dan nonfungsional sistem.

Perancangan antarmuka dan pengalaman pengguna website berdasarkan kebutuhan instansi. Pengenalan prinsip User Interface dan User Experience. Analisis kebutuhan dan karakteristik pengguna website. Penyusunan struktur informasi (information architecture). Perancangan user flow dan sitemap. Pembuatan wireframe website. Pengembangan desain antarmuka menggunakan Figma atau perangkat desain sejenis. Penyusunan komponen desain, tipografi, warna, dan layout. Pembuatan prototype interaktif. Evaluasi awal desain berdasarkan masukan mentor dan calon pengguna.

Mengimplementasikan desain UI/UX menjadi tampilan website yang fungsional dan responsif. Pengenalan struktur proyek pengembangan website. Implementasi HTML, CSS, dan JavaScript. Penerapan responsive web design. Pengembangan komponen antarmuka website. Implementasi navigasi, formulir, tabel, dan komponen interaktif. Penerapan prinsip aksesibilitas website. Penggunaan version control dalam pengembangan. Integrasi desain UI/UX dengan kode program. Pengujian tampilan pada berbagai perangkat dan ukuran layar.

Pengembangan fitur website dan integrasi komponen sistem sesuai kebutuhan instansi. Pengenalan konsep back-end dan database. Pengembangan fitur website sesuai kebutuhan proyek. Integrasi antarmuka dengan data atau layanan sistem. Pengelolaan konten website melalui Content Management System (CMS), apabila digunakan. Pengembangan fitur pencarian, formulir, atau dashboard sederhana. Penerapan validasi input dan pengelolaan kesalahan sistem. Pengenalan prinsip keamanan dasar aplikasi web. Pengujian integrasi antarkomponen website. Penyempurnaan fitur berdasarkan hasil evaluasi mentor.

Peningkatan kualitas website melalui pengujian, evaluasi pengalaman pengguna, dan pemeliharaan sistem. Pengujian fungsionalitas website. Pengujian responsivitas pada perangkat desktop dan mobile. Evaluasi usability dan aksesibilitas website. Identifikasi dan perbaikan bug. Optimalisasi performa dan kecepatan website. Penerapan dasar Search Engine Optimization (SEO). Pengelolaan dan pembaruan konten website. Pengenalan prosedur backup dan pemeliharaan sistem. Penyusunan dokumentasi pengujian dan hasil perbaikan.

Penyelesaian proyek digital, dokumentasi hasil pekerjaan, dan evaluasi kompetensi peserta magang. Penyempurnaan website berdasarkan hasil evaluasi. Finalisasi fitur dan tampilan website. Pengujian akhir bersama mentor atau pengguna terkait. Penyusunan dokumentasi teknis pengembangan sistem. Penyusunan panduan penggunaan dan pengelolaan website. Persiapan demonstrasi hasil proyek. Presentasi hasil pengembangan website. Penyusunan laporan akhir kegiatan magang. Evaluasi kompetensi, kinerja, dan capaian pembelajaran.