| Component id | pattern-exploration-gui |
|---|---|
| Type | WebApplication |
| Name | Patterns UI |
| Description | A frontend interface for dispaying data derived from the [Patterns Knowledge Graph](https://github.com/polifonia-project/patterns-knowledge-graph). |
| Work package | |
| Project | polifonia-project |
| Resource | https://github.com/polifonia-project/pattern-exploration-gui/releases |
| Release date | 23/02/2024 |
| Release number | v1.0.0 |
| Licence |
|
| Contributors |
|
| Related components |
Story:
Persona:
Reuses:
|
| Bibliography |
Publication:
|
| Credits | This project has received funding from the European Union’s Horizon 2020 research and innovation programme under grant agreement N. 101004746. |
Music Pattern Exploration - Frontend Server
Description
This repository contains source code for the frontend of the Polifonia Patterns UI Music Patterns Exploration project. It is built using Vue.js (@vue/cli 5.0.8) and communicates with a separate Python backend server which queries a knowledge graph for data. It features a ‘Search’ home page, Composition pages for each tune, Pattern pages, Tune Family pages and an About page. It is a tool that provides interactive network visualisations and tabular data to allow exploration and discovery of similar tunes across different traditional European music corpuses.
This software forms part of Polifonia Deliverable D5.6.
Prerequisites
- Node.js and npm
- Vue CLI 5.0.8
Installation
To install and run this project locally:
-
Clone this repository:
git clone git@github.com:polifonia-project/pattern-exploration-gui.git -
Navigate into the project directory:
cd pattern-exploration-gui -
Install the necessary dependencies:
npm install -
Start the server:
npm run serve
The application will start and is accessible via http://localhost:8080 in your browser (or another port if 8080 is already in use).
Note: Make sure that the backend server is also running and accessible for the frontend to fetch data.
Backend Server
The frontend server communicates with a separate backend server.
Knowledge Graph
The interface uses data provided by the Patterns Knowledge Graph and the Tunes Knowledge graph.