The web interface and JSON API for the ConnectedHumber Air Quality Monitoring Project.
This project contains the web interface for the ConnectedHumber sensor system. Despite being called Air Quality Web, it is designed to display any kind of sensor data - not just air quality sensor readings.
It is composed of 2 parts:
- A PHP-based JSON API server (entry point: api.php) that's backed by a MariaDB server
- A Javascript client application that runs in the browser
The client-side browser application is powered by Leaflet.
Note that this project is not responsible for entering data into the database. This project's purpose is simply to display the data.
Documentation has moved! You can view it here:
master
- The default branch
- Should always be stable
dev
- The development branch
- May not always be stable.
- Readings are taken every 6 minutes as standard.
Contributions are welcome - feel free to open an issue or (even better) a pull request.
The issue tracker is the place where all the tasks relating to the project are kept.
Please remember: All pull requests should be made against the dev
branch, not master! The master
branch is the stable version that automatically gets pushed to production.
This website displays sensor reading from devices created by individuals with an interest in monitoring their environment and is not endorsed or funded in any way by UK government supported bodies such as DEFRA. It is , however, hoped that this work may be useful in educational applications.
The sensors, on the map, are installed in different ways, in different enclosures, at different heights and with different exposures to sunlight and wind . This means that, although individual sensors may use the same detectors, those detectors could produce varying results due to the above and also due to component tolerance spread.
No attempt has been made, by us, to calibrate the sensor readings in any way though the visual representation will include some aggregation of readings.
If you wish to create a device to display data on this map please register with mattermost.connectedhumber.org and we will provide you with direction and designs to build your own sensor device.
- Map: Leaflet.js showing OpenStreetMaps using various plugins
- Colour manipulation by chroma.js
- Device graphs by chart.js
- Loading Animation
- Some icons from Open Iconic
This project is licensed under the Mozilla Public License 2.0. The full text of this license can be found in the LICENSE file of this repository, along with a helpful summary of what you can and can't do provided by GitHub.