Salta al contingut

Universitat Oberta
de Catalunya

Quadern de Programació i Interacció

Autoria: Paloma González, Enric Mor, Eduard Muntaner i Mònica Rikic
L'encàrrec i la creació d'aquest recurs d'aprenentatge UOC han estat coordinats pel professor: Enric Mor
PID_00290703
Tercera edició: setembre 2022

Menú
  • 1. Guia 1: dibuixos
    • 1.1. Presentació
    • 1.2. Objectius
    • 1.3. Què necessitarem?
    • 1.4. Introducció a Snap!
      • 1.4.1. Introducció
      • 1.4.2. Exercici 1: ens donem d’alta i comencem a programar
      • 1.4.3. Dos exemples senzills
      • 1.4.4. El menú llapis
      • 1.4.5. Orientació a l’escenari
      • 1.4.6. Exercici 2: arrosseguem i tornem al centre
      • 1.4.7. Esdeveniments
      • 1.4.8. Bucles
      • 1.4.9. Exercici 3: nested loops
      • 1.4.10. Creació de personatges
      • 1.4.11. Paral·lelisme
      • 1.4.12. Exemple de bucles per a dibuixar línies: ens inspirem en Erwin Steller
      • 1.4.13. Exercici 4: projecte Snap! inspirat en Vasa Mihich
      • 1.4.14. Exercici 5: crear un projecte Snap! inspirat en les obres de Sol LeWitt
      • 1.4.15. Els meus projectes
    • 1.5. Reflexions finals i propostes de lectures
  • 2. Guia 2: autòmats
    • 2.1. Presentació: art generatiu
    • 2.2. Objectius
    • 2.3. Què necessitarem?
    • 2.4. Impredictibilitat
      • 2.4.1. Introducció
      • 2.4.2. Condicionals
      • 2.4.3. Exercici 1: creem un mosaic amb Snap!, inspirat en l’obra de James Hugonin
      • 2.4.4. Exercici 2: aleatorietat i música
      • 2.4.5. Exercici 3: creant art generatiu a partir de traços o pinzellades d’eines tradicionals
    • 2.5. Sistemes autònoms
      • 2.5.1. Introducció
      • 2.5.2. Variables
      • 2.5.3. Exercici 2: projecte Snap! inspirat en George Nees
      • 2.5.4. Exercici 3: utilitzem Snap! per a recrear l’obra de Vera Molnár
    • 2.6. Autoria
      • 2.6.1. Introducció
      • 2.6.2. Exercici 4: reflexió final sobre art generatiu
  • 3. Guia 3: interaccions
    • 3.1. Presentació: art interactiu
    • 3.2. Objectius
    • 3.3. Interacció i interactivitat
      • 3.3.1. Què és la interactivitat?
      • 3.3.2. Disseny d’interacció
      • 3.3.3. Disseny centrat en l’usuari
      • 3.3.4. Interacció i interfície
      • 3.3.5. Principis de disseny d’interacció
      • 3.3.6. Resum i bibliografia
    • 3.4. Què necessitarem?
    • 3.5. Interactivitat amb Snap!
      • 3.5.1. Introducció
      • 3.5.2. Exercici 1: dibuixem a partir de la paraula que escrigui l’usuari
      • 3.5.3. Exercici 2: afegim un botó virtual al nostre programa
      • 3.5.4. Exercici 3: interaccions amb Snap! i una càmera web
      • 3.5.5. Exercici 4: mosaics generatius i interactius
      • 3.5.6. Exercici 5: art generatiu i interactiu a partir de traços o pinzellades
    • 3.6. Interactivitat amb el món físic: introducció a ED1
      • 3.6.1. Introducció
      • 3.6.2. L’entorn de programació MicroBlocks
      • 3.6.3. Exemple: fem aparèixer text a la pantalla
      • 3.6.4. Exemple: fem aparèixer una imatge a la pantalla
      • 3.6.5. Exemple: treballem amb sensors
      • 3.6.6. Exercici 4: seguir la guia de sensors i actuadors incorporats a l’ED1
      • 3.6.7. Exercici 5: traduint llum en so
      • 3.6.8. Exercici 6: treballant amb tires de llum
      • 3.6.9. Exercici 7: exploració lliure d’un projecte interactiu amb MicroBlocks i ED1
    • 3.7. Reflexions finals i propostes de lectures
      • 3.7.1. Inicis de l’art interactiu
      • 3.7.2. Recursos addicionals
  • 4. Guia 4: moviments
    • 4.1. Presentació
    • 4.2. Objectius
    • 4.3. Què necessitarem?
    • 4.4. Art cinètic i art òptic
      • 4.4.1. Introducció
      • 4.4.2. Exercici 1: art òptic amb Snap!
      • 4.4.3. Exercici 2: creem una obra inspirada en Bridget Riley
      • 4.4.4. Exemple: creem moviment sobre una obra de Georg Nees
    • 4.5. Art processual
      • 4.5.1. Introducció
      • 4.5.2. Exercici 3: reflexió sobre art processual i tecnologies digitals
      • 4.5.3. Exercici 4: interacció, moviment i música amb Snap!
      • 4.5.4. Exercici 5: dibuixant i pintant a partir de fotografies
      • 4.5.5. Exercici 6: collage fotogràfic i efectes digitals generatius
    • 4.6. ED1 i moviment: servosistemes i motors pas a pas
      • 4.6.1. Introducció
      • 4.6.2. Exemple: robots senzills amb ED1 i servo
      • 4.6.3. Exercici 7: mecanismes amb motor pas a pas
    • 4.7. El tinkering i l’art
      • 4.7.1. Introducció
      • 4.7.2. Exercici 8: computational tinkering
    • 4.8. Autors i recursos
  • 5. Guia 5: sistemes
    • 5.1. Presentació
    • 5.2. Objectius
    • 5.3. Què necessitarem?
    • 5.4. Poesia experimental
      • 5.4.1. Introducció
      • 5.4.2. Exercici 1: lletrisme i espacialisme amb Snap!
      • 5.4.3. Exercici 2: poesia i imatge
    • 5.5. Poesia generativa
      • 5.5.1. Introducció
      • 5.5.2. Llistes amb Snap!
      • 5.5.3. Exercici 3: generem aforismes amb Snap!
    • 5.6. Intel·ligència artificial i poesia
      • 5.6.1. Introducció
      • 5.6.2. Exercici 4: juguem amb un generador de poesia en línia
    • 5.7. Poesia cinètica
      • 5.7.1. Introducció
      • 5.7.2. Exercici 5: poema en moviment
    • 5.8. Poesia interactiva
      • 5.8.1. Introducció
      • 5.8.2. Exemple: poesia interactiva amb Snap!
      • 5.8.3. Exercici 6: poesia interactiva amb ED1
    • 5.9. Més enllà de la poesia: creativitat computacional
      • 5.9.1. Introducció
      • 5.9.2. Exercici 7: es pot simular la creativitat amb un ordinador?
    • 5.10. Exercici final: introducció a les instal·lacions interactives
    • 5.11. Propostes de lectures i recursos
  • 1. Guia 1: dibuixos
    • 1.1. Presentació
    • 1.2. Objectius
    • 1.3. Què necessitarem?
    • 1.4. Introducció a Snap!
      • 1.4.1. Introducció
      • 1.4.2. Exercici 1: ens donem d’alta i comencem a programar
      • 1.4.3. Dos exemples senzills
      • 1.4.4. El menú llapis
      • 1.4.5. Orientació a l’escenari
      • 1.4.6. Exercici 2: arrosseguem i tornem al centre
      • 1.4.7. Esdeveniments
      • 1.4.8. Bucles
      • 1.4.9. Exercici 3: nested loops
      • 1.4.10. Creació de personatges
      • 1.4.11. Paral·lelisme
      • 1.4.12. Exemple de bucles per a dibuixar línies: ens inspirem en Erwin Steller
      • 1.4.13. Exercici 4: projecte Snap! inspirat en Vasa Mihich
      • 1.4.14. Exercici 5: crear un projecte Snap! inspirat en les obres de Sol LeWitt
      • 1.4.15. Els meus projectes
    • 1.5. Reflexions finals i propostes de lectures
  • 2. Guia 2: autòmats
    • 2.1. Presentació: art generatiu
    • 2.2. Objectius
    • 2.3. Què necessitarem?
    • 2.4. Impredictibilitat
      • 2.4.1. Introducció
      • 2.4.2. Condicionals
      • 2.4.3. Exercici 1: creem un mosaic amb Snap!, inspirat en l’obra de James Hugonin
      • 2.4.4. Exercici 2: aleatorietat i música
      • 2.4.5. Exercici 3: creant art generatiu a partir de traços o pinzellades d’eines tradicionals
    • 2.5. Sistemes autònoms
      • 2.5.1. Introducció
      • 2.5.2. Variables
      • 2.5.3. Exercici 2: projecte Snap! inspirat en George Nees
      • 2.5.4. Exercici 3: utilitzem Snap! per a recrear l’obra de Vera Molnár
    • 2.6. Autoria
      • 2.6.1. Introducció
      • 2.6.2. Exercici 4: reflexió final sobre art generatiu
  • 3. Guia 3: interaccions
    • 3.1. Presentació: art interactiu
    • 3.2. Objectius
    • 3.3. Interacció i interactivitat
      • 3.3.1. Què és la interactivitat?
      • 3.3.2. Disseny d’interacció
      • 3.3.3. Disseny centrat en l’usuari
      • 3.3.4. Interacció i interfície
      • 3.3.5. Principis de disseny d’interacció
      • 3.3.6. Resum i bibliografia
    • 3.4. Què necessitarem?
    • 3.5. Interactivitat amb Snap!
      • 3.5.1. Introducció
      • 3.5.2. Exercici 1: dibuixem a partir de la paraula que escrigui l’usuari
      • 3.5.3. Exercici 2: afegim un botó virtual al nostre programa
      • 3.5.4. Exercici 3: interaccions amb Snap! i una càmera web
      • 3.5.5. Exercici 4: mosaics generatius i interactius
      • 3.5.6. Exercici 5: art generatiu i interactiu a partir de traços o pinzellades
    • 3.6. Interactivitat amb el món físic: introducció a ED1
      • 3.6.1. Introducció
      • 3.6.2. L’entorn de programació MicroBlocks
      • 3.6.3. Exemple: fem aparèixer text a la pantalla
      • 3.6.4. Exemple: fem aparèixer una imatge a la pantalla
      • 3.6.5. Exemple: treballem amb sensors
      • 3.6.6. Exercici 4: seguir la guia de sensors i actuadors incorporats a l’ED1
      • 3.6.7. Exercici 5: traduint llum en so
      • 3.6.8. Exercici 6: treballant amb tires de llum
      • 3.6.9. Exercici 7: exploració lliure d’un projecte interactiu amb MicroBlocks i ED1
    • 3.7. Reflexions finals i propostes de lectures
      • 3.7.1. Inicis de l’art interactiu
      • 3.7.2. Recursos addicionals
  • 4. Guia 4: moviments
    • 4.1. Presentació
    • 4.2. Objectius
    • 4.3. Què necessitarem?
    • 4.4. Art cinètic i art òptic
      • 4.4.1. Introducció
      • 4.4.2. Exercici 1: art òptic amb Snap!
      • 4.4.3. Exercici 2: creem una obra inspirada en Bridget Riley
      • 4.4.4. Exemple: creem moviment sobre una obra de Georg Nees
    • 4.5. Art processual
      • 4.5.1. Introducció
      • 4.5.2. Exercici 3: reflexió sobre art processual i tecnologies digitals
      • 4.5.3. Exercici 4: interacció, moviment i música amb Snap!
      • 4.5.4. Exercici 5: dibuixant i pintant a partir de fotografies
      • 4.5.5. Exercici 6: collage fotogràfic i efectes digitals generatius
    • 4.6. ED1 i moviment: servosistemes i motors pas a pas
      • 4.6.1. Introducció
      • 4.6.2. Exemple: robots senzills amb ED1 i servo
      • 4.6.3. Exercici 7: mecanismes amb motor pas a pas
    • 4.7. El tinkering i l’art
      • 4.7.1. Introducció
      • 4.7.2. Exercici 8: computational tinkering
    • 4.8. Autors i recursos
  • 5. Guia 5: sistemes
    • 5.1. Presentació
    • 5.2. Objectius
    • 5.3. Què necessitarem?
    • 5.4. Poesia experimental
      • 5.4.1. Introducció
      • 5.4.2. Exercici 1: lletrisme i espacialisme amb Snap!
      • 5.4.3. Exercici 2: poesia i imatge
    • 5.5. Poesia generativa
      • 5.5.1. Introducció
      • 5.5.2. Llistes amb Snap!
      • 5.5.3. Exercici 3: generem aforismes amb Snap!
    • 5.6. Intel·ligència artificial i poesia
      • 5.6.1. Introducció
      • 5.6.2. Exercici 4: juguem amb un generador de poesia en línia
    • 5.7. Poesia cinètica
      • 5.7.1. Introducció
      • 5.7.2. Exercici 5: poema en moviment
    • 5.8. Poesia interactiva
      • 5.8.1. Introducció
      • 5.8.2. Exemple: poesia interactiva amb Snap!
      • 5.8.3. Exercici 6: poesia interactiva amb ED1
    • 5.9. Més enllà de la poesia: creativitat computacional
      • 5.9.1. Introducció
      • 5.9.2. Exercici 7: es pot simular la creativitat amb un ordinador?
    • 5.10. Exercici final: introducció a les instal·lacions interactives
    • 5.11. Propostes de lectures i recursos

Quadern de Programació i Interacció

Scroll
uoc.edu
BY-SA

Els textos i imatges publicats en aquesta obra estan subjectes –llevat que s’indiqui el contrari– a una llicència Creative Commons de tipus Reconeixement-Compartir igual (BY-SA) v.3.0. Podeu modificar l’obra, reproduirla, distribuir-la o comunicar-la públicament sempre que en citeu l’autor i la font (Fundació per a la Universitat Oberta de Catalunya), i sempre que l’obra derivada quedi subjecta a la mateixa llicència que l’obra original. La llicència completa es pot consultar a http://creativecommons.org/licenses/by-sa/3.0/es/legalcode.ca

Tancar modal

Modal per imatges