Rancang Bangun Aplikasi Photo Booth Interaktif Berbasis Web dengan Fitur Layout, Filter, dan Frame Menggunakan Pemrograman Berorientasi Objek
DOI:
https://doi.org/10.61132/jupiter.v4i1.1255Keywords:
Object-Oriented Programming, Photo Booth, Waterfall, Web Api, Web-Based ApplicationsAbstract
This research aims to design and build a web-based interactive photo booth application with layout, filter, and frame features using object-oriented programming concepts. The application was developed as an alternative solution to digital photo booths that can be accessed directly through a web browser without the need for additional installation. The system development method used is the Waterfall method which includes the stages of needs analysis, system design, implementation, and testing. The technology used in application development includes HTML, CSS, JavaScript, and the use of Web APIs to access the device's camera and process images in real-time. The results of the study show that this web-based photo booth application is able to run well on modern browsers, providing photo capture features, layout settings, filter application, and interactive frame addition. The implementation of object-oriented programming results in a more modular code structure, is easy to understand, and facilitates the development and maintenance of future systems. Thus, the developed application can become a practical, flexible, and easy-to-use digital photography medium.
References
Arsyad, A. (2020). Media pembelajaran. RajaGrafindo Persada.
Bassil, Y. (2012). A simulation model for the waterfall software development life cycle. International Journal of Engineering & Technology, 2(5), 742–749.
Connolly, T., & Begg, C. (2015). Database systems: A practical approach to design, implementation, and management. Pearson Education.
ECMAScript. (2023). ECMAScript language specification. https://www.ecma-international.org/
Hidayat, R. (2020). Pengembangan aplikasi berbasis web interaktif. Jurnal Informatika, 7(2), 85–92.
Kadir, A. (2019). Dasar pemrograman web dinamis menggunakan JavaScript. Andi Offset.
Laudon, K. C., & Laudon, J. P. (2018). Management information systems. Pearson Education.
McConnell, S. (2004). Code complete. Microsoft Press.
Mozilla Developer Network. (2023). Canvas API documentation. https://developer.mozilla.org/
Mozilla Developer Network. (2023). MediaDevices API documentation. https://developer.mozilla.org/
Nielsen, J. (2012). Usability engineering. Morgan Kaufmann.
Nugroho, A. (2018). Pemrograman berorientasi objek. Andi Offset.
Pressman, R. S. (2015). Software engineering: A practitioner’s approach. McGraw-Hill.
Pressman, R. S., & Maxim, B. (2020). Software engineering: A practitioner’s approach (9th ed.). McGraw-Hill.
Rosa, A. S., & Shalahuddin, M. (2018). Rekayasa perangkat lunak terstruktur dan berorientasi objek. Informatika.
Sommerville, I. (2016). Software engineering (10th ed.). Pearson Education.
Sutarman. (2017). Pengantar teknologi informasi. Bumi Aksara.
W3Schools. (2023). HTML, CSS, and JavaScript tutorial. https://www.w3schools.com/
W3Schools. (2023). JavaScript object-oriented programming. https://www.w3schools.com/
Wahana Komputer. (2019). Membangun aplikasi web interaktif dengan JavaScript. Andi Publisher.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Jupiter: Publikasi Ilmu Keteknikan Industri, Teknik Elektro dan Informatika
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
