LOMBA KOMPETENSI SISWA SEKOLAH MENENGAH KEJURUAN. TEMA, KISI-KISI DAN SOAL (Mengacu pada LKS Provinsi Jawa Barat)

Transkripsi

1 Kabupaten Bekasi 2017 TEMA, KISI-KISI DAN SOAL (Mengacu pada LKS Provinsi Jawa Barat) Bidang Lomba WEB DESIGN

2 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. Modulmodul 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 1 dari 5

3 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 x 900 pixels Tablet x 1024 pixels Smartphone 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) 2 dari 5

4 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 3 dari 5

5 JAVASCRIPT LOMBA KOMPETENSI SISWA 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. 4 dari 5

6 C. Modul C LOMBA KOMPETENSI SISWA 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 Design Effectiveness Design Quality Suitability Visual Identity Effectiveness Validation Structure Typography Starting Screen Displaying Data Modifying Data Interaction/Workflow User Management Working with Library Code & Structure TOTAL dari 5