Pengembangan Aplikasi Web Sederhana Menggunakan Framework JavaScript (Vue.js) Sebagai Media Pembelajaran Dasar Pemrograman

Haryoseno, Bagas Suryowaseso (2026) Pengembangan Aplikasi Web Sederhana Menggunakan Framework JavaScript (Vue.js) Sebagai Media Pembelajaran Dasar Pemrograman. [Experiment] (Unpublished)

[img] Text (Ringkasan)
Ringkasan.pdf - Submitted Version
Available under License Creative Commons Attribution Share Alike.

Download (286kB)
[img] Text (Bab 1 Pendahuluan)
Bab 1 Pendahuluan.pdf - Submitted Version
Available under License Creative Commons Attribution Share Alike.

Download (411kB)
[img] Text (Daftar Pustaka)
Daftar Pustaka.pdf - Submitted Version
Available under License Creative Commons Attribution Share Alike.

Download (255kB)
[img] Text (Laporan Lengkap)
Laporan Lengkap.pdf - Submitted Version
Restricted to Registered users only

Download (1MB) | Request a copy

Abstract

Kemajuan teknologi informasi mendorong kebutuhan akan kemampuan praktis di bidang pengembangan perangkat lunak, khususnya bagi mahasiswa program studi Manajemen Informatika. Kegiatan magang menjadi salah satu sarana bagi mahasiswa untuk mengasah kemampuan tersebut melalui pengalaman kerja nyata di luar lingkungan kampus. Laporan ini disusun berdasarkan kegiatan magang yang dilaksanakan di Changzhou Vocational Institute of Mechatronic Technology (常州机电职业技术学院), sebuah perguruan tinggi vokasi yang berlokasi di Changzhou, Provinsi Jiangsu, Republik Rakyat Tiongkok. Kegiatan magang berfokus pada pembelajaran dan pengembangan aplikasi web sederhana menggunakan framework Vue.js sebagai media pembelajaran dasar pemrograman. Aplikasi yang dikembangkan bertujuan membantu mahasiswa memahami konsep dasar Vue.js melalui contoh dan praktik yang bisa langsung dicoba, terdiri dari empat halaman utama: Beranda, Form Input, Kalkulator, dan Daftar Data. Dalam proses pengembangannya, diterapkan sejumlah konsep dasar Vue.js, seperti data binding, event handling, conditional rendering, list rendering, component, props, emit, serta routing menggunakan Vue Router.Dari sisi teknis, aplikasi dibangun menggunakan Vue.js 3 dengan pendekatan Options API, JavaScript sebagai bahasa pemrograman, HTML dan CSS untuk membangun tampilan, serta Vite sebagai alat bantu pengembangan. Seluruh data dikelola secara lokal menggunakan array di dalam component, sehingga aplikasi tidak memerlukan backend maupun basis data. Hasil pengembangan menunjukkan bahwa aplikasi berjalan sesuai rancangan dan mampu menampilkan penerapan konsep-konsep dasar Vue.js melalui fitur-fitur yang sederhana namun representatif. Melalui kegiatan magang ini, penulis memperoleh pengalaman menyeluruh dalam proses pengembangan aplikasi berbasis web mulai dari mempelajari teknologi yang digunakan, merancang struktur dan tampilan, mengimplementasikan fitur, menguji fungsi aplikasi, hingga mendokumentasikan seluruh hasil pengembangan sebagai bahan penyusunan laporan.

Item Type: Experiment
Contributors:
ContributionContributorsNIDN/NIDK
Thesis advisorMulyadi, Ely0017067306
Uncontrolled Keywords: vue, framework, china, magang, pembelajaran
Subjects: 410 - Rumpun Ilmu Teknik > 450 - Teknik Elektro dan Informatika > 458 - Teknik Informatika
410 - Rumpun Ilmu Teknik > 450 - Teknik Elektro dan Informatika > 459 - Ilmu Komputer
410 - Rumpun Ilmu Teknik > 450 - Teknik Elektro dan Informatika > 461 - Sistem Informasi
500 - Rumpun Ilmu Bahasa > 530 - Ilmu Bahasa Asing > 533 - Sastra (dan Bahasa) China (Mandarin)
Divisions: Jurusan Teknologi Informasi > Prodi D3 Manajemen Informatika > PKL
Depositing User: Bagas Suryowaseso Haryoseno
Date Deposited: 01 Sep 2026 06:29
Last Modified: 01 Sep 2026 06:30
URI: https://sipora.polije.ac.id/id/eprint/60095

Actions (login required)

View Item View Item