Imagen Escrita 2023

Asignatura(s)	Imagen Escrita
Año	2023
Tipo de Curso	Ramo Lectivo
Profesores	Herbert Spencer
Profesor(es) Ayudante(s)	Javiera Ruiz
Estudiantes	Pedro Beltrán, Dominique Carvajal González, Javiera Gaete Montecinos, 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
Palabras Clave	programación, html, css, p5js, javascript, chatgpt
Carreras Relacionadas	Diseño

Estudiantes

Pedro Beltrán

Dominique Carvajal González

Javiera Gaete Montecinos

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

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

• HTML W3Schools: Tutorial completo y referencia para aprender HTML.
• Mozilla Developer Network - HTML: Documentación extensa y guías sobre HTML por Mozilla.
• CSS Zen Garden: Proyecto de diseño comunitario que expone la flexibilidad del CSS y de la importancia del uso de estándares Web.
• CSS-Tricks: Consejos, trucos y tutoriales para aprender CSS.
• W3Schools - CSS: Tutorial completo y referencia para aprender CSS.
• GitHub: Plataforma principal para el control de versiones y colaboración.
• Git: Sitio oficial de Git con documentación completa.
• Atlassian - Git Tutorials: Tutoriales detallados para aprender Git.
• p5.js: Biblioteca JavaScript para la programación creativa.
• p5.js Web Editor: Editor en línea para p5.js.
• Visual Studio Code: Editor de código fuente desarrollado por Microsoft.
• Editores para markdown: Joplin para PC y MacDown para Mac.

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

Sitios Web del Curso

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Agustina Silva: Sitio web para IE2023	Agustina Silva	https://aasc17.github.io/Agustinat1/
Alumnus Exemplar: Sitio Web para IE2023	Alumnus Exemplar	https://hspencer.github.io/ie23-01/
Amanda Muñoz: Sitio Web para IE2023	Amanda Muñoz	https://amunqz.github.io/Imagen escrita 08 09/
Annelys Mendez Feliz: Sitio web1 IE2023	Annelys Mendez Feliz	https://amfeliz.github.io/IMEI2023-PROY1/
Antonia Aguirre: Sitio web para IE 2023	Antonia Aguirre	https://antoaguirre.github.io/ie23-01/
Antonia Campillay M: Sitio Web para IE2023	Antonia Campillay Miranda	https://icmanto.github.io/aicm2023ie/
Antonia Navarro C : Imagen escrita 01	Antonia Navarro Cassi	https://antonianc.github.io/Imagen-escrita-01-/
Antonia Navarro Cassi: imagenescrita01		https://antonianc.github.io/Imagen-escrita-01-/
Catalina Cabezas: Sitio Web IE 2023	Catalina Cabezas	https://kvtari.github.io
Catalina gonzalez tarea 1	Catalina Esperanza González Godoy	https://editor.p5js.org/catalinagonzalez/sketches/OlV89C0wW
Damian Maturana:Tarea01 IE 2023	Damian Maturana	https://damianmatu.github.io/damipruebadepag/
Diego Mejias: sitio web IM 2023	Diego Mejías	https://diieggouu.github.io/diego.github.io/
Emilie Cabello: Sitio Web para IE2023	Emilie Cabello	https://editor.p5js.org/EmilieCabello/sketches/PYeWBOdtI
Florencia Pimentel Forno	Florencia Pimentel	https://flopimentelf.github.io/Burbujas/
Ingeborg Gundersen: Sitio Web para IE2023	Ingeborg Gundersen	https://ingeborggundersen.github.io/
Javiera Gaete Montecinos - Sitio Web IE 2023	Javiera Gaete Montecinos
Javiera Iturrieta: Sitio Web IE 2023	Javiera Iturrieta	https://javieraiturrieta.github.io/ie2023-01/
Misael Vergara: Sitio Web para IE 2023	Misael Vergara	https://makomv.github.io/imagen-escrita/
Monserrat Romero: Tarea 01 IE 2023	Monserrat Romero	https://mmonserratr.github.io/mmonserratrr.github.io/
Pablo Pedro Beltrán: Sitio Web para IE2023	Pedro Beltrán	https://pedropablob.github.io/misitioweb/
Paginawebb	Antonia Cirelli Gonzalez Tapia	https://cirelli20.github.io/ie2023pag2/
Portafolio web Imagen Escrita 2023/Antonella Saa	Antonella Andrea Saa Roman	https://antosaar.github.io/Portafolio/
Página Web Ignacio Herrera	Ignacio Herrera	https://herreraig.github.io/Pagina-Imagen-Escrita/
Página web	Antonia Belaustegui	https://antoo19.github.io/pagina-imagen-escrita/
Sarai Farías Pincheira: Sitio Web IE 2023	Sarai Farías Pincheira	https://saraifp.github.io/ie2023/
Sitio Web Imagen Escrita23: Dominique Carvajal	Dominique Carvajal González	https://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Valentina Maldonado: Creación sitio web Imagen Escrita 2023	Valentina Maldonado	https://valeemaldonado.github.io/imagen-escrita/
Valeria González Vásquez: Tarea 01 IE 2023	Valeria González Vásquez	https://vgvarq.github.io/IE2023/
Yion Yi Carvajal: Tarea 1 IE 2023	Yion Yi Carvajal	https://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

