Imagen Escrita 2023

De Casiopea


Asignatura(s)Imagen Escrita
Año2023
Tipo de CursoRamo Lectivo
ProfesoresHerbert Spencer
Profesor(es) Ayudante(s)Javiera Ruiz
EstudiantesPedro Beltrán, Dominique Carvajal González, Antonella Andrea Saa Roman, Martina Fernández Ferry, Valeria Muñoz Valdivia, Monserrat Romero, Valeria González Vásquez, Antonia Campillay Miranda, Sarai Farías Pincheira, Catalina Cabezas, Misael Vergara, Sophia Maluenda, Valentina Martínez, Annelys Mendez Feliz, Amanda Muñoz, Emilie Cabello, Javiera Iturrieta, Antonia Aguirre, Florencia Pimentel, Antonia Navarro Cassi, Valentina Maldonado, Ingeborg Gundersen, Antonia Cirelli Gonzalez Tapia, Adriana Vicencio, Agustina Silva, Catalina Esperanza González Godoy, Damian Maturana, Yion Yi Carvajal, Antonia Belaustegui, Ignacio Herrera, Almendra Ortega, MartinaToledo
Palabras Claveprogramación, html, css, p5js, javascript, chatgpt
Carreras RelacionadasDiseño

Estudiantes

Horario de clases: viernes 9:30 - 11:30

Introducción al Curso

El curso de Imagen Escrita para este año está diseñado para proporcionar a los estudiantes una comprensión sólida de los conceptos fundamentales de la programación y el diseño web. Se utilizarán herramientas como HTML, CSS, P5js y Github. Este año, se incorpora una nueva herramienta al arsenal: ChatGPT, un modelo de lenguaje avanzado desarrollado por OpenAI. ChatGPT será una herramienta invaluable para ayudar a traducir las ideas de pseudocódigo a código real, facilitando el pensamiento lógico y específico necesario para desarrollar proyectos funcionales..

Criterios de Evaluación

  1. Comprensión y Aplicación de Conceptos: Los estudiantes deben demostrar una comprensión sólida de los conceptos de programación y diseño web enseñados en el curso y aplicarlos de manera efectiva en sus proyectos.
  2. Creatividad y Originalidad: Los proyectos deben ser originales y mostrar un uso creativo de las herramientas y técnicas enseñadas en el curso.
  3. Funcionalidad del Proyecto: Los proyectos deben ser completamente funcionales y libres de errores de programación.
  4. Presentación y Documentación: Los estudiantes deben presentar su trabajo de manera profesional y proporcionar documentación adecuada para sus proyectos.
  5. Participación y Colaboración: Los estudiantes deben participar activamente en las discusiones en clase y colaborar de manera efectiva con sus compañeros.

Herramientas del Curso

  1. HTML y CSS: Lenguajes de marcado utilizados para estructurar y diseñar contenido en la web.
  2. Decargar el software Visual Studio Code como herramienta (entorno de desarrollo) principal del curso.
  3. Github: Plataforma de desarrollo colaborativo que permite a los usuarios alojar y revisar código, gestionar proyectos y construir software.
  4. P5js: Biblioteca de JavaScript que simplifica la programación para artistas, diseñadores, educadores y principiantes.
  5. Wiki Casiopea API: Interfaz de programación de aplicaciones que permite la consulta y visualización de datos.
  6. ChatGPT: Modelo de lenguaje avanzado que puede ayudar a traducir pseudocódigo a código real.

Cronograma del Curso

Sesión 1: Viernes, 11 de Agosto

  • Tema: Introducción al curso, Github y Markdown: Se introducirá Github, una plataforma de desarrollo colaborativo, y Markdown, un lenguaje de marcado ligero.
  • Conceptos clave:
    • Creación de un repositorio en Github
    • Uso de commits y branches
    • Colaboración y pull requests
    • Uso básico de Markdown para documentación
    • Github
    • Markdown
  • Ejercicio de clase: Presentaciones de los participantes

Sesión 2: Viernes, 18 de Agosto

  • Navegador Web y el inspector como herramienta de diseño
  • Introducción a HTML y CSS
  • Presentación del Editor P5js
  • Creación de un repositorio en Github
  • Publicación Web a partir de un repositorio
  • Crear una Tarea (en Wiki Casiopea) y agregarla al curso

Enlaces Importantes

Ejercicio de clase: Creación y publicación de una página web básica utilizando Github Pages:

Sitios Web del Curso

 AlumnosURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Adriana Vicencio Imagen EscritaAdriana Vicenciohttps://editor.p5js.org/adrivm19/full/Qa-niAAxt
