P3 AAU project - CMS System for Kunsten Museum of Art Aalborg

2026-02-22

https://github.com/cs-24-sw-3-09/KunstenCMSBackend
https://github.com/cs-24-sw-3-09/KunstenCMSFrontend

Kunsten CMS (Fall 2024)

The third semester of the software bachelor is about creating a well-designed system — so a lot of UML diagrams. During the semester, it is also required to work with a third party to create or collaborate on a system for/with them. Here, we contacted Kunstmuseum of Art, which resulted in us creating a content management system for their display screens.

Technologies and theory

  • Java, Spring Boot (with dependency injection)
  • Svelte/SvelteKit, JS, CSS, SCSS, HTML
  • SocketIO
  • Authentication with JWT tokens
  • MariaDB
  • Problem and application domain analysis
  • User interface design
    • Low fidelity sketches
    • Gigh fidelity prototypes
    • Usability testing
  • Componet architecture and design

Abstract (From Project Report)

This project is done in collaboration with Kunsten Museum of Modern Art Aalborg. They requested a new system to manage and schedule content for their infotainment screens. Before creating the system, a system definition was made, along with an analysis of both the problem domain and application domain. During the design phase of the user interface, low-fidelity sketches were created as a precursor to a functional high fidelity prototype. This prototype was used for usability testing to ensure the users can navigate and use the system intuitively. The user interface was implemented based on the evaluation of the usability test. Furthermore, the solution was implemented based on the architectural design of the system. Here, the frontend was built using SvelteKit, while the backend was developed using Spring Boot. To ensure the system's correctness, unit tests, integration tests, and system tests were conducted. The project is concluded with a discussion of the solution. Lastly, it is concluded that the system fulfils the problem statement.

Images

Component overview of frontend

Component overview of frontend
Component overview of frontend
(click to see full undithered image)

Scheduling and live dashboard

Dashboard wiht live view of media screens content
Dashboard wiht live view of media screens content
(click to see full undithered image)
Week schedule page
Week schedule page
(click to see full undithered image)
New time slot model for scheduling
New time slot model for scheduling
(click to see full undithered image)

Media management

Slideshow edit and creation page
Slideshow edit and creation page
(click to see full undithered image)
Media gallery page
Media gallery page
(click to see full undithered image)
Gallery item modal
Gallery item modal
(click to see full undithered image)
New gallery item modal
New gallery item modal
(click to see full undithered image)

User login and management

Login page
Login page
(click to see full undithered image)
Forgot password page
Forgot password page
(click to see full undithered image)
Password reset page
Password reset page
(click to see full undithered image)
User settings page
User settings page
(click to see full undithered image)
Admin board over users
Admin board over users
(click to see full undithered image)