You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/guides/esp32-color-kit-grande.md
+13-15Lines changed: 13 additions & 15 deletions
Original file line number
Diff line number
Diff line change
@@ -37,7 +37,17 @@ You might need to cut off the pin headers on the other side of the connector PCB
37
37
Handle the delicate display unit and its FPC ribbons with extra care.
38
38
Be sure to NOT sharply bend (i.e. fold), pull or otherwise apply stress to the ribbon cables and their connection to the unit.
39
39
40
+
<iframewidth="480"height="300"src="https://www.youtube.com/embed/AL6-BsUyV6k"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"allowfullscreen></iframe>
41
+
42
+
43
+
=== "Working with pin headers"
44
+
General introduction to working with pin headers incl. how to solder them.
45
+
<iframewidth="560"height="315"src="https://www.youtube.com/embed/qz9Ryos1_GY"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"allowfullscreen></iframe>
40
46
47
+
=== "Soldering SMD components"
48
+
Detailed instructions how to solder SMD components.
49
+
Recommended for soldering the Grove connector if you have never done any SMD soldering before.
50
+
<iframewidth="560"height="315"src="https://www.youtube.com/embed/EW9Y8rDm4kE"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"allowfullscreen></iframe>
41
51
42
52
|[](../img/guides/color-kit-grande/1_40female_split.png)| Cut the female pin headers strips to length (12 & 16 pins) and solder them to the connector PCB. |
@@ -46,31 +56,19 @@ You might need to cut off the pin headers on the other side of the connector PCB
46
56
|[](../img/guides/color-kit-grande/4_male_pin_1.png)| Cut the male pin headers strips to length (12 & 16 pins) |
47
57
|[](../img/guides/color-kit-grande/4_male_pins_in_pos.png)| Place the male into the already soldered female header pins for better stability |
48
58
|[](../img/guides/color-kit-grande/4_male_pin_esp32_epulse.png)| Solder the headers to the ESP32 board. |
49
-
|[](../img/guides/color-kit-grande/5_tapes.png)| Peel off the protective film on one side of the four foam stickers and attach them to the front of the connector PCB in the designated areas ("TAPE"). |
50
59
|[](../img/guides/color-kit-grande/6_display.png)| Place the display on a clean surface upside down (as to not scratch it). |
51
60
|[](../img/guides/color-kit-grande/7_FPC.png)| Feed the two FPC cables of the display module through the cut-outs of the PCB. Insert the cables into the sockets. See the [dedicated chapter below](#operating-the-fpc-connectors) on how to correctly open & close the FPC connectors. Carefully(!) fold the display over such that it rests on the (still protected) foam pads and flip the two pieces over to verify everything fits. |
52
-
|[](../img/guides/color-kit-grande/app-market-1.png)| Now is a good time to test the hardware with a simple programm. You will want to do this now - rather than at the very end - to verify everything works *before* you permanently tape the display with the stickers to the connector board. It will be hard to remove from the foam stickers once attached. Open the (flasher web application)[https://app-market.thingpulse.com/device/tp-color-kit-grande/app/tp-color-kit-grande-screen-test]|
61
+
|[](../img/guides/color-kit-grande/CH9102F-driver.png)| Now is a good time to test the hardware with a simple programm. You will want to do this now - rather than at the very end - to verify everything works *before* you permanently tape the display with the stickers to the connector board. It will be hard to remove from the foam stickers once attached. If this is the first time working with an ESP32 ePulse Feather on your current machine you might want to install the driver for the CH9102F serial chip now. Head over to [Adafruit's driver page](https://learn.adafruit.com/how-to-install-drivers-for-wch-usb-to-serial-chips-ch9102f-ch9102) and follow their instructions for installing the CH9102F driver. |
62
+
|[](../img/guides/color-kit-grande/app-market-1.png)| Now is a good time to test the hardware with a simple programm. You will want to do this now - rather than at the very end - to verify everything works *before* you permanently tape the display with the stickers to the connector board. It will be hard to remove from the foam stickers once attached. Open the [flasher web application](https://app-market.thingpulse.com/device/tp-color-kit-grande/app/tp-color-kit-grande-screen-test)|
53
63
|[](../img/guides/color-kit-grande/8_programm.png)| Connect your Color Kit Grande with a USB-C cable to your computer. Move the power switch to the on-position. |
54
64
|[](../img/guides/color-kit-grande/app-market-2.png)| Press the "Flash App" button and select the port of your your device. On Mac OS X it is the cu.wch* device. The name of the device might be different on your operating system |
55
65
|[](../img/guides/color-kit-grande/app-market-3.png)| Now the browser will flash the test program. This should only take a few seconds and at the end there should be four progress bars at 100% |
56
66
|[](../img/guides/color-kit-grande/testbed.jpg)| After the firmware was flashed you should see four colorful boxes and some text. By touching the display you can draw |
67
+
|[](../img/guides/color-kit-grande/5_tapes.png)| Peel off the protective film on one side of the four foam stickers and attach them to the front of the connector PCB in the designated areas ("TAPE"). |
57
68
|[](../img/guides/color-kit-grande/10_protective.png)| Remove the remaining protective film from the foam stickers. |
58
69
|[](../img/guides/color-kit-grande/11_align.png)| Attach the display module such that it aligns with the markings on the PCB (white silk screen). |
59
70
60
71
61
-
<iframewidth="480"height="300"src="https://www.youtube.com/embed/AL6-BsUyV6k"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"allowfullscreen></iframe>
62
-
63
-
??? tip "Expand to show soldering tutorials"
64
-
65
-
=== "Working with pin headers"
66
-
General introduction to working with pin headers incl. how to solder them.
0 commit comments