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 2023 Bidang Lomba Web Technology

 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 2023 Bidang Lomba Web Technology

 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 2023 Bidang Lomba Web Technology

 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 2023 Bidang Lomba Web Technology

 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 2023 Bidang Lomba Web Technology

 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)
category_tiket
FK id_ticket : bigint(20)
PK id : bigint(20)
qty : int(11)
category : varchar(255)
amount : int (11) created_at : timestamp

status : enum ('draft'.'waiting','booked') updated_at : timestamp

FK officer : bigint(20)

created_at : timestamp

updated_at : timestamp

LKS SMK 2023 Bidang Lomba Web Technology