SOAL LKS

TINGKAT PROVINSI JAWA BARAT

BIDANG LOMBA: WEB DESIGN
"Buatlah website e-Learning yang berisi pemaketan pembelajaran dari topik pembelajaran
berupa: modul pembelajaran dalam bentuk teks, video e-Learning, dan kuis pilihan ganda
online. Website e-Learning tersebut adalah website e-Learning berbayar dengan metode
pembayaran melalui ATM dengan pemaketan periodik mingguan atau bulanan."

RUANG LINGKUP
Berikut adalah ruang lingkup yang digunakan dalam pembuatan website:

1. Pelaku dari website terdiri dari Admin, Pengajar, Murid, dan pengunjung biasa
2. Admin, Pengajar, dan Murid harus melakukan login terlebih dahulu sebelum
melakukan aktivitas pada website sebagai Admin, Pengajar, dan Murid
3. Admin bertanggung jawab atas seluruh komponen yang ada di dalam website
4. Pengajar bertanggung jawab meng-input modul pembelajaran dalam bentuk
teks, video e-Learning, dan kuis pilihan ganda online
5. Pengunjung biasa dapat mencari topik pembelajaran
6. Murid dapat menentukan paket pembelajaran mingguan atau bulanan
7. Murid dapat mengakses pemaketan pembelajaran dari topik pembelajaran
berupa: modul pembelajaran dalam bentuk teks, video e-Learning, dan kuis
pilihan ganda online, setelah melakukan pembayaran
8. Semua pembayaran melalui ATM. Namun murid dapat memilih bank yang akan
digunakan untuk pembayaran
9. Transaksi dinyatakan selesai apabila admin telah mengonfirmasi struk
pembayaran dari murid
10. Paket pembelajaran yang dipilih akan batal apabila murid membatalkan pilihan
paket pembelajaran atau apabila dalam waktu lima menit murid tidak
melakukan proses pembayaran
11. Isi dari website akan dijelaskan detail pada bab "detail soal"

DETAIL SOAL
Website yang dibuat harus mengandung aspek berikut:

1. Home Page, halaman bagi semua pengunjung website, terdiri dari:

a. Banner, mengandung nama dan logo website, dengan tata warna menarik
b. Site Navigation
c. Promo topik pembelajaran terbaru atau terlaris berupa animasi
d. Total item topik pembelajaran yang dipesan
e. Kotak pencarian topik pembelajaran
f. Sign In Murid
g. Contact Us
h. Panduan Pemilihan Paket Pembelajaran
2. Halaman Topik Pembelajaran, halaman bagi semua pengunjung website untuk
melakukan aktivitas berikut:
a. Mencari topik pembelajaran berdasarkan nama topik pembelajaran, harga,
dan nama pengajar
b. Melihat detail topik pembelajaran (nama, harga, dan nama pengajar)
c. Menambahkan topik pembelajaran ke paket pembelajaran
d. Membagikan topik pembelajaran ke sosial media
e. Review topik pembelajaran

3. Halaman Murid, halaman bagi murid untuk melakukan aktivitas berikut:

a. Pendaftaran Murid.
Form registrasi terdiri dari:
1. Nama Murid: Text Box
2. Tempat lahir: Text Box
3. Tanggal lahir: Datepicker
4. Jenis Kelamin: Dropdown
5. Foto: Image
6. Email: TextBox
7. Alamat Rumah: Textbox
8. Provinsi: Dropdown
9. No Telp: Textbox
10. Password: Textbox
11. Text Captcha: Textbox
b. Validasi untuk masing-masing inputan:
1. Sign In menggunakan email dan password
2. Mengubah profile Murid
3. Memilih paket pembelajaran (mingguan atau bulanan)
4. Menentukan pembayaran atas paket pembelajaran yang dipesan
5. Mengonfirmasi pembayaran: Upload struk pembayaran
6. Membatalkan pesanan, hanya untuk pesanan yang belum dibayar

4. Halaman Pengajar, halaman bagi pengajar untuk melakukan aktivitas berikut:

a. Sign In menggunakan email dan password
b. Memilih Topik Pembelajaran
c. Menginput modul pembelajaran dalam bentuk teks, video e-Learning, dan
kuis pilihan ganda online beserta pembahasan jawaban
d. Mengganti password
e. Validasi untuk masing-masing inputan:
1. Mengubah modul pembelajaran dalam bentuk teks, video e-Learning,
dan kuis pilihan ganda online beserta pembahasan jawaban
2. Menghapus modul pembelajaran dalam bentuk teks, video e-Learning,
dan kuis pilihan ganda online beserta pembahasan jawaban yang
sedang tidak dipesan oleh Murid
 3. Melihat status topik pembelajaran yang diajar oleh Pengajar tersebut,
