Tugas 1 Pemrograman Berbasis Web (STSI4209)

Halo semuanya! Selamat datang di channel saya. Video presentasi ini dibuat untuk memenuhi Tugas Praktik 1 mata kuliah Pemrograman Berbasis Web (STSI4209) di Universitas Terbuka. 👨‍💻 Data Mahasiswa: Nama: Fandi Rinaldi Febrian NIM: 055375666 Program Studi: Sistem Informasi UPBJJ: Jakarta 💻 Tentang Project Ini: Pada tugas ini, saya mendemonstrasikan hasil rancangan antarmuka (front-end) untuk prototipe "Aplikasi SITTA" (Sistem Informasi Tiras dan Transaksi Bahan Ajar) Universitas Terbuka. Aplikasi ini dibangun dari nol murni menggunakan HTML5, CSS3, dan JavaScript (DOM Manipulation), tanpa menggunakan framework (seperti Bootstrap) ataupun sistem backend/database. Seluruh simulasi data ditarik secara dinamis menggunakan client-side JavaScript melalui file data.js. ✨ Fitur Utama yang Didemonstrasikan: Halaman Login: Validasi email & password menggunakan JavaScript, dilengkapi fitur peringatan (alert) dan Modal Box interaktif untuk opsi "Lupa Password" dan "Daftar". Dashboard Menu: Tampilan antarmuka card-based modern dengan navigasi utama (termasuk dropdown menu Laporan) dan sapaan waktu dinamis (Pagi/Siang/Sore/Malam) menggunakan fungsi Date() pada JS. Data Stok Bahan Ajar: Tabel informasi modul UT yang di-render secara otomatis dari array JavaScript. Dilengkapi form input untuk menambah stok baru beserta fitur upload cover buku yang langsung tampil di tabel menggunakan logika URL.createObjectURL(). Tracking Pengiriman: Fitur pencarian resi/Nomor DO yang interaktif. Jika data ditemukan, sistem akan menampilkan kartu informasi pengiriman beserta animasi garis waktu (timeline) riwayat perjalanan paket. Terima kasih sudah menonton! Semoga video penjelasan dan demo aplikasi ini bermanfaat, khususnya bagi rekan-rekan mahasiswa Universitas Terbuka yang sedang mempelajari fundamental Web Development. Jangan lupa tinggalkan like dan masukan di kolom komentar! #Hashtags: #UniversitasTerbuka #PemrogramanBerbasisWeb #TugasUT #SistemInformasi #HTML #CSS #JavaScript #DOMManipulation #WebDevelopment #SITTA #UPBJJJakarta