Pengembangan Aplikasi Desain Grafis Berbasis Web dengan Framework React-Konva dan Generative AI
DOI:
https://doi.org/10.21831/jiety.v3i2.2161Keywords:
Aplikasi Desain Grafis, Generative AI, React-Konva, WebAbstract
Penelitian ini bertujuan mengembangkan aplikasi desain grafis berbasis web menggunakan framework React-Konva dengan Generative AI serta menilai kualitasnya berdasarkan ISO25010:2023. Pengembangan aplikasi menggunakan metodologi Research and Development (RnD) dengan model pengembangan perangkat lunak Feature-Driven Development. Pengujian kualitas dilakukan pada aspek functional suitability melalui validasi ahli dan performance efficiency menggunakan Chrome Dev Tools. Hasil penelitian menunjukkan aplikasi berhasil dikembangkan dengan reactive dan declarative binding serta integrasi Generative AI. Pengujian menghasilkan skor functional suitability 100% dengan kategori "Sanget Baik", dan performance efficiency menunjukkan penggunaan CPU rata-rata 10%, memori 20,2-37,5 MB, frame rate 133,9 fps, dan response time 132ms. Aplikasi telah memenuhi standar kualitas yang baik, namun memerlukan optimasi untuk mencapai response time di bawah 100ms.
Downloads
References
AbuMusab, Syed. 2023. “Generative AI and Human Labor: Who Is Replaceable?” AI & SOCIETY s00146-023-01773–3. doi: 10.1007/s00146-023-01773-3.
Ahdiat, Adi. 2022. “Banyak UMKM Belum Bisa Bisnis Online, Ini Kendala Utamanya.” Banyak UMKM Belum Bisa Bisnis Online, Ini Kendala Utamanya. Retrieved January 22, 2025 (https://databoks.katadata.co.id/ekonomi-makro/statistik/e212973eac08562/banyak-umkm-belum-bisa-bisnis-online-ini-kendala-utamanya).
Feuerriegel, Stefan, Jochen Hartmann, Christian Janiesch, and Patrick Zschech. 2024. “Generative AI.” Business & Information Systems Engineering 66(1):111–26. doi: 10.1007/s12599-023-00834-7.
Lavrenov, Anton. 2020. “Getting Started with React and Canvas via Konva.” Getting Started with React and Canvas via Konva. Retrieved March 12, 2024 (https://konvajs.org/docs/react/index.html).
Li, Xianfeng, and Zhiqiang Bao. 2014. “Performance Characterization of Web Applications with HTML5 Enhancements.” Pp. 252–58 in 2014 IEEE 12th International Conference on Dependable, Autonomic and Secure Computing. Dalian, China: IEEE.
Moss, Sebastian. 2024. “OpenAI Training and Inference Costs Could Reach $7bn for 2024, AI Startup Set to Lose $5bn - Report.” Data Center Dynamics. Retrieved August 24, 2024 (https://www.datacenterdynamics.com/en/news/openai-training-and-inference-costs-could-reach-7bn-for-2024-ai-startup-set-to-lose-5bn-report/).
Mucharomah, Nur Laily. 2023. “Survei: 70% UMKM Lokal Di Indonesia Kesulitan Memasarkan Produk.” Survei: 70% UMKM Lokal Di Indonesia Kesulitan Memasarkan Produk. Retrieved March 8, 2024 (https://dailysocial.id/post/survei-70-persen-umkm-lokal-di-indonesia-kesulitan-memasarkan-produk).
Nielsen, Jacob. 1993. “Response Times: The 3 Important Limits.” Response Times Limits: Article by Jacob Nielsen. Retrieved November 6, 2024 (https://www.nngroup.com/articles/response-times-3-important-limits/).
Palmer, Stephen R., and John M. Felsing. 2002. A Practical Guide to Feature-Driven Development. Upper Saddle River, NJ: Prentice Hall PTR.
Pilgrim, Mark. 2010. HTML5: Up and Running ; [Dive into the Future of Web Development]. 1. ed. Beijing Köln: O’Reilly.
Rozza, Sylvia, and Elisabeth Y. Metekohy. 2023. “RENDAHNYA ADOPSI DIGITAL MARKETING PADA UMKM.” 22(1):24–34.
Sachs, Goldman. 2023. “Generative AI Could Raise Global GDP by 7%.” Goldman Sachs. Retrieved March 12, 2024 (https://www.goldmansachs.com/intelligence/pages/generative-ai-could-raise-global-gdp-by-7-percent.html).
Sugiyono. 2013. METODE PENELITIAN KUANTITATIF, KUALITATIF, DAN R&D. ALFABETA.
Wan, Alvin. 2019. “When to Use HTML5’s Canvas.” LogRocket Blog. Retrieved August 16, 2024 (https://blog.logrocket.com/when-to-use-html5s-canvas-ce992b100ee8/).
Yao, Fan, Chuanhao Li, Denis Nekipelov, Hongning Wang, and Haifeng Xu. 2024. “Human vs. Generative AI in Content Creation Competition: Symbiosis or Conflict?”
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Journal of Information Engineering and Technology
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