• Figma: Herramienta de prototipado
• Penpot: Herramienta de prototipado opensource
• Layout Land: Canal de Youtube de Jen Simmons, documentación en video sobre Grid CSS
• Sketch de la clase: Canvas como fondo de un sitio web
• Process Compendium
• Video Process Compendium

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

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Amanda Muñoz: Tarea 01 IE 2023	Amanda Muñoz	https://amunqz.github.io/Encargo 02/
Annelys Mendez Feliz: Sitio web2 IE2023	Annelys Mendez Feliz	https://amfeliz.github.io/IMEI2023-PROY2/
Damian Maturana:Tarea02 IE 2023	Damian Maturana	https://damianmatu.github.io/Damirepos2/
Encargo 02 IE 2023 - (circulos en movimiento) / Emilie Cabello	Emilie Cabello	https://editor.p5js.org/EmilieCabello/full/qt7nZbOh5
Encargo 02 IE 2023 - Antonia Campillay Miranda	Antonia Campillay Miranda	https://editor.p5js.org/A.CampillayMiranda/sketches/6Iui6zDcc
Encargo 02 IE 2023 - Catalina Cabezas		https://kvtari.github.io/
Encargo 02 IE 2023 - Pablo Pablo Beltran		https://pedropablob.github.io/tarea2/
Encargo 02 IE 2023 - Pagina Web / Diego Mejías	Diego Mejías	https://diieggouu.github.io/diegou.github.io/
Encargo 02 IE 2023 - clock sketch / Ingeborg Gundersen	Ingeborg Gundersen	https://ingeborggundersen.github.io/TimeMachine.html
Encargo 02 IE 2023 - formas, comportamientos y Elementos / Antonia gonzalez tapia	Antonia Cirelli Gonzalez Tapia	https://cirelli20.github.io/tarea2/
Javiera Iturrieta: Encargo 02 IE 2023	Javiera Iturrieta	https://javieraiturrieta.github.io/ie2023-02/
Monserrat Romero: Tarea 02 IE 2023	Monserrat Romero	https://mmonserratr.github.io/mmonserratrr.github.io/
Sitio Web Imagen Escrita23: Dominique Carvajal Tarea2	Dominique Carvajal González	https://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Valeria González Vásquez: Tarea 02 IE 2023	Valeria González Vásquez	https://editor.p5js.org/VGVarq/sketches/FIp8iFFBb
Yion Yi Carvajal Tarea n° 2 IE 2023	Yion 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:

Tareas

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

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Annelys Mendez Feliz: Sitio web3 IE2023	Annelys Mendez Feliz	https://amfeliz.github.io/IMEI2023-PROY3/
Encargo 02 IE 2023 - (Timbre) / Antonia Navarro Cassi	Antonia Navarro Cassi	https://antonianc.github.io/
Encargo 02 IE 2023 - (Timbre) / Pedro Beltrán	Pedro Beltrán	https://pedropablob.github.io/Timbre-Tarea-3/
Encargo 02 IE 2023 - Catalina Esperanza González Godoy	Catalina Esperanza González Godoy	https://editor.p5js.org/catalinagonzalez/full/kFrbwA8ZB
Encargo 02 IE 2023 - Colored rain sketch / Ingeborg Gundersen	Ingeborg Gundersen	https://ingeborggundersen.github.io/Monet page.html
Encargo 02 IE 2023 - Timbre / Amanda Muñoz	Amanda Muñoz	https://amunqz.github.io/Encargo 03-Timbre/
Encargo 03 Antonia Navarro IE 2023		https://antonianc.github.io/
Encargo 03 IE 2023 - (Timbre) / Antonia Navarro Cassi		https://antonianc.github.io/
Encargo 03 IE 2023 - (Timbre) /Dominique Carvajal Gonzalez	Dominique Carvajal González	https://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Encargo 03 IE 2023 - (bucle de triangulos) / Emilie Cabello Parraguez	Emilie Cabello	https://editor.p5js.org/EmilieCabello/full/mzVC58dqM
Encargo 03 IE 2023 - (firma digital) /Damian Maturana	Damian Maturana	https://damianmatu.github.io/Damirepos3/
Encargo 03 IE 2023 - Catalina Cabezas	Catalina Cabezas	https://kvtari.github.io/imagenescrita2023cbcb/
Encargo 03 IE 2023 - Firma / Antonia Campillay Miranda	Antonia Campillay Miranda	https://editor.p5js.org/A.CampillayMiranda/sketches/8cDd1suIw
Encargo 03 IE 2023 - Timbre /Sarai Farías Pincheira	Sarai Farías Pincheira	https://saraifp.github.io/ie23-03/
Encargo 03 IE 2023 - Valentina Belén Maldonado González	Valentina Maldonado	https://editor.p5js.org/ValeeMaldonado/full/srxPqY4lk
Imagen escrita tarea tres agustina silva	Agustina Silva	https://editor.p5js.org/aasc17/full/b1EI29RyY
Javiera Iturrieta: Encargo 03 IE 2023	Javiera Iturrieta	https://javieraiturrieta.github.io/ie2023-03/
Monserrat Romero: Tarea 03 IE 2023	Monserrat Romero	https://mmonserratr.github.io/mmonserratr-SitioWeb-IE/
TAREA 3 CREAR UNA PELICULA COMO TIMBRE	Antonia Cirelli Gonzalez Tapia	https://cirelli20.github.io/tarea-3/
Tarea n° 3 Imagen Escrita	Yion Yi Carvajal	https://github.com/NorRenn/Tarea-N-3-Imagen-Escrita.git

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:
  • Tema random: Live Coding, Hydra
  • Declaración y uso de funciones
  • Recursividad y casos base
  • Funciones propias
  • Recursividad

