deploy: 02a12c9

Author: alberto-abarzua

CNAME

@@ -1 +1 @@
-iiot-embedded.com
+iot-embebidos.cl

iot/auxiliares/aux1/index.html

@@ -34,7 +34,7 @@
 <span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" class="doks doks-expand" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title>Expand</title><polyline points="7 13 12 18 17 13"/><polyline points="7 6 12 11 17 6"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" class="doks doks-collapse" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title>Collapse</title><polyline points="17 11 12 6 7 11"/><polyline points="17 18 12 13 7 18"/></svg></span></button><div class=collapse id=onThisPage><div class="card card-body mt-3 py-1"><div class=page-links><nav id=TableOfContents><ul><li><a href=#objetivos-a-cumplir>Objetivos a cumplir:</a></li><li><a href=#indicaciones>Indicaciones</a></li></ul></nav></div></div></div></div><div class="page-links d-none d-xl-block"><h3></h3><nav id=TableOfContents><ul><li><a href=#objetivos-a-cumplir>Objetivos a cumplir:</a></li><li><a href=#indicaciones>Indicaciones</a></li></ul></nav></div></nav><p><em>Universidad de Chile</em>
 <em>Facultad de Ciencias Físicas y Matemáticas Departamento de Ciencias de la computacion</em>
 <em>CC5326 – Diseño de Internet de las Cosas</em></p><hr><p><strong>Profesor:</strong> Luciano Radrigan F.
-<strong>Auxiliar:</strong> Alberto Abarzua P.</p><h2 id=objetivos-a-cumplir>Objetivos a cumplir: <a href=#objetivos-a-cumplir class=anchor aria-hidden=true>#</a></h2><ul><li><input disabled type=checkbox> Instalación de ESP-IDF</li><li><input disabled type=checkbox> Compilar y cargar un programa en el ESP32</li><li><input disabled type=checkbox> Resolver problemas de conexión con el ESP32</li><li><input disabled type=checkbox> Resolver dudas de instalación y configuración de Raspberry Pi</li></ul><h2 id=indicaciones>Indicaciones <a href=#indicaciones class=anchor aria-hidden=true>#</a></h2><ol><li><p>Realizar la instalación de ESP-IDF en su computador. Para esto pueden ver el apunte del curso <a href=https://iot-embebidos.cl/iot/inicio/instalacion_esp_idf/>aquí</a></p></li><li><p>Descargar el siguiente código de ejemplo <a href=https://github.com/alberto-abarzua/apunte-iot-embebidos/tree/main/ejemplos/auxiliares_iot/aux1.zip>aquí</a></p></li><li><p>Setear las variables de entorno de ESP-IDF; esto se encuentra en la instalación y depende de cada sistema operativo.</p></li><li><p>Abrir una terminal en la carpeta <code>client</code> del código dado (esto es el proyecto de esp-idf) y compilar usando</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl>idf.py build
+<strong>Auxiliar:</strong> Alberto Abarzua P.</p><h2 id=objetivos-a-cumplir>Objetivos a cumplir: <a href=#objetivos-a-cumplir class=anchor aria-hidden=true>#</a></h2><ul><li><input disabled type=checkbox> Instalación de ESP-IDF</li><li><input disabled type=checkbox> Compilar y cargar un programa en el ESP32</li><li><input disabled type=checkbox> Resolver problemas de conexión con el ESP32</li><li><input disabled type=checkbox> Resolver dudas de instalación y configuración de Raspberry Pi</li></ul><h2 id=indicaciones>Indicaciones <a href=#indicaciones class=anchor aria-hidden=true>#</a></h2><ol><li><p>Realizar la instalación de ESP-IDF en su computador. Para esto pueden ver el apunte del curso <a href=https://iiot-embedded.com/iot/inicio/instalacion_esp_idf/>aquí</a></p></li><li><p>Descargar el siguiente código de ejemplo <a href=https://github.com/inertial-metrics/apunte-iot-embebidos/tree/main/ejemplos/auxiliares_iot/aux1.zip>aquí</a></p></li><li><p>Setear las variables de entorno de ESP-IDF; esto se encuentra en la instalación y depende de cada sistema operativo.</p></li><li><p>Abrir una terminal en la carpeta <code>client</code> del código dado (esto es el proyecto de esp-idf) y compilar usando</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl>idf.py build
 </span></span></code></pre></div></li><li><p>Conectar el ESP32 a su computador y verificar el puerto serie.</p><p>En Mac y Linux se puede usar el comando, por ejemplo:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl>ls /dev/tty.*
 </span></span></code></pre></div><p>En Linux deberían encontrar algo como <code>/dev/ttyUSB0</code> o <code>/dev/ttyUSB1</code> (Revisar según su sistema operativo), pero por lo general no es necesario ya que al correr los comandos de <code>idf.py</code> se detecta automáticamente.</p></li><li><p>Cargar el programa en el ESP32 usando</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl>idf.py flash
 </span></span></code></pre></div></li><li><p>Monitorear el puerto serie usando</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl>idf.py monitor

