PENERAPAN METODE PROTOTYPE DALAM PENGEMBANGAN WEBSITE KONVERSI GAMBAR VEKTOR KE MODEL 3D

##plugins.themes.academic_pro.article.sidebar##

Published Apr 30, 2026
https://doi.org/10.56708/progres.v18i1.538
Download
PDF Full Text
Statistic
Vol 18 No 1 (2026): April

##plugins.themes.academic_pro.article.main##

Nia Yuningsih
Fakultas Ilmu Komputer dan Teknologi Industri, Universitas Gunadarma
Zaidan Ramadhan Rachman
Fakultas Ilmu Komputer dan Teknologi Industri, Universitas Gunadarma
Lely Prananingrum
Fakultas Ilmu Komputer dan Teknologi Industri, Universitas Gunadarma

Abstract

This research aims to design and build a static website capable of automatically converting SVG vector images into 3D objects. The main problem addressed is the lack of user-friendly and efficient web-based tools for converting SVG files into 3D models, which are important for 3D designers and 3D printing. The development applies the Prototype method, allowing initial prototypes to be tested and refined based on user feedback. The website is developed using JavaScript with the Three.js library for 3D object processing and visualization, and Vite as a modern development tool to ensure responsiveness. Users are able to upload SVG files, adjust object thickness, preview the conversion in real-time, and export the 3D model in STL format. The results show that this website provides a practical and interactive solution for users who require fast conversion from SVG images to 3D objects through a web platform, accessible at https://sv3dkonversi.xyz. User Acceptance Testing was conducted and achieved a score of 82.2%, indicating that users can operate the website effectively in terms of layout, interface, system, and ease of use. This demonstrates the potential of the website to support 3D designers in digital manufacturing and 3D printing workflows.

##plugins.themes.academic_pro.article.details##

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.

How to Cite
Yuningsih, N., Rachman, Z. R., & Prananingrum, L. (2026). PENERAPAN METODE PROTOTYPE DALAM PENGEMBANGAN WEBSITE KONVERSI GAMBAR VEKTOR KE MODEL 3D. Jurnal Informatika Progres, 18(1), 111-118. https://doi.org/10.56708/progres.v18i1.538

References

[1] Lopes, R. G., Ha, D., Eck, D., & Shlens, J. (2019). A learned representation for scalable vector graphics. Deep Generative Models for Highly Structured Data, DGS@ICLR 2019 Workshop, 7930–7939.
[2] Jisheng, L. (2015). SVG 3D Graphical Presentation for Web-based Applications. https://pdfs.semanticscholar.org/84e5/77882ae54561674880eb2ddd8a90e52bceae.pdf
[3] Wibowo, M. C. (2022). Pemodelan Dengan Blender 3D. Penerbit Yayasan Prima Agus Teknik, 8(1), 1–505. https://penerbit.stekom.ac.id/index.php/yayasanpat/article/view/332
[4] Utomo, P., & Falahah. (2020). Building Serverless Website on GitHub Pages. IOP Conference Series: Materials Science and Engineering, 879(1), 0–7. https://doi.org/10.1088/1757-899X/879/1/012077
[5] Bose, S. (2022). Rendering interactive 3D scene as a web-page using Three.js, WebGL, and Blender. May.
[6] Rosnelly, R., Wahyuni, L., Melvy Anggraini, G., & Lazuli, I. (2023). Implementasi Javascript Dalam Pembuatan Web Sederhana. Community Service Journal) e-ISSN, 2(1), 116–123. https://www.doi.org/10.22303/coral.2.1.2023.116-123
[7] Gayatri Makrand Ghodke, & Trupti Chavan. (2024). An Overview of Git. International Journal of Scientific Research in Modern Science and Technology, 3(6), 17–23. https://doi.org/10.59828/ijsrmst.v3i6.216
[8] Nguyen, T. A. (2024). A comparative analysis of Webpack and Vite as build tools for JavaScript. 32.