Analysis And Design Of Responsive Museum Portal Application With Flexbox And Grid-Based
##plugins.themes.bootstrap3.article.sidebar##
##plugins.themes.bootstrap3.article.main##
Abstract
The West Java People's Struggle Monument has an important role in preserving and disseminating information about the history of the struggle of the Indonesian people. In the digital era, the importance of an adequate digital presence to introduce and manage this information becomes increasingly apparent. This research aims to analyse and design a web-based responsive museum portal application at the West Java People's Struggle Monument using Flexbox and Grid responsive layout techniques in museum portal design. The existence of this website is expected to improve information management, as well as provide an optimal user experience through responsive and efficient user interface (UI) and user experience (UX) design. Therefore, this research focuses on fulfilling the digital needs of museums in overcoming information management challenges, so that this website can become an adequate and user-friendly marketing medium for introducing cultural and historical heritage to the public.
##plugins.themes.bootstrap3.article.details##
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Authors who publish articles in CoreID Journal agree to the following terms:
- Authors retain copyright of the article and grant the journal right of first publication with the work simultaneously licensed under a CC-BY-SA or The Creative Commons Attribution–ShareAlike License.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (See The Effect of Open Access).
References
L. Dolega, F. Rowe, and E. Branagan, “Going digital? The impact of social media marketing on retail website traffic, orders and sales,” Journal of Retailing and Consumer Services, vol. 60, p. 102501, May 2021, doi: 10.1016/J.JRETCONSER.2021.102501.
Y. Choi, B. Hickerson, J. Lee, H. Lee, and Y. Choe, “Digital Tourism and Wellbeing: Conceptual Framework to Examine Technology Effects of Online Travel Media,” International Journal of Environmental Research and Public Health 2022, Vol. 19, Page 5639, vol. 19, no. 9, p. 5639, May 2022, doi: 10.3390/IJERPH19095639.
P. Chasapis, S. Mitropoulos, and C. Douligeris, “A prototype mobile application for the Athens Numismatic Museum,” Applied Computing and Informatics, vol. 19, no. 1–2, pp. 144–172, Jan. 2023, doi: 10.1016/j.aci.2019.06.001.
G. Petsa, C. Kiourt, A. Koutsoudis, F. Arnaoutoglou, S. Markantonatou, and G. Pavlidis, “Towards a Unified Cultural and Educational Portal Prototype for Museums and Exhibitions,” 2015. [Online]. Available: http://www.yppo.gr/0/anakoinwsi2012_europeana.jsp
L. L. Micoli, G. Caruso, and G. Guidi, “Design of digital interaction for complex museum collections,” Multimodal Technologies and Interaction, vol. 4, no. 2, pp. 1–20, Jun. 2020, doi: 10.3390/mti4020031.
C. Y. Khor and S. A. Mubin, “AR Mobile Application for Enhancing National Museum Heritage Visualization,” International Journal of Software Engineering and Computer Systems, vol. 10, no. 1, pp. 1–19, Jul. 2024, doi: 10.15282/ijsecs.10.1.2024.1.0119.
“Responsive Web Design with HTML5 and CSS: Build future-proof responsive ... - Ben Frain - Google Books.” Accessed: Mar. 27, 2025. [Online]. Available: https://books.google.co.id/books?hl=en&lr=&id=TkyJEAAAQBAJ&oi=fnd&pg=PP1&dq=Responsive+Web+Design+(RWD)+is+a+critical+approach+in+modern+web+development&ots=5X7QMOklMf&sig=dUvZuygEPvFbDMnxaR3qDJJ0eMc&redir_esc=y#v=onepage&q&f=false
L. Corona, “Museums and Communication: The Case of the Louvre Museum at the Covid-19 Age,” Humanities and Social Science Research, vol. 4, no. 1, pp. p15–p15, Jan. 2021, doi: 10.30560/HSSR.V4N1P15.
J. Zhao and O. Yezhova, “Design of Applications for Access to Digital Art Works in Online Museums,” Art and Design, no. 1, pp. 68–77, May 2024, doi: 10.30857/2617-0272.2024.1.6.
S. Yudianto, and W. Sulistyo, “Pengembangan Web Portal dengan Metode Web Development Life Cycle (WDLC) pada Dinas Kominfo Kabupaten Bengkayang,” IT-Explore: Jurnal Penerapan Teknologi Informasi dan Komunikasi, vol. 1, no. 2, pp. 145–154, Jun. 2022, doi: 10.24246/ITEXPLORE.V1I2.2022.PP145-154.
G. Niess, A. Roubal, S. Thurner, and E. B. Roque, “CSS Grid Layouts,” 2019.
“CSS Grid Layout Guide | CSS-Tricks.” Accessed: Mar. 26, 2025. [Online]. Available: https://css-tricks.com/snippets/css/complete-guide-grid/
“CSS Grid: Cara Mudah Mengatur Layout di HTML 2025 | RevoU.” Accessed: Mar. 26, 2025. [Online]. Available: https://www.revou.co/panduan-teknis/css-grid
V. Gor, “Creating Responsive Websites Using HTML5 and CSS3,” Creating Responsive Websites Using HTML5 and CSS3, 2023, doi: 10.1007/978-1-4842-9783-4.
I. Tarsini and R. Anggraeni, “Explore flowchart and pseudocode concepts in algorithms and programming,” Indonesian Journal of Multidisciplinary Science, vol. 3, no. 5, Feb. 2024, doi: 10.55324/IJOMS.V3I5.807.