Update README.md
This commit is contained in:
18
README.md
18
README.md
@ -16,9 +16,25 @@ Skills I learned during this project:
|
|||||||
- Use Javascript/JQuery to add interactivity to web pages
|
- Use Javascript/JQuery to add interactivity to web pages
|
||||||
- Use Plotly for graphical analysis of sensor data
|
- Use Plotly for graphical analysis of sensor data
|
||||||
|
|
||||||
|
## Summary
|
||||||
|
|
||||||
|
The `lab_app` folder contains the code for the project (The html folder, button.py, and blink.py were just for testing purposes).
|
||||||
|
|
||||||
|
Inside `lab_app` you will find the main python server, `lab_app.py`. This uses a cronjob to take a temperature and humidity reading every so many minutes, and stores it in a sqlite database. The web server has 2 views, `lab_temp.html` and `lab_env_db.html`, which I refer to as current view and historic view respectively.
|
||||||
|
|
||||||
|
## Current
|
||||||
|
|
||||||
|
In the current view, the current temperature and humidity taken from the sensor is displayed on the web page. This page updates every 10 seconds, and has a link to the historic view.
|
||||||
|
|
||||||
|
## Historic
|
||||||
|
|
||||||
|
The historic view has a couple features. The first is a to and from date input, which uses a date time picker plugin. Combined with a submit button, this allows you to view the temperature and humidity data within any date time range easily. The next feature are four radio buttons, to easily see the last 3, 6, 12, and 24 hours of data. There are two links, one to the current view, and another to export the data to Plotly. Clicking this link will send you to plotly and show you a graph of Temperature vs Humidity.
|
||||||
|
|
||||||
|
The main view are 2 tables combined with Google Charts graphs. The tables both scroll, and the charts display data across the time selected. The times are displayed in your own time zone, as it is determined from your browser.
|
||||||
|
|
||||||
## YouTube
|
## YouTube
|
||||||
|
|
||||||
YouTube:
|
YouTube: https://www.youtube.com/watch?v=hFqNiZ4p0Ss
|
||||||
|
|
||||||
## Circuit Diagram
|
## Circuit Diagram
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user