dIGImedia

Wednesday, 1 August 2018

LOMBA KOMPETENSI SISWA ( LKS ) WEB DESAIN - WDC BERSAMA SISWA SMK BISA

Meningkatkan kompetensi bersama siswa SMK BISA, dalam memberikan kesempatan kepada para siswa SMK untuk berkompetesi secara positif dalam pengetahuan, ketrampilan sesuai dengan bidang keahlian dan tentunya dengan minat bakat para siswa. Dapat berkesempatan belajar bersama dalam mempersiapkan LKS bidang Web Desain.


Butuh semangat, motivasi untuk meningkatkan kompetensi tersebut, tidak instan, tidak bimsalabim, semua butuh proses, dapat melalui proses itu dengan penuh dengan BISA pastinya memang BISA yang diharapkan, butuh ketekunan, tidah mudah menyerah dan lebih meningkatkan rasa ingin tahu dan terus belajar, berlatih, menyelesaikan sebuah studi kasus dan sebagainya.

LKS Web Desain - WDC

Gambaran buat siswa SMK BISA dalam meningkatkan kompetensi dalam bidang membuat sebuah website, yang menarik, interaktif, informatif, efektif dan efisien dalam Lomba Kompetensi Siswa LKS Web Desain.

Desain Website

Mencoba latihan dari awal, latihan desain satu demi satu sampai menghasilkan desain yang dirasa dimata nyaman, enak dilihat, baik yang desain maupun orang lain, khususon juri :).
Desain website misal dengan Adobe Photosop, Adobe Dreamweaver, Illustrator (CC Edition 2015 atau CS6)

Saat mendesain diharapkan dapat menentukan ide yang sesuai dengan target pasar maupun pesanan/orderan, :) kemudian siswa dapat membuat, menganalisa serta mengembangkan grafis yang menarik informatif serta sesuai dengan prinsip-prinsip suatu desain, dan yang tidak kalah pentingnya membuat desain yang responsive dimana untuk beberapa resolusi layar user, misalnya desain website dengan resolusi 1440x900px, desain website dengan resolusi 768x1024px, desain website dengan resolusi 320x480px.



Layout Design dan Client Side Implementation

Setelah desain dirasa cukup dan selesai, langkah selanjutnya siswa diharapkan membuat halaman website dengan HTML5, CSS,  CSS3, JQuery atau Vue dari hasil desain yang sudah dibuat dengan memperhatikan tingkat responsive tiap layar yang dimiliki user.


Client Side Programming

Langkah selanjutnya siswa diharapkan mengembangkan halaman website dengan mengintegrasikan template yang sudah dibuat dengan animasi menggunakan javascript, misalnya dengan menambahakan sebuah game interaktif yang menggunakan JavaSript berupa JSON.



Server Side Programming

Langkah selanjutnya setelah siswa mendesain, dan membuat halaman website dengan HTLM5, CSS3, JQuery atau Vue yaitu mengembangkan halaman website misalnya dengan menggunakan PHP Native atau memanfaatkan open source framework (Laravel/ Codeigniter) dan MySQL.


Software Untuk Membuat Website

Alternatif Software Aplikasi yang munkin bisa untuk belajar berlatih dalam membuat website : 
Adobe Dreamweaver, Photoshop, Illustrator (CC Edition 2015 atau CS6)
XAMPP 5.6.11
PHPStorm 2016.2.1 – trial edition

Dan masih banyak lagi, bisa menyesuaikan dengan kebutuhan ingin menggunakan yang mana. Selamat mencoba, belajar, berlatih terus dalam meningkatkan kompetensi bersama siswa SMK BISA.