Agustina Silva: Sitio web para IE2023Agustina Silvahttps://aasc17.github.io/Agustinat1/
Almendra Ortega: Sitio web para IE 2023Almendra Ortegahttps://almendraortega.github.io/almendraortega/
Alumnus Exemplar: Sitio Web para IE2023Alumnus Exemplarhttps://hspencer.github.io/ie23-01/
Amanda Muñoz: Sitio Web para IE2023Amanda Muñozhttps://amunqz.github.io/Imagen escrita 08 09/
Annelys Mendez Feliz: Sitio web1 IE2023Annelys Mendez Felizhttps://amfeliz.github.io/IMEI2023-PROY1/
Antonia Aguirre: Sitio web para IE 2023Antonia Aguirrehttps://antoaguirre.github.io/ie23-01/
Antonia Campillay M: Sitio Web para IE2023Antonia Campillay Mirandahttps://icmanto.github.io/AntoniaCampillayM-sSite/
Antonia Navarro C : Imagen escrita 01Antonia Navarro Cassihttps://antonianc.github.io/Imagen-escrita-01-/
Antonia Navarro Cassi: imagenescrita01Antonia Navarro Cassihttps://antonianc.github.io/Imagen-escrita-01-/
Catalina Cabezas: Sitio Web IE 2023Catalina Cabezashttps://kvtari.github.io
Catalina gonzalez tarea 1Catalina Esperanza González Godoyhttps://editor.p5js.org/catalinagonzalez/sketches/OlV89C0wW
Damian Maturana:Tarea01 IE 2023Damian Maturanahttps://damianmatu.github.io/damipruebadepag/
Diego Mejias: sitio web IM 2023Diego Mejíashttps://diieggouu.github.io/diego.github.io/
Emilie Cabello: Sitio Web para IE2023Emilie Cabellohttps://editor.p5js.org/EmilieCabello/sketches/PYeWBOdtI
Florencia Pimentel FornoFlorencia Pimentelhttps://flopimentelf.github.io/Burbujas/
Ingeborg Gundersen: Sitio Web para IE2023Ingeborg Gundersenhttps://ingeborggundersen.github.io/
Javiera Gaete Montecinos - Sitio Web IE 2023Javiera Gaete Montecinos
Javiera Iturrieta: Sitio Web IE 2023Javiera Iturrietahttps://javieraiturrieta.github.io/ie2023-01/
MartinaToledo: sitio web para IE2023MartinaToledohttps://martidlz.github.io/marti2.github.io/
Misael Vergara: Sitio Web para IE 2023Misael Vergarahttps://makomv.github.io/imagen-escrita/
Monserrat Romero: Tarea 01 IE 2023Monserrat Romerohttps://mmonserratr.github.io/mmonserratrr.github.io/
Pablo Pedro Beltrán: Sitio Web para IE2023Pedro Beltránhttps://pedropablob.github.io/misitioweb/
PaginawebbAntonia Cirelli Gonzalez Tapiahttps://cirelli20.github.io/ie2023pag2/
Portafolio web Imagen Escrita 2023/Antonella SaaAntonella Andrea Saa Romanhttps://antosaar.github.io/Portafolio/
Página Web Ignacio HerreraIgnacio Herrerahttps://herreraig.github.io/IMAGEN-ESCRITA-IHB/
Página webAntonia Belausteguihttps://antoo19.github.io/pagina-imagen-escrita/
Sarai Farías Pincheira: Sitio Web IE 2023Sarai Farías Pincheirahttps://saraifp.github.io/ie2023/
Sitio Web Imagen Escrita23: Dominique CarvajalDominique Carvajal Gonzálezhttps://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Valentina Maldonado: Creación sitio web Imagen Escrita 2023Valentina Maldonadohttps://valeemaldonado.github.io/imagen-escrita/
Valeria González Vásquez: Tarea 01 IE 2023Valeria González Vásquezhttps://github.com/VGVarq/Proyecto-IE-2023/tree/main
Yion Yi Carvajal: Tarea 1 IE 2023Yion Yi Carvajalhttps://norrenn.github.io/Primer-Encargo-IE/

Sesión 3: Viernes, 25 de Agosto

  • Tema: Introducción a HTML y CSS: Se introducirán los conceptos básicos de HTML y CSS, los lenguajes de marcado utilizados para estructurar y diseñar contenido en la web.
  • Conceptos clave:
    • Revisión de la estructura básica de una página HTML
    • Concepto del DOM (Document Object Model).
    • Uso de atributos HTML como href, src, id, class, etc.
    • Uso de selectores CSS, propiedades y valores
    • Creación de una hoja de estilos CSS
    • HTML
    • CSS
    • THE EXPERIMENTAL LAYOUT LAB the Jen Simmons, diseñadora y miembro del grupo de especificación de CSS. Canal de YT LayoutLand
  • Ejercicio de clase: Avance en el diseño y estructura del sitio web personal utilizando una grilla.

Enlaces de la Clase

Tarea Nº2

  1. Agregar una foto al perfil de la Wiki (cuadrada, que aparezca su rostro, pueden usar el filtro mostrado en clases)
  2. Leer Process Compendium de Casey Reas, y experimentar en el editor de p5.js con Formas, Comportamientos y Elementos. Deben enlazar la url del editor en la tarea n° 2 y además agregar el sketch realizado a su sitio web de portafolio.
  3. Si utilizan Chat GPT, compartir los prompts/inputs que permitieron generar el código.
Tareas

EJEMPLO: Encargo 02 IE 2023 - (Nombrar encargo) / Nombre y Apellidos

 AlumnosURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Annelys Mendez Feliz: Sitio web2 IE2023Annelys Mendez Felizhttps://amfeliz.github.io/IMEI2023-PROY2/