dengan format tampilan minimal:

No | Nama Topik Pembelajaran | Jumlah Murid

5. Halaman Admin, halaman bagi admin untuk melakukan aktivitas berikut:

a. Sign In menggunakan username dan password
b. Menginput Pengajar
Form input pengajar terdiri dari:
1. Nama Pengajar: Text Box
2. Tempat lahir: Text Box
3. Tanggal lahir: Datepicker
4. Jenis Kelamin: Dropdown
5. Foto: Image
6. Email: TextBox
7. Latar Belakang Pendidikan: TextBox
8. Alamat Rumah: Textbox
9. Provinsi: Dropdown
10. No Telp: Textbox
11. Password Default: Textbox
c. Menginput Topik Pembelajaran
Form Topik Pembelajaran terdiri dari:
1. Nama Topik Pembelajaran: Text Box
2. Gambar Topik Pembelajaran: Image
3. Harga Topik Pembelajaran: Text Box
4. Nama Pengajar: Dropdown
d. Validasi untuk masing-masing inputan:
1. Mengubah Topik Pembelajaran
2. Menghapus Topik Pembelajaran, Topik Pembelajaran bisa dihapus
ketika tidak sedang berlangsung transaksi terhadap Topik Pembelajaran
tersebut
3. Melihat status Topik Pembelajaran yang sudah dibayar dengan format
tampilan minimal:
No | Nama Topik Pembelajaran | Nama Pengajar | Jumlah Murid
4. Menyetujui konfirmasi pembayaran dari Murid
5. Membatalkan pesanan Murid
6. Mengubah profile Murid kecuali password
7. Mengubah profile Pengajar kecuali password
6. Footer, berisi: informasi legal dan copy right website
7. Enkripsi Password dan Request Query String
8. Font dan Warna digunakan harus konsisten
9. Page Layout menggunakan CSS
10. Layout harus kompatibel di Chrome, Edge dan Mozilla Firefox
11. Semua menu harus tersambung dengan halamannya (tidak boleh ada
brokenlink)
12. Menggunakan session untuk Sign In dan Sign Out

Modul
Soal praktik terdiri dari 3 modul/keterampilan dalam bentuk sebuah kasus. Masing- masing
modul terikat satu sama lain. Berikut penjelasan dari masing-masing modul.

1. Modul 1 – Desain
Deskripsi: membuat desain logo, layout Homepage, halaman Topik Pembelajaran,
halaman Murid, halaman Pengajar, dan halaman Admin dari sebuah website e-
Learning sesuai dengan kreativitas individu dengan menggunakan program editing.
Desain harus memperhatikan beberapa aspek seperti webpage style, warna, layout
scheme, text, images, animation dan user friendly interface. Halaman desain
website dibuat menggunakan photoshop dengan tiga jenis ukuran (1440x900px,
768x1024px, 320x480px)
Media yang disediakan berupa images, text, dan font type.
Total Nilai: 20 poin

2. Modul 2 – Layouting Design & Client Side Implementation

Deskripsi: Membuat halaman website dengan HTML5, CSS3, JQuery / Vue sesuai dengan
rancangan desain pada modul 1.
Media yang disediakan berupa JavaScript (JQuery / Vue)
Total Nilai: 30 poin

3. Modul 3 – Server Side Programming

Deskripsi: Membuat aplikasi web interaktif yang sesuai pada modul 2 dengan
menggunakan server side PHP atau dapat menggunakan Framework Laravel/Code
Igniter dan MySQL. Fungsionalitas dasar dalam web meliputi login, logout, sistem
administrator add, edit, delete data dan searching data.
Media yang disediakan berupa PHP Framework
Total Nilai: 50 poin
TARGET PEKERJAAN

HARI TARGET ALOKASI WAKTU

Day 1, 1. Modul 1 2 Jam
17 Oktober 2018 2. Modul 2 3 Jam
3. Modul 3 2 Jam

Day 2, 1. Modul 3 (lanjutan) 3 Jam

18 Oktober 2018 2. Wawancara 2 Jam