Coder Social home page Coder Social logo

joecameron1 / touchfreequizexhibit Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 3.56 MB

This project demonstrates a museum exhibit where visitors can participate in and interact with a multiple-choice quiz without touching anything. This exhibit was inspired by the circumstances of the COVID-19 pandemic and was created by me for an assignment in the Interactive Software & Hardware (CS5041) module at the University of St Andrews.

License: Apache License 2.0

C++ 0.05% JavaScript 99.93% HTML 0.02%

touchfreequizexhibit's Introduction

Touch-Free Museum Quiz Exhibit

This exhibit was inspired by the circumstances presented during the COVID-19 global pandemic and was created by me, Joseph Manfredi Cameron, for an assignment in the Interactive Software & Hardware (CS5041) module at the University of St Andrews.

A report of this project's details, software and hardware specifications, and creation can be found here.

Abstract

This project’s aim was to create a museum exhibit where visitors can participate in and interact with a multiple-choice quiz without having to touch anything. Visitors can achieve this solely by showing their hands to a camera to answer questions and by hovering their hands over a photoresistor sensor to perform confirmation actions. The main motivation for creating this exhibit to be touch-free and to not require any contact with buttons or the like was to develop a museum exhibit that can reduce the potential for contamination spread. The need for this type of exhibit in busy public settings such as museums has been highlighted by the COVID-19 global pandemic where it is necessary to limit the spread of the virus. This exhibit was developed using the p5.js JavaScript software library and the Arduino Uno microcontroller. The software developed in p5.js acts as both an input and an output for the exhibit, where a screen displays the quiz screen as an output, and a camera collects images from which the software can detect the number of fingers a visitor is holding up. Similarly, the hardware controlled by the Arduino also serve as inputs and outputs of the exhibit.

How to run the Touch-Free Museum Quiz Exhibit

  • Arduino Code: First, upload the ArduinoCode.ino file to an Arduino Uno micro controller connected to the circuit specified in the project report.
  • Exhibit Browser Code: Run the index.html file on a web browser. Make sure to run this application on a local server (ie. using http:// rather than file://) in order to correctly ensure access between all the Javascript and JSON files. NOTE: 1. You must also have p5.serialcontrol running at the same time in order to allow the serial connection between p5.js and the Arduino to work. 2. Also, you must update lines 8 and 50 in the sketch.js file with your computer's details (as your computer will be different from the one I developed this on).

Video

A brief video demonstration of this touch-free museum quiz exhibit can be accessed by clicking on the preview image below or by clicking here.

Watch the video

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.