Skip to content

Commit

Permalink
Merge branch 'disenoUDP:main' into main
Browse files Browse the repository at this point in the history
  • Loading branch information
T1ar3 authored Sep 28, 2024
2 parents abfef13 + c21e919 commit 64f58b1
Show file tree
Hide file tree
Showing 31 changed files with 206 additions and 172 deletions.
25 changes: 12 additions & 13 deletions 17-BelenVeAg/clase-01/README.md
Original file line number Diff line number Diff line change
@@ -1,30 +1,29 @@
# clase-01
<img width="584" alt="Captura de pantalla 2024-08-20 a la(s) 12 51 37" src="https://github.com/user-attachments/assets/5eb63ea4-6aa1-456b-873f-a9d04b1a99fc">
<img width="545" alt="Captura de pantalla 2024-08-20 a la(s) 12 52 02" src="https://github.com/user-attachments/assets/4f200a4c-84be-474b-9269-a895c1d34120">
<img width="545" alt="Captura de pantalla 2024-08-20 a la(s) 12 52 14" src="https://github.com/user-attachments/assets/edcc2b31-207f-439d-a01f-3d23e4e58727">

**Problema de subir archivos así es que pueden que en un futuro sea borrado.**
![apuntes-01](./apuntes-01.png)
![apuntes-02](./apuntes-02.png)
![apuntes-03](./apuntes-03.png)

## Revisar
## Revisar

![esta imagen no existe](link "texto")

- Lo que está en el () es una frase que aparece si hago hover sobre mi imagen

![esta imagen no existe]

![texto](./apuntes


En la parte superior del menú: dis8637-2024-2/18-BelenVeAg/clase-01
/ README.md
- Si está entre slash es que es una carpeta.
- Por lo que si quieres crear una carpeta, hay
/ README.md

- Si está entre slash es que es una carpeta.
- Por lo que si quieres crear una carpeta, hay

Cuando yo subo una imagen, puedo entrar a la imagen y con el ícono de 3 puntos la puedo borrar. También hay otra opción para editar el nombre de la imagen. En ese mismo lugar de editar el nombre de la imagen, si pones: nombrex/ imagen.jpg , se crea una carpeta nombrex donde la imagen se guarda.

./ es para decir "esto vive aquí", para decirle al programa dónde debe buscar mi archivo. Como escribir enlaces en el compu

../ = de donde estoy, una carpeta carpeta más atras. Mientras más puntos, más carpetas atrás.
../ = de donde estoy, una carpeta carpeta más atras. Mientras más puntos, más carpetas atrás.

Al visualizar un código puedes ver tres puntitos en las líneas de código y si lo apretas puedes apretar la opción de crear un link permanente que siempre te va a llevar eso.
<img width="405" alt="Captura de pantalla 2024-08-20 a la(s) 16 00 13" src="https://github.com/user-attachments/assets/dc36b52e-b536-4a4c-9b89-99f2203ef010">

![apuntes-04](./apuntes-04.png)
Binary file added 17-BelenVeAg/clase-01/apuntes-01.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 17-BelenVeAg/clase-01/apuntes-02.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 17-BelenVeAg/clase-01/apuntes-03.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 17-BelenVeAg/clase-01/apuntes-04.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
155 changes: 82 additions & 73 deletions 17-BelenVeAg/clase-02/README.md
Original file line number Diff line number Diff line change
@@ -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.
Expand All @@ -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.

Expand All @@ -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
Binary file added 17-BelenVeAg/clase-02/apuntes-01.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 17-BelenVeAg/clase-02/apuntes-02.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 17-BelenVeAg/clase-02/apuntes-03.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 17-BelenVeAg/clase-02/apuntes-04.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 17-BelenVeAg/clase-02/apuntes-05.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 17-BelenVeAg/clase-02/apuntes-06.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 20 additions & 14 deletions 18-AbnerV28/clase-03/README.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,22 @@
# clase-03

Encargo
#Sensores;
1. Sensor de Temperatura; Mide la temperatura del enotrno. Los mas comunes son los termistores, sensores de resistencia termica y termopares
2. Sensor de Proximidad; Detecta la presencia o ausencia de un objeto cercano sin contacto fisico, puede ser inductivo, capacitivo, optico o ultrasonico, este ultimo es mas visto por los que utilizan trabajos con arduino
3. Sensor de posicion; Mide la posicion angular o lineal de un objeto puede ser optico, magnetico, o resistivo.

#Botones que se podrian utilizar
1. De presion; boton de los mas basicos que se activa al presionar y se desactiva al soltar; puede ser momentaneo o de alternancia
2. De palanca; cambia entre dos estados, apagado u encendido, con cada clic; Se utiliza para activar o deasactivar funciones.
3. Deslizante; Se activa o desactiva deslizando el boton en una direccion; se usa para ajustar configuraciones o encender y/o apagar dispositivos
4. Interruptor; Tpo de boton que simula un interruptor fisico, se utiliza a menudo para interfaces graficas para encender o apagar funiones

# Buscar referentes que utilicen led
### Crear una criatura que reaccione al ruido
"shh" es una criatura la cual le gusta dormir y no ser molestado, es por ello que sebe hablar lo más bajo posible para que "shh" no despierte y se enoje.

## Sensores

1. Sensor de Temperatura: Mide la temperatura del entorno. Los mas comunes son los termistores, sensores de resistencia termica y termopares
2. Sensor de Proximidad: Detecta la presencia o ausencia de un objeto cercano sin contacto fisico, puede ser inductivo, capacitivo, optico o ultrasonico, este ultimo es mas visto por los que utilizan trabajos con arduino
3. Sensor de posicion: Mide la posicion angular o lineal de un objeto puede ser optico, magnetico, o resistivo.

Botones que se podrían utilizar

1. De presion; boton de los mas basicos que se activa al presionar y se desactiva al soltar; puede ser momentaneo o de alternancia
2. De palanca; cambia entre dos estados, apagado u encendido, con cada clic; Se utiliza para activar o deasactivar funciones.
3. Deslizante; Se activa o desactiva deslizando el boton en una direccion; se usa para ajustar configuraciones o encender y/o apagar dispositivos
4. Interruptor; Tpo de boton que simula un interruptor fisico, se utiliza a menudo para interfaces graficas para encender o apagar funiones

## Buscar referentes que utilicen led

## Crear una criatura que reaccione al ruido

"shh" es una criatura la cual le gusta dormir y no ser molestado, es por ello que sebe hablar lo más bajo posible para que "shh" no despierte y se enoje.
10 changes: 6 additions & 4 deletions 18-AbnerV28/clase-04/README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,10 @@
# Encargo
# Encargo

Prototipo "shh"
## Cambios propuestos

## Cambios propuestos

1.La tapa trasera que no sea curva sino sea una tapa para poder colgarlo a la pared.
2.Buscar la forma interna para poder colocar el arduino.
3.Pintar y lijar para que no tenga la textura de la impresión .
3.Pintar y lijar para que no tenga la textura de la impresión .
Comentarios de Discord.

Loading

0 comments on commit 64f58b1

Please sign in to comment.