iot/auxiliares/aux3/index.html

@@ -34,7 +34,7 @@
 <span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" class="doks doks-expand" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title>Expand</title><polyline points="7 13 12 18 17 13"/><polyline points="7 6 12 11 17 6"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" class="doks doks-collapse" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title>Collapse</title><polyline points="17 11 12 6 7 11"/><polyline points="17 18 12 13 7 18"/></svg></span></button><div class=collapse id=onThisPage><div class="card card-body mt-3 py-1"><div class=page-links><nav id=TableOfContents><ul><li><a href=#objetivos-a-cumplir>Objetivos a cumplir</a></li><li><a href=#creacion-del-proyecto-react--fastapi>Creacion del proyecto (React + FastAPI)</a><ul><li><a href=#depenedencias>Depenedencias</a></li><li><a href=#creacion-del-proyecto-de-react>Creacion del proyecto de React</a></li></ul></li><li><a href=#como-agregar-un-endpoint>Como agregar un endpoint</a></li><li><a href=#como-crear-un-componente>Como crear un componente</a></li><li><a href=#como-usar-un-componente-con-un-endpoint>Como usar un componente con un endpoint</a></li><li><a href=#actividad>Actividad</a></li></ul></nav></div></div></div></div><div class="page-links d-none d-xl-block"><h3></h3><nav id=TableOfContents><ul><li><a href=#objetivos-a-cumplir>Objetivos a cumplir</a></li><li><a href=#creacion-del-proyecto-react--fastapi>Creacion del proyecto (React + FastAPI)</a><ul><li><a href=#depenedencias>Depenedencias</a></li><li><a href=#creacion-del-proyecto-de-react>Creacion del proyecto de React</a></li></ul></li><li><a href=#como-agregar-un-endpoint>Como agregar un endpoint</a></li><li><a href=#como-crear-un-componente>Como crear un componente</a></li><li><a href=#como-usar-un-componente-con-un-endpoint>Como usar un componente con un endpoint</a></li><li><a href=#actividad>Actividad</a></li></ul></nav></div></nav><p><em>Universidad de Chile</em>
 <em>Facultad de Ciencias Físicas y Matemáticas Departamento de Ciencias de la computacion</em>
 <em>CC5326 – Diseño de Internet de las Cosas</em></p><hr><p><strong>Profesor:</strong> Luciano Radrigan F.
