TUGAS 2 PEMOGRAMAN BERBASIS WEB

Video ini dibuat untuk memenuhi tugas pembuatan aplikasi website menggunakan Vue.js. Pada video ini saya menjelaskan aplikasi UT Bahan Ajar, yaitu aplikasi sederhana berbasis website yang digunakan untuk membantu proses pengelolaan stok bahan ajar dan pelacakan pengiriman Delivery Order kepada mahasiswa. Aplikasi ini memiliki beberapa halaman utama, yaitu: 1. Beranda Halaman utama sebagai tampilan awal aplikasi dan navigasi menuju fitur utama. 2. Stok Bahan Ajar Digunakan untuk menampilkan, mencari, memfilter, mengurutkan, menambah, mengedit, dan menghapus data stok bahan ajar. Pada halaman ini juga terdapat informasi status stok seperti stok aman, stok menipis, dan stok kosong. 3. Tracking Delivery Order Digunakan untuk melacak proses pengiriman bahan ajar kepada mahasiswa. Fitur yang tersedia antara lain daftar Delivery Order, detail pengiriman, isi paket, riwayat perjalanan, update status pengiriman, dan tambah Delivery Order baru. Dalam aplikasi ini saya menerapkan beberapa fitur Vue.js, seperti: • Data binding menggunakan {{ }} • Input dinamis menggunakan v-model • Perulangan data menggunakan v-for • Kondisi tampilan menggunakan v-if dan v-else-if • Event handling menggunakan @click dan @keyup.enter • Computed property untuk filter, sorting, dan perhitungan data • Methods untuk proses tambah, edit, hapus, update status, dan tambah riwayat perjalanan Tujuan dari aplikasi ini adalah untuk menunjukkan bagaimana Vue.js dapat digunakan dalam membuat website yang dinamis, interaktif, dan mudah digunakan. Teknologi yang digunakan: • HTML • CSS • JavaScript • Vue.js Video ini juga menjelaskan alur berpikir dalam merancang aplikasi, mulai dari menentukan kebutuhan fitur, membuat halaman utama, mengelola data stok, hingga membuat sistem tracking pengiriman bahan ajar. Terima kasih sudah menonton. #VueJS #Website #TugasKuliah #UT #BahanAjar #JavaScript #HTML #CSS #TrackingDelivery #StokBahanAjar