Enlaces de la Clase

• Hydra
• Ejemplo Recursión p5js

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

	Alumnos	URL«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 Cassi	Antonia Navarro Cassi	https://antonianc.github.io/AntoniaNCcoral.github.io/
Encargo 04 IE 2023 - (Recursión multicolor) / Emilie Cabello Parraguez	Emilie Cabello	https://editor.p5js.org/EmilieCabello/full/Sc7c4CcBx
Encargo 04 IE 2023 - (Recursión) / Dominique Carvajal Gonzalez	Dominique Carvajal González	https://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Encargo 04 IE 2023 - (Recursión) / Pedro Beltrán	Pedro Beltrán	https://pedropablob.github.io/tarea-4/
Encargo 04 IE 2023 - (explorando parametros de recursion) / Agustina Silva	Agustina Silva	https://editor.p5js.org/aasc17/full/UR42Epit4
Encargo 04 IE 2023 - (explorando parametros de recursion) / Damian Maturana	Damian Maturana	https://damianmatu.github.io/Damirepos4/
Encargo 04 IE 2023 - (recursion) / Diego Mejias	Diego Mejías	https://diieggouu.github.io/gogo.github.io/
Encargo 04 IE 2023 - Catalina Cabezas		https://editor.p5js.org
Encargo 04 IE 2023 - Catalina Esperanza González Godoy		https://editor.p5js.org/catalinagonzalez/full/fZhPFNIkB
Encargo 04 IE 2023 - Experimento de recursion / Antonia Gonzalez Tapia	Antonia Cirelli Gonzalez Tapia	https://cirelli20.github.io/tarea-4/
Encargo 04 IE 2023 - Follaje en crecimiento / Antonia Campillay Miranda	Antonia Campillay Miranda	https://editor.p5js.org/A.CampillayMiranda/sketches/61aWvJSt
Encargo 04 IE 2023 - La copo de nieve / Ingeborg Gundersen	Ingeborg Gundersen	https://ingeborggundersen.github.io/SnowflakePage.html
Encargo 04 IE 2023 - Recursión / Monserrat Romero	Monserrat Romero	https://editor.p5js.org/mmonserratr/sketches/gUEam0C d
Encargo 04 IE 2023 - Recursión / Yion Yi Carvajal		https://editor.p5js.org/N0rr3n/sketches/nTMKMgVaC
Encargo 04 IE 2023 - Recursión/ Sarai Farías Pincheira	Sarai Farías Pincheira
Encargo 04 IE 2023 - experimentación recursión / Valentina Maldonado González	Valentina Maldonado	https://valeemaldonado.github.io/Recursionprueba1/
Encargo 04 IE 2023 / Amanda Muñoz	Amanda Muñoz	https://editor.p5js.org/amunqz/sketches/q0jMirupj
Encargo 4 imagen escrita		https://antoo19.github.io/Encargo-4/
IE23: Árbol recursivo	Alumnus Exemplar	https://hspencer.github.io/ie23-01/01-recursion/
Javiera Iturrieta: Encargo 04 IE 2023	Javiera Iturrieta	https://javieraiturrieta.github.io/ie23-04/

Sesión 6: Viernes, 15 de Septiembre

• Tema: Programación orientada a objetos
• Conceptos clave:
  • Arreglos
  • Objetos
  • Propiedades y métodos de los objetos
  • Arreglos de objetos

