Implementasi Slicing Design Frontend pada Platform FlowCamp ID Menggunakan Vue.js dan TailwindCSS di PT Flow Byte Digital

Mesaya, Christopher (2025) Implementasi Slicing Design Frontend pada Platform FlowCamp ID Menggunakan Vue.js dan TailwindCSS di PT Flow Byte Digital. MBKM thesis, Universitas Multimedia Nusantara.

	PDF HALAMAN_AWAL.pdf Download (469kB)
	PDF BAB_I.pdf Download (209kB)
	PDF BAB_II.pdf Download (677kB)
	PDF BAB_III.pdf Download (25MB)
	PDF BAB_IV.pdf Restricted to Registered users only Download (203kB)
	PDF DAFTAR_PUSTAKA.pdf Download (201kB)
	PDF LAMPIRAN.pdf Restricted to Registered users only Download (819kB)
	PDF LEMBAR_PENGESAHAN.pdf Download (52kB)

Abstract

Perkembangan teknologi digital mendorong meningkatnya kebutuhan akan sistem pembelajaran daring yang efektif, interaktif, dan mudah diakses. Dalam konteks tersebut, kegiatan magang ini dilaksanakan di PT Flow Byte Digital sebagai bagian dari pemenuhan kurikulum Program Studi Informatika Universitas Multimedia Nusantara. Perusahaan ini dikenal sebagai software house yang berfokus pada pengembangan solusi digital, termasuk platform Learning Management System (LMS) bernama FlowCamp. Fokus utama kegiatan magang adalah pada proses slicing design, yaitu konversi desain antarmuka pengguna (UI/UX) dari Figma menjadi tampilan web statis, interaktif, dan responsif menggunakan Vue.js, dan TailwindCSS. Implementasi dilakukan pada berbagai halaman LMS, mencakup landing page (bootcamp, free class, testimonials), autentikasi (login dan forgot password), serta seluruh dashboard student seperti available class, class studied, completed class, learning material, leaderboard, notifikasi, pengaturan profil, dan seluruh dialog box serta modal pop-up. Interaksi dasar dan responsivitas website juga dilakukan untuk tampilan desktop dan mobile. Proyek dikerjakan secara daring selama empat bulan dengan koordinasi harian melalui Discord dan ClickUp. Hasil dari kegiatan ini adalah antarmuka pengguna yang rapi, responsif, dan konsisten dengan desain acuan, serta siap dikembangkan lebih lanjut secara fungsional. Pengalaman ini memberikan pemahaman praktis mengenai proses slicing design, penerapan antarmuka modern, serta kolaborasi dalam tim pengembang perangkat lunak.

Item Type:	Thesis (MBKM)
Keywords:	Learning Management System, Pengembangan Antarmuka Pengguna, Slicing Design, TailwindCSS, Vue.js
Subjects:	?? T58.5-58.64 ??
Divisions:	Faculty of Engineering & Informatics > Informatics
SWORD Depositor:	Administrator UMN Library
Depositing User:	Administrator UMN Library
Date Deposited:	14 Jul 2025 13:04
Last Modified:	14 Jul 2025 13:04
URI:	https://kc.umn.ac.id/id/eprint/38759

Actions (login required)

View Item