From 15445e23097b8e6649eff025acfdd4ee41a89e13 Mon Sep 17 00:00:00 2001 From: TaddyHC Date: Mon, 28 Nov 2022 12:30:19 -0600 Subject: [PATCH 1/5] Initial Commit - Banner and Full stop fix --- .../nicla-sense-me/tutorials/web-ble-dashboard/content.md | 2 +- .../nicla-sense-me/tutorials/web-ble-dashboard/hero-banner.svg | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md index 28d1a980a0..8a5beb6ff3 100644 --- a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md +++ b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md @@ -1,5 +1,5 @@ --- -title: 'Displaying on-Board Sensor Values on a WebBLE Dashboard.' +title: 'Displaying on-Board Sensor Values on a WebBLE Dashboard' coverImage: hero-banner.svg tags: - Bluetooth® diff --git a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/hero-banner.svg b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/hero-banner.svg index 3acd74a1f3..b5fc4a0bdd 100644 --- a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/hero-banner.svg +++ b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/hero-banner.svg @@ -1 +1 @@ -../cheat-sheet/hero-banner.svg \ No newline at end of file + \ No newline at end of file From 798379a9cba023bf5977158dffae064cdcd9adbd Mon Sep 17 00:00:00 2001 From: TaddyHC Date: Mon, 28 Nov 2022 13:25:16 -0600 Subject: [PATCH 2/5] Minor content adjustments --- .../tutorials/web-ble-dashboard/content.md | 23 ++++++++++--------- 1 file changed, 12 insertions(+), 11 deletions(-) diff --git a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md index 8a5beb6ff3..a4ae669af4 100644 --- a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md +++ b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md @@ -23,7 +23,7 @@ software: --- ## Overview -The Arduino Nicla Sense ME can give you information about the environment such as pressure, temperature and gas readings. Sometimes, you may have to place the sensor in a hard-to-reach area and therefore want to access the data wirelessly. +The Arduino® Nicla Sense ME can give you information about the environment such as pressure, temperature and gas readings. Sometimes, you may have to place the sensor in a hard-to-reach area due to certain environmental requirement. Therefore, it will be much convenient and helpful to access the data wirelessly. Thanks to the ANNA B112 Bluetooth® chip and the libraries developed for the Nicla Sense ME, you can easily stream data over Bluetooth® to a device of your choice. By using WebBLE, no additional software other than a compatible browser (Google Chrome is recommended) is required. @@ -31,7 +31,7 @@ To demonstrate this, we prepared a simple sketch and hosted a dashboard so you c A [previous version](https://arduino.github.io/ArduinoAI/BLESense-test-dashboard/) of this dashboard was developed to be used with the Arduino® Nano 33 BLE. You can see a video that shows how it looks [here](https://www.facebook.com/official.arduino/videos/ble-sense-test-dashboard/336762167617547/). -In this tutorial we will focus on the Arduino® Nicla Sense ME. +In this tutorial, we will focus on the Arduino® Nicla Sense ME. ## Goals @@ -41,15 +41,15 @@ In this tutorial we will focus on the Arduino® Nicla Sense ME. ### Required Hardware and Software - [Nicla Sense ME](https://store.arduino.cc/products/nicla-sense-me) -- Micro USB-A cable (USB-A to Micro USB-A) +- Micro USB-A cable (USB-A to Micro USB-AB) - Arduino IDE 1.8.10+, Arduino IDE 2 or Arduino Web Editor -- If you choose the Arduino IDE, you will need to install 2 libraries: `Arduino_BHY2`and `ArduinoBLE` +- If you choose the Arduino IDE, you will need to install 2 libraries: [`Arduino_BHY2`](https://github.com/arduino-libraries/Arduino_BHY2) and [`ArduinoBLE`](https://github.com/arduino-libraries/ArduinoBLE) ## Instructions ### Set up the Board -If you use the Web Editor to upload the [sketch](https://create.arduino.cc/editor/FT-CONTENT/333e2e07-ecc4-414c-bf08-005b611ddd75/preview) you don't need to install any library. They are all included automatically. If you use the Arduino IDE or the CLI, you need to download the **Arduino_BHY2** and the **ArduinoBLE** libraries. +If you use the Web Editor to upload the [sketch](https://create.arduino.cc/editor/FT-CONTENT/333e2e07-ecc4-414c-bf08-005b611ddd75/preview) you don't need to install any library. They are all included automatically. If you use the Arduino IDE or the CLI, you need to download the **Arduino_BHY2** and the **ArduinoBLE** libraries. These libraries can be found within the Library Manager in the Arduino IDE, or it can be downloaded separately following the links attached within required hardware and software section. If you use a local IDE, you can copy & paste the following sketch: ```arduino @@ -264,6 +264,8 @@ If you use a local IDE, you can copy & paste the following sketch: } ``` +With this, having selected Nicla Sense ME as target and its corresponding port, you can now upload the sketch. + ### Connect to the Dashboard Once you uploaded the sketch to your board you can open the [Nicla Sense ME Dashboard](https://arduino.github.io/ArduinoAI/NiclaSenseME-dashboard/). If you're interested in the source code, you can have a look at the [repository](https://github.com/arduino/ArduinoAI). @@ -276,15 +278,14 @@ To connect your board to the dashboard, you will need to click on the top left b ***For this feature to work, make sure that WebBLE is both supported and enabled! In Google Chrome go to and enable "Experimental Web Platform features". Check the website [compatibility list](https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API#browser_compatibility) to confirm that your browser supports this feature*** -Once it is connected, the button will change its color to green, and the graphs will start to show data in real time. - -Try to rotate the board and see the 3D model of the board spin. +Once it is connected, the button will change its color to green, and the graphs will start to show data in real time. You will be able to verify its operation by trying out following actions: -You can also select a different LED color from the bottom left widget. +- Try to rotate the board and see the 3D model of the board spin. -Breathe onto the board and see the humidity and temperature values changing. +- You can also select a different LED color from the bottom left widget. +- Breathe onto the board and see the humidity and temperature values changing. ## Conclusion -The Nicla Sense ME supports a lot of use cases through its on-board sensors and the Bluetooth® Low Energy functionality. By leveraging the WebBLE API you do not need to install or run any application from your computer as shown in this tutorial. You can read more about WebBLE technology [here](https://web.dev/bluetooth/). +The Nicla Sense ME supports a lot of use cases through its on-board sensors and the Bluetooth® Low Energy functionality. By leveraging the WebBLE API, you do not need to install or run any application from your computer as shown in this tutorial. You can read more about WebBLE technology [here](https://web.dev/bluetooth/). From 2a26ad769fccb3bee9a3a0c34cbf848f9b71c754 Mon Sep 17 00:00:00 2001 From: TaddyHC Date: Mon, 28 Nov 2022 14:54:40 -0600 Subject: [PATCH 3/5] Minor content adjustment --- .../nicla-sense-me/tutorials/web-ble-dashboard/content.md | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md index a4ae669af4..bdf16eb7fd 100644 --- a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md +++ b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md @@ -43,13 +43,15 @@ In this tutorial, we will focus on the Arduino® Nicla Sense ME. - [Nicla Sense ME](https://store.arduino.cc/products/nicla-sense-me) - Micro USB-A cable (USB-A to Micro USB-AB) - Arduino IDE 1.8.10+, Arduino IDE 2 or Arduino Web Editor -- If you choose the Arduino IDE, you will need to install 2 libraries: [`Arduino_BHY2`](https://github.com/arduino-libraries/Arduino_BHY2) and [`ArduinoBLE`](https://github.com/arduino-libraries/ArduinoBLE) +- If you choose the Arduino IDE, you will need to install 2 libraries: [**Arduino_BHY2**](https://github.com/arduino-libraries/Arduino_BHY2) and [**ArduinoBLE**](https://github.com/arduino-libraries/ArduinoBLE) ## Instructions ### Set up the Board -If you use the Web Editor to upload the [sketch](https://create.arduino.cc/editor/FT-CONTENT/333e2e07-ecc4-414c-bf08-005b611ddd75/preview) you don't need to install any library. They are all included automatically. If you use the Arduino IDE or the CLI, you need to download the **Arduino_BHY2** and the **ArduinoBLE** libraries. These libraries can be found within the Library Manager in the Arduino IDE, or it can be downloaded separately following the links attached within required hardware and software section. +If you use the Web Editor to upload the [sketch](https://create.arduino.cc/editor/FT-CONTENT/333e2e07-ecc4-414c-bf08-005b611ddd75/preview) you don't need to install any library. They are all included automatically. If you use the Arduino IDE or the CLI, you need to download the **Arduino_BHY2** and the **ArduinoBLE** libraries. + +These libraries can be found within the Library Manager in the Arduino IDE, or it can be downloaded separately following the links attached within required hardware and software section. If you use a local IDE, you can copy & paste the following sketch: ```arduino @@ -264,7 +266,7 @@ If you use a local IDE, you can copy & paste the following sketch: } ``` -With this, having selected Nicla Sense ME as target and its corresponding port, you can now upload the sketch. +With this, having selected Nicla Sense ME as target board and its corresponding port, you can now upload the sketch. ### Connect to the Dashboard From 6edc671dddcbe9392caebe1476b19a3b2ba12529 Mon Sep 17 00:00:00 2001 From: TaddyHC <94547080+TaddyHC@users.noreply.github.com> Date: Tue, 29 Nov 2022 09:56:58 -0600 Subject: [PATCH 4/5] Update content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Julián Caro Linares --- .../nicla-sense-me/tutorials/web-ble-dashboard/content.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md index bdf16eb7fd..1a5410a9af 100644 --- a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md +++ b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md @@ -266,7 +266,7 @@ If you use a local IDE, you can copy & paste the following sketch: } ``` -With this, having selected Nicla Sense ME as target board and its corresponding port, you can now upload the sketch. +Once you have these tools, you can select the Nicla Sense ME as target board and its corresponding port. Now you are ready to upload the sketch. ### Connect to the Dashboard From 293a54a72f639243b1a54341ebd0393e6ab3bdda Mon Sep 17 00:00:00 2001 From: TaddyHC <94547080+TaddyHC@users.noreply.github.com> Date: Tue, 29 Nov 2022 09:57:27 -0600 Subject: [PATCH 5/5] Update content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Julián Caro Linares --- .../nicla-sense-me/tutorials/web-ble-dashboard/content.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md index 1a5410a9af..cdc0ea7add 100644 --- a/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md +++ b/content/hardware/06.nicla/boards/nicla-sense-me/tutorials/web-ble-dashboard/content.md @@ -280,7 +280,7 @@ To connect your board to the dashboard, you will need to click on the top left b ***For this feature to work, make sure that WebBLE is both supported and enabled! In Google Chrome go to and enable "Experimental Web Platform features". Check the website [compatibility list](https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API#browser_compatibility) to confirm that your browser supports this feature*** -Once it is connected, the button will change its color to green, and the graphs will start to show data in real time. You will be able to verify its operation by trying out following actions: +Once it is connected, the button will change its color to green, and the graphs will start to show data in real time. You will be able to verify its operation by trying out the following actions: - Try to rotate the board and see the 3D model of the board spin.