Enlaces de la Clase

• Matter.js
• Noise()

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

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Annelys Mendez Feliz: Sitio web5 IE2023		https://editor.p5js.org/Amfeliz/sketches/Q9uFWzE0u
Encargo 05 IE 2023 (ramificación) / Martina Toledo	MartinaToledo	https://martidlz.github.io/martina.github.io/
Encargo 05 IE 2023 - (Devoradores) / Damian Maturana	Damian Maturana	https://damianmatu.github.io/Damirepos5/
Encargo 05 IE 2023 - (Objetos que se ramifican) / Antonia Navarro Cassi	Antonia Navarro Cassi	https://antonianc.github.io/Frutillas05/
Encargo 05 IE 2023 - (Objetos que se ramifican) / Dominique Carvajal Gonzalez	Dominique Carvajal González	https://dominiquecarvajal.github.io/interfaz-imagen-escrita23/
Encargo 05 IE 2023 - (Ramificaciones) / Pedro Beltrán	Pedro Beltrán	https://pedropablob.github.io/tarea-5/
Encargo 05 IE 2023 - Amanda Muñoz	Amanda Muñoz
Encargo 05 IE 2023 - Catalina Cabezas	Catalina Cabezas
Encargo 05 IE 2023 - Estrellas / Ingeborg Gundersen	Ingeborg Gundersen	https://ingeborggundersen.github.io/StarsPage.html
Encargo 05 IE 2023 - Misael Vergara	Misael Vergara	https://makomv.github.io/pescados-consumidos/
Encargo 05 IE 2023 - Objetos / Monserrat Romero	Monserrat Romero	https://editor.p5js.org/mmonserratr/sketches/dB7feB4WM
Encargo 05 IE 2023 - Objetos que se ramifican / Sarai Farías Pincheira	Sarai Farías Pincheira	https://editor.p5js.org/SaraiFp/sketches/FCTUwHXmQ
Encargo 05 IE 2023 - Ramificación estrellas/ Valentina Maldonado González	Valentina Maldonado	https://valeemaldonado.github.io/Valeemaldonadorepositorio/
Encargo 05 IE 2023 - dibujar en el espacio / Antonia Gonzalez Tapia	Antonia Cirelli Gonzalez Tapia	https://cirelli20.github.io/tarea-5-/
Encargo 05 IE 2023 - ramificacion / Diego Mejias	Diego Mejías	https://diieggouu.github.io/gogou.github.io/
Encargo 05 IE/ Yion Yi Carvajal		https://editor.p5js.org/N0rr3n/sketches/0LmuUgiMn
Javiera Iturrieta: Encargo 05 IE 2023	Javiera Iturrieta	https://javieraiturrieta.github.io/ie2023-05/
Objetos que se ramifican	Alumnus Exemplar	https://hspencer.github.io/ie23-01/04-objetos/

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

• Tipos de blendMode
• Coolors
• Adobe Color
• Kroma: entrenador de IA para paletas de colores

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.

Sesión 8: Viernes, 29 de Septiembre

• Tema: Conceptos de interfaz: range inputs, text inputs, etc.: Se introducirán los conceptos de interfaz de usuario, incluyendo range inputs y text inputs.

Sesión 9: Viernes, 6 de Octubre

• Tema: Introducción a la visualización de datos y consultas JSON: Se introducirán los conceptos de visualización de datos y consultas JSON.
• Conceptos clave:
  • Uso de JSON para almacenar y transmitir datos
  • Creación de visualizaciones de datos con P5js
  • JSON
  • Visualización de datos
• Ejercicio de clase: Realización de una consulta JSON a la Wiki Casiopea y creación de una visualización básica de los datos obtenidos.

Sesión 10: Viernes, 13 de Octubre

• Tema: Uso de ChatGPT para la programación: Se introducirá ChatGPT, un modelo de lenguaje avanzado que puede ayudar a traducir pseudocódigo a código real.
• Conceptos clave:
  • Uso de ChatGPT para convertir pseudocódigo en código
  • ChatGPT
• Ejercicio de clase: Traducción de un pseudocódigo a código real con la ayuda de ChatGPT, implementando una funcionalidad específica en un programa.

Sesión 11: Viernes, 20 de Octubre

• Tema: Trabajo en el proyecto final (parte 1): Los estudiantes comenzarán a trabajar en sus proyectos finales, aplicando los conceptos y habilidades aprendidos en el curso.

Sesión 12: Viernes, 10 de Noviembre

• Tema: Trabajo en el proyecto final (parte 2): Continuación del trabajo en los proyectos finales. Los estudiantes recibirán feedback y orientación para mejorar y expandir sus proyectos. En el tiempo siguiente, semana sin clanes ni evaluaciones, los estudiantes podrán coordinar tutorías y correcciones puntuales en horarios a convenir.

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.