Web Desain
Persyaratan Umum:
- Peserta adalah siswa/siswi dari jenjang SMA/SMK/MA sederajat, baik sekolah negeri maupun swasta, yang masih aktif pada tahun ajaran 2024/2025 (dengan bukti berupa Kartu Tanda Pelajar).
- Setiap peserta wajib menyelesaikan proses pendaftaran beserta administrasi yang diperlukan.
- Lomba ini bersifat individu atau team (1-2 orang).
- Peserta wajib melampirkan scan Kartu Tanda Penduduk (KTP) atau Kartu Pelajar yang masih berlaku saat pendaftaran.
- Tidak diperbolehkan mengganti peserta selama lomba berlangsung.
- Peserta diwajibkan hadir dalam acara technical meeting.
- Lomba pada penyisihan pertama akan dipilih berdasarkan rancangan desain website yang sudah dikirimkan ke panitia.
- Peserta yang lolos 20 tim terbaik akan lanjut untuk mengembangkan layout web tersebut.
- Peserta wajib hadir 15 menit sebelum lomba dimulai. Jika terlambat, harus mendapatkan izin dari panitia, dan tidak ada perpanjangan waktu.
- Peserta wajib mengisi daftar hadir saat mengikuti setiap sesi lomba yang diadakan.
- Penentuan nomor peserta dilakukan melalui undian. Bagi peserta yang tidak hadir pada technical meeting, nomor undian akan ditentukan oleh panitia.
- Peserta diharapkan berpakaian bebas namun tetap sopan (berkerah).
- Peserta wajib menggunakan dan menempati peralatan lomba sesuai dengan hasil undian.
- Waktu istirahat akan ditentukan sesuai dengan situasi lomba.
- Jika peserta tidak dapat melanjutkan lomba karena sakit atau alasan lainnya, maka dianggap gugur atau mengundurkan diri.
- Peserta tidak diperbolehkan berkonsultasi atau mendapatkan arahan teknis tentang pekerjaan (job) dari pembimbing selama lomba berlangsung, kecuali dari tim juri.
- Keterlambatan atau kegagalan dalam pekerjaan tidak akan diberikan toleransi, misalnya karena lupa menyimpan pekerjaan.
- Kerusakan peralatan (hardware/software) akibat kesalahan prosedur yang dilakukan peserta menjadi tanggung jawab peserta tersebut.
- Peserta tidak diperbolehkan menggunakan peralatan (hardware/software) yang tidak sesuai dengan ketentuan yang telah ditetapkan.
- Tidak diperbolehkan membawa buku, catatan, ponsel, atau flashdisk ke ruang lomba.
- Untuk alasan kesehatan, peserta diperbolehkan membawa makanan kecil dan minuman ke dalam ruang ujian.
- Ketentuan lain yang belum tercantum dalam tata tertib ini akan ditentukan oleh kebijakan juri sesuai dengan kebutuhan.
- Pelanggaran terhadap tata tertib ini dapat berakibat pada sanksi, mulai dari teguran hingga pemberhentian sebagai peserta.

