{"componentChunkName":"component---src-templates-blog-post-js","path":"/lab-1/","webpackCompilationHash":"f2e780667fa7b13e6baf","result":{"data":{"github_icon":{"childImageSharp":{"fixed":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAACt0lEQVQ4y21UPWtUQRR9b010lURSv5fMZO/EiJ2kiwj+CSOKIRGRWKmNhYKF9lpkU8RCgqKFRT5BsLe201RB4i6oKRUhcb+i587c+94sZuHydmbuOffcj5kkt5Twj7+ZcRX+n1lXxf/Z3LjV3LpGZqmTsxnXhK3B5mCnBJfC13NkJnD5zUR+uaHLcNgZHZ/4ywbCPtN9+HyB71XFYZ0WygoyS08DCQCW/kBFGyRdAL0B1OU9f+bJzzDxYh8pZFaUbKzmHRh8yM6FMg4SqdUz+HYChuqhVFSonIlS2QThFJyWYL9Qzz2sP0PZJ/z/DvuN9Qusp0D6qsTRdZVZBeFOmQI9jFIYx/5IsbZ0GoS1skRuIVL7FWdDaIKb9XUz7mA0pLwkqgdLIsdkSUQ8KD6PGQPCA1F5k2u4KoRdOPSwviQjUOEiw5k7z2o9KchTrTvW52H7wB5KuTY4SkPHAQcfJJVypo74hfMwswi2peOFYLuccgdRuiL5TTys+RGkXqXxSnU66r72lkfLtTgS34JAaN07iZpmkmoutyDsB+XhVum4uddBoZ/TFkds6nzBqQGrCqmmlERdV5Wp3i7gtvkieA5DuxxtLdSPer5jhu5G17CiREqMgL5Rsj+fB2xbSrbJhHN+XKz7AWuKwz3YcUkzvuepjNEA9hew3hdlbWnMLXY6CeYmov3E9wLsrXFnuSZ72HvJgx/VcACgOgeOOtuRL0pHwyr9iqFJ7tRHBBgGcD3UlWTIMY/l7K2M1Sb5rAVcjwnlkZjve7oAeCbKHomakegV4jSPCeF9UdeC+ccBvsta374u4mBRXo9t2HtfE7k1uRIa90DTDfPnnkf4NPmv8NZdA+ibnThXPEtMpgoh4IkhzgSPgaEbEU7JqBxaW4zJCRDcxtlF6WqalaWZBvgOvkP6qGr3meMfi0sXgbOlbzsAAAAASUVORK5CYII=","width":50,"height":50,"src":"/static/b71bc541b323dcd8f0a887920f9670f9/352e5/github-icon.png","srcSet":"/static/b71bc541b323dcd8f0a887920f9670f9/352e5/github-icon.png 1x,\n/static/b71bc541b323dcd8f0a887920f9670f9/aae31/github-icon.png 1.5x,\n/static/b71bc541b323dcd8f0a887920f9670f9/47c2b/github-icon.png 2x"}}},"site":{"siteMetadata":{"title":"Da Post","author":"Matthew Robertson"}},"markdownRemark":{"id":"32d4c620-506c-54a6-ab1e-2b27801d3f39","excerpt":"Objective The purposes of this lab are to: Learn to enumerate requirements from use cases and user stories Learn to utilize the general purpose input/output…","html":"

Objective

\n

The purposes of this lab are to:

\n\n

Materials

\n

The materials used for this lab were

\n\n

References

\n
    \n
  1. Installing Node on a Raspbery Pi - This site has a wonderful walk through on how to get NodeJS installed on a Raspberry Pi. Node is what runs the server for this project
    2. \n
  2. Basic Blink Tutorial for NodeJS - This is a great tutorial and intro to manipulating GPIO pins on a Raspberry Pi through NodeJS.
    3. \n
  3. NPM rpi-gpio - This is the package reference to a great library for manipulating GPIO pins on a Raspberry Pi.
    4. \n
  4. Lucidchart - A wonderful piece of online software that all the state diagrams were made through
    5. \n
  5. Create React App - A wonderful wrapper to quickly create a ReactJS frontend application
    6. \n
  6. ExpressJS - The documentation for the library used to create the API in NodeJS
    7. \n
  7. NPM express-promise-router - A useful package for having the Express API be asynchronous
    8. \n
  8. NPM onoff - The package used in this lab to manipulate GPIO pins
    9. \n
  9. NPM path - A necessary tool for grabbing relative paths to server up certain files from NodeJS
    10. \n
\n

Procedures

\n
    \n
  1. \n

    Follow the guide in Reference 1 to install NodeJS onto a Raspberry Pi

    \n\n
    2. \n
  2. \n

    Once that is installed follow the documentation on how to set up a simple NodeJS server here. The simple NodeJS + ExpressJS server they provide for you is

    \n
    const express = require('express')\nconst app = express()\nconst port = 3000\napp.get('/', (req, res) => res.send('Hello World!'))\napp.listen(port, () => console.log(`Example app listening on port ${port}!`))
    \n
    3. \n
  3. \n

    Once that is installed, it is time to create the frontend part of the application. Do this by using the following command

    \n
    npx create-react-app ./
    \n
    4. \n
  4. Once it has been installed in the directory you want, you are ready to start creating your server to serve up the React app and the API server that will manipulate the GPIO pins.
    5. \n
  5. \n

    Follow the following logical state diagrams to model the data flow on the server side\n\n \n \n \n \n

    6. \n
  6. In this diagram we see the logic of the automatic timer function. This is what the logic should be when the light will act as a normal stoplight would; cycling through its lights on specified intervals.
    7. \n
  7. The way these two diagrams talk is that whenever the cycle-on signal is triggered, the lights are turned off and the start point of the cycle is triggered. Whenever any other action is taken, it will then transition back to that state. Here is what the diagrams together look like.\n\n \n \n \n \n
    8. \n\n\n
  8. Once you have your server up and running, you are ready to get your GPIO pins wired up and ready to go. This can be done using the following diagrams (remember, the lights in these diagrams have resistors built into them and that is why they are not on the layout diagram but still show up on the logical one. For the sake of the diagram, the fancy 4-pronged light represents a component that has 3 resisted lights on it and a ground pin all on a integrated board.\n\n \n \n \n \n
    9. \n
  9. \n

    Once you have your server and your interface to manipulate the lights, you are ready to start your server. You can do this using node. If you file name was server.js you would start it simply by running

    \n
    node server.js
    \n
    10. \n
  10. You can connect to the web page you created by going to http://[IP-ADDR]:[PORT]
    11. \n
  11. You have now completed a simple stop light with some automation! Congratulations!!
    12. \n
  12. If there are any questions or anything, feel free to go to the github repo up at the top of the page to reference the code or just reference the Appendix which will have more screenshots and code snippets.
    13. \n
\n

Thought Questions

\n
    \n
  1. What language did you choose for implementing this project? Why?
    \nI chose to do this project in JavaScript. I know this language very well and develop in it every day. Because of this, I felt that I could utilize this knowledge to focusing on learning about the GPIO pins and not nuances of learning a new language.
    2. \n
  2. What is the purpose of the resistor in this simple circuit? What would happen if you omitted it?
    \nThe resistor takes the load for the circuit so the entire load doesn’t go into the LED’s. The LEDs could probably handle this load but it would shorten the lifespan of the bulb in a big way meaning that it would burn out quicker than if we included the resistors in the circuit.
    3. \n
  3. What are some practical applications for a device similar to this? What enhancements do you think would make this more valuable?
    \nThe obvious would be a stoplight. Although there is much more logic that goes into them, this seemed like a good foundation to go off of. As well, this would be an interesting idea to see if you could have some kind of status or something along those lines where it told that something was happening based on a light being turned on. One I can think of is if at work, the API could hit some DB and see if someone is scheduled to be in or not at that time. If they are scheduled to be in at that time, their light would be lit up so everyone could know that they should be on the clock and working.
    4. \n
  4. Estimate the time you spent on this lab (from start to finish)?
    \nI spent about 45 minutes setting up my environment and everything. I spent probably 3 hours on the server itself and another hour on the frontend. The wiring of the pi took me under 5 minutes. Overall, I would say that this project took me about 5 hours to complete.
    5. \n
\n

Certification of Work

\n

I certify that the solution presented in this lab represents my own work. In the case where I have borrowed code or ideas from another person, I have provided a link to the author’s work in the references, and included a citation in the comments of my code. (I got this statement from the example lab).

\n

— Matthew Robertson

\n

Appendix

\n

Appendix 1: System Interface - Web Page

\n

State: Startup, /lights-out\n\n \n \n \n \n

\n

State: RED on, during cycle or manual\n\n \n \n \n \n

\n

State: YELLOW on, during cycle or manual\n\n \n \n \n \n

\n

Appendix 2: Server Output

\n

\n \n \n \n \n

\n

Appendix 3: Server Code

\n

Available on GitHub

\n

Appendix 4: Front-end Code

\n

Available on GitHub

","frontmatter":{"title":"Lab 1 - Raspberry Pi Stop Light 🚦","date":"September 17, 2019","description":"Lab 1 for IT441. In this lab, a stoplight is implemented using a Raspberry Pi and a breadboard.","github_link":"https://github.com/mattrobertson14/IT441-Stop-Light"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/lab-1/","previous":null,"next":{"fields":{"slug":"/lab-2/"},"frontmatter":{"title":"Lab 2 - Arduino Stop Light 🚦"}}}}}