Damian Maturana:Tarea02 IE 2023Damian Maturanahttps://damianmatu.github.io/Damirepos2/
Encargo 01 IE 2023 / Amanda MuñozAmanda Muñozhttps://amunqz.github.io/Encargo 02/
Encargo 02 IE 2023 - (circulos en movimiento) / Emilie CabelloEmilie Cabellohttps://editor.p5js.org/EmilieCabello/full/qt7nZbOh5
Encargo 02 IE 2023 - Antonia Campillay MirandaAntonia Campillay Mirandahttps://editor.p5js.org/A.CampillayMiranda/sketches/6Iui6zDcc
Encargo 02 IE 2023 - Catalina CabezasCatalina Cabezashttps://editor.p5js.org/kvtari/sketches/FxRi1ymX0
Encargo 02 IE 2023 - Experimentación con partículas / Almendra OrtegaAlmendra Ortegahttps://almendraortega.github.io/almendraortega/Encargo2/
Encargo 02 IE 2023 - Misael VergaraMisael Vergarahttps://makomv.github.io/circulos-espontaneos/
Encargo 02 IE 2023 - Pablo Pablo BeltranPedro Beltránhttps://pedropablob.github.io/tarea2/
Encargo 02 IE 2023 - Pagina Web / Diego MejíasDiego Mejíashttps://diieggouu.github.io/diegou.github.io/
Encargo 02 IE 2023 - Sarai Farías PincheiraSarai Farías Pincheirahttps://editor.p5js.org/SaraiFp/sketches/LeTZUAL8N
Encargo 02 IE 2023 - circulos / Antonia AguirreAntonia Aguirrehttps://antoaguirre.github.io/ie2023-02/
Encargo 02 IE 2023 - clock sketch / Ingeborg GundersenIngeborg Gundersenhttps://ingeborggundersen.github.io/TimeMachine.html
Encargo 02 IE 2023 - formas y movimientos / Antonia BelausteguiAntonia Belausteguihttps://antoo19.github.io/Encargo-02/
Encargo 02 IE 2023 - formas, comportamientos y Elementos / Antonia gonzalez tapiaAntonia Cirelli Gonzalez Tapiahttps://cirelli20.github.io/tarea2/
Encargo 02 IE 2023 - imagen wiki / MartinaToledoMartinaToledo
Encargo 02 IE 2023 / Antonia Navarro CassiAntoniaCassihttps://antonianc.github.io/Sitio-web/
Encargo 02 IE 2023/Yion Yi Carvajalhttps://norrenn.github.io/Tarea-02/
Javiera Iturrieta: Encargo 02 IE 2023Javiera Iturrietahttps://javieraiturrieta.github.io/ie2023-02/
Monserrat Romero: Tarea 02 IE 2023Monserrat Romerohttps://mmonserratr.github.io/mmonserratrr.github.io/
Sitio Web Imagen Escrita23: Dominique Carvajal Tarea2Dominique Carvajal Gonzálezhttps://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Tarea número 2 Imagen EscritaAgustina Silvahttps://editor.p5js.org/aasc17/full/1AW3f-oe7f
Valeria González Vásquez: Tarea 02 IE 2023Valeria González Vásquezhttps://editor.p5js.org/VGVarq/sketches/jtOkFGg-Z
Yion Yi Carvajal Tarea n° 2 IE 2023Yion Yi Carvajal

Sesión 4: Viernes, 1 de Septiembre

  • Tema: Introducción a P5js y herramientas de dibujo: Se introducirá P5js, una biblioteca de JavaScript que simplifica la programación para artistas, diseñadores, educadores y principiantes.
  • Conceptos clave:
    • Tema random: Shaders
    • Identidad circular
    • Creación de formas con beginShape y endShape
    • Ciclos for simples y anidados
    • Interacción con el mouse y el teclado
  • Tarea:
    • Crear una película con una función propia que se dibuje al hacer click (o tap), al modo de un timbre de goma
    • Ideal es que este sketch quede hospedado en el mismo sitio que las otras tareas, que tenga un índice navegable al modo de un portafolio de trabajos del curso
    • En el caso de usar chatGPT, incorporar en la tarea el prompt utilizado. Se debe subir la misma forma indicando Tarea Número 3:
Tarea N° 3

EJEMPLO: Encargo 02 IE 2023 - (Nombrar encargo) / Nombre y Apellidos

 AlumnosURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Annelys Mendez Feliz: Sitio web3 IE2023Annelys Mendez Felizhttps://amfeliz.github.io/IMEI2023-PROY3/
