We-Art-o-nauts

How to Provide a Better Art Experience

Demo

A better way to experience art: Build a working, easy to follow example that integrates open and curated culture data with VR devices in a museum exhibition to provide modern, fun and richer visitor experience. Focusing on one art piece, organizing data alone the timeline, building a concept and process, so anyone who want to use above technologies can easily follow the steps for any art object for any museum.

Have a VR device next to the painting, we integrate interesting facts about the painting in a 360 timeline view with voice over. Visitors can simply put it on to use it.

Try the live demo in your browser - works particularly well on mobile phones, and supports Google Cardboard:

DEMO

Visit the project homepage for more information, and to learn more about the technology and data used.

See also: hackathon presentation (PPTX) | source code (GitHub)

Data

  1. "Allianzteppich", a permanent collection in Landsmuseum
  2. Curated data from Dominik Sievi in Landsmuseum
  3. Open data sources (WikiData)

Team

  • Kamontat Chantrachirathumrong (Developer)
  • Oleg Lavrovsky (Developer)
  • Marina Pardini (UX designer)
  • Birk Weiberg (Art Historian)
  • Xia Willuhn (Developer)

we-art-o-nauts

The goal of this #GLAMhack project is to enhance the appreciation of art through deeper context. For more background see our website https://we-art-o-nauts.github.io/

To contribute, just download the repository and edit index.html in a text editor. There are some resources in the data folder, and scripts we depend on in js.

Demo: schoolofdata.ch/workshops/2018/weartonauts/

Background

During the 2018 Open Cultural Data Hackathon at the Swiss National Museum, we were impressed by a huge tapestry that is currently part of the permanent collection - the Allianzteppich (nationalmuseum.ch)

The museum people shared all the data available on the object with us, and we further researched information online to create a timeline of events surrounding its creation and history. In particular, Der Allianzteppich und die Fragen von Selbstdarstellung, Repräsentation und Rezeption by Sigrid Pallmert was of interest.

Although there is some information on the Wikipedia article Bildwirkerei, we could find very little on the technical term Wollwirkerei used in the catalog. The question of how to make information about the methods and history of art objects fascinated our team.

Tech

We created a spreadsheet using the Timeline JS template, and our code accesses the document published using Google Docs, so that the timeline could be visualized both in the original "2D form" and our 3D edition.

We are using the Virtual/Augmented Reality toolkit from Mozilla called A-Frame.

Text-to-speech voiceovers are generated with Responsive Voice.

Instructions

  1. Download this repository to your computer (e.g. GitHub Desktop) and open the folder with the project.
  2. In a command line (Mac: Terminal), go to the project folder using the cd (change directory) command, e.g.: cd /Users/marinapardini/GitHub/weartonauts
  3. Type a Python command to start a webserver: python -m http.server
  4. Make sure the phone and the computer are connected to the same network (opendatach)
  5. You will see something like "Serving HTTP on 0.0.0.0 port 8000". Open the Web browser on the phone to the address of your network connection (something like 192.168.7.123 instead of 0.0.0.0) but with the appropriate port number, e.g. type 192.168.7.123:8000
  6. If everything loads up, you should see a little cardboard icon. Tap it.

Team

This content is a preview from an external site.
 

Event finish

[fix] Fix error (@Kamontat Chantrachirathumrong)

Fade carpet

Add carpet below

Fix missing card

Fix dates.csv

Reverted image loading code

fixed date

added images to cache (@mmpardini)

more small images (@mmpardini)

made image smaller again (@mmpardini)

changed image size (@mmpardini)

[fix] Fix year undefined (@Kamontat Chantrachirathumrong)

images again …

partial image fix

new dates file

added images again

Highlights on hover

We can haz speak now

Navigation

Removed Photos for timeline

Merge branch 'master' of github.com:we-art-o-nauts/we-art-o-nauts

Card layout

slight mockup change (@mmpardini)

changes with mockup (@mmpardini)

Data update

Display images from cache

Files and folders

New image for test (@mmpardini)

Default skybox

Merge branch 'master' of github.com:loleg/weartonauts

Local aframe

changed circle size (@mmpardini)

Local resources

Museum data

WIP, switched to mockup

made a mockup (@mmpardini)

logo (@mmpardini)

Instruction

Initial commit :tada:

Start