Syarat dan Ketentuan Lomba Web Desain
Ketentuan Khusus:
- Karya belum pernah menjadi pemenang atau memperoleh penghargaan pada kontes sejenis baik dalam skala lokal, nasional, regional, maupun internasional,
- Karya dapat dikembangkan dari tugas pelajaran yang terkait dengan kegiatan akademik kurikuler pada program studi yang diikuti anggota tim kontestan,
- Jika tim menggunakan materi berhak cipta dan/atau gambar dari pihak ketiga dalam dokumen, video, atau presentasi, maka tim harus mendapatkan izin dan otorisasi terlebih dahulu dari pemilik untuk menggunakan materi tersebut.
Ruang Lingkup
Materi yang dilombakan pada LKS saat ini meliputi kemampuan desain website dan layout. Lebih detail mengenai penilaian dan waktu dari tiap kemampuan dijelaskan pada tabel 1
No | Soal | Bobot | Waktu | Ranah Kompetensi |
---|---|---|---|---|
1 | Desain Web (Seleksi 1) | 50 | - | |
2 | Desain Web (Seleksi 2) | 50 | 150 menit |
Soal praktek terdiri dari 2 modul (saling terkait). Elemen-elemen kompetensi yang dilombakan pada bidang lomba Desain Web ini antara lain:
1. Desain & Layout Website (Seleksi 1)
Individu perlu mengetahui dan memahami
- Masalah yang berkaitan dengan kognitif, sosial dan budaya untuk desain web
- Cara membuat grafis untuk web dan design yang sesuai dengan spesifikasi.
- Mengikuti prinsip-prinsip dan pola design.
- Keterampilan yang diperlukan untuk merancang web dan memanfaatkan komposisi warna dan tipografi.
- Penerapan elemen design yang disesuaikan dengan pengguna.
- Penerapan desain website untuk beragam device sesuai dengan keterbatasan internet dan resolusi layer
Individu harus dapat
- Membuat, menganalisa dan mengembangkan grafik yang dapat menyampaikan informasi dengan baik sesuai pemahaman komposisi hirarki, tipografi dan estetika
- Membuat, memanipulasi dan mengoptimalkan resolusi gambar untuk tampilan Web.
- Menentukan sebuah ide yang paling sesuai dengan pengguna dan tema.
- Menggunakan semua elemen yang diperlukan untuk membuat design
- Membuat desain responsif yang berfungsi dengan benar pada beberapa resolusi layar dan / atau perangkat
- Membuat sebuah design yang asli dan kreatif.
- Transform ide menjadi design estetis dan kreatif menggunakan software yang disediakan
Kisi-Kisi
- Tema besar yang diangkat adalah “Innovating Learning Experiences
Through Technology”. Peserta diharapkan dapat merancang desain website dengan kategori edutech. - Membuat desain halaman website responsif dengan menggunakan Figma. Minimal terdapat 2 rancangan halaman website yang terdiri dari landing page dan 1 halaman pendukung.
- Membuat icon atau aset-aset yang dibutuhkan dengan menggunakan Figma, Adobe Photoshop atau Adobe Ilustrator. Jika menggunakan aset yang berasal dari internet wajib dipastikan peserta mendapatkan izin terlebih dahulu dari pemilik.
Metode Pengumpulan Seleksi 1
Berkas yang perlu diunggah pada Design dan Layout Website berupa:
- Deskripsi rancangan website dalam bentuk PDF meliputi latar belakang masalah, tujuan dan hasil yang ingin dicapai, target pengguna, skenario penggunaan rancangan produk
- Link Figma rancangan website
- Penilaian Desain & Layout Website (Seleksi 1)
Kriteria Penilaian | Bobot |
---|---|
Kesesuaian dengan Tema | 20 |
Kreativitas dan Inovasi | 20 |
Estetika dan Tata Warna | 20 |
Kejelasan Informasi | 20 |
Kerapian Layout dan Tampilan | 10 |
Responsif dan User-friendly | 10 |
2. Layout Website (Seleksi 2)
Individu perlu mengetahui dan memahami
- Standar World Wide Web Consortium (W3C) untuk HTML dan CSS. Metode website layout dan website structure.
- Web Accessibility Initiative (WAI)
- Mengidentifikasi aturan CSS yang tepat untuk mendapatkan hasil yang diinginkan
- Mengintegrasikan animasi, audio dan video dalam website.
- Menggunakan Javascript untuk fungsionalitas website
- Menggunakan CSS dengan cara yang paling efisien dan efektif untuk konsistensi antara web browser
Individu harus dapat
- Membuat halaman web yang konsisten dan berfungsi pada berbagai perangkat dan perbedaan resolusi layer.
- Membuat website yang sesuai dengan standar W3C saat ini (http://www.w3.org).
- Menggunakan CSS atau file eksternal lainnya untuk memodifikasi tampilan website.
- Membuat website secara interaktif menggunakan javascript dan jQuery sebagai pembantu dalam menambah fungsionalitas
Kisi-Kisi
- Membuat halaman website responsif dengan menggunakan HTML5 dan CSS3 sesuai dengan standar W3C yang dapat diverifikasi lewat validator w3.org.
- Membuat desain halaman website yang responsif dengan menggunakan grid system dan CSS3.
- Membuat animasi dengan menggunakan CSS3 dan Javascript.
- Membuat website interaktif dengan menggunakan Javascript atau JQuery
Metode Pengumpulan Seleksi 2
Kegiatan Seleksi 2 Layout Website diselenggarakan secara luring pada hari Senin, 19 Mei 2025 dengan waktu selama 2,5 jam (150 Menit) bertempat di Laboratorium Komputer FKIP UMS
Kriteria Penilaian
Kriteria Penilaian | Bobot |
---|---|
Struktur HTML yang Rapi | 15 |
Penerapan CSS yang Efektif | 15 |
Responsif dan Kompatibilitas | 15 |
Kesesuaian dengan Desain | 15 |
Kecepatan Loading | 10 |
Kode yang Rapi dan Terdokumentasi | 10 |
Aksesibilitas | 10 |
SEO (Search Engine Optimization) | 10 |
Nama | Keterangan |
---|---|
PC (Personal Computer) | Spesifikasi Desain dan Programming |
Windows 10/11 | Versi Terbaru |
Browser: Google Chrome, Mozilla Firefox, Edge | Versi Terbaru |
Editor: Adobe Photoshop, CorelDraw, Figma | Versi Terbaru |
Code Editor: Notepad++, Sublime Text, Visual Studio Code | Versi Terbaru |
CSS Framework: Bootstrap, Tailwind | Versi Stable |
JQuery | Versi 3.x |
Alat dan bahan yang telah disediakan oleh panitia tidak dapat digantikan dengan alat dan bahan yang dibawa oleh peserta. Alat yang diperbolehkan dibawa oleh peserta dan bersifat opsional ditunjukkan pada Tabel 3.
Nama | Keterangan |
---|---|
Keyboard | Opsional |
Mouse | Opsional |
Mousepad | Opsional |
Penentuan Juara
- Evaluasi dilakukan pada peserta pada tahap 1 (Desain Menggunakan Figma) berdasarkan kriteria penilaian dan bobot yang telah ditetapkan.
- 10 Peserta dengan nilai terbaik akan lolos ke seleksi 2.
- Evaluasi peserta yang lolos ke tahap 2 (Desain Website dengan CSS dan HTML) berdasarkan kriteria penilaian dan bobot yang telah ditetapkan.
- Nilai akhir berdasarkan skor akumulatif. bobot untuk tahap 1 adalah 50% dan bobot untuk tahap 2 adalah 50%, maka skor akumulatif akan dihitung sebagai berikut:
Skor akumulatif = (skor tahap 1 * 0,5) + (skor tahap 2 * 0,5) - Juara 1, 2, dan 3 ditetapkan berdasar skor akumulatif tertinggi.
- Cashback biaya registrasi PMB UMS bagi seluruh juara, syarat dan ketentuan berlaku
Fasilitas Juara 1
- Sertifikat
- Uang Pembinaan
Fasilitas Juara 2
- Sertifikat
- Uang Pembinaan
Fasilitas Juara 3
- Sertifikat
- Uang Pembinaan sebesar