LOMBA KOMPETENSI SISWA (LKS) SEKOLAH MENENGAH KEJURUAN
TINGKAT KABUPATEN
KISI-KISI LKS 2023
BIDANG LOMBA
WEB TECHNOLOGY
LKS SMK KABUPATEN TEGAL 2023 WEB TECHNOLOGY
UJI KECEPATAN MODUL
Bagian A: Desain Situs Web UI-kit menggunakan alat desain
Buat kit UI dari elemen berikut: kotak teks, tombol, daftar tarik-turun, kotak centang, tombol radio, label dengan kotak centang, label dengan tombol radio, masukan kalender tarik-turun, rentang, bilah kemajuan
Bagian B: Tata Letak Kotak CSS
Harap terapkan tata letak berikut di kisi CSS.
LKS SMK KABUPATEN TEGAL 2023 WEB TECHNOLOGY
Bagian C: Sistem Manajemen Konten
MODUL CMS
Pengantar
Anda adalah pekerja lepas yang bekerja di bidang Teknologi Web dan Anda telah diminta untuk mengembangkan situs web baru untuk pariwisata Guci yang ada di kabupaten tegal.
Klien Anda telah mendengar bahwa Anda pandai membangun sistem manajemen konten.
Deskripsi Proyek dan Tugas
Modul ini melibatkan pengetahuan tentang desain situs web, teknik tata letak situs web, skrip sisi klien, dan skrip sisi server, semuanya digabungkan dalam satu proyek CMS. Anda akan menggunakan salah satu sistem manajemen konten paling populer - WordPress.
Tugas Anda adalah mengembangkan situs web yang didukung oleh sistem manajemen konten.
Tujuan dari website ini adalah sebagai penyedia informasi dan berita objek wisata Guci serta menyediakan pemesanan tiket wisata secara online.Sehingga dapat menambah ketertarikan masyarakat untuk berwisata ke Guci. Masyarakat mendapatkan banyak informasi baik wahana, fasilitas dan pilihan paket wisata secara online.
Pastikan juga Anda memiliki tajuk dan slogan yang ditentukan dalam sistem manajemen konten.
Admin dan editor harus memiliki kemungkinan untuk menambah dan memodifikasi setiap berita baik untuk memperbarui informasi yang ada atau untuk menambahkan berita baru ke dalam daftar.
Sistem Manajemen Konten
Untuk tugas administrasi, kita memerlukan dua profil pengguna, Admin dan Editor:
● Pengguna Admin - akses ke dasbor utama WordPress yang lengkap.
o Username: admin23 o Kata sandi: 23admin
● Pengguna Editor – akses sebagai peran editor di CMS.
o Username: 23editor o Kata sandi: editor23
Kami ingin halaman login CMS menjadi white-label. Itu berarti halaman login tidak boleh menampilkan logo default CMS dan menambahkan semua logo editor.
Juga halaman login tidak boleh menyertakan kata-kata "wp" karena alasan label putih.
Silakan buat URL backend admin sebagai berikut: <host>/admin/
Mengelola Berita dan halaman
Klien ingin dapat menambah, mengedit, memperbarui, menghapus catatan berita.
LKS SMK KABUPATEN TEGAL 2023 WEB TECHNOLOGY
Postingan Blog Berita
Dari waktu ke waktu, akan ada berita dari situs web dan juga dari editor tertentu. Posting blog ini harus dikategorikan.
Klien ingin menampilkan postingan berita dari semua kategori di halaman beranda. Saat berada di halaman editor tertentu, klien ingin menampilkan postingan berita dari kategori berita saja.
Kategori Posting - Pembaruan Berita - Informasi Tiket
- Setiap editor yang dipilih Strategi Halaman dan URL
Aksesibilitas sangat penting untuk situs web kami. Kami ingin memanfaatkan berbagai tingkat pengoptimalan aksesibilitas.
Tingkat aksesibilitas URL
Semua halaman editor harus memiliki tautan permanen URL mereka sendiri.
Postingan berita harus memiliki struktur URL berikut:
● Semua berita: <host>/news/
● Berita dari sebuah kategori: <host>/news/<category name>
Konfigurasi Dasbor
Klien ingin memiliki Sekilas, Aktivitas, Draf Cepat di dasbor. Harap konfigurasikan widget dasbor ini dan hapus yang lainnya di dasbor.
Menu
Menu harus menempel di bagian atas saat menggulir halaman ke bawah. Menu memiliki item berikut.
● Beranda
● Kategori Kami (Daftar dari kategori)
Persyaratan ujung depan
Anda perlu membuat tema Anda sendiri, berdasarkan tema awal yang diberikan. Anda perlu menerapkan elemen berikut untuk halaman web Anda:
● Catatan kaki dengan hak cipta dan tautan media sosial
o “Hak Cipta © 2023 - Semua hak dilindungi undang-undang” di mana tahun harus tahun berjalan secara dinamis berdasarkan waktu server.
o Plugin footer harus digunakan untuk link footer ke Twitter, Facebook, dan Instagram. Pengguna dapat mengubah tautan sosial.
Jangan ragu untuk menambahkan dan mengubah elemen sebanyak yang Anda suka, tetapi elemen dalam daftar harus ada dan desain Anda harus menyatu dengan desain yang diberikan.
Klien tidak suka menyegarkan seluruh halaman. Transisi halaman harus dimuat melalui JavaScript dengan efek transisi animasi. (Ini tidak berlaku untuk area admin)
Strategi dan mockup Kolom Tata Letak Halaman Beranda
Tata letak harus responsif untuk layar yang berbeda termasuk seluler dan desktop.
LKS SMK KABUPATEN TEGAL 2023 WEB TECHNOLOGY
Halaman beranda di layar desktop harus memiliki tata letak beberapa kolom. Bagian kiri adalah semacam sampul dan gambar dan bagian kanan adalah berita.
Halaman beranda di layar ponsel harus memiliki strategi tata letak top-down. Setiap kolom mengambil lebar penuh layar, kecuali untuk daftar editor yang dipilih. Mereka harus memiliki tata letak 2 kolom kiri dan kanan.
Tugas pengoptimalan lebih lanjut
Halaman perlu dioptimalkan untuk mesin pencari.
Anda dapat memilih salah satu plugin yang disediakan atau menerapkan SEO Anda sendiri.
Ingatlah untuk mengoptimalkan bagian-bagian tertentu dari situs web Anda (misalnya url, peta situs, ...).
Amankan halaman Anda dengan menginstal dan mengonfigurasi plugin keamanan.
Catatan: Jika plugin yang ingin Anda pilih rusak atau tidak berfungsi seperti yang diharapkan, Anda harus memilih yang lain atau merasa bebas untuk memperbaiki plugin ini.
Instruksi untuk Kompetitor
Halaman harus mengikuti Panduan Aksesibilitas Konten Web.
Untuk folder kerja, Anda perlu menamai folder Anda dengan "module_cms".
LKS SMK KABUPATEN TEGAL 2023 WEB TECHNOLOGY
SERVER MODUL
PENGANTAR
Objek Wisata Guci di kabupaten tegal telah membuat inovasi baru dengan menyediakan penjualan tiket wisata Guci secara online. Hal ini untuk meningkatkan pelayanan terhadap masyarakat. Sistem ini akan digunakan untuk mengelola data user, data paket tiket dan penjualan tiket online pada Objek Wisata Guci. Tugas Anda adalah mengimplementasikan backend dengan Laravel PHP Framework dan frontend.
Fitur minimal dan pembagian privilege dalam aplikasi
Fitur Administrator operator Customer
Login X X X
Logout X X X
Register User X X X
Tiket X X
Pemesanan Tiket X X X
Generate laporan X
LKS SMK KABUPATEN TEGAL 2023 WEB TECHNOLOGY
ERD
Anda dapat menggunakan dan meningkatkan ERD di bawah ini:
users ticket
PK id : bigint(20) PK id : bigint(20)
name : varchar(255) id_category : bigint(20)
email : varchar(255) name : varchar(255)
password : varchar(255) ticket_date : date
role : enum('customer','admin','operator') quota : bigint(20)
created_at : timestamp status : enum('draft','post')
updated_at : timestamp price : int(11)
created_at : timestamp
booking updated_at : timestamp
PK id : bigint(20) FK officer : bigint(20)
FK id_users : bigint(20)
FK id_ticket : bigint(20) category_tiket
qty : int(11) PK id : bigint(20)
amount : int (11)
status : enum ('draft'.'waiting','booked')
category : varchar(255) created_at : timestamp updated_at : timestamp
FK officer : bigint(20) created_at : timestamp updated_at : timestamp