Unjuk Keterampilan

Mengembangkan Website Menggunakan Framework

Laravel

Deskripsi Tugas

Membuat Website Sederhana

Tujuan

Tugas Praktik Mandiri ini mengajak peserta untuk membuat sebuah website
untuk mengelola data. Sesuai petunjuk pengerjaan.

Instruksi

A. Kebutuhan Sistem
Sebuah perusahaan jamu tradisional menginginkan sebuah website
sederhana dengan nama “Wes Makmur” untuk menjadi portal bagi website
mereka.
Beberapa fitur yang harus ada pada website tersebut adalah
1. Terdapat sebuah halaman beranda yang menampilkan seluruh artikel pada
website.
2. Terdapat halaman detail beranda yang menampilkan keseluruhan isi dari
setiap artikel.
3. Website dapat dikelola oleh admin dan editor.
4. Setiap mengakses halaman pengelolaan data, dibutuhkan autentikasi
sehingga hanya user yang sudah terdaftar yang dapat mengakses halaman
tersebut.
5. Terdapat halaman postingan, kategori, dan barang yang dapat melakukan
tambah, ubah, dan edit setiap data. Halaman ini dapat diakses oleh
admin dan editor.
6. Terdapat halaman user yang dapat diakses oleh admin. Pada halaman
user, admin dapat menentukan apakah user tersebut dapat menjadi editor
atau hanya user biasa.
B. Petunjuk Mengerjakan Soal Praktek
1. Lakukan instalasi dan konfigurasi framework yang sesuai dengan
kebutuhan dari website.
2. Integrasikan sebuah library yang sesuai dengan kebutuhan website.
3. Integrasikan basis data ke framework yang anda gunakan serta
sesuaikan dengan kebutuhan website dengan minimal basis data sebagai
berikut :

a. Tentukan tipe data yang sesuai dengan basis data diatas.

b. Tentukan relasi setiap tabel dari baris data.
4. Buatlah halaman beranda yang memiliki navbar dan footer. Pada halaman
beranda yang menampilkan postingan dari website secara parsial.
5. Buatlah halaman detail beranda yang menampilkan detail dari postingan
dengan elemen berikut :
a. Terdapat judul, penulis, isi, dan tanggal postingan dibuat.
b. Pada bagian bawah postingan menampilkan beberapa rekomendasi
produk yang masih satu kategori dengan postingan tersebut.

Optimasi Pengerjaan

1. Pastikan tidak ada kesalahan dalam validasi dengan rule yang

ditentukan seperti validasi, model, database migrations, eloquent orm
2. Pastikan menggunakan Blade Templating engine dengan tampilan
yang rapi dan terstruktur
3. Pastikan tidak ada kesalahn saat Authentication dan Authorization
dalam website yang telah dibuat
4. Pastikan untuk menggunakan method dan class sesuai konsep OOP
5. Kumpulkan dalam bentuk zip (nama_peserta.zip)
6. Hasil unjuk keterampilan maksimal dikumpulkan 3x24 jam sejak
instruksi diberikan dandikumpulkan via LMS.

Alat Praktik

● Laptop
● VS Code
● Bootstrap 5
● Composer
● Node JS

Cara Mengumpulkan Tugas

Tugas Praktik Mandiri dapat dikumpulkan melalui LMS Karisma Academy.

Yuk, ikuti langkah-langkah Pengumpulan Tugas Praktik Mandiri berikut !

1. Login akun Hybrid Karisma Academy

(https://hybrid.karismaacademy.com/)
2. Klik Program Pelatihan yang telah dibeli
3. Masuk ke aktivitas Tugas Mandiri

4. Download Soal Tugas Mandiri

5. Kerjakan tugas sesuai dengan arahan yang diberikan
6. Isi lembar kerja tugas yang ada di halaman paling bawah soal
(Isi nama lengkap, nomor Kartu Prakerja, dan link hasil pengerjaan)

7. Simpan file yang sudah diisi dengan jawaban

8. Klik tombol Upload File Tugas pada aktivitas Tugas Mandiri

9. Pilih file yang akan di unggah

10. JIka sudah berhasil maka akan tampil hasil tugas yang telah diunggah
 11. Jika ingin mengganti file, anda dapat menekan tombol “Ganti File
Tugas” dan melakukan unggah ulang

Lembar Kerja

Nama Lengkap
: Raihan Daffa Aziz

Nomor Kartu Prakerja

: 3263202432523268

Cantumkan link atau tautan tugasmu dibawah ini.

Link atau Tautan Tugas Rubrik Unjuk Keterampilan

https://github.com/raihanndaffaa/Prakerja