mirrors/btclock_v2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Created Build and install firmware (markdown)

Djuri Baars 2023-08-28 14:24:30 +02:00
parent 09dd17d180
commit b0b8b4aea5
1 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
Build-and-install-firmware.md Normal file

@ -0,0 +1,46 @@
# Installation of the Software.
You have done it; all parts are on the main PCB now! Before we continue to build the clock together we first want to test the displays, so it's time to upload the software to the Wemos S3 Mini.
To do this we need [Visual Studio Code](https://code.visualstudio.com/Download), [node.js](https://nodejs.org/en/download) and [yarn](https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable).
Also you will need the [PlatformIO IDE for Visual Studio Code](https://platformio.org/install/ide?install=vscode)
Please follow the installation instructions before you continue.
When you successfully installed VSC (Visual Studio Code) follow the following steps to upload the code to the Wemos S3 Mini.
<img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/VSC_1.png" width="500"/>
Add the repository from GitHub <https://github.com/dsbaars/btclock_v2.git> to VSC.
<img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/VSC_2.png" width="500"/>
When you put in the URL just click on the button that appears (dsbaars/btclock_v2).
<img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/VSC_3.png" width="500"/>
Select a repository directory and click "Select as Repository Destination" and click on open. Note: it can take some time to load all the necessary data. Please wait.
<img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/VSC_5.png" width="500"/>
After all the data is loaded, click on PlatformIO (in the right standing menu)
Then select "esp32wemos-s3-mini_BW (btclock_v2-1)" by "Switch PlatformIO Project Environment" in the under menu. (Some new data is loaded)
<img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/VSC_6.png" width="500"/>
Now it's time to build the software. Expand the "General" and "Platform" menu and click on "Build" and "Build Filesystem image" (one at the time) After building is complete fist connect your Wemos S3 Mini by an USB-C data cable to you Macbook or PC and put it in to boot mode, to put it in to boot mode you have to push both buttons on the Wemos at the same time but when relaesing you have to relaese the reset button first. When the Wemos is in boot mode first upload the filesystem image by clicking "Upload Filesystem Image" after completing click under "General" "Upload". When complete your clock shut show you something like this
<img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/IMG_2179.jpeg" width="500"/>
Scan the QR-code with your smartphone and establish the WiFi connection. When the WiFi connection is established, open a web browser and type the following in the search bar "192.168.4.1". Since this is a captive portal, your device might automatically take you to this page already.
You will get a page like screenshot 1.
<img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/IMG_2181.jpeg" width="180"/> <img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/IMG_2183.jpeg" width="180"/> <img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/IMG_2184.jpeg" width="180"/>
Click on "Configure WiFi" and select the your WiFi SSID and add the necessary credentials. After you click have click on "save" you should get the screen like screenshot 3 and the clock will show you this or some of the other screens.
<img src="https://github.com/dsbaars/btclock_v2/blob/main/doc/IMG_2185.jpeg" width="500"/>
Make sure all displays work, before completing the clock in the last step.