-<strong>Auxiliar:</strong> Alberto Abarzua P.</p><h2 id=objetivos-a-cumplir>Objetivos a cumplir <a href=#objetivos-a-cumplir class=anchor aria-hidden=true>#</a></h2><ul><li><input disabled type=checkbox> Creacion del proyecto (React + FastAPI)</li><li><input disabled type=checkbox> Como agregar un endpoint</li><li><input disabled type=checkbox> Como crear un componente</li><li><input disabled type=checkbox> Como usar un componente con un endpoint</li></ul><h2 id=creacion-del-proyecto-react--fastapi>Creacion del proyecto (React + FastAPI) <a href=#creacion-del-proyecto-react--fastapi class=anchor aria-hidden=true>#</a></h2><p>Esta parte es unicamente para que sepan que se hizo para generar la siguiente plantilla (La misma de la tarea 3)</p><ul><li><a href=https://github.com/alberto-abarzua/apunte-iot-embebidos/tree/main/ejemplos/plantilla_t3.zip>Plantilla</a></li></ul><p>En esta plantilla tenemos:</p><ul><li>Un proyecto de React usando Vite</li><li>Un proyecto de FastAPI</li></ul><p>Para generar esta plantilla se siguieron los siguientes pasos:</p><h3 id=depenedencias>Depenedencias <a href=#depenedencias class=anchor aria-hidden=true>#</a></h3><p>Para esto hay dos rutas, usando solo docker (lo que se hizo aqui) o usando las instalaciones locales de node y python.</p><p>A modo de resumen, las dependencias son:</p><ul><li>Node</li><li>Python</li><li>Docker Desktop</li></ul><h3 id=creacion-del-proyecto-de-react>Creacion del proyecto de React <a href=#creacion-del-proyecto-de-react class=anchor aria-hidden=true>#</a></h3><p>Para esto se siguieron los siguientes pasos:</p><h4 id=crear-el-proyecto-de-react>Crear el proyecto de React <a href=#crear-el-proyecto-de-react class=anchor aria-hidden=true>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl>npm create vite@latest nombre_del_proyecto --template react
+<strong>Auxiliar:</strong> Alberto Abarzua P.</p><h2 id=objetivos-a-cumplir>Objetivos a cumplir <a href=#objetivos-a-cumplir class=anchor aria-hidden=true>#</a></h2><ul><li><input disabled type=checkbox> Creacion del proyecto (React + FastAPI)</li><li><input disabled type=checkbox> Como agregar un endpoint</li><li><input disabled type=checkbox> Como crear un componente</li><li><input disabled type=checkbox> Como usar un componente con un endpoint</li></ul><h2 id=creacion-del-proyecto-react--fastapi>Creacion del proyecto (React + FastAPI) <a href=#creacion-del-proyecto-react--fastapi class=anchor aria-hidden=true>#</a></h2><p>Esta parte es unicamente para que sepan que se hizo para generar la siguiente plantilla (La misma de la tarea 3)</p><ul><li><a href=https://github.com/inertial-metrics/apunte-iot-embebidos/tree/main/ejemplos/plantilla_t3.zip>Plantilla</a></li></ul><p>En esta plantilla tenemos:</p><ul><li>Un proyecto de React usando Vite</li><li>Un proyecto de FastAPI</li></ul><p>Para generar esta plantilla se siguieron los siguientes pasos:</p><h3 id=depenedencias>Depenedencias <a href=#depenedencias class=anchor aria-hidden=true>#</a></h3><p>Para esto hay dos rutas, usando solo docker (lo que se hizo aqui) o usando las instalaciones locales de node y python.</p><p>A modo de resumen, las dependencias son:</p><ul><li>Node</li><li>Python</li><li>Docker Desktop</li></ul><h3 id=creacion-del-proyecto-de-react>Creacion del proyecto de React <a href=#creacion-del-proyecto-de-react class=anchor aria-hidden=true>#</a></h3><p>Para esto se siguieron los siguientes pasos:</p><h4 id=crear-el-proyecto-de-react>Crear el proyecto de React <a href=#crear-el-proyecto-de-react class=anchor aria-hidden=true>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl>npm create vite@latest nombre_del_proyecto --template react
 </span></span></code></pre></div><p>Esto nos genera un proyecto de React usando Vite como bundler.</p><ul><li><a href=https://vitejs.dev/guide/>Mas info de Vite</a></li></ul><p>Luego a este proyecto de react se le agrego tailwindcss, para esto se siguieron los siguientes pasos:</p><ul><li><a href=https://tailwindcss.com/docs/installation>Instalacion de tailwindcss</a></li></ul><h4 id=para-la-creacion-del-proyecto-de-fastapi-se-siguieron-los-siguientes-pasos>Para la creacion del proyecto de FastAPI se siguieron los siguientes pasos: <a href=#para-la-creacion-del-proyecto-de-fastapi-se-siguieron-los-siguientes-pasos class=anchor aria-hidden=true>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl>pip install fastapi
 </span></span><span class=line><span class=cl>pip install uvicorn
 </span></span></code></pre></div><p>Luego lo basico para tener un proyecto funcional de fastapi es:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-python data-lang=python><span class=line><span class=cl><span class=kn>from</span> <span class=nn>fastapi</span> <span class=kn>import</span> <span class=n>FastAPI</span>