Encargo 02 IE 2023 (Timbre Estrellado) / Almendra OrtegaAlmendra Ortegahttps://almendraortega.github.io/almendraortega/Encargo1/
Encargo 02 IE 2023 - (Timbre) / Antonella SaaAntonella Andrea Saa Romanhttps://editor.p5js.org/AntoSaa/sketches/2gocx2U8c
Encargo 02 IE 2023 - (Timbre) / Antonia Navarro CassiAntonia Navarro Cassihttps://antonianc.github.io/
Encargo 02 IE 2023 - (Timbre) / Pedro BeltránPedro Beltránhttps://pedropablob.github.io/Timbre-Tarea-3/
Encargo 02 IE 2023 - Catalina Esperanza González GodoyCatalina Esperanza González Godoyhttps://editor.p5js.org/catalinagonzalez/full/kFrbwA8ZB
Encargo 02 IE 2023 - Colored rain sketch / Ingeborg GundersenIngeborg Gundersenhttps://ingeborggundersen.github.io/Monet page.html
Encargo 02 IE 2023 - Identidad circular / Valeria González VásquezValeria González Vásquezhttps://editor.p5js.org/VGVarq/sketches/S33JZbzGl
Encargo 02 IE 2023 - Timbre / Amanda MuñozAmanda Muñozhttps://amunqz.github.io/Timbre-monograma---Imagen-Escrita/
Encargo 03 Antonia Navarro IE 2023Antonia Navarro Cassihttps://antonianc.github.io/
Encargo 03 IE 2023 - (Timbre) / Antonia AguirreAntonia Aguirrehttps://antoaguirre.github.io/ie2023-03/
Encargo 03 IE 2023 - (Timbre) / Antonia Navarro CassiAntonia Navarro Cassihttps://antonianc.github.io/
Encargo 03 IE 2023 - (Timbre) /Dominique Carvajal GonzalezDominique Carvajal Gonzálezhttps://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Encargo 03 IE 2023 - (bucle de triangulos) / Emilie Cabello ParraguezEmilie Cabellohttps://editor.p5js.org/EmilieCabello/full/mzVC58dqM
Encargo 03 IE 2023 - (firma digital) /Damian MaturanaDamian Maturanahttps://damianmatu.github.io/Damirepos3/
Encargo 03 IE 2023 - (timbre) / Antonia BelausteguiAntonia Belausteguihttps://antoo19.github.io/Encargo-3/
Encargo 03 IE 2023 - (timbre) / MartinaToledoMartinaToledohttps://martidlz.github.io/marti7.github.io/
Encargo 03 IE 2023 - Catalina CabezasCatalina Cabezashttps://editor.p5js.org/kvtari/sketches/UCqjKDkq0
Encargo 03 IE 2023 - Firma / Antonia Campillay MirandaAntonia Campillay Mirandahttps://editor.p5js.org/A.CampillayMiranda/sketches/8cDd1suIw
Encargo 03 IE 2023 - Timbre / Diego MejiasDiego Mejíashttps://diieggouu.github.io/diegom.github.io/
Encargo 03 IE 2023 - Timbre /Sarai Farías PincheiraSarai Farías Pincheirahttps://saraifp.github.io/ie23-03/
Encargo 03 IE 2023 - Valentina Belén Maldonado GonzálezValentina Maldonadohttps://editor.p5js.org/ValeeMaldonado/full/srxPqY4lk
Encargo 06 IE 2023 - Misael VergaraMisael Vergarahttps://makomv.github.io/triangulatorio/
Imagen escrita tarea tres agustina silvaAgustina Silvahttps://editor.p5js.org/aasc17/full/b1EI29RyY
Javiera Iturrieta: Encargo 03 IE 2023Javiera Iturrietahttps://javieraiturrieta.github.io/ie2023-03/
Monserrat Romero: Tarea 03 IE 2023Monserrat Romerohttps://mmonserratr.github.io/mmonserratr-SitioWeb-IE/
TAREA 3 CREAR UNA PELICULA COMO TIMBREAntonia Cirelli Gonzalez Tapiahttps://cirelli20.github.io/tarea-3/
Tarea n° 3 Imagen EscritaYion Yi Carvajalhttps://norrenn.github.io/Tarea-N-3-Imagen-Escrita/

Sesión 5: Viernes, 8 de Septiembre

  • Tema: Conceptos básicos de programación: funciones propias y recursividad Se introducen los conceptos de funciones propias y recursividad en la programación.
  • Conceptos clave:

Enlaces de la Clase

Tarea Nº4

  • Crear un sketch en el que experimenten con la recursión, considerando cualidades de elementos que se puedan encontrar en la naturaleza
  • En caso de consultar a Chat GPT, recuerden publicar los prompt en la wiki de su tarea
  • IMPORTANTE: Además de agregar la tarea a su sitio web, deben compartir la url en la tarea 4
Tareas

EJEMPLO: Encargo 04 IE 2023 - (Nombrar encargo) / Nombre y Apellidos

 AlumnosURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Encargo 04 IE 2023 - (Experimento de Recursión) / Antonia Navarro CassiAntonia Navarro Cassihttps://antonianc.github.io/AntoniaNCcoral.github.io/
