lomba kompetensi siswa sekolah menengah · pdf filetema, kisi-kisi dan soal (mengacu pada lks...

LOMBA KOMPETENSI SISWA

SEKOLAH MENENGAH KEJURUAN TINGKAT KABUPATEN BEKASI

TAHUN 2017

TEMA, KISI-KISI DAN SOAL (Mengacu pada LKS Provinsi Jawa Barat)

Bidang Lomba WEB DESIGN

Kabupaten Bekasi 2017



TAHUN 2017

1 dari 5 LKS SMK Tingkat Kabupaten Bekasi Bidang Lomba Web Design Tahun 2017

LOMBA KOMPETENSI SISWA SMK KABUPATEN BEKASI 2017

I. TEMA

Tema lomba untuk LKS SMK tingkat Kabupaten Bekasi 2017 adalah “WEBSITE

SEKOLAH”

II. KISI-KISI

Untuk kisi-kisi lomba LKS SMK tingkat Kabupaten Bekasi tidak sama persis dengan

kisi-kisi yang sudah dibagikan untuk tingkat propinsi. Dengan tidak mengurangi esensi

dari soal dan penilaian, dengan tema “WEBSITE SEKOLAH”, kami tetap mengambil

aspek-aspek pengerjaan dan penilaian yang sama dengan kisi-kisi dari propinsi

tersebut. Mengingat lama pekerjaan yang hanya 7 jam, kami hanya mengurangi satu

modul yaitu modul pengerjaan Game (Modul C pada kisi-kisi propinsi). Untuk itu kami

hanya menyelenggarakan 3 modul untuk LKS tingkat Kabupaten Bekasi ini. Modul-

modul tersebut adalah:

A. Modul A (Design Template)

B. Modul B (Design Responsive Template)

C. Modul C (Pemrograman dan Basis Data)

Lama pengerjaan untuk lomba ini adalah 7 Jam praktikal:

1. 3 Jam Pertama untuk pengerjaan Design template dan Basis Data

2. 4 Jam Kedua untuk melanjutkan pengerjaan pertama ditambah pengerjaan

pemrograman



TAHUN 2017


III. SOAL

Untuk kebutuhan image-image yang diperlukan selama lomba dapat dilakukan

satu hari sebelumnya dan diserahakn kepada panitia lomba. Panitia tidak

menyediakan akses Internet untuk peserta lomba.

A. Modul A

You should create mock-ups of your re-design to be presented in individual

files for each of the defined devices and resolutions (width x height):

• Computer - 1440 x 900 pixels

• Tablet - 768 x 1024 pixels

• Smartphone - 320 x 480 pixels

The above resolutions are the devices standard format. Additional space

may be used if needed to illustrate scrolling or swiping as required by some

devices. If you incorporate menus or other features into your design you

may illustrate these by include additional views, either within the design or

in additional files. Features and functionality should be self-explanatory, no

written instructions are allowed in the mock-up files. All mock-ups should be

presented in real pixel size and must include a red line, less than 3 pixels

wide, showing the device screen border resolution.

This module involves designing the home pages of a website and a logo for

the organization “Vocational School (SMK)”. With requirement listed below:

• A logo which will be the corporate identity for the organization. Logo must

be used as part of your design. Your logo should represent the

organization and the subject of the website. The logo must be used

in the design.

• Search Extracurricular Lesson

• Sign-up component

• Log in component

• Listing of at least 3 (three) extracurriculars, each including:

o Thumbnail image

o Extracurricular Information (name, short description, etc)



TAHUN 2017


o Detail information (Main Information, Main subjects, Method of

Learning, etc)

• Current location and time

• User testimonial

• New Extracurricular student registration component

• External Link to Online Exam Web Application component

The design of front page must contain at least all information included on

the original website. The computer view should illustrate a hover/mouse

over effect.

This is a design module; no coding is allowed and all interactions should be

visible in the design images. Your design will be assessed by industry

standards and needs to incorporate best practice of responsive design.

B. Modul B

Module B still related with Module A. We want you to follow the design to

implement the layout by using HTML and CSS. The layout needs to work in

different screen resolutions. From the provided material, you can find

different design screens at width points from 320px width to 1440px width.

There are following sections that you need to implement in your layout.

• Website Heading

• Navigation

• About section

• Additional section from Module A

• Contact section

• News section

• Student’s Activities section

• 3-Footer sections

• Copyright section



TAHUN 2017


JAVASCRIPT

This module tests your HTML and CSS skills. You should not use JavaScript

Automatic code in this project. We will disable any Auto JavaScript during

the marking.

ACCESSIBILITY

You should apply proper accessibility roles to the essential elements.

TEXT SELECTION

There is a text selection background color applied to the web page. The

color follows the theme of the website.

• The HTML is valid to HTML5 through W3 validator

• The CSS is valid to CSS3 version

• The CSS contains no syntax errors

• The students hover animation matches the provided motion design.

• The position of web page sections matches the given design.

• All photos, except explicitly mentioned, must be implemented by img tag.

• The placement of script tag matches the latest practice.

• All text is indexable.

• All image has alternative description.

• There are at least 5 comments in the HTML document.

• There are at least 5 comments in the CSS document.

• The text selection matches the given design.

• The HTML structure is extensible and maintainable.

• The Grid structure is extensible and maintainable.

• The CSS and coding style is readable and easy to maintain.

• Proper accessibility roles are applied to HTML.



TAHUN 2017


C. Modul C

Konten soal dari Modul C sama dengan konten soal pada Modul D pada

soal LKS Propinsi. Untuk Framework yang digunakan hanya satu yaitu

CodeIgniter saja.

IV. PENILAIAN

1. Aspek yang dinilai untuk Tes Praktik adalah:

Kriteria Judge Objective Total

Design Specification 2.00 4.00 6.00

Design Effectiveness 0.00 7.00 7.00

Design Quality 0.00 9.00 9.00

Suitability 0.00 4.00 4.00

Visual Identity 0.00 2.00 2.00

Effectiveness 1.00 3.50 4.50

Validation 0.00 4.00 4.00

Structure 6.00 4.00 10.00

Typography 4.00 3.00 7.00

Starting Screen 0.00 3.00 3.00

Displaying Data 0.00 6.00 6.00

Modifying Data 0.00 12.00 12.00

Interaction/Workflow 1.00 4.00 5.00

User Management 0.00 7.00 7.00

Working with Library 1.00 4.00 5.00

Code & Structure 1.50 7.00 8.50

TOTAL 16.5 83.5 100

lomba kompetensi siswa sekolah menengah · pdf filetema, kisi-kisi dan soal (mengacu pada lks...

Documents