LKS SMK 2017 Bidang Lomba Web Design
o Prinsip-prinsip dan teknik untuk menggunakan grafis untuk digunakan dalam
layout website dan logo o
Penerapan elemen design yang disesuaikan dengan target pasar audience. o
Cara untuk mempertahankan identitas profil tempat bersejarah o
Penerapan website dalam beragam device sesuai dengan keterbatasan internet dan resolusi layar.
o 1440 x 900 px
o 768 x 1024 px
o 320 x 480 px
o Penerapan design yang konsisten dan mengikuti trend.
Individu harus dapat: o
Membuat, menganalisa
dan mengembangkan
grafik yang
dapat menyampaikan informasi dengan baik sesuai pemahaman komposisi hirarki,
tipografi dan estetika o
Membuat, memanipulasi dan mengoptimalkan gambar untuk internet o
Analisa target pasar dan produk yang disampaikan o
Menentukan sebuah ide yang paling sesuai dengan target pasar o
Mempertimbangkan dampak dari setiap elemen yang ditambahkan selama proses design
o Menggunakan semua elemen yang diperlukan untuk membuat design
o Menghormati ada pedoman identitas kearifan budaya lokal dan panduan
gaya modern o
Membuat design responsif yang berfungsi dengan benar pada beberapa resolusi layar dan atau perangkat
o 1440 x 900 px
o 768 x 1024 px
o 320 x 480 px
o Ketinggian resolusi layar dari design boleh melebihi batas maksimal dari
resolusi yang sudah ditentukan. o
Membuat sebuah design yang orisinil asli dan kreatif o
Transform ide menjadi design estetis dan kreatif
2. Layouting Design
Individu perlu mengetahui dan memahami: o
Menerapkan aksesibilitas dan berkomunikasi dengan audience dengan kebutuhan khusus
o Standar World Wide Web Consortium W3C untuk HTML5, CSS3 dan Aria
Role. o
Metode website layout dan website structure. o
Web Accessibility Initiative WAI o
Bagaimana mengidentifikasi aturan CSS yang tepat untuk mendapatkan hasil yang diinginkan
o Bagaimana untuk mengintegrasikan animasi dalam website
o Membuat gridding system dan menerapkannya dalam layout website.
o Membuat struktur responsive design dalam layout menggunakan HTML5 dan
CSS3 Individu harus dapat:
o Menerapkan keterampilan pemecahan masalah untuk mengakomodasi
kelompok pengguna dengan kebutuhan khusus o
Menggunakan CSS3 dengan cara yang paling efisien dan efektif untuk konsistensi antara web browser
o Membuat halaman web yang konsisten dan berfungsi pada berbagai
perangkat dan perbedaan resolusi layar
LKS SMK 2017 Bidang Lomba Web Design
o Membuat
website yang
sesuai dengan
standar W3C
saat ini
http:www.w3.org. o
Menggunakan CSS atau file eksternal lainnya untuk memodifikasi tampilan website
3. Client Side Programming
Individu perlu mengetahui dan memahami: o
Bagaimana mengintegrasikan JavaScript dengan template HTML yang telah diberikan.
o Membuat permainan dengan tema gameboard contoh Othello, tic tac toe,
minesweeper. Individu harus dapat:
o Membuat animasi menggunakan javascript, tanpa menggunakan framework
atau library javascript apapun. o
Membuat dan memperbarui kode JavaScript untuk membuat game berjalan dengan baik.
o Membuat permainan interaktif yang dapat berkomunikasi dengan server
melalui ajax. o
Event handling menggunakan javascript.
4. Server Side Programming
Individu perlu mengetahui dan memahami: o
Bagaimana mengembangkan aplikasi dengan kode PHP o
Bagaimana memanfaatkan Open Source Libraries and Frameworks o
Framework yang akan disediakan : Laravel, CodeIgniter dan Yii Framework. Semua framework akan menggunakan the latest framework version.
o Merancang pemodelan data data modeling dan mengimplementasikan
database dengan MySQL o
Cara membuat aplikasi web yang aman, seperti penggunaaan json web tokens.
Individu harus dapat: o
Mengembangkan design query database dan layanan web sesuai dengan kebutuhan client
o Memberikan solusi kebutuhan database yang kuat
o Terjemahkan ER Entity-Relationship Diagram ke dalam database
o Membuat SQL Structured Query Language statements dengan benar
o Melindungi terhadap gangguan keamanan
o Solusi keamanan website dengan menerapkan beberapa teknik seperti
CSRF, JWT, dan lainnya. o
Mengintegrasikan dengan kode yang ada dengan API Application Programming Interface, libraries and frameworks
C. Soal Praktek Bobot 100
