Lomba LKS 2018 Tingkat Provinsi dengan bidang lomba web desain diadakan di SMK 2 Yogyakarta, Jetis.
Selama beberapa minggu sebelum LKS 2018 ini dimulai, saya dipercaya lagi menjadi pembimbing LKS untuk adik tingkat kelas saya.Saat latihan, saya selalu memberikan link referensi ( saya akan bagikan diakhir artikel ) dan sedikit demo.
Karena waktu latihan sangat terbatas, jadi link referensi yang diberikan sifatnya langsung praktik membuat website daripada elemen – elemen dasar membangun website.
Singkat cerita, tahun ini LKS web desain sangatlah berbeda !
Kenapa ?
Dari lokasi saja sudah berbeda.hehehe.Beberapa tahun belakang menggunakan tempat di Fakultas Teknik UNY.Tahun ini di SMK 2 Yogyakarta.
Nah, bukan itu saja.LKS tahun ini sangat memberikan surprise kepada peserta lomba.Kenapa ? karena kisi – kisi tahun ini memberikan tema website yang harus dibuat seperti apa.Melainkan kisi – kisi teknis yang harus dipersiapkan seperti sisi desain, layout, dan scripting di websitenya.
Tapi, untuk kisi – kisi sendiri sebenarnya sudah sangat mendekati apa yang harus dipersiapkan saat lomba.Jadi, ini bukanlah masalah.
Yang paling menarik adalah peserta dibebaskan menggunakan framework PHP seperti Laravel dan Codeigniter ataupun PHP biasa / native.Ini yang paling menguntungkan sebenarnya.Kalau menggunakan PHP native, bisa saja membuat website utuh, tapi asti ada kendala – kendala yang seharusnya bisa diatasi dengan cepat kalau menggunakan framework seperti fitur login, CRUD lebih mudah, routing ( url pindah halaman lebih rapi ), hingga pembuatan code lebih rapi sehingga akan jauh lebih mudah jika nanti ingin dimodifikasi lagi.
Ini beberapa tahapan yang harus dilakukan oleh peserta lomba LKS :
- desain layout
- desain html
- mengerjakan back end
Saat lomba sendiri, ternyata peserta membuat sistem informasi museum, dimana peserta diminta untuk menampilkan informasi mengenai museum.Wah, menarik ya !
Untuk fitur website sendiri kurang – lebih sama seperti tahun – tahun sebelumnya seperti :
- Halaman Admin
- Login / Register / Logout
- Hit Counter
- Halaman Awal / Homepage
Kisi – kisi web design 2018 bisa didownload di :
http://www.blptjogja.or.id/?view=v_pengumuman&id=220
Untuk latihan sendiri, saya sangat menyarankan teman – teman menguasai operasi CRUD ( Create Read Update Delete ) dengan PHP MySQL.Sangat banyak sumber dari internet yang bisa teman – teman cari.Tentu saja saya menyarankan mendownload source code dengan tema yang disukai.Misalnya, jika tertarik dengan sistem perpustakaan, bisa mencari dengan kata kunci “source code sistem informasi perpustakaan php”.
Berikut beberapa link referensi yang saya rekomendasikan buat latihan LKS Web Desain :
- https://www.w3schools.com/w3css/w3css_dropdowns.asp
- https://www.codeofaninja.com/2013/03/php-login-script.html
- http://javawebmedia.com/blog/membuat-cms-php-mysql-menggunakan-dreamweaver-cs5-cs4-cs3-part-1/
- https://learnxinyminutes.com/docs/html/
- https://blog.bobbyfiando.com/panduan-lomba-lks-web-design/
- https://github.com/chapagain/crud-php-simple
- https://websitesetup.org/wp-content/uploads/2014/09/CSS-CHEAT-SHEET-p1.png
- https://htmlcheatsheet.com/css/
- https://codepen.io/elharony/pen/yOgYez
- Sistem Informasi Perpus – https://www.hakkoblogs.com/2015/10/sistem-informasi-perpustakaan-berbasis.html#.W17Pl3ZLjDc
- https://github.com/uretgec/pure-admin
- Icons : https://fontawesome.com
- Responsive web desain : http://www.tutorial-webdesign.com/tutorial-cara-membuat-desain-web-responsive
- Cara membuat pencarian : https://www.malasngoding.com/membuat-form-pencarian-dengan-php-dan-mysql
- Inspirasi Desain : https://id.pinterest.com/fromupnorth/web-design/?lp=true
Sedikit panduan, untuk teman – teman yang membuat sistem perpus sebagai latihannya.
Mulailah membuat :
1. Halaman Admin
2. Halaman Publik ( Pengunjung )
Fitur Halaman Admin :
1. Login + Logout
2. Halaman Dashboard
3. Halaman Anggota ( Create – Read – Update – Delete )
4. Halaman Buku ( Create – Read – Update – Delete )
5. Halaman Peminjaman ( Create, Read, Update )
Fitur Halaman Publik
1. Halaman Data Pengunjung ( Create – Read )
Semoga bermanfaat !
waktunya seharian tuh bang?jam 7-jam3 dong?
dari jam 8 ( registrasi ulang ) – jam 6an ya gan