Encargo 04 IE 2023 - (Recursión multicolor) / Emilie Cabello ParraguezEmilie Cabellohttps://editor.p5js.org/EmilieCabello/full/Sc7c4CcBx
Encargo 04 IE 2023 - (Recursión) / Antonella SaaAntonella Andrea Saa Romanhttps://editor.p5js.org/AntoSaa/sketches/FkTOVKv44
Encargo 04 IE 2023 - (Recursión) / Antonia AguirreAntonia Aguirrehttps://antoaguirre.github.io/ie2023-04/
Encargo 04 IE 2023 - (Recursión) / Dominique Carvajal GonzalezDominique Carvajal Gonzálezhttps://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Encargo 04 IE 2023 - (Recursión) / Pedro BeltránPedro Beltránhttps://pedropablob.github.io/tarea-4/
Encargo 04 IE 2023 - (explorando parametros de recursion) / Agustina SilvaAgustina Silvahttps://editor.p5js.org/aasc17/full/UR42Epit4
Encargo 04 IE 2023 - (explorando parametros de recursion) / Damian MaturanaDamian Maturanahttps://damianmatu.github.io/Damirepos4/
Encargo 04 IE 2023 - (recursion) / Diego MejiasDiego Mejíashttps://diieggouu.github.io/gogo.github.io/
Encargo 04 IE 2023 - Catalina CabezasCatalina Cabezashttps://editor.p5js.org/kvtari/sketches/3o qppiI4
Encargo 04 IE 2023 - Catalina Esperanza González GodoyCatalina Esperanza González Godoyhttps://editor.p5js.org/catalinagonzalez/full/fZhPFNIkB
Encargo 04 IE 2023 - Experimento de recursion / Antonia Gonzalez TapiaAntonia Cirelli Gonzalez Tapiahttps://cirelli20.github.io/tarea-4/
Encargo 04 IE 2023 - Follaje en crecimiento / Antonia Campillay MirandaAntonia Campillay Mirandahttps://editor.p5js.org/A.CampillayMiranda/sketches/61aWvJSt
Encargo 04 IE 2023 - La copo de nieve / Ingeborg GundersenIngeborg Gundersenhttps://ingeborggundersen.github.io/SnowflakePage.html
Encargo 04 IE 2023 - Misael VergaraMisael Vergarahttps://makomv.github.io/cresciente-verde/
Encargo 04 IE 2023 - Recursión / Monserrat RomeroMonserrat Romerohttps://editor.p5js.org/mmonserratr/sketches/gUEam0C d
Encargo 04 IE 2023 - Recursión / Valeria González VásquezValeria González Vásquezhttps://editor.p5js.org/VGVarq/sketches/LQpU7Lq72
Encargo 04 IE 2023 - Recursión / Yion Yi CarvajalYion Yi Carvajalhttps://norrenn.github.io/Encargo-04-IE/
Encargo 04 IE 2023 - Recursión/ Sarai Farías PincheiraSarai Farías Pincheirahttps://editor.p5js.org/SaraiFp/sketches/LeTZUAL8N
Encargo 04 IE 2023 - experimentación recursión / Valentina Maldonado GonzálezValentina Maldonadohttps://valeemaldonado.github.io/Recursionprueba1/
Encargo 04 IE 2023 / Amanda MuñozAmanda Muñozhttps://amunqz.github.io/Recursi-n-de-Girasol---Imagen-Escrita/
Encargo 4 imagen escritaAntonia Belausteguihttps://antoo19.github.io/Encargo-4/
IE23: Árbol recursivoAlumnus Exemplarhttps://hspencer.github.io/ie23-01/01-recursion/
Javiera Iturrieta: Encargo 04 IE 2023Javiera Iturrietahttps://javieraiturrieta.github.io/ie23-04/

Sesión 6: Viernes, 15 de Septiembre

  • Tema: Programación orientada a objetos
  • Conceptos clave:

Enlaces de la Clase

Tarea Nº5

  • Experimentar con objetos que cumplan con la condición de dibujar en el espacio. Es importante agregar un valor plástico a su composición, es decir, tener especial cuidado con el diseño visual
    • En caso de consultar a Chat GPT, recuerden publicar los prompt en la wiki de su tarea
    • IMPORTANTE: Además de agregar la tarea a su sitio web, deben compartir la url en la tarea 5
  • Mejorar sitio web personal, plantear una manera de exponer sus trabajos haciendo énfasis en la modificación de CSS.
Tareas

EJEMPLO: Encargo 05 IE 2023 - (Nombrar encargo) / Nombre y Apellidos

 AlumnosURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Annelys Mendez Feliz: Sitio web5 IE2023Annelys Mendez Felizhttps://amfeliz.github.io/IMESC-AMF-PROY5/
Encargo 05 IE 2023 (ramificación) / Martina ToledoMartinaToledohttps://martidlz.github.io/martina.github.io/
Encargo 05 IE 2023 - (Devoradores) / Damian MaturanaDamian Maturanahttps://damianmatu.github.io/Damirepos5/
Encargo 05 IE 2023 - (Las escamas multiplicadas) / Antonella SaaAntonella Andrea Saa Romanhttps://editor.p5js.org/AntoSaa/sketches/02yR3FuNl
Encargo 05 IE 2023 - (Objetos que se ramifican) / Antonia Navarro CassiAntonia Navarro Cassihttps://antonianc.github.io/Frutillas05/
Encargo 05 IE 2023 - (Objetos que se ramifican) / Dominique Carvajal GonzalezDominique Carvajal Gonzálezhttps://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Encargo 05 IE 2023 - (Ramificaciones) / Pedro BeltránPedro Beltránhttps://pedropablob.github.io/tarea-5/
Encargo 05 IE 2023 - (Ramificación ) / Antonia AguirreAntonia Aguirrehttps://antoaguirre.github.io/ie2023-05/
Encargo 05 IE 2023 - (corazones) / Emilie CabelloEmilie Cabellohttps://editor.p5js.org/EmilieCabello/full/sTY-kImY-
Encargo 05 IE 2023 - (dibujo gato) / Almendra OrtegaAlmendra Ortegahttps://almendraortega.github.io/almendraortega/
Encargo 05 IE 2023 - (espirales) /Catalina Esperanza González GodoyCatalina Esperanza González Godoyhttps://editor.p5js.org/catalinagonzalez/full/zt7BwESrn
Encargo 05 IE 2023 - Amanda MuñozAmanda Muñoz
Encargo 05 IE 2023 - Catalina CabezasCatalina Cabezashttps://kvtari.github.io
Encargo 05 IE 2023 - Estrellas / Ingeborg GundersenIngeborg Gundersenhttps://ingeborggundersen.github.io/StarsPage.html
Encargo 05 IE 2023 - Misael VergaraMisael Vergarahttps://makomv.github.io/pescados-consumidos/
Encargo 05 IE 2023 - Objetos / Monserrat RomeroMonserrat Romerohttps://editor.p5js.org/mmonserratr/sketches/dB7feB4WM
Encargo 05 IE 2023 - Objetos que se ramifican / Sarai Farías PincheiraSarai Farías Pincheirahttps://editor.p5js.org/SaraiFp/sketches/FCTUwHXmQ
Encargo 05 IE 2023 - Ramificaciones / Antonia BelausteguiAntonia Belausteguihttps://antoo19.github.io/encargo-05/
Encargo 05 IE 2023 - Ramificación estrellas/ Valentina Maldonado GonzálezValentina Maldonadohttps://valeemaldonado.github.io/Valeemaldonadorepositorio/
Encargo 05 IE 2023 - dibujar en el espacio / Antonia Gonzalez TapiaAntonia Cirelli Gonzalez Tapiahttps://cirelli20.github.io/tarea-5-/
Encargo 05 IE 2023 - ramificacion / Diego MejiasDiego Mejíashttps://diieggouu.github.io/gogou.github.io/
Encargo 05 IE/ Yion Yi CarvajalYion Yi Carvajalhttps://norrenn.github.io/Encargo-05-IE/
Javiera Iturrieta: Encargo 05 IE 2023Javiera Iturrietahttps://javieraiturrieta.github.io/ie2023-05/
Objetos que se ramificanAlumnus Exemplarhttps://hspencer.github.io/ie23-01/04-objetos/
Tarea 5 Imagen EscritaAgustina Silvahttps://editor.p5js.org/aasc17/full/yZR2xYn0t

