{"id":2932,"date":"2021-08-12T17:46:23","date_gmt":"2021-08-12T17:46:23","guid":{"rendered":"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/?page_id=2932"},"modified":"2021-09-23T18:27:17","modified_gmt":"2021-09-23T18:27:17","slug":"complementario-iv-2021","status":"publish","type":"page","link":"https:\/\/clases.etab.cl\/?page_id=2932","title":{"rendered":"Complementario IV &#8211; 2021"},"content":{"rendered":"\n<p><strong>Clases presenciales &#8211; 2\u00ba semestre 2021<\/strong><br>. 14 de octubre 2021 &#8211; 14:30h a 17:30h &#8211; Sala 1A (Impresoras 3D)<br>. 08 de noviembre 2021 &#8211; 14:30h a 17:30h &#8211; Sala 1A (Impresoras 3D)<br>. 02 de diciembre 2021 &#8211; 14:30h a 17:30h &#8211; Sala 1A (Impresoras 3D)<\/p>\n\n\n\n<p><strong>Calendario: <\/strong><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1mH11Q5sTu8wKTQmTdjaeZBmlCn0OXu64U9DlDzant1s\/edit?usp=sharing\">https:\/\/docs.google.com\/spreadsheets\/d\/1mH11Q5sTu8wKTQmTdjaeZBmlCn0OXu64U9DlDzant1s\/edit?usp=sharing<\/a><br><strong>Registro clases: <\/strong><a href=\"https:\/\/drive.google.com\/drive\/folders\/1_tvvlpvFuZL2ambbVX-UKk151PmzMbvR?usp=sharing\">https:\/\/drive.google.com\/drive\/folders\/1_tvvlpvFuZL2ambbVX-UKk151PmzMbvR?usp=sharing<\/a><br><strong>Links bit\u00e1coras: <\/strong><a href=\"https:\/\/docs.google.com\/document\/d\/1gOnrY8e6C4C2BlVirZb88_ORw9xTHeTQ5Qj5F5YXxrM\/edit?usp=sharing\">https:\/\/docs.google.com\/document\/d\/1gOnrY8e6C4C2BlVirZb88_ORw9xTHeTQ5Qj5F5YXxrM\/edit?usp=sharing<\/a><br><strong>Programa:<\/strong> <a rel=\"noreferrer noopener\" href=\"https:\/\/www.u-cursos.cl\/artes\/2021\/2\/TCOM121-820\/11\/datos_curso\/\" target=\"_blank\">https:\/\/www.u-cursos.cl\/artes\/2021\/2\/TCOM121-820\/11\/datos_curso\/<\/a><br><strong>Bibliograf\u00eda<\/strong>:<a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/drive\/folders\/1kORqK07tlXhZKaQRr0ExKN_p6mxPS3Xy?usp=sharing\" target=\"_blank\">https:\/\/drive.google.com\/drive\/folders\/1kORqK07tlXhZKaQRr0ExKN_p6mxPS3Xy?usp=sharing<\/a><\/p>\n\n\n\n<p><strong>Materiales necesarios para el curso: <\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/docs.google.com\/document\/d\/1SNax06rH-hr_6cOrecuyOuC5trWjVew1gi0Gxx7EBJs\/edit?usp=sharing\" target=\"_blank\">https:\/\/docs.google.com\/document\/d\/1SNax06rH-hr_6cOrecuyOuC5trWjVew1gi0Gxx7EBJs\/edit?usp=sharing<\/a><br><strong>Descarga Arduino:<\/strong> <a rel=\"noreferrer noopener\" href=\"https:\/\/www.arduino.cc\/en\/software\" target=\"_blank\">https:\/\/www.arduino.cc\/en\/software<\/a><br><strong>Driver Arduino &#8211; CH340: <\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/electrocrea.com\/blogs\/tutoriales\/como-instalar-driver-ch340-para-arduinos-genericos\" target=\"_blank\">https:\/\/electrocrea.com\/blogs\/tutoriales\/como-instalar-driver-ch340-para-arduinos-genericos<\/a><br><strong>Descarga Processing:<\/strong> <a rel=\"noreferrer noopener\" href=\"https:\/\/processing.org\/download\" target=\"_blank\">https:\/\/processing.org\/download<\/a><br><br><strong>Processing<\/strong><br>Processing es un lenguaje de programaci\u00f3n y entorno de desarrollo integrado de c\u00f3digo abierto basado en Java, de f\u00e1cil utilizaci\u00f3n, y que sirve como medio para la ense\u00f1anza y producci\u00f3n de proyectos multimedia e interactivos de dise\u00f1o digital. Fue iniciado por Ben Fry y Casey Reas a partir de reflexiones en el Aesthetics and Computation Group del MIT Media Lab dirigido por John Maeda\u00a0<a href=\"http:\/\/es.wikipedia.org\/wiki\/Processing\">Ref.: Wikipedia: Processing<\/a><br><a href=\"http:\/\/maedastudio.com\/1999\/dbn\/index.php\">\u2013 Design by numbers<\/a><br><a href=\"http:\/\/processing.org\/\">\u2013 Sitio web oficial de Processing<\/a><\/p>\n\n\n\n<p><strong>Fexibilidad<\/strong><br>Processing consiste en muchas herramientas que trabajan juntas en diferentes combinaciones. Como resultado, puede ser usado para programaci\u00f3n r\u00e1pida, o bien para una investigaci\u00f3n acuciosa.<br>Debido a que un programa desarrollado en Processing puede ser tan corto como una l\u00ednea de c\u00f3digo, o tan largo como miles de l\u00edneas, hay espacio para el crecimiento y la variaci\u00f3n. M\u00e1s de 100 librer\u00edas pueden extender Processing a dominios m\u00e1s alejados, incluyendo sonido, computer vision o fabricaci\u00f3n digital.<br><br><strong>Otros recursos sugeridos<\/strong><br>Github: sitio de comunidad de programadores&nbsp;<a href=\"https:\/\/github.com\/processing\">\u2013 Github<\/a><br>Gist de Github:&nbsp;<a href=\"http:\/\/www.etab.cl\/clases\/uchile\/obj-tec\/pdfs\/instrucciones-gist-en-wp.pdf\">Documento tutorial para publicar en Gist.<\/a>. Seguir hasta el punto d solamente, lo que sigue s\u00f3lo es \u00fatil si se quiere publicar el c\u00f3digo en un sitio desarrollado en WordPress.<br>Openprocessing:&nbsp;<a href=\"https:\/\/www.openprocessing.org\/browse\/#\">Sitio comunitario de sketches de Processing<\/a><br>Daniel Shiffman:&nbsp;<a href=\"https:\/\/shiffman.net\/\">Sitio personal<\/a>, <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/channel\/UCvjgXvBlbQiydffZU7m1_aw\" target=\"_blank\">The coding train<\/a>, <a rel=\"noreferrer noopener\" href=\"http:\/\/learningprocessing.com\/\" target=\"_blank\">learningprocessing.com\/<\/a><br>Tutoriales:&nbsp;<a href=\"https:\/\/processing.org\/tutorials\/\">en Processing.org<\/a><br>Curso en video:&nbsp;<a href=\"https:\/\/hello.processing.org\/\">Hello Processing<\/a><br>En Espa\u00f1ol:&nbsp;<a href=\"http:\/\/www.mywonderland.es\/curso_js\/processing\/processing.html\">Tutorial Processing<\/a><br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Sesi\u00f3n n\u00ba1<\/strong><\/h2>\n\n\n\n<p><strong>Contenidos vistos en la clase de hoy: Pg. 1 a 36<\/strong><br>Libro:&nbsp;<a href=\"https:\/\/www.u-cursos.cl\/artes\/2020\/1\/TCOM121-720\/10\/material_docente\/bajar?id_material=3131624\">Hola Mundo con Processing<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Ambiente de programaci\u00f3n:<br>IDE (integrated development environment).<br><img loading=\"lazy\" decoding=\"async\" width=\"488\" height=\"369\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/09\/Captura-de-pantalla-2020-09-29-a-las-21.02.20.png\" alt=\"\" srcset=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/09\/Captura-de-pantalla-2020-09-29-a-las-21.02.20.png 488w, http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/09\/Captura-de-pantalla-2020-09-29-a-las-21.02.20-300x227.png 300w\"><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Funciones:<\/strong>&nbsp;las funciones son l\u00edneas de c\u00f3digo pre-escritas en Processing (o cualquier otro lenguaje de programaci\u00f3n) y que tienen la \u201cfunci\u00f3n\u201d de ejecutar una instrucci\u00f3n espec\u00edfica para que, quien est\u00e9 programando, no tenga que escribir todo desde cero. Cualquier programador podr\u00e1 desarrollar sus propias funciones seg\u00fan lo vaya necesitando. Por ejemplo, la funci\u00f3n \u201crect\u201d incluida en Processing tiene la funci\u00f3n de dibujar un rect\u00e1ngulo seg\u00fan las instrucciones dadas.<\/li><li><strong>Sintaxis:<\/strong>&nbsp;t\u00e9rmino que viene de la ling\u00fc\u00edstica y que se refiere a las reglas y orden en la escritura de determinado lenguaje. En el caso de Processing por ejemplo, la sintaxis define la cantidad de par\u00e1metros que debe tener una funci\u00f3n y el orden en que van escritos. Tambi\u00e9n define que Processing sea \u2018case-sensitive\u2019, lo que quiere decir que el programa s\u00ed discrimina entre may\u00fasculas y min\u00fasculas, por lo que hay que poner cuidado de usarlas correctamente.<\/li><li><strong>Par\u00e1metros\/Argumentos:<\/strong>&nbsp;son los valores que se indican luego de una funci\u00f3n. Por ejemplo:<br>. rect(10, 10, 50, 60):<br>En esta funci\u00f3n, todos los n\u00fameros que van dentro de los par\u00e9ntesis, son sus par\u00e1metros.<\/li><li><strong>Ayuda para uso de funciones \/ sintaxis \/ par\u00e1metros en Processing:<\/strong><br>Para acceder a la ayuda de Processing (tambi\u00e9n llamada Referencias), se debe escribir una funci\u00f3n en el IDE y luego hacer click derecho sobre la palabra (por ejemplo: \u201crect();\u201d)<\/li><li><strong>Selector de color en Processing<\/strong><br>Se encuentra en el Men\u00fa: Herramientas \u2013&gt; Selector de Color<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"442\" height=\"327\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/09\/Captura-de-pantalla-2020-09-29-a-las-20.38.03.png\" alt=\"\" class=\"wp-image-2590\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/09\/Captura-de-pantalla-2020-09-29-a-las-20.38.03.png 442w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/09\/Captura-de-pantalla-2020-09-29-a-las-20.38.03-300x222.png 300w\" sizes=\"auto, (max-width: 442px) 100vw, 442px\" \/><\/figure>\n\n\n\n<p>En esta herramienta del programa Processing podr\u00e1n identificar los colores y sus c\u00f3digos\/valores<br>seg\u00fan distintos modos de color, para luego aplicar esos valores en sus c\u00f3digos:<br>[H, S, B] Modo de color de tres canales Hue\/Tono, Saturation\/Saturaci\u00f3n, Brightness\/Brillo<br>[R,G,B] Modo de color de tres canales Red\/Rojo, Green\/Verde, Blue\/Azul<br>[HEX] Valor hexadecimal. Ej.- #CCCCCC<br><a href=\"https:\/\/desarrolloweb.com\/articulos\/1483.php\">M\u00e1s sobre modos de color \u2026<\/a><br>Color en Processing:<a href=\"https:\/\/processing.org\/tutorials\/color\/\">Link<\/a><\/p>\n\n\n\n<p><strong>Primer Sketch realizado en clases (para ver el resultado de este c\u00f3digo, copiar y pegar en Processing)<\/strong><br>Comenzamos dibujando una l\u00ednea situada al centro del lienzo de Processing.<\/p>\n\n\n\n<p>De esta manera, pudimos revisar la manera en que Processing dibuja: a partir de un plano cartesiano que sirve como base para indicarle en qu\u00e9 coordenadas dibujar pixeles. Vimos tambi\u00e9n c\u00f3mo Processing \u201clee\u201d las instrucciones (algoritmo) que uno le entrega en el sketch (programa); esto es de arriba a abajo, aspecto que luego se ver reflejado en el orden en que aparecen los dibujos en el plano (como si fueran capas de Photoshop, las l\u00edneas de c\u00f3digo que aparecen primero aparecer\u00e1n en el dibujo como si estuvieran debajo de los dibujos que se programan en las l\u00edneas posteriores de c\u00f3digo).<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Ejemplo 1<\/strong> &#8211; <strong>Desarrollado durante la clase<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2021\/03\/Captura-de-Pantalla-2021-03-26-a-las-09.18.34.png\" alt=\"\" class=\"wp-image-2790\" width=\"350\" height=\"352\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/03\/Captura-de-Pantalla-2021-03-26-a-las-09.18.34.png 688w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/03\/Captura-de-Pantalla-2021-03-26-a-las-09.18.34-298x300.png 298w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/03\/Captura-de-Pantalla-2021-03-26-a-las-09.18.34-150x150.png 150w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/03\/Captura-de-Pantalla-2021-03-26-a-las-09.18.34-624x628.png 624w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>size(350, 350);<br>background(12, 25, 240);<br>line(width\/2, height\/2, 500, 509);<br>fill(237, 19, 45);<br>strokeWeight(10);<br>stroke(5, 255, 90);<br>rect(width\/2, height\/2, 200, 200);<br>stroke(255, 176, 3);<br>fill(254, 255, 0);<br>ellipse(width\/2, height\/2, 200, 200);<\/p>\n\n\n\n<p>\/*<br>ESTO ES UN COMENTARIO<br>kjahlsakjhl<br>alkjhslfdkjahskl<br>askdfhakjshdfla<br>*\/<br>\/\/ajkshlfkajhsdlfkjhaslk<\/p>\n\n\n\n<p><strong>1er Ejercicio: <\/strong>A partir de las funciones revisadas en el c\u00f3digo desarrollado en clases, proponer tres im\u00e1genes que puedan funcionar como tr\u00edptico. Usar solamente esas funciones de manera de enfocarse en la composici\u00f3n a partir de formas simples.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Sesi\u00f3n n\u00ba2<\/strong><\/h2>\n\n\n\n<p><br><strong>Ejemplo<\/strong> 2<\/p>\n\n\n\n<p>size(500, 500); \/\/funci\u00f3n &#8220;tama\u00f1o&#8221; (ubicaci\u00f3n X, ubicaci\u00f3n Y); correspondiendo la x a la horizontal, y la Y a la posici\u00f3n vertical<br>background(125); \/\/256 el rango va de 0 a 255;<br>\/*<br>\/\/ RGB = rojo verde azul<br>\/\/ HSB = Hue saturation brightness<br>\/\/ HEX = hexadecimal<br>rectMode(CORNER);<br>rect(30, 30, 50, 200);<br>rectMode(CENTER);<br>rect(30, 30, 50, 200);<br>ellipse(30, 80, 40, 40); \/\/ellipse(x, y, ancho, alto);<br>stroke(217, 15, 245);<br>line(0, 0, 500, 500);<br>triangle(30, 75, 40, 20, 500, 500);<br>*\/<br>beginShape();<br>translate(200, 150);<br>vertex(50+200, 120+150);<br>vertex(100, 90);<br>vertex(110, 60);<br>vertex(80, 20);<br>vertex(210, 60);<br>vertex(50, 120);<br>endShape();<\/p>\n\n\n\n<p>ellipse(100,100, 40, 40);<br>translate(50, 0);<br>ellipse(100,100, 40, 40);<\/p>\n\n\n\n<p>rotate();<\/p>\n\n\n\n<p>\/* configuraci\u00f3n de color<br>background();<br>fill();<br>noFill();<br>stroke();<br>noStroke();<br>*\/<\/p>\n\n\n\n<p>\/*<br>Operadores aritm\u00e9ticos<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">+<br>&#8211;<br>*<br>\/<\/h2>\n\n\n\n<p>*<br>*\/<\/p>\n\n\n\n<p><br><strong>Antes de programar, bocetear y prototipar<\/strong><br>Bocetear puede ser definido como una manera de pensar. El objetivo b\u00e1sico es explorar la mayor cantidad de ideas en poco tiempo. Cuando se programa, es muy com\u00fan que se hagan bocetos iniciales para luego llevarlos a c\u00f3digo. Ideas para la animaci\u00f3n y la interacci\u00f3n se bocetean normalmente como si fueran un storyboard con anotaciones. Luego de hacer algunos sketches de programaci\u00f3n, se seleccionan las mejores ideas y son combinadas en prototipos. Es un proceso c\u00edclico de hacer, probar y mejorar \u2026 y que se combina entre papel y pantalla.<\/p>\n\n\n\n<p><strong>Ejercicio a realizar para la pr\u00f3xima semana<\/strong><br>Dibujar un helado de cono a partir de las funciones de dibujo que hemos revisado hasta ahora.<\/p>\n\n\n\n<p>Referencias de Funciones en Processing de las funciones vistas en clase: 2DPrimitives y Color<br><a href=\"https:\/\/processing.org\/reference\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/processing.org\/reference\/https:\/\/processing.org\/reference\/<\/a><\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1-UBJBEE--nncxpKk3vWI-sEfBOG_oDB_\/view?usp=sharing\" target=\"_blank\">Video de apoyo clase 1<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1VOkxJbwUbcVgujOuAyYUEC2Si2FBMOVd\/view\" target=\"_blank\">Video de apoyo clase 2<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sesi\u00f3n n\u00ba3<\/h2>\n\n\n\n<p>En esta sesi\u00f3n, revisamos los avances en sus bit\u00e1coras en los procesos de programaci\u00f3n para el ejercicio de tr\u00edptico y luego el dibujo de un helado en cono.<br><br>. <strong>Ejemplo con modificadores (rotate, translate, scale)<\/strong><\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/loadix\/22703bb0aabbda904c636b8396ac74fa.js\"><\/script>\n\n\n\n<pre id=\"block-2c21fb1d-e4b3-4e28-a7a0-ecaf9de631a7\" class=\"wp-block-preformatted\"><strong>Diagrama radianes<\/strong>\n\n<img decoding=\"async\" src=\"https:\/\/www.u-cursos.cl\/artes\/2020\/1\/TCOM121-720\/10\/blog\/r\/th_1_Captura_de_pantalla_2020-06-02_a_la(s)_20.00.48.png.jpg\"><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Variables y tipos de datos<\/strong><br>Una variable guarda un valor en la memoria del computador para que luego pueda ser usada en el programa. La variable puede ser usada durante todo un programa y tiene la propiedad de que su valor puede ser cambiado f\u00e1cilmente mientras el programa est\u00e9 corriendo.<\/p>\n\n\n\n<p>Hasta ahora, dibujar\u00edamos la siguiente imagen, con el c\u00f3digo que sigue \u2026<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"252\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/10\/tres-elipses-1024x252.png\" alt=\"\" class=\"wp-image-2653\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/tres-elipses-1024x252.png 1024w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/tres-elipses-300x74.png 300w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/tres-elipses-768x189.png 768w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/tres-elipses-624x154.png 624w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/tres-elipses.png 1347w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;inicio c\u00f3digo&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br>size (480, 120);<br>ellipseMode(CORNER);<br>ellipse(20, 40, 60, 60);<br>ellipse(120, 40, 60, 60);<br>ellipse(220, 40, 60, 60);<br>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;fin c\u00f3digo&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n\n\n\n<p>Cuando hay elementos que se repiten en un c\u00f3digo, es preferible usar variables (\u2026 que es el 99% de las veces).<br>&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;inicio c\u00f3digo&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br>size (480, 120);<br>int y = 60;<br>int d = 80;<br>ellipse(75, y, d, d);<br>ellipse(175, y, d, d);<br>ellipse(275, y, d, d);<br>&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;fin c\u00f3digo&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/p>\n\n\n\n<p>En este c\u00f3digo se puede ver c\u00f3mo a la variable \u2018y\u2019 que es un entero, se le asigna el valor 60 y a \u2018d\u2019 el valor 80. Si se cambia el valor de cualquiera de estas variables, cambiar\u00e1 el tama\u00f1o de todas las elipses, porque todas tienen el mismo valor en \u2018y\u2019; y en ancho y alto \u2018d\u2019.<br>Las variables deben nombrarse de manera que se pueda entender a qu\u00e9 se refieren. En el ejemplo anterior, se utiliz\u00f3 el nombre \u2018d\u2019 para la variable di\u00e1metro.<br>Adem\u00e1s, al definir una variable, se debe indicar qu\u00e9 de qu\u00e9 tipo es:<br>int(un valor entero): por ejemplo 7; 7; 20; 100<br>float(decimales): por ejemplo 5,1; 6,6; 8,2<br>Otros tipos de datos: boolean, byte, char, color, double, float, long<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/10\/Captura-de-pantalla-2020-10-13-a-las-14.04.48.png\" alt=\"\" class=\"wp-image-2658\" width=\"556\" height=\"155\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/Captura-de-pantalla-2020-10-13-a-las-14.04.48.png 556w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/Captura-de-pantalla-2020-10-13-a-las-14.04.48-300x84.png 300w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><\/figure>\n\n\n\n<p>b) Variable de sistema: width, height<br>Con las variables de Processing width y height, podemos relacionar todo lo que se dibuje en relaci\u00f3n al ancho y alto de la ventana en donde se visualiza el programa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"258\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/10\/elipse-centrada-lineas-1024x258.png\" alt=\"\" class=\"wp-image-2654\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/elipse-centrada-lineas-1024x258.png 1024w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/elipse-centrada-lineas-300x76.png 300w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/elipse-centrada-lineas-768x193.png 768w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/elipse-centrada-lineas-624x157.png 624w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/10\/elipse-centrada-lineas.png 1339w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;inicio c\u00f3digo&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br>size (480, 120);<br>line (0, 0, width, height);<br>line (width, 0, 0, height);<br>ellipse (width\/2, height\/2, 60, 60);<br>&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;fin c\u00f3digo&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/p>\n\n\n\n<p><strong>Video de apoyo:<\/strong><br><a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1VOkxJbwUbcVgujOuAyYUEC2Si2FBMOVd\/view?usp=sharing\" target=\"_blank\">Funciones beginShape y endShape; vertex<\/a>,<a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1VOkxJbwUbcVgujOuAyYUEC2Si2FBMOVd\/view?usp=sharing\" target=\"_blank\">rotate, translate, pushMatrix, popMatrix<\/a><\/p>\n\n\n\n<p><strong>Referencia hist\u00f3rico-art\u00edstica:<\/strong> <strong>Cybernetic Cerendipity<\/strong><br>1era exposici\u00f3n de arte y tecnolog\u00eda <a rel=\"noreferrer noopener\" href=\"https:\/\/monoskop.org\/images\/2\/2a\/Reichardt_Jasia_ed_Cybernetic_Serendipidity_The_Computer_and_the_Arts_1969.pdf\" target=\"_blank\">https:\/\/monoskop.org\/images\/2\/2a\/Reichardt_Jasia_ed_Cybernetic_Serendipidity_The_Computer_and_the_Arts_1969.pdf<\/a><\/p>\n\n\n\n<p><strong>Ciclo for<\/strong><br><span style=\"text-decoration: underline;\">Gu\u00eda ciclo for<\/span>: <a rel=\"noreferrer noopener\" href=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/pdfs\/clase_ciclo-for_processing.pdf\" target=\"_blank\">http:\/\/etab.cl\/clases\/uchile\/obj-tec\/pdfs\/clase_ciclo-for_processing.pdf<\/a><br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"122\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2021\/04\/Captura-de-pantalla-2014-08-12-a-las-4.11.40-PM.png\" alt=\"\" class=\"wp-image-2847\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-pantalla-2014-08-12-a-las-4.11.40-PM.png 478w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-pantalla-2014-08-12-a-las-4.11.40-PM-300x77.png 300w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"119\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2021\/04\/Captura-de-pantalla-2014-08-14-a-las-3.17.23-PM.png\" alt=\"\" class=\"wp-image-2848\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-pantalla-2014-08-14-a-las-3.17.23-PM.png 478w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-pantalla-2014-08-14-a-las-3.17.23-PM-300x75.png 300w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/figure>\n\n\n\n<p><span style=\"text-decoration: underline;\">C\u00f3digos desarrollados en clases<\/span>:<br>\/\/Tipos de variables<br>\/\/ int es una abreviaci\u00f3n de integer (entero)<br>\/\/ float se refiere a los n\u00fameros de coma flotante, es decir n\u00fameros decimales (2,2)<br>\/\/ boolean: dos n\u00fameros, 0 \u00f3 1<br>\/\/ char: abreviaci\u00f3n de character (caracter)<br>\/\/ string: frases<br>\/\/ long: para variables grandes<\/p>\n\n\n\n<p>\/*<br>C\u00f3digo inicial, sin &#8220;ciclo for&#8221;<br>size(480, 120);<br>strokeWeight(8);<br>line(20, 40, 80, 80);<br>line(80, 40, 140, 80);<br>line(140, 40, 200, 80);<br>line(200, 40, 260, 80);<br>line(260, 40, 320, 80);<br>line(320, 40, 380, 80);<br>line(380, 40, 440, 80);<br>*\/<\/p>\n\n\n\n<p>\/* EJEMPLO CICLO FOR<br>size (480, 120);<br>strokeWeight(8);<\/p>\n\n\n\n<p>for(int i=20; i&lt;400; i+=60){<br>line(i, 40, i+60, 80);<br>}<br>\/*<\/p>\n\n\n\n<p>\/* OPERADORES RELACIONALES<br>\/\/ &lt; \/\/ &gt;<br>\/\/ ==<br>\/\/ !=<br>*\/<\/p>\n\n\n\n<p>\/*<br>CICLO FOR GRADIENTE<br>size(480, 120);<br>for( int i=0; i&lt;480; i++){<br>stroke(i\/2, i\/2, i\/2); \/\/stroke(4, 4, 4);<br>line(i, 0, i, 120);<br>}<br>*\/<\/p>\n\n\n\n<p>size(480, 120);<br>background(0);<br>\/\/noStroke();<\/p>\n\n\n\n<p>for (int y = 0; y&lt;= height; y +=40) {<br>fill (255, 30, 70);<br>ellipse(0, y, 40, 40);<br>}<\/p>\n\n\n\n<p><strong>**** Ejercicio a resolver: desarrolla el c\u00f3digo para la siguientes imagen, utilizando ciclo for:<\/strong> *****<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"119\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2021\/04\/Captura-de-pantalla-2014-08-12-a-las-3.59.49-PM.png\" alt=\"\" class=\"wp-image-2846\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-pantalla-2014-08-12-a-las-3.59.49-PM.png 480w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-pantalla-2014-08-12-a-las-3.59.49-PM-300x74.png 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<p>Otras referencias para esta clase:<br><a rel=\"noreferrer noopener\" href=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/?page_id=852\" target=\"_blank\">http:\/\/etab.cl\/clases\/uchile\/obj-tec\/?page_id=852<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/pdfs\/clase_ciclo-for_processing.pdf\" target=\"_blank\">http:\/\/etab.cl\/clases\/uchile\/obj-tec\/pdfs\/clase_ciclo-for_processing.pdf<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.u-cursos.cl\/artes\/2020\/1\/TCOM121-720\/10\/material_docente\/bajar?id_material=3131612\" target=\"_blank\">https:\/\/www.u-cursos.cl\/artes\/2020\/1\/TCOM121-720\/10\/material_docente\/bajar?id_material=3131612<\/a> <em>(pg.61 a 67 del pdf (pg. 40 a 46 en la numeraci\u00f3n del libro f\u00edsico).<\/em>*<br><br>Ejercicio para la pr\u00f3xima semana:<br>Processing: Pg.40 a Pg.46 (numeraci\u00f3n del libro y no del pdf)<br><br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2021\/04\/Captura-de-Pantalla-2021-04-20-a-las-22.27.23.png\" alt=\"\" class=\"wp-image-2860\" width=\"307\" height=\"308\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-Pantalla-2021-04-20-a-las-22.27.23.png 784w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-Pantalla-2021-04-20-a-las-22.27.23-298x300.png 298w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-Pantalla-2021-04-20-a-las-22.27.23-150x150.png 150w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-Pantalla-2021-04-20-a-las-22.27.23-768x772.png 768w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2021\/04\/Captura-de-Pantalla-2021-04-20-a-las-22.27.23-624x627.png 624w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure><\/div>\n\n\n\n<p>size(400, 400);<br>background(0);<br>strokeWeight(2);<br>stroke(255);<\/p>\n\n\n\n<p>int x = 0;<br>while (x &lt;width){<br>line(x, 0, x, height);<br>x = x+20;<br>}<\/p>\n\n\n\n<p><br><br><\/p>\n\n\n\n<p>Computadores, historia<br><a rel=\"noreferrer noopener\" href=\"https:\/\/es.wikipedia.org\/wiki\/Computadoras_de_Harvard\" target=\"_blank\">https:\/\/es.wikipedia.org\/wiki\/Computadoras_de_Harvard<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=-L5RoBMKOdM\" target=\"_blank\">https:\/\/www.youtube.com\/watch?v=-L5RoBMKOdM<\/a><br><br>Referencia c\u00f3digos para iteraciones. While, For: <a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/drive\/folders\/1Ti3NZqz0N26IbJungoQ5JZEpw35kVFGP\" target=\"_blank\">https:\/\/drive.google.com\/drive\/folders\/1Ti3NZqz0N26IbJungoQ5JZEpw35kVFGP<\/a><br><a href=\"https:\/\/www.processing.org\/reference\/while.html\">https:\/\/www.processing.org\/reference\/while.html<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Referentes<br><\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Firewall\" src=\"https:\/\/player.vimeo.com\/video\/54882144?dnt=1&amp;app_id=122963\" width=\"625\" height=\"352\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Objetivos de la clase:<\/strong><br>El curso est\u00e1 organizado para nivelar a los estudiantes con los conceptos y destrezas b\u00e1sicas para la inclusi\u00f3n de recursos electr\u00f3nicos y digitales (microcontrolador) en proyectos creativos.<\/p>\n\n\n\n<p><strong>Metodolog\u00eda:<\/strong><br>Las sesiones son mayormente de car\u00e1cter pr\u00e1ctico a partir de la exploraci\u00f3n, a trav\u00e9s de ejercicios guiados, de herramientas y componentes electr\u00f3nicos, as\u00ed como tambi\u00e9n del uso de microcontroladores compatibles con Arduino.<br>Al finalizar el curso, cada estudiante deber\u00e1 haber realizado una serie de ejercicios a partir de los conocimientos adquiridos durante las clases. Este proceso, regitrado en una bit\u00e1cora en l\u00ednea dar\u00e1 lugar a una evaluaci\u00f3n coeficiente uno.<\/p>\n\n\n\n<p><strong>Bit\u00e1cora<\/strong><br>Cada estudiante deber\u00e1 llevar una bit\u00e1cora en donde anotar\u00e1 de forma sostenida los procesos que emerjan a partir de los contenidos del curso. La idea es incluir, anotaciones reflexivas acerca del proceso o de posibles proyectos, anotaciones t\u00e9cnicas acerca del circuito o sistema que se est\u00e9 desarrollando, referencias art\u00edsticas o de otro tipo que puedan aportar o tengan relaci\u00f3n con el desarrollo de proyectos y ejercicios que se desarrollen en la clase.<br>Se sugiere usar&nbsp;<strong>Google drive<\/strong>&nbsp;en vinculaci\u00f3n con youtube\/vimeo, soundcloud, flickr u otras plataformas de publicaci\u00f3n de contenido.<\/p>\n\n\n\n<p><strong>Materiales:<\/strong><br>Cada estudiante deber\u00e1 contar con los materiales y herramientas enviados para cada sesi\u00f3n.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Bibliograf\u00eda y web de referencia<\/strong><br><a href=\"http:\/\/www.arduino.cc\/\">www.arduino.cc<\/a><br>Libro&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1brEcT8Le-kFfRrRum_Q6wwy7eH7xEMLM\/view?usp=sharing\" target=\"_blank\">Arduino Starter Kit<\/a><br>Libro&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1sLwV24wfjbX4SEtAU3e_KIFkrxmk72is\/view?usp=sharing\" target=\"_blank\">Getting started with Arduino<\/a><br>Libro&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/etab.cl\/clases\/pdfs\/Passw-Energy-Smil.pdf\" target=\"_blank\">Smil Vaclav-Energy<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Tabla de ejercicios pr\u00e1cticos a desarrollar en cada clase<\/strong><br><a rel=\"noreferrer noopener\" href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1TYin6G1jFwluIOKyYqQgcEKi7vCttCqpfoQLiZxXq2c\/edit?usp=sharing\" target=\"_blank\">https:\/\/docs.google.com\/spreadsheets\/d\/1TYin6G1jFwluIOKyYqQgcEKi7vCttCqpfoQLiZxXq2c\/edit?usp=sharing<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>ELECTR\u00d3NICA DIGITAL<\/strong><\/h1>\n\n\n\n<p><strong>D\u00f3nde comprar los componentes y herramientas<\/strong><br>Lo marcado con asteriscos** son tiendas que est\u00e1n haciendo reparto a domicilio durante la contingencia COVID.<br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.victronics.cl\/\" target=\"_blank\">http:\/\/www.victronics.cl\/<\/a>**<br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.olimex.cl\/\" target=\"_blank\">http:\/\/www.olimex.cl\/<\/a>**<br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.casaroyal.cl\/\" target=\"_blank\">http:\/\/www.casaroyal.cl\/<\/a>**<br>\u2014 Digitel Electr\u00f3nica: San Antonio 32 (subterr\u00e1neo), Stgo. Centro. F: 226324511<br>\u2013 Ibarra: Calle San Diego 928 Santiago \u2013 Santiago, Chile, F: 2 672 39 63 \/ 2 672 94 05<br>\u2013 Electr\u00f3nica Orfali: San Diego 955, Santiago, F: 2 698 83 76-<br>\u2013&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/cl.rsdelivers.com\/\" target=\"_blank\">https:\/\/cl.rsdelivers.com\/<\/a>**<br>\u2013 AFEL:&nbsp;<a href=\"https:\/\/afel.cl\/\">https:\/\/afel.cl<\/a>**<br>\u2013&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/cm2.cl\/\" target=\"_blank\">http:\/\/cm2.cl\/<\/a>**<br>\u2013&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/electronicahobby.cl\/\" target=\"_blank\">https:\/\/electronicahobby.cl\/<\/a>**<br>\u2013&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/maxelectronica.cl\/\" target=\"_blank\">https:\/\/maxelectronica.cl\/<\/a>**<br>\u2013&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/tectronix.cl\/\" target=\"_blank\">https:\/\/tectronix.cl\/<\/a>**<\/p>\n\n\n\n<p><strong>Pdfs de apoyo:<\/strong><br>Electricidad Intro:&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/etab.cl\/clases\/pdfs\/electricidad-intro.pdf\" target=\"_blank\">Pdf<\/a><br>Herramientas:&nbsp;<a href=\"http:\/\/etab.cl\/clases\/pdfs\/herramientas-simbologia-electronica.pdf\">Pdf<\/a><\/p>\n\n\n\n<p><strong>Conceptos introductorios<\/strong><br>. energ\u00eda, transducci\u00f3n, electricidad, circuito, hif-i, low-fi<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"834\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/07\/Energy-Chart-pg10.png\" alt=\"\" class=\"wp-image-2414\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/07\/Energy-Chart-pg10.png 771w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/07\/Energy-Chart-pg10-277x300.png 277w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/07\/Energy-Chart-pg10-768x831.png 768w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/07\/Energy-Chart-pg10-624x675.png 624w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><figcaption>Imagen del libro Energy, Vaclav Smil, Editorial Oneworld Publications, 2009.Libro&nbsp;<a href=\"http:\/\/etab.cl\/clases\/pdfs\/Passw-Energy-Smil.pdf\">Smil Vaclav-Energy<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2013\/10\/PhCompDiagram.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"354\" height=\"530\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2013\/10\/PhCompDiagram.jpg\" alt=\"PhCompDiagram\" class=\"wp-image-437\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2013\/10\/PhCompDiagram.jpg 354w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2013\/10\/PhCompDiagram-200x300.jpg 200w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Physical Computing y microcontroladores<\/strong><br>Esta es la imagen que inicia el primer libro dedicado a la computaci\u00f3n f\u00edsica o Physical Computing. Su primera edici\u00f3n fue publicada en 2004 y fue una respuesta a la inquietud de profesores y estudiantes de distintas \u00e1reas interesados en el trabajo creativo que implicaba una respuesta f\u00edsica ante rutinas digitales o vice\/versa.<\/p>\n\n\n\n<p>En el libro se hace referencia a esta imagen para explicar el c\u00f3mo nos relacionamos con los computadores, espec\u00edficamente en c\u00f3mo somos percibidos por estos. Hasta ese entonces la forma casi \u00fanica para una persona &nbsp;de comunicarse con un computador era a partir del mouse y el teclado y por otro lado a trav\u00e9s de la vista y los o\u00eddos.<\/p>\n\n\n\n<p>Se comenz\u00f3 a usar microcontroladores de f\u00e1cil programaci\u00f3n para expandir las posibles formas de interacci\u00f3n con la m\u00e1quina: Basic Stamp, Pic y otros, eran los microcontroladores m\u00e1s utilizados, sin embargo en 2003 en el instituto Ivrea en Italia quisieron hacer a\u00fan m\u00e1s f\u00e1cil el uso de estos dispositivos, as\u00ed como tambi\u00e9n m\u00e1s econ\u00f3micos para los estudiantes.<\/p>\n\n\n\n<p>Fue as\u00ed entonces como comenz\u00f3 a desarrollarse la placa&nbsp;<a href=\"http:\/\/arduino.cc\/\" target=\"_blank\" rel=\"noreferrer noopener\">Arduino<\/a>&nbsp;y su software en el contexto de una tesis de Magister en el mismo instituto Ivrea por el colombiano&nbsp;<a href=\"http:\/\/barraganstudio.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hernando Barrag\u00e1n<\/a>, quien en ese momento inici\u00f3 su proyecto&nbsp;<a href=\"http:\/\/wiring.org.co\/about.html\" target=\"_blank\" rel=\"noreferrer noopener\">Wiring<\/a>&nbsp;en el que luego se bas\u00f3 el proyecto Arduino conducido por un grupo constituido por&nbsp;&nbsp;<a href=\"http:\/\/www.potemkin.org\/\">Massimo Banzi<\/a>,&nbsp;<a href=\"http:\/\/www.0j0.org\/wiki\/index.php\/DojoDave\">David Cuartielles<\/a>,&nbsp;<a href=\"http:\/\/itp.nyu.edu\/~tqi6023\/\">Tom Igoe<\/a>,&nbsp;<a href=\"http:\/\/www.smartprojects.it\/\">Gianluca Martino<\/a>, and&nbsp;<a href=\"http:\/\/dam.mellis.org\/\">David Mellis<\/a>. Tambi\u00e9n hubo directa influencia del proyecto&nbsp;<a href=\"http:\/\/processing.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Processing<\/a>&nbsp;iniciado por&nbsp;<a href=\"http:\/\/reas.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Casey Reas<\/a>&nbsp;y&nbsp;<a href=\"http:\/\/benfry.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ben Fry<\/a>https:\/\/player.vimeo.com\/video\/18390711?color=c9ff23&amp;title=0&amp;byline=0&amp;portrait=0<\/p>\n\n\n\n<p>Luego de Arduino (que es un proyecto Open Source) comenzaron a aparecer distintas placas basadas en ella como&nbsp;<a href=\"http:\/\/moderndevice.com\/product\/rbbb-kit\/\" target=\"_blank\" rel=\"noreferrer noopener\">RBBB<\/a>&nbsp;o&nbsp;<a href=\"http:\/\/www.makeymakey.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Makey Makey<\/a>&nbsp;entre otras.<\/p>\n\n\n\n<p>Otra caracter\u00edstica que vale la pena mencionar es que gracias a las caracter\u00edsticas de Arduino, es bastante f\u00e1cil aumentar sus capacidades de f\u00e1brica gracias a los&nbsp;<a href=\"http:\/\/shieldlist.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">shields<\/a>&nbsp;que son placas adosables a Arduino para por ejemplo, usar de manera m\u00e1s f\u00e1cil motores, aplicaciones con sonido, acceder a internet, etc.<\/p>\n\n\n\n<p>Tambi\u00e9n cabe mencionar que hace algunos a\u00f1os se han desarrollado otras placas como&nbsp;<a href=\"http:\/\/www.raspberrypi.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Raspberry Pi<\/a>, &nbsp;<a href=\"http:\/\/beagleboard.org\/Products\/BeagleBone\" target=\"_blank\" rel=\"noreferrer noopener\">Beagle Bone<\/a>&nbsp;y m\u00e1s recientemente &nbsp;<a href=\"http:\/\/arduino.cc\/en\/ArduinoCertified\/IntelGalileo\" target=\"_blank\" rel=\"noreferrer noopener\">Arduino Galileo<\/a>&nbsp;(entre otras) que entran dentro de la categor\u00eda de peque\u00f1os computadores por lo que tienen m\u00e1s capacidad de procesamiento de datos, se les puede instalar un sistema operativo, programas y aceptan perif\u00e9ricos como monitor, teclado, mouse, etc, as\u00ed como tambi\u00e9n conexi\u00f3n a Internet sin necesidad de enchufarlos a un shield.<\/p>\n\n\n\n<p>Esta rese\u00f1a es para contextualizar brevemente en qu\u00e9 situaci\u00f3n se generan las herramientas que presentar\u00e9 las pr\u00f3ximas clases. Lo que da para pensar es el rol de estas en las posibilidades de uno generar herramientas propias, que pueden ser personalizadas seg\u00fan las propias necesidades y concepto de un proyecto. Al igual que aprender programaci\u00f3n, se generan libertades que no se dan al ocupar m\u00e1quinas y softwares que no pueden ser modificados.<\/p>\n\n\n\n<p><strong>Links de instalaci\u00f3n y proyecto Arduino<\/strong><br>Sitio oficial Arduino:&nbsp;<a href=\"http:\/\/arduino.cc\/\">http:\/\/arduino.cc<\/a><br>Placas Arduino: <a href=\"https:\/\/www.arduino.cc\/en\/Main\/Products\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.arduino.cc\/en\/Main\/Products<\/a><br>IDE Arduino online:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/create.arduino.cc\/editor\" target=\"_blank\">https:\/\/create.arduino.cc\/editor<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"481\" height=\"287\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/07\/imagen-arduino.jpg\" alt=\"\" class=\"wp-image-2434\" srcset=\"https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/07\/imagen-arduino.jpg 481w, https:\/\/clases.etab.cl\/wp-content\/uploads\/2020\/07\/imagen-arduino-300x179.jpg 300w\" sizes=\"auto, (max-width: 481px) 100vw, 481px\" \/><\/figure>\n\n\n\n<p><strong>Conceptos ejercicio #1<\/strong><br>. Electr\u00f3nica: led, resistencia, jumper wire, protoboard, placa arduino.<br>. Lenguaje Arduino: comentario, funci\u00f3n, par\u00e1metros, digitalWrite, HIGH, LOW, delay, pinMode, LED_BUILTIN (corresponde a pin Digital 13)<br><br>Ejercicio desarrollado en clases:<br><strong>Hello World \/ Hola mundo<\/strong><br>1) File \u2013&gt; Examples \u2013&gt; Basics \u2014&gt; Blink<br>Referencia en l\u00ednea:&nbsp;<a href=\"https:\/\/www.arduino.cc\/en\/Tutorial\/Blink\">https:\/\/www.arduino.cc\/en\/Tutorial\/Blink<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>C2 \u2013 15\/6\/2021<\/strong><\/h1>\n\n\n\n<p><strong>If<\/strong><br>La instrucci\u00f3n&nbsp;<em><strong>if ()<\/strong><\/em>&nbsp;es la m\u00e1s b\u00e1sica de todas las estructuras de control de programaci\u00f3n. Permite hacer que algo suceda o no, dependiendo de si una condici\u00f3n dada es verdadera o no. Se parece a esto:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">if (unaCondici\u00f3n) {\n   \/\/ ejecuta algo, si la condici\u00f3n es verdadera\n}<\/pre>\n\n\n\n<p>Existe tambi\u00e9n una variaci\u00f3n com\u00fan llamada&nbsp;<em><strong>if-else<\/strong><\/em>&nbsp;que se ve as\u00ed:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">if (unaCondici\u00f3n) {\n   \/\/ ejecuta algo, si la condici\u00f3n es verdadera\n} else {\n   \/\/ ejecuta algo, si la condici\u00f3n es falsa\n}<\/pre>\n\n\n\n<p>Tambi\u00e9n existe una tercera instrucci\u00f3n:&nbsp;<em><strong>else-if,<\/strong><\/em>&nbsp;con la que se puede verificar una segunda condici\u00f3n si la primera es falsa:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">if (unaCondici\u00f3n) { \n\/\/ ejecuta algo, si la condici\u00f3n es verdadera \n} else if (otraCondici\u00f3n) { \n\/\/ ejecuta algo, s\u00f3lo si la pimera condici\u00f3n es falsa\n\/\/ y la segunda condici\u00f3n es verdadera\n}<\/pre>\n\n\n\n<p><strong>Operadores<\/strong><br><a href=\"https:\/\/www.arduino.cc\/reference\/en\/#structure\">https:\/\/www.arduino.cc\/reference\/en\/#structure<\/a><br>En la programaci\u00f3n Arduino, los operadores se utilizan para realizar operaciones como asignaci\u00f3n, l\u00f3gica, incremental, etc. El conocimiento de estos operadores es importante para realizar el c\u00e1lculo matem\u00e1tico y l\u00f3gico en Arduino. B\u00e1sicamente, un operador es responsable de operar con datos. Por ejemplo, si tenemos que realizar la suma de dos n\u00fameros, usaremos el operador de suma, ya que es responsable de realizar la operaci\u00f3n de suma en los datos. En la programaci\u00f3n de Arduino, todos estos operadores se agrupan en cinco categor\u00edas diferentes seg\u00fan sus operaciones<br><br><strong>. Arithmetic Operators \/ Operadores aritm\u00e9ticos<br>. Comparison Operators \/ Operadores de comparaci\u00f3n o Comparadores<br>. Boolean Operators \/ Operadores booleanos<\/strong><br>.&nbsp;<strong>Compound Operators \/ Operadores compuestos<\/strong><br>. Bitwise Operators \/ Operadores bitwise (bit a bit)<img decoding=\"async\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/08\/1-Aritmetic-operators-1.png\"><img decoding=\"async\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/08\/2-Comparison-operators.png\"><img decoding=\"async\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/08\/3-Boolean-operators.png\"><img decoding=\"async\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/08\/4-Comparison-operators.png\"><\/p>\n\n\n\n<p><strong>Links de referencias proyectos de creaci\u00f3n<\/strong><br><a rel=\"noreferrer noopener\" href=\"http:\/\/flong.com\/archive\/projects\/messa\/index.html\" target=\"_blank\">Golan Levin \u2013 Messa di Voce<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/vimeo.com\/2340199\" target=\"_blank\">Golan Levin \u2013 Interstitial Fragment Processor<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=Mgy1S8qymx0\" target=\"_blank\">Reactable<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=PZRUtKYCpms\" target=\"_blank\">Chaos Computer Club \u2013 Blinkenlights<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/yereguimariela.wordpress.com\/2005\/01\/23\/proxemics-2005\/\" target=\"_blank\">Mariela Yeregui \u2013 Proxemia<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=BCEC1tfc5Jc\" target=\"_blank\">Ken Goldberg &amp; Joseph Santarromana \u2013 Telegarden<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.thelisapark.com\/work\/eunoia\" target=\"_blank\">Lisa Park \u2013 Eunoia<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.medialab-prado.es\/\" target=\"_blank\">Medialab Prado<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.christies.com\/features\/The-History-of-the-Automaton-Mechanical-miracles-6382-1.aspx\" target=\"_blank\">Aut\u00f3matas<\/a>&nbsp;(victorianos)<br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.realsnailmail.net\/profiles.php\" target=\"_blank\">Proyecto Realnsailmail<\/a><br><a href=\"https:\/\/www.nime.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">NIME<\/a><\/p>\n\n\n\n<p><br><strong>Ejercicio a desarrollar en casa:<\/strong><br>A partir del circuito desarrollado en clases (Spaceship Interface, pg.33), desarrollar un bot\u00f3n DYI (\u201cHazlo t\u00fa mismx\u201d) a partir de materiales conductivos, recordando cu\u00e1l es el fundamento o principio de un pulsador o push button.<br>El objetivo de este ejercicio es el de explorar las caracter\u00edsticas de un bot\u00f3n, proponer un objeto (sensor, pulsador, compuerta el\u00e9ctrica) que sirva como compuerta para el circuito el\u00e9ctrico, tomando el lugar del pulsador original.<br>Por otra parte, desarrollar una interfaz propia, obliga a ejercitar la observaci\u00f3n y creaci\u00f3n del objeto tecnol\u00f3gico.xRef. pulsadores, interruptores:&nbsp;<a href=\"https:\/\/youtu.be\/eN-Itoia-Hk\">https:\/\/youtu.be\/eN-Itoia-Hk<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><br><strong>C3 \u2013 24\/6\/2021<\/strong><\/h2>\n\n\n\n<p>Referente<br><strong>Tristan Perich en el Museo de Arte Contempor\u00e1neo de la Universidad de Chile<\/strong><br><br><em>Texto curatorial<\/em><br>Compositor y matem\u00e1tico Tristan Perich (Estados Unidos, 1982), es considerado uno de los artistas sonoros m\u00e1s innovadores de la actualidad, seg\u00fan el Museo de Arte Moderno de Nueva York (MOMA)<\/p>\n\n\n\n<p>Esta muestra re\u00fane tres piezas que dan cuenta de distintas interfaces entre tecnolog\u00edas an\u00e1logas y digitales. Con elogiosas cr\u00edticas del New York Press y el Wall Street Journal, el primer caso corresponde a&nbsp;<strong>1-Bit Symphony&nbsp;<\/strong>(2010) composici\u00f3n electr\u00f3nica en cinco movimientos desarrollada mediante programaci\u00f3n y circuito integrado. Aunque se aloja en un CD, no se trata de una grabaci\u00f3n en el sentido tradicional, sino de una activaci\u00f3n en tiempo real del c\u00f3digo desarrollado por el artista. La obra requiere de la intervenci\u00f3n del p\u00fablico que podr\u00e1 escucharla con aud\u00edfonos cada vez que la encienda.<\/p>\n\n\n\n<p>El segundo caso corresponde a<strong>&nbsp;0.01s<\/strong>. La primera cent\u00e9sima de segundo de 1 \u2013 Bit Symphony (2014), un libro de 695 p\u00e1ginas, que evidencia la programaci\u00f3n oculta que da vida la composici\u00f3n orquestal.<\/p>\n\n\n\n<p>La tercera pieza corresponde a&nbsp;<strong>Machine Wall Drawing<\/strong>&nbsp;<strong>2015-03-19 7:00PM to 2015-04-24 7:00PM<\/strong>, dibujo sobre muro ejecutado aleatoriamente por una m\u00e1quina, cuya acci\u00f3n que no se detendr\u00e1 mientras dure la muestra.<\/p>\n\n\n\n<p>Las tres piezas conviven en un mismo espacio, en una instalaci\u00f3n que parte de la po\u00e9tica del c\u00f3digo para tomar curso hacia la visualidad, la m\u00fasica y la objetualidad.<\/p>\n\n\n\n<p>La muestra forma parte del programa Cruces Sonoros. Residencias Colaborativas desarrollado por Anilla Cultural MAC con el aporte de FONDART 2014 y ser\u00e1 exhibida hasta el 24 de mayo de 2015.<\/p>\n\n\n\n<p>MAC Parque Forestal<br>Santiago 2015https:\/\/player.vimeo.com\/video\/116989271?dnt=1&amp;app_id=122963https:\/\/player.vimeo.com\/video\/129105570?dnt=1&amp;app_id=122963<\/p>\n\n\n\n<p>Sitio personal del artista:&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/www.tristanperich.com\/\" target=\"_blank\">http:\/\/www.tristanperich.com\/<\/a><br>Canal de Vimeo del artista:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/vimeo.com\/tristanperich\/videos\/page:2\/sort:date\" target=\"_blank\">https:\/\/vimeo.com\/tristanperich\/videos\/page:2\/sort:date<\/a><\/p>\n\n\n\n<p>*********<strong>Ejemplo desarrollado en clases: Fading<\/strong>***********<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><\/td><td>\/\/ http:\/\/arduino.cc\/en\/Tutorial\/Fading<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>int ledPin = 9; \/\/ LED connected to digital pin 9<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>void setup() {<\/td><\/tr><tr><td><\/td><td>\/\/ nothing happens in setup<\/td><\/tr><tr><td><\/td><td>}<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>void loop() {<\/td><\/tr><tr><td><\/td><td>\/\/ fade in from min to max in increments of 5 points:<\/td><\/tr><tr><td><\/td><td>for(int fadeValue = 0 ; fadeValue &lt;= 255; fadeValue +=5) {<\/td><\/tr><tr><td><\/td><td>\/\/ sets the value (range from 0 to 255):<\/td><\/tr><tr><td><\/td><td>analogWrite(ledPin, fadeValue);<\/td><\/tr><tr><td><\/td><td>\/\/ wait for 30 milliseconds to see the dimming effect<\/td><\/tr><tr><td><\/td><td>delay(30);<\/td><\/tr><tr><td><\/td><td>}<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>\/\/ fade out from max to min in increments of 5 points:<\/td><\/tr><tr><td><\/td><td>for(int fadeValue = 255 ; fadeValue &gt;= 0; fadeValue -=5) {<\/td><\/tr><tr><td><\/td><td>\/\/ sets the value (range from 0 to 255):<\/td><\/tr><tr><td><\/td><td>analogWrite(ledPin, fadeValue);<\/td><\/tr><tr><td><\/td><td>\/\/ wait for 30 milliseconds to see the dimming effect<\/td><\/tr><tr><td><\/td><td>delay(30);<\/td><\/tr><tr><td><\/td><td>}<\/td><\/tr><tr><td><\/td><td>}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><a href=\"https:\/\/gist.github.com\/loadix\/e78ab720864f3dd10a2b3ad74526a35d\/raw\/a7ad7818bc4004db22f3741d67ac52b5eb4a09c7\/gistfile1.txt\">view raw<\/a><a href=\"https:\/\/gist.github.com\/loadix\/e78ab720864f3dd10a2b3ad74526a35d#file-gistfile1-txt\">gistfile1.txt<\/a>&nbsp;hosted with&nbsp;&nbsp;by&nbsp;<a href=\"https:\/\/github.com\/\">GitHub<\/a><\/p>\n\n\n\n<p><strong>Material de apoyo ciclo for:<\/strong>&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/pdfs\/clase_ciclo-for_processing.pdf\" target=\"_blank\">http:\/\/etab.cl\/clases\/uchile\/obj-tec\/pdfs\/clase_ciclo-for_processing.pdf<\/a><\/p>\n\n\n\n<p><strong>analogWrite() y Pulse Width Modulation (PWM) o Modulaci\u00f3n por ancho de pulso<\/strong>:<br><br>El ejemplo \u201c<a href=\"https:\/\/www.arduino.cc\/en\/Tutorial\/Fading\" target=\"_blank\" rel=\"noreferrer noopener\">Fading<\/a>\u201d del programa Arduino demuestra el uso de salida anal\u00f3gica (PWM) para atenuar un LED. Est\u00e1 disponible en el men\u00fa Archivo-&gt; Sketchbook-&gt; Ejemplos-&gt; Anal\u00f3gico del software Arduino.<\/p>\n\n\n\n<p>La modulaci\u00f3n de ancho de pulso, o PWM, es una t\u00e9cnica para obtener resultados anal\u00f3gicos con medios digitales. El control digital se utiliza para crear una onda cuadrada, una se\u00f1al que se activa y desactiva. Este patr\u00f3n de encendido y apagado puede simular voltajes entre encendido total (5 voltios) y apagado (0 voltios) al cambiar la parte del tiempo que la se\u00f1al permanece encendida frente al tiempo que pasa la se\u00f1al apagada. La duraci\u00f3n del tiempo en modo encendido, se denomina ancho de pulso. Para obtener valores anal\u00f3gicos variables, se debe cambiar o modular ese ancho de pulso. Si repite este patr\u00f3n de encendido y apagado lo suficientemente r\u00e1pido con un LED, por ejemplo, el resultado es como si la se\u00f1al fuera un voltaje constante entre 0 y 5v controlando el brillo del LED.<\/p>\n\n\n\n<p>En el gr\u00e1fico siguiente, las l\u00edneas verdes representan un per\u00edodo de tiempo regular. Esta duraci\u00f3n o per\u00edodo es el inverso de la frecuencia PWM. En otras palabras, con la frecuencia PWM de Arduino a aproximadamente 500Hz, las l\u00edneas verdes medir\u00edan 2 milisegundos cada una. Una llamada a analogWrite () est\u00e1 en una escala de 0 a 255, de modo que analogWrite (255) solicita un ciclo de trabajo del 100% (siempre encendido), y analogWrite (127) es un ciclo de trabajo del 50% (en la mitad del tiempo) por ejemplo.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2016\/01\/PWM.jpg\"><img decoding=\"async\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2016\/01\/PWM.jpg\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2016\/01\/PWM2.png\"><img decoding=\"async\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2016\/01\/PWM2.png\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p><strong>+ v\/s +=<\/strong><br>+ es un operador aritm\u00e9tico.<br>+= es una abreviaci\u00f3n a partir de la combinaci\u00f3n de un operador aritm\u00e9tico (+) con uno de asignaci\u00f3n (=) que es usada solamente si es que hay una variable com\u00fan a la izquierda y derecha del signo igual.<br><br>Por ejemplo:<br>int x = 1;<br>x += 5 \/\/ Esto es equivalente a x = x + 5<br>El resultado de esto es 6<br><br>Si decimos lo siguiente:<br>x+5, no estamos dando al instrucci\u00f3n de asignar el valor a la variable. Por esto en un ciclo for habr\u00e1 que incluir el (=) en la actualizaci\u00f3n final:<br><br>for (int i=20; i&lt;400;&nbsp;<strong>i+=60<\/strong>){<br>line(i, 40, i+60, 80);<br>}<br>\/\/ lo destacado en negrita entonces, no es lo mismo que&nbsp;<strong>i+60<\/strong>, ya que con esta expresi\u00f3n.<\/p>\n\n\n\n<p><strong>1024 v\/s 256<\/strong><br>Los pines anal\u00f3gicos (analogRead) manejan valores que van de 0 a 1023, es decir 1024 valores.<br>Los pines digitales (analogWrite) manejan valores que van de 0 a 255, es decir 256 valores.<br><br>Esto es porque los computadores trabajan en base al c\u00f3digo binario (0 y 1), con un esquema de numeraci\u00f3n de base dos, que quiere decir que se compone de dos d\u00edgitos que luego se van combinando (lo que usamos de manera cotidiana es base 10, es decir n\u00fameros 0 a 9).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"103\" height=\"254\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2021\/07\/binarios.png\" alt=\"\" class=\"wp-image-2902\"\/><\/figure>\n\n\n\n<p><br><br>Entendi\u00e9ndolo desde la l\u00f3gica de Arduino y no olvidando que opera en base 2, podr\u00edamos traducir los n\u00fameros 1 y 0 de la siguiente manera:<\/p>\n\n\n\n<p><strong>1 = High \/ On \/ Encendido<br>0 = Low \/ Off \/Apagado<\/strong><\/p>\n\n\n\n<p>El que se ocupe base 2 para operar los computadores, tiene que ver entonces con su construcci\u00f3n en base a transistores que b\u00e1sicamente son interruptores que s\u00f3lo tienen dos estados: encendido o apagado; es decir un estado que deja pasar la corriente y otro que no.<br>La vinculaci\u00f3n entre el Hardware y Software de los computadores o de los microcontroladores (circuito integrado programable), se da a trav\u00e9s de la analog\u00eda entre esos transistores que operan en los dos estados mencionados anteriormente y la unidad m\u00ednima de informaci\u00f3n se llama&nbsp;<strong>bit<\/strong>. Esta puede ser 0 o 1.<br>De esta manera, podemos \u201chablar\u201d con la m\u00e1quina f\u00edsica a partir de un&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/es.wikipedia.org\/wiki\/C%C3%B3digo_binario\" target=\"_blank\">c\u00f3digo<\/a>&nbsp;que se adapta a sus restricci\u00f3n de s\u00f3lo dos estados.<br>Los microcontroladores tienen dentro un registro (shift register) compuesto por flip-flops o biestable (que a su vez se componen de transistores), por lo que la combinaci\u00f3n de estados de estos, es lo que los habilita para conseguir resultados m\u00e1s complejos que s\u00f3lo un encendido y un apagado.<br>Esto se manifiesta en la capacidad de bits de operaci\u00f3n de una m\u00e1quina (Arduino opera con un microcontrolador Atmega328 de 8bits y un Conversor anal\u00f3gico-digital \/ Analog to digital converter (ADC) de 10 bits).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"103\" height=\"254\" src=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/wp-content\/uploads\/2020\/08\/Captura-de-pantalla-2020-08-08-a-las-10.10.53.png\" alt=\"\" class=\"wp-image-2525\"\/><\/figure>\n\n\n\n<p>Es por esto que cuando se usa, por ejemplo, un potenci\u00f3metro conectado a A0, esta se\u00f1al el\u00e9ctrica pasa por el ADC que se traduce a 1024 valores (10 bits); y por otro lado, un led conectado a D9 puede variar su brillo en valores que van de 0 a 255 (256 valores \/ 8bits).<br>Por lo tanto, para ajustar esos 1024 valores de entrada (resultantes de girar el potenci\u00f3metro) a los 256 de salida (variaciones de brillo de led), dividimos por 4 en el c\u00f3digo, como en este ejemplo:<br><br>sensorValue = analogRead(pote)<strong>\/4;<\/strong><br>analogWrite(led, sensorValue);<br><br>Referencias:<br><a rel=\"noreferrer noopener\" href=\"https:\/\/es.wikipedia.org\/wiki\/Atmega328\" target=\"_blank\">Atmega328<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/es.wikipedia.org\/wiki\/Microcontrolador#:~:text=Un%20microcontrolador%20(abreviado%20%C2%B5C%2C%20UC,%C3%B3rdenes%20grabadas%20en%20su%20memoria.\" target=\"_blank\">Microcontrolador<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/es.wikipedia.org\/wiki\/Biestable\" target=\"_blank\">Flip flop o biestable<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.electronics-tutorials.ws\/sequential\/seq_5.html\" target=\"_blank\">Shift register<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/es.wikipedia.org\/wiki\/Registro_(hardware)\" target=\"_blank\">Registro<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/es.wikipedia.org\/wiki\/Bit\" target=\"_blank\">Bit<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/es.wikipedia.org\/wiki\/8_bits\" target=\"_blank\">8 bits<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=YpwCQ3naRiM\" target=\"_blank\">Arduino 8bits and 10bits<\/a>&nbsp;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>C4<\/strong>&nbsp;\u2013 1\/7\/2021<\/h2>\n\n\n\n<p><br>*********<strong>Ejemplo desarrollado en clases: Analog Read Serial<\/strong>*********<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><\/td><td>\/\/http:\/\/www.arduino.cc\/en\/Tutorial\/AnalogInput<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>int sensorPin = A0; \/\/ select the input pin for the potentiometer<\/td><\/tr><tr><td><\/td><td>int ledPin = 9; \/\/ select the pin for the LED<\/td><\/tr><tr><td><\/td><td>int sensorValue = 0; \/\/ variable to store the value coming from the sensor<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>void setup() {<\/td><\/tr><tr><td><\/td><td>\/\/ declare the ledPin as an OUTPUT:<\/td><\/tr><tr><td><\/td><td>pinMode(ledPin, OUTPUT);<\/td><\/tr><tr><td><\/td><td>Serial.begin(9600);<\/td><\/tr><tr><td><\/td><td>}<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>void loop() {<\/td><\/tr><tr><td><\/td><td>\/\/ read the value from the sensor:<\/td><\/tr><tr><td><\/td><td>sensorValue = analogRead(sensorPin)\/4;<\/td><\/tr><tr><td><\/td><td>analogWrite(ledPin, sensorValue);<\/td><\/tr><tr><td><\/td><td>delay(1000);<\/td><\/tr><tr><td><\/td><td>Serial.println(sensorValue);<\/td><\/tr><tr><td><\/td><td>}<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>\/\/revisar los valores en el monitor serie o monitor serial<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><a href=\"https:\/\/gist.github.com\/loadix\/df1f1319ed0cf3f1363a6bde3845198b\/raw\/c83a74b7c71eb15c8da298580188c74ff973da95\/gistfile1.txt\">view raw<\/a><a href=\"https:\/\/gist.github.com\/loadix\/df1f1319ed0cf3f1363a6bde3845198b#file-gistfile1-txt\">gistfile1.txt<\/a>&nbsp;hosted with&nbsp;&nbsp;by&nbsp;<a href=\"https:\/\/github.com\/\">GitHub<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>C\u00f3digo revisado en clases: map(), constrain()<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><\/td><td>\/\/ variable global<\/td><\/tr><tr><td><\/td><td>int led = 9;<\/td><\/tr><tr><td><\/td><td>int input = A0;<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>void setup() {<\/td><\/tr><tr><td><\/td><td>Serial.begin(9600);<\/td><\/tr><tr><td><\/td><td>pinMode(led, OUTPUT);<\/td><\/tr><tr><td><\/td><td>}<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td><\/td><td>void loop() {<\/td><\/tr><tr><td><\/td><td>\/\/ variable local<\/td><\/tr><tr><td><\/td><td>int ldr = analogRead(input);<\/td><\/tr><tr><td><\/td><td>int potMap = map(ldr, 253, 912, 0, 255);<\/td><\/tr><tr><td><\/td><td>int constMap = constrain(potMap, 0, 255);<\/td><\/tr><tr><td><\/td><td>analogWrite(led, constMap);<\/td><\/tr><tr><td><\/td><td>Serial.print(&#8220;ldr:&#8221;);<\/td><\/tr><tr><td><\/td><td>Serial.print(ldr);<\/td><\/tr><tr><td><\/td><td>Serial.print(&#8220;||&#8221;);<\/td><\/tr><tr><td><\/td><td>Serial.print(&#8220;potMap:&#8221;);<\/td><\/tr><tr><td><\/td><td>Serial.print(potMap);<\/td><\/tr><tr><td><\/td><td>Serial.print(&#8220;||&#8221;);<\/td><\/tr><tr><td><\/td><td>Serial.print(&#8220;constMap:&#8221;);<\/td><\/tr><tr><td><\/td><td>Serial.println(constMap);<\/td><\/tr><tr><td><\/td><td>delay(5);<\/td><\/tr><tr><td><\/td><td>}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><a href=\"https:\/\/gist.github.com\/loadix\/1590f5d2b5064449e64daf10fddda503\/raw\/ca767986eef22b82e15694b7027e7fdb0827b7a7\/gistfile1.txt\">view raw<\/a><a href=\"https:\/\/gist.github.com\/loadix\/1590f5d2b5064449e64daf10fddda503#file-gistfile1-txt\">gistfile1.txt<\/a>&nbsp;hosted with&nbsp;&nbsp;by&nbsp;<a href=\"https:\/\/github.com\/\">GitHub<\/a><\/p>\n\n\n\n<p>**************************************************************<br><strong>Ej<\/strong>e<strong>rcicio para desarrollar en casa:<\/strong>&nbsp;pgs.:42 a 51<br><strong>Datasheet \/ Hoja de datos sensor de temperatura TMP36:&nbsp;<\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.arduino.cc\/en\/uploads\/Main\/TemperatureSensor.pdf\" target=\"_blank\">https:\/\/www.arduino.cc\/en\/uploads\/Main\/TemperatureSensor.pdf<\/a><\/p>\n\n\n\n<p><strong>Componentes:<\/strong>&nbsp;Led, resistencia 220, sensor de temperatura TMP36, potenci\u00f3metro.<br><br><strong>C\u00f3digo:<\/strong>&nbsp;monitor serial, Serial.begin, Serial.print, Serial.println, ciclo for, operadores, if, else if, += v\/s +<br>**************************************************************<\/p>\n\n\n\n<p>Referente visto en esta clase:<br><strong>Peter Vogel<\/strong><br>The Sound of Shadows website:&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/vogelexhibition.weebly.com\/\" target=\"_blank\">http:\/\/vogelexhibition.weebly.com\/<\/a><br>The Sound of Shadows video:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/vimeo.com\/59829961\" target=\"_blank\">https:\/\/vimeo.com\/59829961<\/a><br>P\u00e1gina personal:&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/www.petervogel-objekte.de\/\" target=\"_blank\">http:\/\/www.petervogel-objekte.de<\/a>https:\/\/player.vimeo.com\/video\/59829961?dnt=1&amp;app_id=122963<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>C<\/strong>5 \u2013 8\/7\/2021<\/h2>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-rich is-provider-embed-handler\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/youtube.com\/watch?v=JisYOweWHLw%3Ffeature%3Doembed\n<\/div><\/figure>\n\n\n\n<p>Sensores:&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/etab.cl\/clases\/pdfs\/Passw-Make-encylopedia-vol3.pdf\" target=\"_blank\">pdf<\/a><br>Desarrollo aut\u00f3nomo de ejercicios propuestos:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1TYin6G1jFwluIOKyYqQgcEKi7vCttCqpfoQLiZxXq2c\/edit?usp=sharing\" target=\"_blank\">https:\/\/docs.google.com\/spreadsheets\/d\/1TYin6G1jFwluIOKyYqQgcEKi7vCttCqpfoQLiZxXq2c\/edit?usp=sharing<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>C<\/strong>6 y C7 \u2013 15\/7\/2021 y 17\/7\/2021<\/h2>\n\n\n\n<p>Multitasking en Arduino:&nbsp;<a href=\"https:\/\/learn.adafruit.com\/multi-tasking-the-arduino-part-1\/using-millis-for-timing\">https:\/\/learn.adafruit.com\/multi-tasking-the-arduino-part-1\/using-millis-for-timing<\/a><\/p>\n\n\n\n<p>Desarrollo aut\u00f3nomo de ejercicios propuestos:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1TYin6G1jFwluIOKyYqQgcEKi7vCttCqpfoQLiZxXq2c\/edit?usp=sharing\" target=\"_blank\">https:\/\/docs.google.com\/spreadsheets\/d\/1TYin6G1jFwluIOKyYqQgcEKi7vCttCqpfoQLiZxXq2c\/edit?usp=sharing<\/a><\/p>\n\n\n\n<p><strong>Referencia Fundamentos Arduino:<\/strong><br><a href=\"https:\/\/www.arduino.cc\/en\/Tutorial\/Foundations\">https:\/\/www.arduino.cc\/en\/Tutorial\/Foundations<\/a>https:\/\/amormunoz.net\/2019\/11\/13\/maquila-region-4\/embed\/#?secret=Iz2rPvR3Sthttps:\/\/player.vimeo.com\/video\/196499725?dnt=1&amp;app_id=122963Sandra de Berducci \u2013 Aruma: https:\/\/sandradeberduccy.com<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Entrega-final\"><a href=\"http:\/\/etab.cl\/clases\/uchile\/obj-tec\/?page_id=2868#Entrega-final\">.<\/a><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Evaluaci\u00f3n final<\/strong><\/h2>\n\n\n\n<p>La&nbsp;<strong>evaluaci\u00f3n final<\/strong>&nbsp;para este curso se har\u00e1 a partir de la revisi\u00f3n de las bit\u00e1coras personales de cada estudiante&nbsp;<strong>(proceso)<\/strong>. Estas deber\u00e1n contener una detallada y organizada documentaci\u00f3n de los ejercicios llevados en clase seg\u00fan lo establecido m\u00e1s abajo en \u201cCaracter\u00edsticas de contenidos\u201d.<br><br><strong>1)<\/strong>&nbsp;<strong>Caracter\u00edsticas de contenidos:<\/strong><br>\u2013&nbsp;<strong>Documentaci\u00f3n<\/strong>&nbsp;fotogr\u00e1fica, audiovisual y\/o sonora de los ejercicios desarrollados en clase y en casa.<br>\u2013&nbsp;<strong>Referentes<\/strong>&nbsp;art\u00edsticos o de otro tipo en formato escrito, fotogr\u00e1fico y\/o con links que lleven a contenido en l\u00ednea. Al citar referentes es importante considerar anotaciones que dejen ver cu\u00e1l es el inter\u00e9s por la referencia en particular, as\u00ed como tambi\u00e9n qu\u00e9 vinculaciones se pueden hacer con el propio trabajo.<br>\u2013&nbsp;<strong>Escritos<\/strong>&nbsp;de distinta extensi\u00f3n que manifiesten los procesos seguidos, aspectos&nbsp;<strong>formales y conceptuales<\/strong>&nbsp;que puedan emerger de los ejercicios (por muy iniciales que sean).<br>\u2013 Documentaci\u00f3n en detalle del&nbsp;<strong>ejercicio final<\/strong>.<br><br><strong>2)<\/strong>&nbsp;<strong>Se evaluar\u00e1 lo siguiente:<\/strong><br>\u2013 Calidad y organizaci\u00f3n del contenido seg\u00fan lo establecido en el punto (1) : 1.5 pts.<br>\u2013 Cantidad del contenido seg\u00fan lo establecido en el punto (1): 1.5 pts.<br>\u2013 Ejercicio final seg\u00fan la calidad y cantidad documentada de este proceso en particular 3 pts.<br>\u2013 +1 pt base<br><br><strong>3) Fecha de entrega:<\/strong><br>Lunes 16 de Agosto, 2021 hasta las 23:59.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Lista de referentes art\u00edsticos<\/strong><\/h1>\n\n\n\n<p><strong>Tristan Perich<\/strong><br>1bit Music: 1 bit Music<br>1bit Symphony:&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/www.1bitsymphony.com\/\" target=\"_blank\">http:\/\/www.1bitsymphony.com\/<\/a><br>1bit Symphony video:&nbsp;<a href=\"https:\/\/vimeo.com\/12244413\">https:\/\/vimeo.com\/12244413<\/a><br>Breathing Potraits:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/vimeo.com\/15259734\" target=\"_blank\">https:\/\/vimeo.com\/15259734<\/a><br>Microtonal Wall:&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/tristanperich.com\/#Artwork\/Microtonal_Wall\" target=\"_blank\">http:\/\/tristanperich.com\/#Artwork\/Microtonal_Wall<\/a><br>Microtonal Wall:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/vimeo.com\/45225412\" target=\"_blank\">https:\/\/vimeo.com\/45225412<\/a><br>Interval Studies:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/vimeo.com\/9218458\" target=\"_blank\">https:\/\/vimeo.com\/9218458<\/a><\/p>\n\n\n\n<p><strong>Peter Vogel<\/strong><br>The Sound of Shadows website:&nbsp;<a href=\"http:\/\/vogelexhibition.weebly.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/vogelexhibition.weebly.com\/<\/a><br>The Sound of Shadows video:&nbsp;<a href=\"https:\/\/vimeo.com\/59829961\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/vimeo.com\/59829961<\/a><br>P\u00e1gina personal:&nbsp;<a href=\"http:\/\/www.petervogel-objekte.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/www.petervogel-objekte.de<\/a><\/p>\n\n\n\n<p><strong>Christina Kubisch<\/strong><br><a href=\"https:\/\/vimeo.com\/54846163\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/vimeo.com\/54846163<\/a><\/p>\n\n\n\n<p><strong>Zimoun<\/strong><br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.zimoun.net\/2013-329.html\" target=\"_blank\">http:\/\/www.zimoun.net\/2013-329.html<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.zimoun.net\/2014-20.html\" target=\"_blank\">http:\/\/www.zimoun.net\/2014-20.html<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.zimoun.net\/2009-25.html\" target=\"_blank\">http:\/\/www.zimoun.net\/2009-25.html<\/a><\/p>\n\n\n\n<p><strong>Otros\/as<\/strong><br><a href=\"https:\/\/www.nationalgalleries.org\/art-and-artists\/68843\/capri-battery\">Joseph Beuys: Capri Battery<\/a><br><a href=\"https:\/\/www.diaart.org\/visit\/visit\/walter-de-maria-the-lightning-field\">Walter de Maria: Lightning Field<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.flong.com\/\" target=\"_blank\">Golan Levin<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.smoothware.com\/danny\/\" target=\"_blank\">Daniel Rozin<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/manovich.net\/\" target=\"_blank\">Lev Manovich<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.fpp.uchile.cl\/content\/docs\/El%20lenguaje%20de%20los%20nuevos%20medios.pdf\" target=\"_blank\">Manovich Lev, El lenguaje de los nuevos medios de comunicaci\u00f3n (The Language of New Media)<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.realsnailmail.net\/\" target=\"_blank\">Real Snail Mail Project<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/technolojie.com\/\" target=\"_blank\">Jie Qi<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.bareconductive.com\/\" target=\"_blank\">Bare Conductive<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/makeymakey.com\/\" target=\"_blank\">Makey Makey<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/highlowtech.org\/\" target=\"_blank\">High-Low Tech Lab<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.botanicalls.com\/\" target=\"_blank\">Botanicalls<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/bitforms.art\/artists\" target=\"_blank\">Bitforms Gallery<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/yurisuzuki.com\/artist\/\" target=\"_blank\">Yuri Suzuki<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.moma.org\/interactives\/exhibitions\/2011\/talktome\/objects\/146410\/\" target=\"_blank\">Exposici\u00f3n Talk to Me \u2013 MOMA<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/nicole%20l%27hullier\/\" target=\"_blank\">Nicole L\u2019Hullier<\/a><br><a rel=\"noreferrer noopener\" href=\"http:\/\/www.sofiabalbontin.com\/\" target=\"_blank\">Sof\u00eda Balbont\u00edn<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/amormunoz.net\/\" target=\"_blank\">Amor Mu\u00f1oz<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/makeymakey.com\/\" target=\"_blank\">Makey Makey<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.bareconductive.com\/\" target=\"_blank\">Bare Conductive Board<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.emovere.cl\/intersecciones-fragiles\/\" target=\"_blank\">Emovere: Intersecciones Fr\u00e1giles<\/a>, <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=SM9E5LMeN9Y\" target=\"_blank\">video documental<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/vimeo.com\/51830893\" target=\"_blank\">Rain Room<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Referencias t\u00e9cnicas<\/strong><br>Potenci\u00f3metros<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Clases presenciales &#8211; 2\u00ba semestre 2021. 14 de octubre 2021 &#8211; 14:30h a 17:30h &#8211; Sala 1A (Impresoras 3D). 08 de noviembre 2021 &#8211; 14:30h a 17:30h &#8211; Sala 1A (Impresoras 3D). 02 de diciembre 2021 &#8211; 14:30h a 17:30h &#8211; Sala 1A (Impresoras 3D) Calendario: https:\/\/docs.google.com\/spreadsheets\/d\/1mH11Q5sTu8wKTQmTdjaeZBmlCn0OXu64U9DlDzant1s\/edit?usp=sharingRegistro clases: https:\/\/drive.google.com\/drive\/folders\/1_tvvlpvFuZL2ambbVX-UKk151PmzMbvR?usp=sharingLinks bit\u00e1coras: https:\/\/docs.google.com\/document\/d\/1gOnrY8e6C4C2BlVirZb88_ORw9xTHeTQ5Qj5F5YXxrM\/edit?usp=sharingPrograma: https:\/\/www.u-cursos.cl\/artes\/2021\/2\/TCOM121-820\/11\/datos_curso\/Bibliograf\u00eda:https:\/\/drive.google.com\/drive\/folders\/1kORqK07tlXhZKaQRr0ExKN_p6mxPS3Xy?usp=sharing Materiales necesarios para [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2932","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/clases.etab.cl\/index.php?rest_route=\/wp\/v2\/pages\/2932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clases.etab.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clases.etab.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clases.etab.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clases.etab.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2932"}],"version-history":[{"count":17,"href":"https:\/\/clases.etab.cl\/index.php?rest_route=\/wp\/v2\/pages\/2932\/revisions"}],"predecessor-version":[{"id":3014,"href":"https:\/\/clases.etab.cl\/index.php?rest_route=\/wp\/v2\/pages\/2932\/revisions\/3014"}],"wp:attachment":[{"href":"https:\/\/clases.etab.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}