This interactive was designed to encourage individuals to get involved with Pittsburgh organizations that deal with enviromental issues. An illustrated landscape is labeled with five climate-related systems: Water, Food, Energy, Habitat and Transportation. The visitor selects a system and is shown three actions related to that system. The visitor selects an action and pledges to complete it. They can opt to recieve two emails: The first is sent immediately, it provides links to local organizations working on that action. The second email is sent in six months to remind them of the pledge they made. On a seperate screen, we display a tally of which systems visitors have pledged to protect.
This interactive exhibit has three components:
During 2018 & 2019, the code will be adapted for an upcoming exhibition on life in the Arctic region at the Nordic Museum in Stockholm, Sweden.
Image from Jamal is Copyright © Dmitry Arzyutov.
Our exhibition has two computers running the voting application. The applications are mostly the same, but have one key difference: a value indicating whether the touchscreen in installed to the left or right of the poll monitor. This information is used by the poll as it animates the vote. The instructions below will set up the left computer.
This application was developed for Mac OS X, but the frameworks used are cross-platform.
Some of these instructions will require modification to work on a Windows/Linux machine.
To communicate with the database, you will need to provide the API secret in a file called secrets.js. See VotingApplication/secretsExample.js. If you work at the Studio, find the secret in Dropbox.
- Just launch application!
OR
- Go to
WeAreNature/FutureAction/VotingApplication npm inpm start
- In VotingApplication/FromMeToWe.html, set
computerLocation: "Left" - In VotingApplication/package.json, set
"name": "future-action-left" - Install electron packager globally
npm install electron-packager -g - Go to
WeAreNature/FutureAction/VotingApplication electron-packager .
The poll is an application developed with Electron and React. The poll is displayed on a large monitor mounted on the wall between the two voting stations, it is not made to work on a touchscreen. It listens for new votes via a websocket.
This application was developed for Linux, but the frameworks used are cross-platform.
Some of these instructions will require modification to work on a Windows/Mac machine.
To communicate with the database, you will need to provide the API secret in a file called secrets.js. See Poll/javascripts/secretsExample.js. If you work at the Studio, find the secret in Dropbox.
- Go to
WeAreNature/FutureAction/Poll npm inpm start- Open a new Terminal window, go to
WeAreNature/FutureAction/Poll ./node_modules/.bin/electron .
- You will need to run two scripts to start the app. Add these two lines to your crontab, adjusting the absolute paths to your file structure:
* * * * * DISPLAY=:0 run-one /home/studio/WeAreNature/FutureAction/Poll/npmstart.shand
* * * * * DISPLAY=:0 run-one /home/studio/WeAreNature/FutureAction/Poll/electronstart.sh
The backend of this exhibit stores votes, emails, and also handles sending reminder emails. It is hosted on AWS, but managed via Serverless. Find futher instructions for setting up Serverless on their site.
There are two emails sent to every visitor who opts-in. One is sent immediately as confirmation and the other is sent in six months as a reminder. All emails are written in HTML and are easy to edit, the source files are located here: confirmation, reminder. The images included in the emails are stored in an AWS S3 bucket. After making edits to these HTML email files, re-deploy the server.
To deploy the database, you will need to provide several secrets in a file called serverless.env.yml. See Backend/serverless.env.sample.yml. If you work at the Innovation Studio, find the secrets in Dropbox.
- Go to
WeAreNature/FutureAction/Backend serverless deploy --stage production
