Скачать или смотреть Tugas Praktik 2 – Pemrograman Berbasis Web (STSI4209) | Implementasi Vue.js pada Aplikasi SITTA

Halo, perkenalkan aku Dewi Puspita Sari, mahasiswa Universitas Terbuka, Program Studi Sistem Informasi dari UPBJJ Jakarta.
Video ini merupakan Tugas Praktik 2 untuk mata kuliah Pemrograman Berbasis Web (STSI4209).

Pada tugas ini aku membangun aplikasi web sederhana menggunakan Vue.js untuk mensimulasikan proses pemesanan dan distribusi bahan ajar SITTA Universitas Terbuka.
Aplikasi ini terdiri dari dua halaman utama, yaitu:

Stok Bahan Ajar
➤ Menampilkan data stok, dengan fitur filter, sort, validasi, dan manipulasi data secara real-time.
➤ Menerapkan data binding (v-model), conditional rendering (v-if, v-else, v-show), computed property, dan watchers.

Tracking Delivery Order (DO)
➤ Menghasilkan nomor DO otomatis (computed property) dan menampilkan detail paket bahan ajar secara dinamis.
➤ Menggunakan watcher untuk validasi input dan perubahan data, serta form validation dengan pesan kesalahan interaktif.

🎯 Tujuan Praktik:

Mengimplementasikan struktur proyek Vue.js yang modular.

Menggunakan konsep data binding, directive, computed, watchers, dan conditional rendering.

Membuat antarmuka interaktif dan validasi input menggunakan Vue.js.

Menunjukkan penerapan framework modern dalam konteks sistem SITTA UT.

📂 Struktur Proyek:

index.html (menu utama)

stok.html & stok-app.js (pengelolaan stok bahan ajar)

tracking.html & tracking-app.js (pengelolaan Delivery Order)

dataBahanAjar.js (data dummy bahan ajar dan paket)

style.css (desain dark mode dengan variasi warna biru-cyan)

📚 Mata Kuliah: Pemrograman Berbasis Web (STSI4209)
👩‍💻 Nama: Dewi Puspita Sari
🏫 Program Studi: Sistem Informasi
🏢 Universitas Terbuka – UPBJJ Jakarta

✨ Hashtag (opsional, bisa ditaruh di bawah deskripsi):
#VueJS #UniversitasTerbuka #PemrogramanBerbasisWeb #STSI4209 #SITTA #TugasPraktikUT #DewiPuspitaSari