Add Nicla Sense ME dashboard

arduino / ArduinoAI

Arduino AI content / demos

71 stars 48 forks source link

Add Nicla Sense ME dashboard #7

Closed marqdevx closed 2 years ago

marqdevx commented 2 years ago

In this PR I've:

Added inclusion of the Nicla Sense ME board (sketch)
- Change UUID
- Add new sensors
- Add callback on disconnection so the LED will turn red automatically.
Changed the style of the "new" dashboard
- Add Arduino PRO logo
- Change widget sizes, now there will be no weird spacings
- Add snackbar with info at the top, user can remove the snackbar notification
- Change the Pair button with the "PRO colors"
- The board as it is smaller, the 3d preview camera is closer to the 3d model
- Rotation of the 3D board is done with quaternions from the device
Inside the Readme added the "new" dashboard, and linked a small tutorial explaining how to use Nicla's dashboard

Preview available at https://marqdevx.github.io/ArduinoAI/NiclaSenseME-dashboard/

CLAassistant commented 2 years ago

All committers have signed the CLA.

sebromero commented 2 years ago

@marqdevx

For me the LED color on the board doesn't match the color on the board.
The LED color is not in sync when the app is loaded
The LED light source comes from a weird place, should be the thing next to the reset button (see image)
I suggest to add a background color to the 3D canvas. E.g. #58585A otherwise it's really hard to see. .

marqdevx commented 2 years ago

@marqdevx

* For me the LED color on the board doesn't match the color on the board.

* The LED color is not in sync when the app is loaded

* The LED light source comes from a weird place, should be the thing next to the reset button (see image)

* I suggest to add a background color to the 3D canvas. E.g. #58585A otherwise it's really hard to see.
  ![download (2)](https://user-images.githubusercontent.com/1326220/148982258-7293b562-337f-46b5-a2a6-c37074bff282.png)
  .

For the LED sync: Please check if you have the latest BHY2 library version, they changed the gbr to rgb.
When the sketch is loaded the board is green, then if you change the Color selector it will apply the selected color to the board
I will try to fix the light origin
I'll try that color for the background

marqdevx commented 2 years ago

@sebromero Everything added/fixed

New stuff:

Now the dashboard will appear with the LED on green.
On connect, the LED will be blue (both color picker and the device)
When the device gets disconnected, the LED will turn red (both web dashboard and the board)
Camera is closer to the board (as it is smaller than the Nano BLE Sense)