Sesión 7: Viernes, 22 de Septiembre

  • Tema random: memes
  • Tema: Concepto de objetos en programación: Se introducirá el concepto de objetos en la programación.
  • Conceptos clave:
    • Creación y uso de objetos
    • Propiedades y métodos de los objetos
    • Objetos
  • Ejercicio de clase: Creación de un campo de partículas moviéndose de forma coherente a partir de una función noise compartida. Enlace al sketch de ejemplo.

Enlaces de la Clase

Tarea Nº6

Explorar variaciones del campo de partículas moviéndose en base a la función noise explorando diferentes posibilidades plásticas de las partículas como por ejemplo:

  • edad
  • opacidad
  • rotación y/o tamaño
  • experimentar con diferentes posibilidades de blendMode.
Tareas
 AlumnosURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Annelys Mendez Feliz: Sitio web6 IE2023Annelys Mendez Felizhttps://amfeliz.github.io/IMGESCRI-AMF/
Encargo 03 IE 2023 - Misael VergaraMisael Vergarahttps://makomv.github.io/progresion-de-luz/
Encargo 03 IE 2023 - usar noise y particulas / Antonia GonzalezAntonia Cirelli Gonzalez Tapiahttps://cirelli20.github.io/tarea6/
Encargo 05 IE 2023 - (Blendmode) / Antonia AguirreAntonia Aguirrehttps://antoaguirre.github.io/ie2023-06/
Encargo 06 IE 2023 - (Blend mode y Noise) / Pedro BeltránPedro Beltránhttps://pedropablob.github.io/Tarea-6/
Encargo 06 IE 2023 - (Noise) / Antonia Navarro CassiAntonia Navarro Cassihttps://antonianc.github.io/Encargo-n6/
Encargo 06 IE 2023 - (Particulas) / Dominique Carvajal GonzalezDominique Carvajal Gonzálezhttps://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Encargo 06 IE 2023 - (Partículas) / Antonella SaaAntonella Andrea Saa Romanhttps://editor.p5js.org/AntoSaa/sketches/kSSr4mpQL
Encargo 06 IE 2023 - (particulas de estrellas) / Emilie CabelloEmilie Cabellohttps://editor.p5js.org/EmilieCabello/full/NC3n9dVU8
Encargo 06 IE 2023 - (probando con colores) / Damian MaturanaDamian Maturanahttps://damianmatu.github.io/Damirepos6/
Encargo 06 IE 2023 - Amanda MuñozAmanda Muñozhttps://editor.p5js.org/amunqz/full/P0dHEyjv0
Encargo 06 IE 2023 - Blend mode y Noise / Monserrat RomeroMonserrat Romerohttps://editor.p5js.org/mmonserratr/sketches/C1XOS3aJ5
Encargo 06 IE 2023 - Catalina CabezasCatalina Cabezashttps://kvtari.github.io/imagenescrita2023cbcb/
Encargo 06 IE 2023 - Catalina Esperanza González GodoyCatalina Esperanza González Godoyhttps://editor.p5js.org/catalinagonzalez/full/R9KMYHby9
Encargo 06 IE 2023 - Dibujar Orión / Almendra OrtegaAlmendra Ortegahttps://almendraortega.github.io/almendraortega/Encargo3/
Encargo 06 IE 2023 - Noise / Ingeborg GundersenIngeborg Gundersenhttps://ingeborggundersen.github.io/Sea/SeaPage.html
Encargo 06 IE 2023 - Partículas en movimiento / Sarai Farías PincheiraSarai Farías Pincheirahttps://editor.p5js.org/SaraiFp/sketches/nsZTpcPBz
Encargo 06 IE 2023 - Partículas y cambios de Colores / Almendra OrtegaAlmendra Ortegahttps://almendraortega.github.io/almendraortega/
Encargo 06 IE 2023 - partículas / Antonia BelausteguiAntonia Belausteguihttps://antoo19.github.io/encargo-6/
Encargo 06 IE 2023 Elipses en el cúmulo / Valentina MaldonadoValentina Maldonadohttps://valeemaldonado.github.io/Tarea.6/
Encargo 06 IE 2023 Particulas en movimiento / Diego MejìasDiego Mejíashttps://diieggouu.github.io/gogoo.github.io/
Encargo 06 IE 2023 particulas en movimiento / martinatoledoMartinaToledohttps://martidlz.github.io/martinaa.github.io/
Encargo 06 IE 2023/ Yion Yi CarvajalYion Yi Carvajalhttps://norrenn.github.io/Encargo-6-IE-2023/
Javiera Iturrieta: Encargo 06 IE 2023Javiera Iturrietahttps://javieraiturrieta.github.io/ie2023-tarea-6/
Trama de VideoAlumnus Exemplar

