Dashboard for monitoring Vila2Sat's CanSat system. Offers a variety of diffrent features.
This web application uses node.js and requires the express and websocket packages to run.
- It uses websockets to fetch data from a .csv file and update information on the page right when the .csv file is modified.
- It uses chart.js to create graphs for using the data in the .csv file.
- It uses leaflet to create a map for geolocation, the map uses the GPS coordinates in the .csv file.
- It uses three.js to create a 3d model of the Cansat and show its real time location using the data in the .csv file. (The csv file is updated using the information sent by Vila2Sat's Cansat & uses the Serial to CSV converter linked near the end of the readme.)
This can be easily achieved using just JS, but it uses websockets as using websockets is much more efficient.
- A system status page that shows:
- Wether the system is online or offline
- Wether the seeds have been deloyed or not
- System of various components of the Vila2Sat system such as BMP280, APC220, Gyroscope, GPS...etc
- A real time view of the Vila2Sat's Cansat rotation using a gyroscope 3d model.
- Tempreature
- Altitude
- Atmospheric Pressure
- Humidity
- Velocity All these graphs get updated real time as the data we recieve from the CanSat is stored in the csv file directly.
- A real time map created using leaflet maps that tracks the position of the CanSat & shows the device's location.
You can find the Serial to CSV converter that was made for this dashboard here -> https://github.com/abyssxd/serial_csv/
- Make sure you have
node.js
installed. - Run
npm install express
to install express - Run
npm install ws
to install websocket - You can either use the
start.bat
if you use windows, or runnode server.js
to run the server - The server will be hosted on
localhost:3000
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.