Skip to content

Dashboard for monitoring Vila2Sat's CanSat data. This is for a CanSat competition!

Notifications You must be signed in to change notification settings

abyssxd/cansat_vila2sat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

97 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cansat Vila2sat Dashboard

Dashboard for monitoring Vila2Sat's CanSat system. Offers a variety of diffrent features.

What is CanSat?

How does it work?

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.)

Why does it use WebSockets?

This can be easily achieved using just JS, but it uses websockets as using websockets is much more efficient.

What does it offer?

System Status

  • 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

Gyroscope 3d Model

  • A real time view of the Vila2Sat's Cansat rotation using a gyroscope 3d model.

Graphs:

  • 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.

Map:

  • A real time map created using leaflet maps that tracks the position of the CanSat & shows the device's location.

Screenshots/Gifs

System Status

lv_0_20240423094752

Overview

lv_0_20240424082016 (1)

Graphs

68747470733a2f2f63646e2e646973636f72646170702e636f6d2f6174746163686d656e74732f3737333832323439383731373639363033302f313230313235353039373634353135383431302f696d6167652e706e67

Vila2Sat Gyroscope Integration

lv_0_20240423100037 (1)

Serial to CSV Converter

You can find the Serial to CSV converter that was made for this dashboard here -> https://github.com/abyssxd/serial_csv/

Setup

  1. Make sure you have node.js installed.
  2. Run npm install express to install express
  3. Run npm install ws to install websocket
  4. You can either use the start.bat if you use windows, or run node server.js to run the server
  5. The server will be hosted on localhost:3000

License

Shield: CC BY-NC-SA 4.0

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

CC BY-NC-SA 4.0

About

Dashboard for monitoring Vila2Sat's CanSat data. This is for a CanSat competition!

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published