Sesión 8: Viernes, 29 de Septiembre

  • Tema: Color: Se introducirán los conceptos específicos de color en pantalla.

Enlaces de la clase

Encargo

Ya comenzamos a hablar de los proyectos finales de este curso y acordamos centrarnos en el diseño del sitio personal o portafolio de cada uno, independiente de las exploraciones en P5js que sigan realizando a partir de las materias tratadas en clase.

  • Respecto del diseño del sitio personal, pedimos construir un proyecto del curso y documentar las maquetas realizadas en Figma o similar. La próxima clase discutiremos acerca de cómo pasar de maquetas a diseño front-end. Discutiremos acerca de layouts.
  • Respecto de las exploraciones A partir de la materia vista en clases se recomienda complejizar la exploración previa de objetos para construir una máquina de partículas coloreadas que pinten.
Tarea N°7
 AlumnosURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Encargo 07 IE 2023 - (Circulos sensibles al color) / Dominique Carvajal GonzalezDominique Carvajal Gonzálezhttps://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Encargo 07 IE 2023 - (Circulos sensibles al color) /Pedro Pablo BeltránPedro Beltránhttps://pedropablob.github.io/Tarea-7/
Encargo 07 IE 2023 - (Destellos circulares) / Almendra OrtegaAlmendra Ortegahttps://almendraortega.github.io/almendraortega/
Encargo 07 IE 2023 - (comenzando proyecto) / Damian MaturanaDamian Maturanahttps://damianmatu.github.io/damirepostpag/
Encargo 07 IE 2023 - (prototipo página web) / Catalina Esperanza González GodoyCatalina Esperanza González Godoyhttps://www.figma.com/file/w9yWx0z5YWZAggXWA9lCrH/Untitled?type=design&node-id=0-1&mode=design&t=ZyzEfh1jHoffKsAo-0
Encargo 07 IE 2023 - (prototipo página web) / Emilie CabelloEmilie Cabellohttps://www.figma.com/file/iJG2fbw6oYJx84YshLwuAV/prototipo-página-web?type=design&node-id=0:1&mode=design&t=nN9iKKgbq2kKuBcm-1
Encargo 07 IE 2023 - Bocetos Portfolio / Amanda MuñozAmanda Muñozhttps://www.figma.com/file/dS8J0fsVstrPvou2T2TJDe/Inicio?type=design&node-id=0:1&mode=design&t=tKZoCuFtV1holYI1-1
Encargo 07 IE 2023 - Circulos pintando / Ingeborg GundersenIngeborg Gundersenhttps://ingeborggundersen.github.io/Circles/CirclesPage.html
Encargo 07 IE 2023 - Portafolio / Diego MejíasDiego Mejías
Encargo 07 IE 2023 - Portafolio / MartinaToledoMartinaToledo
Encargo 07 IE 2023 - Propuesta portafolio / Valeria González VásquezValeria González Vásquezhttps://www.figma.com/file/8eNVqiws8pGEjgvaXrWZGa/Portafolio-Imagen-escrita?type=whiteboard&node-id=0-1&t=a03g3VPlQ7Qj4bVG-0
Encargo 07 IE 2023 - propuesta Sitio web / Valentina MaldonadoValentina Maldonadohttps://www.figma.com/file/9GlUioX84CzeyJm7yHbyM9/Untitled?type=design&node-id=0-1&mode=design&t=1GUkVQhkQDkOVrGN-0
Encargo 07/Yion Yi CarvajalYion Yi Carvajalhttps://norrenn.github.io/Portafolios-web/

Sesión 9: Viernes, 6 de Octubre

Temas

Sesión 10: Viernes, 13 de Octubre

Sesión 11: Viernes, 20 de Octubre


En esta revisión revisamos proyectos, abordamos temas de CSS y grilla. Vemos también la animación entre estados (para botones). Se trabaja en un ejemplo de canvas fijo como fondo

Sesión 12: Viernes, 10 de Noviembre

  • Revisión de trabajos y cierre del curso

Sesión 13: Viernes, 17 de Noviembre

  • Entrega final: Finalización del trabajo en los proyectos finales y exposición. Los estudiantes finalizarán sus proyectos y se preparará una presentación final.


Proyectos Finales

El proyecto final de curso es libre y puede tomar diversas formas y/o modalidades:

  1. La versión de base, sería abordar el proyecto como un portafolio Web personal. El el caso que se opte por esta modalidad, se deb considerar lo siguiente:
    • El portafolio debe contener, al menos, las tareas y proyectos realizados en este curso
    • Debe ser un diseño propio realizado en HTML y CSS (no una plantilla genérica disponible online). Se puede basar en un diseño existente pero debe necesariamente incorporar una propuesta personal
    • Es deseable que el proyecto esté en un solo repositorio y que el diseño sea adaptable a diversos tipos de pantalla
  2. Exploración gráfica. Esta modalidad implica un avance sobre los temas tratados en clase (como recursividad, identidad circular, objetos, etc.) con foco en la expresión gráfica o plástica de un algoritmo gráfico (o máquina gráfica) que genere un resultado impreso (SVG) o interactivo (P5js). Los proyectos que tomen esta modalidad deberán exponerse en la entrada de la escuela (Zaguán) o en la portada de esta wiki.

