descargar imagenes locales

17-BelenVeAg/clase-02/README.md

@@ -1,34 +1,33 @@
-# # clase-02
+# clase-02
 
-# Conceptos de experiencias de usuario
+## Conceptos de experiencias de usuario
 
 **Latencia:** el tiempo que se demora una interfaz en actuar.
 
-**Control**
+* Control
+* Variable
+* Feedback
 
-**Variable**
+* Sonido
+* Vibración----> Háptico (percepciones a través del tacto)
 
-**Feedback**
-  - Sonido
-  - Vibración----> Háptico (percepciones a través del tacto)
-
-**Mapeo:** 
+**Mapeo:**
 
 **Visibilidad:** que a veces muestre el mecanísmo o cómo funciona----> transparencia
 
 **Esqueumorfismo:** es una técnica de diseño en que un objeto derivado retiene ornamentos o estructuras que eran necesarias en los objetos originales.​
 
-![image](https://github.com/user-attachments/assets/4c27f77c-400b-4aeb-b4ea-a718c20d168c)
+![capturas de apps de notas](./apuntes-01.png)
 
-![image](https://github.com/user-attachments/assets/8766b00a-4aa2-4458-a367-bb2f9d271076)
+![capturas de apps calculadoras](./apuntes-02.png)
 
-Ejemplo: Hay sensores que tienen tinta para identificar a quienes lo accionaron. 
+Ejemplo: Hay sensores que tienen tinta para identificar a quienes lo accionaron.
 
-**Leyenda:** Signo gráfico que explica sin instrucciones la función de algo. Si esto no está o falla, es necesario usar instrucciones. 
+**Leyenda:** Signo gráfico que explica sin instrucciones la función de algo. Si esto no está o falla, es necesario usar instrucciones.
 
 * Coded Bias: documental de Joy Buolamwini que investiga el racismo en el código.
   * Sus libros: Unamsked AI y Weapons of Mass destruction (Principio: las IAS según cómo las alimentas con info se van comportando, si el código el racista, las funciones que se hagan con esta tmb lo va a ser y es muy segregatorio).
- 
+
 **Resolución:** separación entre 2 o más sucesos u objetos próximos en el espacio o en el tiempo.
 
 **NLP**: combina lenguaje computacional relacionado al aprendisaje de máquinas para procesar el lenguaje humano. Ej: Alexa.
@@ -37,81 +36,87 @@ Ejemplo: Hay sensores que tienen tinta para identificar a quienes lo accionaron.
 
 **Tipos de sensores que vimos:**
 
-- Botones
-- D-PAD
-- TILT
-- Presencia
-- Proximidad
-- Micrófono
-- Crespuscular: que detecta la presencia de luz solar
-- Perilla: como la de la estufa para regular la potencia de calor
-- Panel táctil
+* Botones
+* D-PAD
+* TILT
+* Presencia
+* Proximidad
+* Micrófono
+* Crespuscular: que detecta la presencia de luz solar
+* Perilla: como la de la estufa para regular la potencia de calor
+* Panel táctil
 
 ---
 
 Github campus: programa para hacer repositorios académicos de Github, que después se puede hacer público.
 
-Runway: https://runwayml.com/   Empresa de gente chile que utilizan diseño e IA.
+Runway: <https://runwayml.com/> Empresa de gente chile que utilizan diseño e IA.
 
 HTML: High Markup Language, lenguaje de marcado utilizado en la creación de páginas web.
 
 Github tiene la capacidad de convertir tus apuntes en Readme.md en lenguaje HTML/página web.
 
 Tips para Markdown:
-  - https://www.markdownguide.org/cheat-sheet/
 
-Últimos avances de tecnología: 
+* <https://www.markdownguide.org/cheat-sheet/>
+
+Últimos avances de tecnología:
+
+## Arduino <https://arduino.cc/>
 
-## Arduino https://arduino.cl/
 Es la empresa, el software y la placa (hardware).
 
-Nuestra versión la UNO R4 Wifi tiene: 
-- Placa
-- Chip para
-- Pantalla led: para hacer animaciones
-- Wifi: permite conectarse a internet.
-- Bluetooth
-- Entrada usb C
-- Plástico inferior, es un aislante para proteger las conexiones electricas y no se heche a perder. Es desmontable (no recomendable).
-- Tiene Hotiyos para atornillarlo
-- Puerto circular: para que entre corriente
-- Botón para reset: simula conectar y desconectar el arduino.
+Nuestra versión la UNO R4 Wifi tiene:
+
+* Placa
+* Chip para
+* Pantalla led: para hacer animaciones
+* Wifi: permite conectarse a internet.
+* Bluetooth
+* Entrada usb C
+* Plástico inferior, es un aislante para proteger las conexiones electricas y no se heche a perder. Es desmontable (no recomendable).
+* Tiene Hotiyos para atornillarlo
+* Puerto circular: para que entre corriente
+* Botón para reset: simula conectar y desconectar el arduino.
 
 En la imagen sale la pantalla led mostrando un corazón
 
-<img width="373" alt="Captura de pantalla 2024-08-20 a la(s) 16 15 06" src="https://github.com/user-attachments/assets/da2f275d-2a03-4c21-ab1e-491f1eba61d9">
+![Imagen de Arduino Uno R4 Wifi](./apuntes-03.png)
 
 La app de arduino es para programar para la placa.
 
 ¿Por qué se popularizaron los puertos C? Porque no tiene dirección incorrecta para enchufarse.
 
 **Mitchel Resnick:**
-- LEGO paper,
-- Lfelong kindergarden
-- Creador de scratch
-- 4 Ps de aprender: passion (gusto por lo que se hace), play, peers (trabajar con compañeros), proyects (haciendo proyectos). 
+
+* LEGO paper,
+* Lfelong kindergarden
+* Creador de scratch
+* 4 Ps de aprender: passion (gusto por lo que se hace), play, peers (trabajar con compañeros), proyects (haciendo proyectos).
 
 ¿Cómo pongo animaciones? Arduino UNO R4 Wifi led animations.
 
 ## Encargo
-- En 2 semanas más, 3 septiembre.
-- Vamos a construir objetos interactivos, no un arduino solo. Que va a, input utilizando un sensor para tener una respuesta lumínica en esa pantalla.
-- Próxima semana: brief de concepto intelectual del proyecto. Investigar sensores, materialidas, forma, usar lenguaje técnico, listado de los componentes. pensar en el input y output. Cómo se va a ver y ocupar? Cómo a nivel corporal vamos a interactuar con él?
-- Buscar 3 repositorios de GitHub donde se haya usado el sensor que quieres elegir.
-- Extremadamente detallada para que cualquiera lo entienda, que este todo bien explicado para que se entienda
-- Por lo tanto en 2 semanas más debe estar construido, tener buena presentación/acabado. Por lo tanto, ser realistas con los elementos de fabricación.
-- La próxima semana en clase vamos a programar el sensor.
 
+* En 2 semanas más, 3 septiembre.
+* Vamos a construir objetos interactivos, no un arduino solo. Que va a, input utilizando un sensor para tener una respuesta lumínica en esa pantalla.
+* Próxima semana: brief de concepto intelectual del proyecto. Investigar sensores, materialidas, forma, usar lenguaje técnico, listado de los componentes. pensar en el input y output. Cómo se va a ver y ocupar? Cómo a nivel corporal vamos a interactuar con él?
+* Buscar 3 repositorios de GitHub donde se haya usado el sensor que quieres elegir.
+* Extremadamente detallada para que cualquiera lo entienda, que este todo bien explicado para que se entienda
+* Por lo tanto en 2 semanas más debe estar construido, tener buena presentación/acabado. Por lo tanto, ser realistas con los elementos de fabricación.
+* La próxima semana en clase vamos a programar el sensor.
 
 Referentes
-- Brand New Noise
-- Led Matrix Editor
-- teensage engineering (versión muy cara de lo que estamos haciendo)-> figuras de madera que a través de wifi hacen música.
+
+* Brand New Noise
+* Led Matrix Editor
+* teensage engineering (versión muy cara de lo que estamos haciendo)-> figuras de madera que a través de wifi hacen música.
 
 ## Software Arduino
-  setup: configuración del arduino
 
-  loop: repeticiones/bucles
+* setup: configuración del arduino
+
+* loop: repeticiones/bucles
 
 Construcciones con variables para leer y reroducir lenguaje.
 
@@ -138,54 +143,58 @@ let cualquier cosa = 1;
 
 Para hacer código hay que saber describir lo que quiero con palabras para después traducirlo al lenguaje de código.
 
-https://semver.org/lang/es/
-![image](https://github.com/user-attachments/assets/ac92788b-01e6-4c1a-b97b-83ccc136bb0c)
-- 1er número: rompe algo, cambios fuertes
-- 2do: mejora algo
-- 3ro: bug fixes
+<https://semver.org/lang/es/>
+
+![apuntes-04](./apuntes-04.png)
+
+* 1er número: rompe algo, cambios fuertes
+* 2do: mejora algo
+* 3ro: bug fixes
 
 Podemos escribir así nuestros commits
 
 Ejemplo de que podemos publicar nuestro software en la biblioteca de arduino (este es de Aarón
 
-<img width="264" alt="Captura de pantalla 2024-08-20 a la(s) 17 48 30" src="https://github.com/user-attachments/assets/7b66e41b-201a-4486-9833-79ba2ccb9639">
+![apuntes-05](./apuntes-05.png)
 
 El pin 13 en nuestro arduino está conectado al LED.
 
 En vez de escribir espacios podemos:
-  - Poner _ (en especial si todo está escrito en mayúscula)
-  - Escritura camello
+
+* Poner _ (en especial si todo está escrito en mayúscula)
+* Escritura camello
 
 Indico que esto es el output
-<img width="224" alt="Captura de pantalla 2024-08-20 a la(s) 17 53 44" src="https://github.com/user-attachments/assets/2c975fdb-34e5-4d05-adab-6935ba3a470d">
+
+![apuntes-06](./apuntes-06.png)
 
 delay= es una pausa---> delay(1000); es esperar un segundo
 
 Cuando yo pongo = estoy haciendo una declaración
 
-const int x = y : es para evitar cambiar el valor durante el código. Si no esta puesto (solo int) puedes ir cambiando el valor de x más adelante. 
+const int x = y : es para evitar cambiar el valor durante el código. Si no esta puesto (solo int) puedes ir cambiando el valor de x más adelante.
 
 ## Encargo
 
 Información e investigación: <https://www.figma.com/board/xVQXT7prN3tPQGOM8VX5pf/Untitled?node-id=14-253&t=Yj3GUr811eOvytBd-0>
 
-### Brief:
+### Brief
 
 **¿Qué queremos crear?**
 
 Queremos crear un objeto interactivo en donde las personas puedan aprender de forma lúdica el código morse.
 
-En cuanto a su dimensión física, proyectamos que este objeto podría tener una forma más orgánica para lograr una mejor ergonomía con las manos y de estilo retro. Su materialidad será de madera e impresión 3D. Tendrá a la vista un botón, una matriz led y unos orificios hacia su interior que permiten la salida del sonido. En el interior se encontrarán escondidos el arduino, un parlante y las demás conexiones. 
+En cuanto a su dimensión física, proyectamos que este objeto podría tener una forma más orgánica para lograr una mejor ergonomía con las manos y de estilo retro. Su materialidad será de madera e impresión 3D. Tendrá a la vista un botón, una matriz led y unos orificios hacia su interior que permiten la salida del sonido. En el interior se encontrarán escondidos el arduino, un parlante y las demás conexiones.
 
 **¿Cómo funciona?**
 
 Para utilizar este objeto, primero se tiene que encender manteniendo presionado por 5 segundos el botón (input), si se hace bien, la matriz LED dará un output haciendo un sonido y mostrando la palabra “hola” 2 veces, primero en el alfabeto español y luego en código morse. Después, comenzará el juego,  aparecerá una letra aleatoria en morse en la matriz junto con un sonido característico para el punto y el espacio. Una vez listo, el usuario deberá presionar el botón, haciendo click para el punto y manteniéndolo presionado menos de 3 segundos para la raya, para así imitar el ritmo y duración del sonido. Si el usuario logra recrearlo con éxito, se presentará un dibujo mostrando la letra en el alfabeto español, seguido de un dibujo relacionado a la inicial de lo que se escribió, pero si no lo logra aparecerá una gran X y un sonido de desaprobación, la cual reiniciará (a definir) el nivel o todo el juego. Por lo tanto, cada letra tendrá dos variables.
 
-Este patrón de funcionamiento correrá infinitamente hasta lograr todo el abecedario o apagando el equipo. Si la persona logra completar el desafío, la matriz LED mostrará una pequeña animación de felicitaciones (idea: aplausos, confeti, “Felicidades”) junto a una pequeña melodía. Finalmente, para apagar el equipo, la persona deberá mantener apretado el botón por 5 segundos y al apagarse la matriz LED dará un output haciendo un sonido y mostrando la palabra “adios” 2 veces, de nuevo en el alfabeto español y luego en código morse. 
+Este patrón de funcionamiento correrá infinitamente hasta lograr todo el abecedario o apagando el equipo. Si la persona logra completar el desafío, la matriz LED mostrará una pequeña animación de felicitaciones (idea: aplausos, confeti, “Felicidades”) junto a una pequeña melodía. Finalmente, para apagar el equipo, la persona deberá mantener apretado el botón por 5 segundos y al apagarse la matriz LED dará un output haciendo un sonido y mostrando la palabra “adios” 2 veces, de nuevo en el alfabeto español y luego en código morse.
 
-**Nombre del proyecto**
+## Nombre del proyecto
 
-- point-line
-- line-point
-- dot-dash
-- dash-dot
+* point-line
+* line-point
+* dot-dash
+* dash-dot