Kustomisasi UI

User Interface (UI) merupakan tampilan visual yang digunakan oleh peserta untuk berinteraksi dengan sistem kompetisi. UI mencakup berbagai elemen visual seperti tata letak halaman, warna, tipografi, serta elemen grafis lain yang membentuk pengalaman pengguna ketika mengakses halaman kompetisi.

AplikasiKompetisi menyediakan beberapa opsi kustomisasi UI yang memungkinkan panitia menyesuaikan tampilan kompetisi agar selaras dengan identitas visual acara. Penyesuaian ini terutama difokuskan pada halaman yang langsung dilihat oleh peserta, sehingga pengalaman pengguna tetap terasa konsisten dengan tema kompetisi yang diselenggarakan.

Meskipun demikian, tidak seluruh komponen antarmuka dapat diubah secara bebas. Beberapa elemen UI tetap menggunakan struktur standar sistem untuk menjaga konsistensi alur penggunaan serta memastikan bahwa halaman tetap responsif dan mudah digunakan di berbagai perangkat.

Cakupan dari kustomisasi UI adalah:

Background Halaman
Font
Tema Warna
Copywriting
Homepage
Halaman Login Pengguna
Halaman Dashboard Pengguna
Halaman Registrasi Pengguna
Halaman Quiz Pengguna

Background Halaman

Panitia dapat menyesuaikan background halaman yang ditampilkan pada beberapa halaman utama yang diakses oleh peserta. Pengaturan ini memungkinkan tampilan halaman kompetisi disesuaikan dengan identitas visual acara, seperti penggunaan warna, pola, atau ilustrasi yang sesuai dengan tema kompetisi.

Background yang digunakan biasanya berasal dari materi visual yang disediakan oleh panitia, seperti elemen desain dari GSM (Graphic Standard Manual) atau panduan identitas visual kompetisi.

Penggunaan background yang konsisten membantu menciptakan pengalaman visual yang lebih menarik sekaligus menjaga keselarasan tampilan halaman dengan materi promosi kompetisi yang digunakan di platform lain.

Font

Panitia dapat menyesuaikan jenis font yang digunakan pada halaman kompetisi agar selaras dengan identitas visual acara. Pengaturan ini memungkinkan tampilan teks pada sistem mengikuti gaya tipografi yang telah ditetapkan dalam GSM (Graphic Standard Manual) yang diberikan oleh panitia.

Untuk menjaga konsistensi tampilan dan keterbacaan, sistem mendukung maksimal tiga jenis font yang digunakan secara terstruktur pada elemen teks yang berbeda, seperti judul utama, subjudul, atau isi konten.

Panitia perlu menjelaskan penggunaan style font secara jelas, misalnya font yang digunakan untuk heading, subheading, dan copywriting isi halaman. Pembagian ini membantu memastikan bahwa tampilan halaman tetap konsisten dan mudah dibaca di seluruh bagian sistem.

Tema Warna

Tema warna mengatur kombinasi warna utama yang digunakan pada elemen antarmuka seperti tombol, tautan, indikator status, serta berbagai komponen visual lainnya pada halaman kompetisi.

Panitia dapat menyesuaikan tema warna utama agar selaras dengan identitas visual kompetisi. Warna yang digunakan biasanya mengikuti panduan desain seperti GSM (Graphic Standard Manual) yang disediakan oleh panitia.

Pengaturan tema warna ini membantu menjaga konsistensi tampilan halaman sekaligus memastikan bahwa elemen antarmuka tetap jelas dan mudah digunakan oleh peserta.

Copywriting

Copywriting mengacu pada teks yang ditampilkan pada berbagai bagian halaman kompetisi, seperti judul halaman, deskripsi singkat, instruksi kepada peserta, maupun pesan informasi lainnya yang membantu peserta memahami alur penggunaan sistem.

Panitia dapat menyesuaikan beberapa bagian teks agar lebih sesuai dengan konteks kompetisi yang diselenggarakan. Penyesuaian ini memungkinkan sistem menggunakan bahasa, istilah, dan gaya komunikasi yang selaras dengan karakter kompetisi maupun target peserta.

Materi copywriting dapat diberikan oleh panitia dalam bentuk dokumen seperti Google Docs untuk memudahkan proses penyusunan dan peninjauan konten. Dalam proses implementasi, sebagian teks dapat dipangkas atau disesuaikan agar sesuai dengan struktur halaman, keterbatasan ruang tampilan, serta konsistensi tema desain pada website kompetisi.

Homepage

