Lebih Seru ! Singkat Cerita Lomba LKS Web Design 2018

By Bobby Fiando
0

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 :

  1. https://www.w3schools.com/w3css/w3css_dropdowns.asp
  2. https://www.codeofaninja.com/2013/03/php-login-script.html
  3. http://javawebmedia.com/blog/membuat-cms-php-mysql-menggunakan-dreamweaver-cs5-cs4-cs3-part-1/
  4. https://learnxinyminutes.com/docs/html/
  5. https://blog.bobbyfiando.com/panduan-lomba-lks-web-design/
  6. https://github.com/chapagain/crud-php-simple
  7. https://websitesetup.org/wp-content/uploads/2014/09/CSS-CHEAT-SHEET-p1.png
  8. https://htmlcheatsheet.com/css/
  9. https://codepen.io/elharony/pen/yOgYez
  10. Sistem Informasi Perpus – https://www.hakkoblogs.com/2015/10/sistem-informasi-perpustakaan-berbasis.html#.W17Pl3ZLjDc
  11. https://github.com/uretgec/pure-admin
  12. Icons : https://fontawesome.com
  13. Responsive web desain : http://www.tutorial-webdesign.com/tutorial-cara-membuat-desain-web-responsive
  14. Cara membuat pencarian : https://www.malasngoding.com/membuat-form-pencarian-dengan-php-dan-mysql
  15. 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 !

LEAVE A REPLY