Para cualquier caso elegido se deberá un nuevo proyecto con el campo Cursos Relacionados:Imagen Escrita 2023 donde se documentará el objetivo del proyecto, sus definiciones conceptuales, sus bocetos y avances en diseño así como los enlaces al código.

Aspectos a considerar en los proyectos

Aquí se describen los elementos esenciales que deben formar parte de cada uno de los proyectos, de acuerdo al consenso establecido en clases:

Portafolio

  1. Contenidos:
    • Índice de trabajo: Presentación de cada ítem
    • Información del autor/a
    • Documentar proceso y decisiones de diseño
  2. Diseño:
    • Layout / Diagramación:
      • Consistencia: Existencia de un sistema visual
      • Responsive (Adaptable a distintos formatos)
      • Propuesta tipográfica y cromática
  3. Documentación del proyecto en la Wiki
  4. URL de enlace al repositorio en Github


Exploración gráfica

  1. Documentación y proceso (Wiki):
    • Incluir observación (observación: croquis, concepto, desarollo del fundamento)
    • Versiones e Iteraciones (Registrar cada iteración para ver el avance)
  2. Formato de salida
    • Impresión: SVG (Alta resolución), Exposición en la escuela
    • Exploración digital, Exposición en la página principal de la Wiki
  3. URL de enlace al repositorio en Github
Proyectos
 AlumnosPalabras ClaveURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Alumnus Exemplar: Sitio Web para IE2023Alumnus Exemplarhttps://hspencer.github.io/ie23-01/
Antonella Saa: Sitio Web para IE2023Antonella Andrea Saa Romanportafoliohttps://www.figma.com/file/93etmnFIOsgysZlx6pe28N/Untitled?type=design&node-id=0:1&mode=design&t=Tc9T2swkEkbNo1D1-1
Antonia Aguirre Isla: Sitio Web para IE2023Antonia AguirrePortafoliohttps://antoaguirre.github.io/Portafolio-Antonia-Aguirre-ie-23/
Antonia Belaustegui sitio web IE 2023Antonia Belausteguiportafoliohttps://antoo19.github.io/portafolio/
Antonia Campillay Miranda: Sitio Web para IE2023Antonia Campillay Mirandaportafolio
exploración
https://icmanto.github.io/AntoniaCampillayMsSite/
Antonia Navarro Cassi: Sitio Web para IE 2023AntoniaCassihttps://antonianc.github.io/Portafolio-0/
Antonia gonzalez sitio web 2023Antonia Cirelli Gonzalez Tapiaportafoliohttps://cirelli20.github.io/portafolio.antonia/
Catalina Cabezas: Sitio Web para IE2023Catalina CabezasPortafoliohttps://kvtari.github.io
Catalina González: Sitio Web para IE2023Catalina Esperanza González Godoyportafoliohttps://6557a2b558489108f6ca6845--neon-horse-3cdcb9.netlify.app
Damian Maturana: Sitio Web para IE2023Damian Maturanaportafoliohttps://damianmatu.github.io/damirepostpag/
Diego Mejias: Sitio Web para IE2023MartinaToledo
Diego Mejías
Portafoliohttps://diieggouu.github.io/proyectofinal.github.io/
Ingeborg Nævdal Gundersen: Sitio Web para IE2023Ingeborg GundersenPortafoliohttps://ingeborggundersen.github.io/
Javiera Iturrieta : Sitio Web para IE2023Javiera IturrietaPortafoliohttps://javieraiturrieta.github.io/PORTAFOLIO2023/
Misael Vergara : Sitio Web para IE2023Misael Vergaraportafoliohttps://makomv.github.io/portafolio/
Monserrat Romero: Sitio Web para IE2023Monserrat RomeroPortafoliohttps://mmonserratr.github.io/
Proyecto Final IE 2023 - (Portafolio) / Agustina Silva CamposAgustina SilvaPortafoliohttps://aasc17.github.io/portafolio1/
Proyecto Final IE 2023 - (Portafolio) / Amanda Muñoz QuirozAmanda MuñozPortafoliohttps://amunqz.github.io/Portafolio-IE2023/
Proyecto Final IE 2023 - (Portafolio) / Dominique Carvajal GonzalezDominique Carvajal Gonzálezportafoliohttps://dominiquecarvajal.github.io/PORTAFOLIO-DOMINIQUECARVAJAL-IE23/
Proyecto IMESC2023 / Annelys Mendez FelizAnnelys Mendez FelizPortafolio
exploración
https://www.figma.com/proto/TT1jBs9qWM2ODrVnK2D5kd/Portafolio-AMF?type=design&node-id=1-2&t=2yU64pjs18et6FCN-0&scaling=scale-down&page-id=0:1&starting-point-node-id=1:2
Proyecto final Sitio web IE 2023 Valentina MaldonadoValentina Maldonadoportafoliohttps://valeemaldonado.github.io/Portafolio Valentina Maldonado/
Proyecto-IE-2023: Valeria González VValeria González VásquezProyectohttps://vgvarq.github.io/Proyecto-IE-2023/
Sarai Farías Pincheira: Sitio Web para IE2023Sarai Farías PincheiraPortafoliohttps://saraifp.github.io/ie.portafolio/
Sitio Web del Curso Imagen Escrita 2023Pedro Beltránportafoliohttps://pedropablob.github.io/misitioweb/