Kisi-kisi Web Design 2015
LOMBA KOMPETENSI SISWA (SMK)
TINGKAT PROPINSI JAWA TIMUR TAHUN 2015
KISI-KISI dan PEDOMAN PELAKSANAAN
KELOMPOK TEKNOLOGI INFORMASI
BIDANG LOMBA : WEB DESIGN
A. Pendahuluan
LKS SMK Provinsi Jawa Timur tahun 2015, bidang lomba Web Design akan
memperlombakan kompetensi pada kemampuan Web Design dan
kemampuan Dinamic 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 desain, 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 web:
“Website Toko Online”
Ketentuan-ketentuan yang harus ada dalam sebuah website mengacu pada
sebuah website standar pada umumnya ( homepage, banner, link, ecommerce, Statis/Dinamis, pengelolaan administrasi, manajemen berita,
komentar dan rating ).
D. Soal Praktek ( Bobot 100% )
Soal praktek terdiri dari 5 modul. Masing-masing modul tidak terikat satu sama
lain (independen). Berikut penjelasan dari masing-masing modul:
1. Modul 1 – Graphic Design
Deskripsi: Membuat sebuah design layout home page dan logo dari sebuah
website sesuai kreativitas peserta dengan menggunakan program editing
image. Desain harus memperhatikan beberapa aspek seperti webpage
style, warna, layout scheme, text, images, animasi, dan user friendly
interface.
1
LOMBA KOMPETENSI SISWA (SMK)
TINGKAT PROPINSI JAWA TIMUR TAHUN 2015
2. Modul 2 – Presentation Layer Implementation and Animation
Deskripsi: Membuat sebuah website yang terintegrasi multimedia berupa
animasi, Halaman website dibuat dengan HTML5, CSS 3 dan JQuery.
3. Modul 3 – Client Side Programming
Deskripsi: Membuat sebuah website yang interaktif dengan menggunakan
JavaScript.
4. Modul 3 – XML coding
Deskripsi: Membuat sebuah website yang dapat menampilkan data dari
sebuah file XML. Minimal struktur data yang ditampilkan :
Kriteria Produk berikut sub kriterianya.
Kriteria pengiriman barang
5. Modul 5 – Server Side Programming
Deskripsi: Membuat aplikasi web interaktif menggunakan server side PHP
dan MYSQL. Fungsionalitas dasar dalam web meliputi login, logout, sistem
administrator add, edit, delete data dan searching data
Media yang disediakan berupa skema database, database (file sql), layout
(HTML dan CSS), images.
Kemampuan pokok yang dituntut peserta dalam pembuatan website ini adalah
:
1. Kemampuan Desain
Tata Warna
Desain Gambar
Animasi
Pengolahan Gambar, Suara dan Video
Tampilan Menyeluruh
Kemudahan akses bagi user (user friendly)
2. Kemampuan Programming
Tampilan masukan
Tampilan keluaran
Pengolahan dan transaksi Database
Tingkat Keberhasilan Eksekusi Data
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 (600 menit).
E. Kelengkapan Fasilitas
2
LOMBA KOMPETENSI SISWA (SMK)
TINGKAT PROPINSI JAWA TIMUR TAHUN 2015
a) Laptop yang digunakan minimal adalah adalah Intel I3 2,2 GHz
dengan kelengkapan minimal : Memori 2GB, Harddisk 120 GB.
b) Software yang digunakan: HTML 5/CSS 3, PHP dan software
pendukungnya sebagaimana table software pada komputer.
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.
DAFTAR ALAT DAN BAHAN
No
Jumlah
Keterangan
1 Unit
1 Peserta +
3 Cadangan
2 Unit
Panitia
2 Unit
Panitia
4
5
Nama Alat dan Bahan
Komputer untuk peserta dengan spesifikasi :
Intel core I3 2,2 GHz
Network Interface (Wired, Wireless)
Keyboard, Mouse PS/2 - USB
Harddisk 120 GB
Memori 2GB
Headphone
Komputer untuk juri (spec sama dengan
peserta)
Data / File Server / web server (support
PHP,MySQL dan JQuery)
Printer untuk Sekretariat
ATK
1 Unit
1 Paket
Panitia
6
CD berisi hasil lomba semua peserta
1 paket
7
Flashdisk
3 buah
1
2
3
Sejumlah
peserta
Juri
DAFTAR SOFTWARE PADA KOMPUTER
No.
1.
2.
3.
4.
5.
6.
7.
8.
Nama Program
Microsoft Windows 7
Adobe CS 5 (Dreamweaver, Flash, Photoshop,
Illustrator, Fireworks)
Text Editor (Notepad++,Textpad , Edit Plus A.C. versi
3.12)
Internet Explorer 9+, Google Chrome 30+, Firefox 27+
Microsoft Office 2010 (MS. Word dan MS. Excel)
XAMPP win32-1.8.3
Shockwave Player dan Flash Player
JQuery
Keterangan
3
TINGKAT PROPINSI JAWA TIMUR TAHUN 2015
KISI-KISI dan PEDOMAN PELAKSANAAN
KELOMPOK TEKNOLOGI INFORMASI
BIDANG LOMBA : WEB DESIGN
A. Pendahuluan
LKS SMK Provinsi Jawa Timur tahun 2015, bidang lomba Web Design akan
memperlombakan kompetensi pada kemampuan Web Design dan
kemampuan Dinamic 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 desain, 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 web:
“Website Toko Online”
Ketentuan-ketentuan yang harus ada dalam sebuah website mengacu pada
sebuah website standar pada umumnya ( homepage, banner, link, ecommerce, Statis/Dinamis, pengelolaan administrasi, manajemen berita,
komentar dan rating ).
D. Soal Praktek ( Bobot 100% )
Soal praktek terdiri dari 5 modul. Masing-masing modul tidak terikat satu sama
lain (independen). Berikut penjelasan dari masing-masing modul:
1. Modul 1 – Graphic Design
Deskripsi: Membuat sebuah design layout home page dan logo dari sebuah
website sesuai kreativitas peserta dengan menggunakan program editing
image. Desain harus memperhatikan beberapa aspek seperti webpage
style, warna, layout scheme, text, images, animasi, dan user friendly
interface.
1
LOMBA KOMPETENSI SISWA (SMK)
TINGKAT PROPINSI JAWA TIMUR TAHUN 2015
2. Modul 2 – Presentation Layer Implementation and Animation
Deskripsi: Membuat sebuah website yang terintegrasi multimedia berupa
animasi, Halaman website dibuat dengan HTML5, CSS 3 dan JQuery.
3. Modul 3 – Client Side Programming
Deskripsi: Membuat sebuah website yang interaktif dengan menggunakan
JavaScript.
4. Modul 3 – XML coding
Deskripsi: Membuat sebuah website yang dapat menampilkan data dari
sebuah file XML. Minimal struktur data yang ditampilkan :
Kriteria Produk berikut sub kriterianya.
Kriteria pengiriman barang
5. Modul 5 – Server Side Programming
Deskripsi: Membuat aplikasi web interaktif menggunakan server side PHP
dan MYSQL. Fungsionalitas dasar dalam web meliputi login, logout, sistem
administrator add, edit, delete data dan searching data
Media yang disediakan berupa skema database, database (file sql), layout
(HTML dan CSS), images.
Kemampuan pokok yang dituntut peserta dalam pembuatan website ini adalah
:
1. Kemampuan Desain
Tata Warna
Desain Gambar
Animasi
Pengolahan Gambar, Suara dan Video
Tampilan Menyeluruh
Kemudahan akses bagi user (user friendly)
2. Kemampuan Programming
Tampilan masukan
Tampilan keluaran
Pengolahan dan transaksi Database
Tingkat Keberhasilan Eksekusi Data
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 (600 menit).
E. Kelengkapan Fasilitas
2
LOMBA KOMPETENSI SISWA (SMK)
TINGKAT PROPINSI JAWA TIMUR TAHUN 2015
a) Laptop yang digunakan minimal adalah adalah Intel I3 2,2 GHz
dengan kelengkapan minimal : Memori 2GB, Harddisk 120 GB.
b) Software yang digunakan: HTML 5/CSS 3, PHP dan software
pendukungnya sebagaimana table software pada komputer.
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.
DAFTAR ALAT DAN BAHAN
No
Jumlah
Keterangan
1 Unit
1 Peserta +
3 Cadangan
2 Unit
Panitia
2 Unit
Panitia
4
5
Nama Alat dan Bahan
Komputer untuk peserta dengan spesifikasi :
Intel core I3 2,2 GHz
Network Interface (Wired, Wireless)
Keyboard, Mouse PS/2 - USB
Harddisk 120 GB
Memori 2GB
Headphone
Komputer untuk juri (spec sama dengan
peserta)
Data / File Server / web server (support
PHP,MySQL dan JQuery)
Printer untuk Sekretariat
ATK
1 Unit
1 Paket
Panitia
6
CD berisi hasil lomba semua peserta
1 paket
7
Flashdisk
3 buah
1
2
3
Sejumlah
peserta
Juri
DAFTAR SOFTWARE PADA KOMPUTER
No.
1.
2.
3.
4.
5.
6.
7.
8.
Nama Program
Microsoft Windows 7
Adobe CS 5 (Dreamweaver, Flash, Photoshop,
Illustrator, Fireworks)
Text Editor (Notepad++,Textpad , Edit Plus A.C. versi
3.12)
Internet Explorer 9+, Google Chrome 30+, Firefox 27+
Microsoft Office 2010 (MS. Word dan MS. Excel)
XAMPP win32-1.8.3
Shockwave Player dan Flash Player
JQuery
Keterangan
3