DEV Community: Rafael Lozano

ESP32-C3-12F using the Arduino IDE - Getting Started - Environment Setup

Rafael Lozano — Thu, 23 Jun 2022 21:17:34 +0000

Description

We will learn how to configure the necessary tools to start using the ESP-C3-12F.

Tools

Arduino IDE
ESP-3C-12F

Install Arduino IDE

Installing Arduino IDE is like installing any program on Windows, GNU/Linux and MAC, you can download it from here Software | Arduino.

Configuring Arduino IDE

The first step is to add the repository where our dev board is located, for that we open the preferences:

Once inside, we enter the following link in the field "Additional boards URL manager" ~~https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_dev_index.json:~~

https://dl.espressif.com/dl/package_esp32_index.json

This link is the correct, the last one sometimes gave a error related with esptool.exe,:)

We click "OK" and now it is time to install our dev board in the board manager, we do that by clicking on the "Board Manager" option:

In the opened section, look for "esp32" and click on install:

If everything went well, you should see this message in the terminal:

Once the installation of the board is finished, select "ESP32-C3":

or, if you are using the beta version of the IDE, click on the drop-down list of boards >select another board and port:

Search for C3 and select the port your development board is connected to and click OK:

Now change the upload speed to 115200:

Configure the serial monitor:

Open the IDE's advanced preferences by opening the following file: C:\Users user\AppData\Local\Arduino15\preferences.txt :

Change the following lines (possibly 35 and 36) from:

esp32c3.serial.disableDTR=false

esp32c3.serial.disableRTS=false

To:

esp32c3.serial.disableDTR=true

esp32c3.serial.disableRTS=true

If they are not in the file add them and save the file.

Load your first program

To load your first program, it is necessary to put the board in load mode, this is done in the following way, before the loading starts, press the "Boot" button and keep it pressed. Press and hold the "Reset" button. Release the "Boot" button. Release the "Reset" button. This puts the board in programming mode. Check that the board is ready from the serial monitor: the message "waiting for download" should appear.

It is necessary to change the baud rate to the speed our board works with, which is 115200:

Click on [Sketch] - [Upload] to upload the sketch.

Sources:

Quick Start Guide ESP-C3-12F : 6 Steps - Instructables

ESP32-C3-12F usando el IDE de Arduino - Primeros pasos - Configuración de entorno

Rafael Lozano — Thu, 23 Jun 2022 21:11:42 +0000

Descripción

Aprenderemos a configurar las herramientas necesarias para comenzar a usar la ESP-C3-12F

Herramientas

Arduino IDE
ESP-3C-12F

Instalar Arduino IDE

La instalación de IDE de Arduino es como la instalación de cualquier programa en Windows, GNU/Linux y MAC, puedes descargarlo desde aquí Software | Arduino.

Configurar Arduino IDE

El primer paso es agregar el repositorio en donde se encuentra nuestra dev board, para eso abrimos las preferencias:

Una vez adentro, ingresamos el siguiente enlace en el campo “Gestor de URLs de placas adicionales” ~~https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_dev_index.json~~:

https://dl.espressif.com/dl/package_esp32_index.json

Este Link es "Mejor" ya que el anterior podría dar un error en esptool.exe, :)

Damos click en “OK” y ahora es tiempo de instalar nuestra dev board en el gestor de placas, eso lo hacemos dando click en la opción de “Gestor de placas”:

En la sección que se abrió, buscamos “esp32” y damos click en instalar:

Si todo salió bien, debemos de ver este mensaje en la terminal:

Una vez finalaizada la instalaion de la placa seleccionamos “ESP32-C3”:

o, si estas usando la version beta del IDE, da click en la lista desplegable de placas >seleccionar otra placa y puerto:

Busca C3 y selecciona el puerto en el que esta conectada tu placa de desarrollo y da click en OK:

Ahora cambia la velocidad de subida a 115200:

Configurar el monitor serial:

Abre las preferencias avanzadas del IDE abriendo el siguiente archivo: C:\Users\tu usuario\AppData\Local\Arduino15\preferences.txt :

Cambia las siguientes líneas (posiblemente 35 y 36) de:

esp32c3.serial.disableDTR=false

esp32c3.serial.disableRTS=false

esp32c3.serial.disableDTR=true

esp32c3.serial.disableRTS=true

Si no están en el archivo añádelas y guarda el archivo.

Cargar tu primer programa

Para cargaar tu primer programa, es necesario poner en modo carga la placa, eso se hace de la siguiente forma, antes de que comience la carga, pulsa el botón "Boot" y mantenlo pulsado. Manten pulsado el botón "Reset". Suelta el botón "Boot". Suelta el botón "Reset". Esto pone la placa en modo de programación. Comprueba que la placa está lista desde el monitor de serie: debe aparecer el mensaje "waiting for download".

Es necesario cambiar la velocidad en baudios a la velocidad con la que trabaja nuestra placa que es de 115200:

Haz clic en [Sketch] - [Upload] para cargar el sketch.

Fuentes:

Quick Start Guide ESP-C3-12F : 6 Steps - Instructables

Fonts to improve the accessibility of our websites or publications

Rafael Lozano — Tue, 20 Oct 2020 03:32:47 +0000

Today while surfing the web, I found an article talking about the font Atkinson Hyperlegible that the Braille Institute developed to help people who suffer from vision problems, which according to the WHO (World Health Organization) are about 285 million people who suffer from some kind of visual disability, enter to read the article where they talk about this source, and because I had recently attended a small workshop about accessibility, I became curious and wanted to expand my knowledge about this topic, I started looking for types of fonts that are easy to read for people with visual disabilities and found that the easiest to read are the fonts of the following families:

Sans serif font families: Arial, Calibri, Gothic century, Helvetica, Tahoma and Verdana.
Serif font families: Times New Roman and Georgia
Slab serif font families: Arvo, Slab Museum and Rockwell

The types of fonts above not were designed specifically for people with visual impairment, but they are the ones that are easiest to read for most people, including those with visual impairment, which is why I found the font developed by the Braille Institute very interesting, Since I saw it I thought it was very readable and modern at the same time, it is very pretty, where you put it will look very good and also you are helping people with a visual disability to read your content without any problem, as you can see in the image below, this is how the Atkinson Hyperlegible font looks:

The font is totally free and you can download it from the official website https://www.brailleinstitute.org/freefont , available for Windows and macOS, finally, I would like to leave some useful tips to improve accessibility when creating your applications, web pages or advertising images:

Avoid handwritten fonts and fonts where letters can be confused with numbers.
Your fonts should be a minimum size of 14px (ideally more) and the code should use relative values.
Pay attention to color and contrast.
Don't rely on color alone to mean information (for example, "Click the green button").
Clearly define the paragraph and letter spacing.
Do not allow the total width of the content to exceed 80 characters.
Avoid paragraph alignment (justified as) that creates white space within the content.
Avoid combinations of red/green and blue/yellow when possible.
Be careful with light color tones, especially gray - they are difficult for people with low vision to see.
Don't rely on color to convey information to users. For example, make sure your links have underlining, or some other visual indicator in addition to color.

I hope you found this article useful and that it helps you improve the accessibility of your creations, I invite you to leave me a comment with your feedback, it would be very helpful for me since it is my first publication on dev.to ! thank you very much for reading me.