Art on Paper Gallery

The gallery app for browsing drawings, etchings, engravings, woodcuts and other art on the paper. It uses public dataset of Graphische Sammlung from ETH Zurich

Demo

We develop a gallery app for browsing art works on paper. For the prototype we use a dataset sample delivered from the Collection Online of the Graphische Sammlung ETH Zurich. In our app the user can find the digital images of the prints and drawings, gets metadata information about the different techniques and other details. The app invites the user to browse from one art work to the other, following different paths such as the same technique, the same artist, the same subject and so on.

Challenge

To use a Collection Online properly the user needs previous knowledge. Many people just love art and are interested but no experts.

User

Especially this group of people is invited to explore our large collection in an interactive journey.

Goals

  • The Art on Paper Gallery App enables the user to jump from one artwork to another in an associative way. It offers suggestions following different categories, such as the artist, technique, etc.

  • It allows social interaction with the possibility to like, share and comment an artwork

  • Artworks can be arranged according to relevance, number of clicks etc.

  • This again allows Collections or Museums to evaluate the user interests and trends

Code

The code is available at the following link: https://github.com/DominikStefancik/Art-on-Paper-Gallery-App.

Example of a possible Design

Data

  • Graphische Sammlung ETH Zurich, Collection Online, sample dataset with focus on different techniques of printmaking and drawing

Team

  • Dominik Štefančik, Software Engineer
  • Graphische Sammlung ETH Zurich, Susanne Pollack, Ann-Kathrin Seyffer

Art-on-Paper-Gallery-App

The gallery app for browsing drawings, etchings, engravings, woodcuts and other art on the paper. It uses public dataset of Graphische Sammlung from ETH Zurich

This content is a preview from an external site.
 

Event finish

Add navigation from the list page to the detail page (@LAPTOP-QVVQCVTI\Dominik)

Create a langing home page (@LAPTOP-QVVQCVTI\Dominik)

Add API endpoint to get related paper art pieces (@LAPTOP-QVVQCVTI\Dominik)

Add paper art piece detail component (@LAPTOP-QVVQCVTI\Dominik)

Add API endpoint to get data for a particulat PaperArtPiece (@LAPTOP-QVVQCVTI\Dominik)

Show picture outlook (@LAPTOP-QVVQCVTI\Dominik)

Add PrimeNG; create a galery with a list of pictures (@LAPTOP-QVVQCVTI\Dominik)

Update model with additional property (@LAPTOP-QVVQCVTI\Dominik)

Get paper art poeces data from the server (@LAPTOP-QVVQCVTI\Dominik)

Create components and services for getting paper art data (@LAPTOP-QVVQCVTI\Dominik)

Create frontend skeleton and folder structure (@LAPTOP-QVVQCVTI\Dominik)

Update JSON file resource; add new property to the PaperArtPiece (@LAPTOP-QVVQCVTI\Dominik)

Add addittional info about author into the JSON file (@LAPTOP-QVVQCVTI\Dominik)

Get art items data from a file and map it to the domain object (@LAPTOP-QVVQCVTI\Dominik)

Add API hook for sending a picture from server (@LAPTOP-QVVQCVTI\Dominik)

Create controller for paper piece art (@LAPTOP-QVVQCVTI\Dominik)

Rename folder and JSON file (@LAPTOP-QVVQCVTI\Dominik)

Add resources - pictures and their metadata (@LAPTOP-QVVQCVTI\Dominik)

Add new modules; change single quotes to double quotes (@LAPTOP-QVVQCVTI\Dominik)

Create a Nest.js skeleton as backend (@LAPTOP-QVVQCVTI\Dominik)

Initial commit (@DominikStefancik)

Start