Homepage merupakan halaman utama yang pertama kali dilihat oleh peserta ketika mengakses halaman kompetisi. Halaman ini berfungsi sebagai pintu masuk utama yang memberikan gambaran singkat mengenai kompetisi, informasi penting, serta arahan awal bagi peserta sebelum melanjutkan ke proses pendaftaran atau login.

Dibandingkan dengan halaman lain dalam sistem, homepage merupakan satu-satunya halaman yang memiliki tingkat fleksibilitas kustomisasi paling tinggi. Pada halaman ini panitia dapat menyesuaikan berbagai elemen visual seperti judul utama, deskripsi kompetisi, elemen grafis, serta tata letak konten agar selaras dengan identitas visual dan kebutuhan komunikasi kompetisi.

Panitia juga dapat menambahkan section tambahan pada homepage apabila diperlukan, selama materi yang diberikan memiliki struktur referensi yang jelas, termasuk copywriting, tema visual, serta penggunaan font yang konsisten. Hal ini memungkinkan homepage digunakan sebagai ruang presentasi utama untuk menjelaskan kompetisi secara lebih kreatif tanpa mengganggu konsistensi sistem pada halaman lainnya.

Kustomisasi Halaman Login Pengguna

Halaman login digunakan oleh peserta untuk mengakses akun mereka pada sistem kompetisi. Pada halaman ini peserta dapat memasukkan informasi akun yang telah didaftarkan sebelumnya untuk masuk ke dalam sistem.

Kustomisasi pada halaman ini bersifat terbatas. Panitia hanya dapat menyesuaikan copywriting yang ditampilkan pada halaman serta elemen visual pada background agar selaras dengan identitas visual kompetisi.

Struktur utama halaman login tetap mengikuti standar sistem untuk menjaga konsistensi alur penggunaan, stabilitas tampilan, serta responsivitas halaman di berbagai perangkat yang digunakan oleh peserta.

Kustomisasi Halaman Dashboard Pengguna

Dashboard pengguna merupakan halaman utama yang dilihat oleh peserta setelah berhasil masuk ke dalam sistem. Halaman ini menampilkan berbagai informasi penting yang berkaitan dengan status partisipasi peserta, seperti progres kompetisi, pengumuman, maupun navigasi menuju fitur lain dalam sistem.

Kustomisasi pada halaman ini bersifat terbatas. Panitia dapat menyesuaikan copywriting yang ditampilkan pada halaman serta elemen visual pada background agar selaras dengan identitas visual kompetisi.

Sangat disarankan bagi panitia untuk menyesuaikan copywriting pada halaman dashboard agar dapat menampilkan tagline kompetisi, pesan pembuka, atau identitas acara yang memperkuat pengalaman peserta ketika pertama kali masuk ke dalam sistem. Struktur utama dashboard tetap mengikuti standar sistem untuk menjaga konsistensi alur penggunaan serta kejelasan informasi yang ditampilkan kepada peserta.

Kustomisasi Halaman Registrasi Pengguna

Halaman registrasi digunakan oleh calon peserta untuk membuat akun pada sistem kompetisi. Pada halaman ini peserta akan mengisi berbagai informasi yang diperlukan untuk proses pendaftaran sebelum dapat mengakses fitur lain dalam sistem.

Kustomisasi pada halaman ini bersifat sangat terbatas. Panitia hanya dapat menyesuaikan copywriting pada bagian header halaman serta elemen visual pada background agar tetap selaras dengan identitas visual kompetisi.

Struktur formulir registrasi dan komponen input data tetap mengikuti standar sistem untuk menjaga konsistensi proses pendaftaran serta stabilitas tampilan pada berbagai perangkat. Apabila panitia ingin menyesuaikan jenis data atau struktur informasi yang diminta pada formulir registrasi, silakan merujuk pada halaman Kustomisasi Data Registrasi.

Kustomisasi Halaman Quiz Pengguna

Halaman quiz merupakan halaman yang digunakan oleh peserta untuk mengerjakan soal kompetisi secara langsung melalui sistem. Halaman ini dirancang agar peserta dapat fokus pada proses pengerjaan soal dengan tampilan yang jelas dan mudah digunakan.

Struktur utama halaman quiz tetap mengikuti standar sistem untuk menjaga konsistensi pengalaman pengguna, kejelasan tampilan soal, serta stabilitas dan responsivitas selama pengerjaan quiz. Sebagian besar elemen yang berkaitan dengan quiz seperti pengaturan soal, waktu pengerjaan, navigasi soal, dan aturan pengerjaan dapat diatur langsung melalui panel admin. Untuk informasi lebih lanjut, silakan merujuk pada halaman Manajemen Quiz pada dokumentasi.