LOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX XX Oktober 2016

LOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX – XX Oktober 2016

KISI-KISI dan PEDOMAN PELAKSANAAN KELOMPOK TEKNOLOGI INFORMASI BIDANG LOMBA : WEB DESIGN

A. Pendahuluan LKS Jawa Timur tahun 2016, bidang lomba Web Design akan memperlombakan kompetensi pada kemampuan web design, konten web dan kemampuan web programming. Bidang lomba ini akan dikerjakan secara individu, yang mewakili kota dan kabupaten di Jawa Timur. Perlombaan ini menganut sistem fair play, yakni berlomba pada batasan yang sudah diketahui sebelumnya, kemampuan yang dituntut adalah kemampuan bekerja dengan cepat, tepat, inovatif dan berhasil.

B. Kisi-kisi dan kriteria Lomba Lomba yang dilaksanakan merupakan satu kesatuan yang utuh, mengacu pada kemampuan praktek khususnya pada kemampuan design, deskripsi konten dan kemampuan pemrograman web. Bentuk Soal Soal Praktek

Bobot Jumlah

Sifat 100 Tertutup 100

C. Soal ( Bobot 100% ) Soal praktek berisikan soal untuk membuat : “Pusat Informasi Pariwisata Daerah”

Ketentuan-ketentuan yang harus ada dalam sebuah website mengacu pada sebuah website standar pada umumnya ( homepage, banner, link, e-commerce, Statis/Dinamis, pengelolaan administrasi, manajemen berita ). Kemampuan pokok yang dituntut peserta dalam pembuatan website ini adalah : Kemampuan Design Individu perlu mengetahui dan memahami:  Masalah yang berkaitan dengan kebutuhan informasi terkait pariwisata untuk design web.  Cara membuat grafis untuk web dan design yang sesuai dengan spesifikasi.  Prinsip-prinsip dan pola design.  Keterampilan yang diperlukan untuk merancang web dan memanfaatkan 1 of 5

LOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX – XX Oktober 2016

 

komposisi warna dan tipografi. Penerapan elemen design yang disesuaikan dengan pengguna. Penerapan design website untuk beragam device sesuai dengan keterbatasan internet dan resolusi layar.

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.  Mempertahankan identitas dan keunikan daerah lokasi wisata.  Membuat design responsif yang berfungsi dengan benar pada beberapa resolusi layar dan / atau perangkat.  Transform ide menjadi design estetis dan kreatif. Layouting Design 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. Individu harus dapat:  Menggunakan CSS dengan cara yang paling efisien dan efektif untuk konsistensi antara web browser.  Membuat halaman web yang konsisten dan berfungsi pada berbagai perangkat dan perbedaan resolusi layar.  Membuat website yang sesuai dengan standar W3C saat ini (http://www.w3.org).  Menggunakan CSS atau file eksternal lainnya untuk memodifikasi tampilan website. Client Side Programming Individu perlu mengetahui dan memahami:  Bagaimana mengintegrasikan JavaScript  Cara membuat kode dengan JQuery  Bagaimana menerapkan layanan web menggunakan XML (Extensible Markup Language).

2 of 5

LOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX – XX Oktober 2016

Individu harus dapat:  Membangun suatu layanan yang interaktif dan informatif (misal : rekomendasi dan informasi cara akses lokasi)  Membangun user interface yang user friendly (misal : kemudahan dalam mendapatkan dan menggunakan informasi)  Membuat animasi untuk membantu dalam menjelaskan konteks dan menambahkan daya tarik visual.  Membuat kode JavaScript untuk meningkatkan fungsi dan estetika website Server Side Programming Individu perlu mengetahui dan memahami:  Mengembangkan aplikasi dengan kode PHP  Memanfaatkan Open Source Libraries and Frameworks  Merancang pemodelan data (data modeling) dan mengimplementasikan database dengan MySQL  Cara membuat aplikasi web yang aman Individu harus dapat:  Mengembangkan design query database dan layanan web sesuai dengan kebutuhan.  Memberikan solusi kebutuhan database.  Menerjemahkan ER (Entity-Relationship) Diagram ke dalam database  Membuat SQL (Structured Query Language) statements dengan benar  Melindungi terhadap gangguan keamanan Kemampuan pokok tersebut harus digabungkan untuk menghasilkan sebuah website yang bagus dan menarik tanpa mengabaikan kecepatan akses, keindahan desain dan tingkat keberhasilan dari pemrograman web dinamis yang telah dibuat. Waktu yang diberikan untuk pembuatan keseluruhan website ini yaitu 10 jam 30 menit (630 menit).

D. Kelengkapan Fasilitas a) PC/Laptop yang digunakan adalah minimal sekelas Intel Core i5 dengan kelengkapan minimal : Memori 4GHz, Harddisk 120 GB, Monitor 15”, LAN Card dan WiFi, dan Driver.(lihat tabel) b) Software yang digunakan: (lihat tabel). c) Masing-masing peserta harus mencoba terlebih dahulu komputer yang akan digunakan beserta kelengkapan software yang ada, karena kemacetan, kesalahan atau error yang terjadi selama perlombaan tidak akan diberikan tambahan waktu dan merupakan resiko peserta.

3 of 5

LOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX – XX Oktober 2016

DAFTAR ALAT DAN BAHAN No

1

2 4 5 6

Nama Alat dan Bahan Notebook untuk peserta dengan spesifikasi : Intel core i5 / i7 2.2 GHz Wifi Mouse Optical Harddisk 120 GB Standard Memori 4 GHz Headset Monitor 15" Mouse pad Komputer untuk juri (spec sama dengan peserta) Data / File Server / web server (support XAMPP 5.6.11, FTP server) Printer untuk Sekretariat ATK

Jumlah

Keterangan

1 Unit

1 untuk masingmasing peserta + 3 unit cadangan

3 Unit 2 Unit 1 Unit 1 Paket

DAFTAR SOFTWARE PADA KOMPUTER No.

Nama Program

1

Windows 7 XAMPP 5.6.11 link download : https://www.apachefriends.org/index.html Adobe Dreamweaver, Photoshop, Illustrator (kalau bisa CC Edition 2015, atau CS6)

2 3 4 5 6

Keterangan

PHPStorm 9.0.2, link download : https://www.jetbrains.com/phpstorm/download/ Nodejs v0.12.7, link download : https://nodejs.org/download/ Google Chrome (newest), link download : https://support.google.com/chrome/answer/95346?hl=en AND Internet Explorer 10

7

JQuery versi terbaru

8

Content Websites (Text, Picture, Sound, Movie)

9

FTP client

10

Mozilla Firefox

4 of 5

LOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX – XX Oktober 2016

Catatan :   

Laptop disiapkan oleh peserta secara mandiri dengan OS minimal windows 7 dalam kondisi baru terinstall tanpa aplikasi/software lainnya dan tanpa data. Software pendukung lomba akan diinstall oleh panitia pelaksana. Data keperluan lomba akan disediakan oleh panitia.

5 of 5