1. For Windows

1. Enter the website to download KidsBlock software:

https://wiki.kidsbits.cc/projects/KidsBlock/en/latest/download/

2. Click the installed “KidsBlock.exe”.

3. Tick “Anyone who uses this computer (all users)” and “Next”.

4. Click “Browse…” to choose an installation position and “Install”. Here I choose Disk C. You may save it in a convenient position.

5. Wait for a while and “Finish”.

6. And you can see:

2. For MacOS

1. Enter the website to download KidsBlock software:

https://wiki.kidsbits.cc/projects/KidsBlock/en/latest/download/

2. Click the installed “KidsBlock.dmg”.

3. And you will see:

4. Drag “KidsBlock” into Applications file.

5. There will be a “Safety Prompt” during copying.

6. Click “Settings” –> “Privacy and Security” to “open anyway”. And then “ Open “KidsBlock””.

7. A “Privacy and Security” box pops up, and then enter “user name” and “password”, and “OK”.

8. If prompted to update, please click on the update button to obtain the latest version of KidsBlock.

9. After a while, you can open the Kidsblock IDE page.

3. Use KidsBlock

⚠️ ATTENTION: The following is an example for Windows. For MacOS , it can serve as a reference.

3.1 Connect to Device

1. Make sure the ESP32 main control board is successfully connected to the computer, and then click “KidsBlock” icon to open it.

2. Click :

3. Since we use Smart school for ESP32, select “Smart school for ESP32”:

4. Here the port is (COM3), and click “Connect”:

5. “Go to Editor”:

3.2 Main Page

KidsBlock software interface is shown in the following figure:

3.3 Load KidsBlock Library

⚠️ ATTENTION : If you drag and build code blocks yourself, you must manually add library of “web page editing PRO” and “Stepper”. The followings introduce how to load a library.

If you directly import the code file we provide, there is no need to add the library file as it will be automatically added when importing. So you can skip this part.

Open KidsBlock IDE and click to add extensions.

Search Web Page Editing PRO to load it.

Similarly, load Stepper.

Click to go to the editor and you can see the functions of Web Page Editing PRO and Stepper.

3.4 Build Blocks / Upload Codes

Make sure the ESP32 main control board is connected to the computer, and then click “KidsBlock” to open it.

Method ①： Drag the code block directly to the code editing area.

If you want to save the code to your computer, click “File” –> –> “Save to your computer”.

Click to upload the code to the ESP32 board.

Method ②： Load code that has been written from computer.

Click “File” –> “Load from your computer” to choose the position where the code file is (download the code in 5.1 Resources Download) and open the file:

After opening the code file, you need to manually connect the serial port:

“Go to Editor”:

Click to upload the code to ESP32 board:

After uploading the code, to open the serial monitor and set the baud rate to 115200.

After uploading, the serial port will return the characters “Hello KidsBlock”.