Skip to content

Commit

Permalink
Update Materials, Minor Update to Content in Tutorial
Browse files Browse the repository at this point in the history
  • Loading branch information
bboyho committed Jul 18, 2024
1 parent fa54113 commit 4ac65f4
Show file tree
Hide file tree
Showing 4 changed files with 110 additions and 49 deletions.
26 changes: 13 additions & 13 deletions docs/arduino_example_10_qwiic_micro_oled.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,20 +28,9 @@ When ready, connect the board to your computer with the USB C cable.
!!! note
There are two SparkFun Arduino Libraries for the Qwiic micro OLED. We recommend using the SparkFun Qwiic OLED Arduino Library.

First, you'll need to download and install the **SparkFun Qwiic Micro OLED Arduino Library**. You can install this library automatically in the Arduino IDE's Library Manager by searching for "**SparkFun Qwiic OLED Graphics Library**". Or you can manually download it from the [GitHub repository](https://github.com/sparkfun/SparkFun_Qwiic_OLED_Arduino_Library).
If you have not already, make sure to install the following libraries as explained earlier.

<div style="text-align: center"><a href="https://github.com/sparkfun/SparkFun_Qwiic_OLED_Arduino_Library/archive/refs/heads/main.zip" class="md-button">Download the SparkFun Qwiic OLED Arduino Library (ZIP)</a></div>

<div style="text-align: center;">
<table>
<tr style="vertical-align:middle;">
<td style="text-align: center; vertical-align: middle; border: solid 1px #cccccc;"><a href="../assets/img/WRL-21637_Thing_Plus_NORA-W306_Qwiic_OLED_Hello_World.jpg"><img src="../assets/img/WRL-21637_Thing_Plus_NORA-W306_Qwiic_OLED_Hello_World.jpg" width="600px" height="600px" alt="Qwiic Micro OLED Connected to SparkFun Thing Plus NORA-W306 and with the Word &quot;hello&quot; Displayed"></a></td>
</tr>
<tr style="vertical-align:middle;">
<td style="text-align: center; vertical-align: middle; border: solid 1px #cccccc;"><i>Qwiic Micro OLED Connected to SparkFun Thing Plus NORA-W306 and with the Word &quot;hello&quot; Displayed</i></td>
</tr>
</table>
</div>
* [Qwiic OLED](https://github.com/sparkfun/SparkFun_Qwiic_OLED_Arduino_Library)



Expand Down Expand Up @@ -134,3 +123,14 @@ void loop()
```

Once the code has been uploaded, check the Qwiic Micro OLED screen. You should see the entire screen filled with a rectangle with the "hello" in the middle. Try exploring the other examples in the folder and writing your own code to output on the screen.

<div style="text-align: center;">
<table>
<tr style="vertical-align:middle;">
<td style="text-align: center; vertical-align: middle; border: solid 1px #cccccc;"><a href="../assets/img/WRL-21637_Thing_Plus_NORA-W306_Qwiic_OLED_Hello_World.jpg"><img src="../assets/img/WRL-21637_Thing_Plus_NORA-W306_Qwiic_OLED_Hello_World.jpg" width="600px" height="600px" alt="Qwiic Micro OLED Connected to SparkFun Thing Plus NORA-W306 and with the Word &quot;hello&quot; Displayed"></a></td>
</tr>
<tr style="vertical-align:middle;">
<td style="text-align: center; vertical-align: middle; border: solid 1px #cccccc;"><i>Qwiic Micro OLED Connected to SparkFun Thing Plus NORA-W306 and with the Word &quot;hello&quot; Displayed</i></td>
</tr>
</table>
</div>
4 changes: 4 additions & 0 deletions docs/arduino_example_6_microsd.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,10 @@ When ready, connect the board to your computer with the USB C cable.

### Arduino Library

If you have not already, make sure to install the following library as explained earlier. Keep in mind there is more than one SdFat Arduino Library. We recommend using the SdFat Arduino Library by Bill Greiman.

* [SdFat](https://github.com/greiman/SdFat)



### Arduino Code
Expand Down
2 changes: 1 addition & 1 deletion docs/arduino_example_9_ws2812.md
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ Let&apos;s upload the sketch control the WS2812. We recommend using the WS2812B


!!! note
This code is modified and not the same as the one in the board-add on!!! A few lines were commented out, a macro was used when making an instance of the WS2812B, and the LED is blinking in the loop. For a comparison, you could view the original code provided in the board support pacakge by heading to: **File** > **Examples** > **File** > **Examples** > <font style="color:gray"><b>Examples for SparkFun Thing Plus NORA-W306 (RTL8720DF)</b></font> | **AmebaWS2812B** > **WS2812B_Basics**.
This code is modified and not the same as the one in the board-add on!!! A few lines were commented out, a macro was used when making an instance of the WS2812B, one LED is used, and the red and green colors are blinking in the loop. For a comparison, you could view the original code provided in the board support package by heading to: **File** > **Examples** > **File** > **Examples** > <font style="color:gray"><b>Examples for SparkFun Thing Plus NORA-W306 (RTL8720DF)</b></font> | **AmebaWS2812B** > **WS2812B_Basics**.

Copy and paste the following code in the Arduino IDE. Select the correct board definition from the menu (in this case, **Tools** > **Board** > **Realtek Ameba Boards (32-bits ARM Cortex-M33 @200MHz)** > **SparkFun Thing Plus NORA-W306 (RTL8720DF)**). Then select the correct COM port that the board enumerated to (in this case, it was **COM13**). Hit upload button.

Expand Down
127 changes: 92 additions & 35 deletions docs/introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,25 +25,31 @@ The [SparkFun Thing Plus - NORA-W306](https://www.sparkfun.com/products/21637) i
</div>


In this tutorial, we'll go over the hardware and how to hookup the development board to an Arduino. We will also go over a basic Arduino example to get started!
In this tutorial, we'll go over the hardware and how to hookup the development board to an Arduino. We will also go over a few Arduino examples to get started!



### Required Materials

To follow along with this tutorial, you will need the following materials. You may not need everything though depending on what you have. Add it to your cart, read through the guide, and adjust the cart as necessary.

<!--
* 1x [USB micro-B Cable - 6 Foot [CAB-15425]](https://www.sparkfun.com/products/15425)
* 1x [SparkFun Thing Plus NORA-W306 [WRL-21637]](https://www.sparkfun.com/products/21637)
* 1x microSD Card
* [microSD Card - 1GB (Class 4) [COM-15107]](https://www.sparkfun.com/products/15107) for those that are interested in logging data
* 1x microSD Card Adapter
* [microSD USB Reader [COM-13004]](https://www.sparkfun.com/products/13004) is a good choice if you do not have an adapter or a SD card reader port
* 1x Qwiic Cable
* [Flexible Qwiic Cable - 50mm [PRT-17260]](https://www.sparkfun.com/products/17260), for short distances
* [Flexible Qwiic Cable - 500mm [PRT-17257]](https://www.sparkfun.com/products/17257), for those that need to wire the board farther away from your microcontroller
* 1x [SparkFun Micro OLED Breakout (Qwiic) [SEN-22495]](https://www.sparkfun.com/products/22495) to Qwiic-ly connect and display readings
-->



<div class="grid cards col-4" markdown>

<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
Expand All @@ -63,7 +69,7 @@ To follow along with this tutorial, you will need the following materials. You m
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/21637">
<figure markdown>
<img src="" style="width:140px; height:140px; object-fit:contain;" alt="SparkFun Thing Plus NORA-W306">
<img src="https://cdn.sparkfun.com/assets/parts/2/1/4/7/0/WRL-21637-Thing-Plus-NORA-W306-feature.jpg" style="width:140px; height:140px; object-fit:contain;" alt="SparkFun Thing Plus NORA-W306">
</figure>
</a>

Expand All @@ -75,20 +81,6 @@ To follow along with this tutorial, you will need the following materials. You m
WRL-21637
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/22495">
<figure markdown>
<img src="https://cdn.sparkfun.com/assets/parts/2/2/5/5/8/22495-_LCD-_01.jpg" style="width:140px; height:140px; object-fit:contain;" alt="SparkFun Micro OLED Breakout (Qwiic)">
</figure>
</a>

---

<a href="https://www.sparkfun.com/products/22858">
<b>SparkFun Micro OLED Breakout (Qwiic)</b>
<br />
SEN-22495
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/15107">
<figure markdown>
<img src="https://cdn.sparkfun.com//assets/parts/1/3/4/7/0/15107-microSD_Card_-_1GB__Class_4_-01.jpg" style="width:140px; height:140px; object-fit:contain;" alt="microSD Card - 1GB (Class 4)">
Expand All @@ -103,18 +95,18 @@ To follow along with this tutorial, you will need the following materials. You m
COM-15107
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/13004">
- <a href="https://www.sparkfun.com/products/22495">
<figure markdown>
<img src="https://cdn.sparkfun.com//assets/parts/9/9/5/8/13004-01.jpg" style="width:140px; height:140px; object-fit:contain;" alt="microSD USB Reader">
<img src="https://cdn.sparkfun.com/assets/parts/2/2/5/5/8/22495-OLED-front.jpg" style="width:140px; height:140px; object-fit:contain;" alt="SparkFun Micro OLED Breakout (Qwiic)">
</figure>
</a>

---

<a href="https://www.sparkfun.com/products/13004">
<b>microSD USB Reader</b>
<a href="https://www.sparkfun.com/products/22858">
<b>SparkFun Micro OLED Breakout (Qwiic)</b>
<br />
COM-13004
SEN-22495
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/17260">
Expand All @@ -135,16 +127,35 @@ To follow along with this tutorial, you will need the following materials. You m
</div>


!!! note
Make sure that you have a microSD card reader or adapter as well to read the contents saved on the memory card.

<div style="text-align: center;">
<table>
<tr style="vertical-align:middle;">
<td style="text-align: center; vertical-align: middle; border: solid 1px #cccccc;"><a href="https://cdn.sparkfun.com/assets/parts/7/6/3/6/11609-Action.jpg"><img src="https://cdn.sparkfun.com/assets/parts/7/6/3/6/11609-Action.jpg" width="140px" height="140px" alt="MicroSD Card Adapters"></a></td>
</tr>
<tr style="vertical-align:middle;">
<td style="text-align: center; vertical-align: middle; border: solid 1px #cccccc;"><i>MicroSD Card Adapters</i></td>
</table>
</div>




### Tools (Optional)

You will need a soldering iron, solder, and [general soldering accessories](https://www.sparkfun.com/categories/49) for a secure connection when using the plated through holes.
You will need a soldering iron, solder, and [general soldering accessories](https://www.sparkfun.com/categories/49) for a secure connection when using the plated through holes. For users that are measuring the current draw, you may want to consider grabbing a digital multimeter or a USB C cable that is able to display the current draw.

<!--
* [Soldering Iron [TOL-14456]](https://www.sparkfun.com/products/14456)
* [Solder Lead Free - 15-gram Tube [TOL-9163]](https://www.sparkfun.com/products/9163)
* [Flush Cutters - Xcelite [TOL-14782]](https://www.sparkfun.com/products/14782)
* [Flush Cutters - Hakko [TOL-11952]](https://www.sparkfun.com/products/11952)
* [Hook-Up Wire - Assortment (Stranded, 22 AWG) [PRT-11375]](https://www.sparkfun.com/products/11375)
* [Wire Stripper - 20-30 AWG Solid (22-32 AWG Stranded) [TOL-22263]](https://www.sparkfun.com/products/22263)
* [Wire Strippers - 30AWG (Hakko) [TOL-12630]](https://www.sparkfun.com/products/12630)
-->

<div class="grid cards col-4" markdown>

Expand Down Expand Up @@ -190,32 +201,60 @@ You will need a soldering iron, solder, and [general soldering accessories](http
PRT-11375
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/22263">
- <a href="https://www.sparkfun.com/products/12630">
<figure markdown>
<img src="https://cdn.sparkfun.com//assets/parts/2/2/2/0/1/22263-_TOL_Wire_Stripper-_01.jpg" style="width:140px; height:140px; object-fit:contain;" alt="Wire Stripper - 20-30 AWG Solid (22-32 AWG Stranded)">
<img src="https://cdn.sparkfun.com/assets/parts/9/3/1/2/12630-Hakko-Wire-Strippers-30AWG-Feature.jpg" style="width:140px; height:140px; object-fit:contain;" alt="Wire Strippers - 30AWG (Hakko)">
</figure>
</a>

---

<a href="https://www.sparkfun.com/products/22263">
<b>Wire Stripper - 20-30 AWG Solid (22-32 AWG Stranded)</b>
<a href="https://www.sparkfun.com/products/12630">
<b>Wire Strippers - 30AWG (Hakko)</b>
<br />
TOL-22263
TOL-12630
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/14782">
- <a href="https://www.sparkfun.com/products/11952">
<figure markdown>
<img src="https://cdn.sparkfun.com//assets/parts/1/3/0/3/6/14782-Flush_Cutters_-_Xcelite-02.jpg" style="width:140px; height:140px; object-fit:contain;" alt="Flush Cutters - Xcelite">
<img src="https://cdn.sparkfun.com/assets/parts/8/4/2/2/11952-Hakko-Flush-Cutters-feature.jpg" style="width:140px; height:140px; object-fit:contain;" alt="Flush Cutters - Hakko">
</figure>
</a>

---

<a href="https://www.sparkfun.com/products/14782">
<b>Flush Cutters - Xcelite</b>
<a href="https://www.sparkfun.com/products/11952">
<b>Flush Cutters - Hakko</b>
<br />
TOL-14782
TOL-11952
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/12966">
<figure markdown>
<img src="https://cdn.sparkfun.com/assets/parts/9/9/0/7/12966-01.jpg" style="width:140px; height:140px; object-fit:contain;" alt="Digital Multimeter - Basic">
</figure>
</a>

---

<a href="https://www.sparkfun.com/products/12966">
<b>Digital Multimeter - Basic</b>
<br />
TOL-12966
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/19718">
<figure markdown>
<img src="https://cdn.sparkfun.com/assets/parts/1/9/4/1/5/19718-USAMS_USB_Type_A_to_Type_C_6A_Fast_Charging_and_Data_Cable_with_LED_Display-02.jpg" style="width:140px; height:140px; object-fit:contain;" alt="Fast Charging USB A to C Cable with LCD - 4ft (6A)">
</figure>
</a>

---

<a href="https://www.sparkfun.com/products/19718">
<b>Fast Charging USB A to C Cable with LCD - 4ft (6A)</b>
<br />
CAB-19718
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
</div>
Expand All @@ -226,12 +265,16 @@ You will need a soldering iron, solder, and [general soldering accessories](http

Depending on your setup, you may want to use IC hooks for a temporary connection. However, you will want to solder header pins to connect devices to the plated through holes for a secure connection.

<!--
* [Breadboard - Self-Adhesive (White) [PRT-12002]](https://www.sparkfun.com/products/12002)
* [IC Hook with Pigtail [CAB-09741]](https://www.sparkfun.com/products/9741)
* [Break Away Headers - Straight [PRT-00116]](https://www.sparkfun.com/products/116)
* [Feather Stackable Header Kit [PRT-15187]](https://www.sparkfun.com/products/15187)
* [Jumper Wires Premium 6" M/M Pack of 10 [PRT-08431]](https://www.sparkfun.com/products/8431)
-->

<div class="grid cards col-4" markdown>

- <a href="https://www.sparkfun.com/products/12002">
Expand Down Expand Up @@ -290,6 +333,20 @@ Depending on your setup, you may want to use IC hooks for a temporary connection
PRT-15187
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/9044">
<figure markdown>
<img src="https://cdn.sparkfun.com/assets/parts/2/4/0/7/09044-04-L.jpg" style="width:140px; height:140px; object-fit:contain;" alt="Jumper - 2 Pin">
</figure>
</a>

---

<a href="https://www.sparkfun.com/products/9044">
<b>Jumper - 2 Pin</b>
<br />
PRT-09044
</a>
<!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
- <a href="https://www.sparkfun.com/products/8431">
<figure markdown>
<img src="https://cdn.sparkfun.com/assets/parts/1/1/8/1/JumperWire-Male-01-L.jpg" style="width:140px; height:140px; object-fit:contain;" alt="Jumper Wires Premium 6" M/M Pack of 10">
Expand Down

0 comments on commit 4ac65f4

Please sign in to comment.