No tienes permiso para modificar esta página, por los siguientes motivos:
Texto libre:
===Biografía=== {{#widget:P5 |code = let startTime = 1990; let endTime = 2030; let graphStart = 0; let currentYear = startTime; let thisYear; let yearEvents = { 1990: "Internet", 1991: "Linux", 1992: "Windows 3.1", 1993: "Mosaic", 1994: "Amazon", 1995: "Windows 95", 1996: "Nokia 9000", 1997: "Google", 1998: "iMac G3", 1999: "Napster", 2000: "Burbuja Punto-com", 2001: "Wikipedia", 2002: "Bluetooth", 2003: "Skype", 2004: "Facebook", 2005: "YouTube", 2006: "Twitter", 2007: "iPhone", 2008: "Android", 2009: "Bitcoin", 2010: "iPad", 2011: "Siri", 2012: "Google Glass", 2013: "PS4", 2014: "Oculus Rift", 2015: "Apple Watch", 2016: "Pokémon GO", 2017: "AI", 2018: "GDPR", 2019: "5G", 2020: "COVID-19", 2021: "NFTs", 2022: "Computación Cuántica", 2023: "ChatGPT 4", 2024: "IA Agents" }; let fadeValues = {}; let canvas; function setup() { let w = document.getElementById("p5").offsetWidth; canvas = createCanvas(w, 400); canvas.parent("p5"); thisYear = year(); for (let year in yearEvents) { fadeValues[year] = 255; } } function draw() { clear(); drawExponentialGraph(); displayYear(); drawLegends(); } function drawExponentialGraph() { beginShape(); noFill(); stroke(166, 49, 23); for (let x = 0; x <= currentYear - startTime; x += 0.02) { // Avanza un pixel a la vez let y = pow(2, x / 5); vertex( map(x + startTime, startTime, endTime, 0, width), map(y, 1, pow(2, (endTime - startTime) / 5), height, 0) ); } endShape(); } function displayYear() { textFont("Alegreya Sans"); textSize(52); fill(190); noStroke(); if (currentYear < thisYear) { text(nf(Math.floor(currentYear), 4), 10, 52); // Muestra el año en la esquina superior izquierda } else { text(thisYear + "...", 10, 52); } if (currentYear < endTime) { currentYear += (endTime - startTime) / width; // Ajusta la velocidad de avance del tiempo } } function drawLegends() { textSize(16); textFont("Alegreya"); noStroke(); for (let year in yearEvents) { let yearInt = parseInt(year); if (currentYear >= yearInt) { fill(fadeValues[year]); let xPos = map(yearInt, startTime, endTime, 0, width); let yPos = height * 0.9 - (yearInt % 10) * 20; // Escalonado vertical text(yearEvents[year], xPos, yPos); push(); { translate(xPos, yPos); rotate(-HALF_PI); textFont("Alegreya Sans"); textSize(11); fill(166, 49, 23, 130); text(yearInt, 15, 9); } pop(); if (fadeValues[year] > 10) { fadeValues[year]--; } } } } }} Soy Herbert Spencer González, diseñador gráfico formado en los inicios de la era digital, testigo activo de dos revoluciones que han redefinido profundamente nuestra sociedad. La primera fue la revolución de la computación y la digitalización de la información, que marcó los años 90 y transformó la comunicación y el diseño gráfico. La segunda, la cual estamos viviendo ahora, es la irrupción de la inteligencia artificial, que se infiltra sutil pero firmemente en nuestras vidas a través de la generación de textos, diálogos, imágenes y ahora videos. La era presente, donde el Diseño se entrelaza con la IA, plantea nuevas preguntas sobre nuestra relación trascendente con la tecnología y con el mundo técnico. Mi enfoque actual se centra en la accesibilidad cognitiva, un área crítica para comprender, mejorar y definir nuestra interacción con estas tecnologías emergentes. A través del diseño, busco comprender y reconstruir los principios de la comunicación, explorando cómo el diseño puede facilitar la articulación comunicativa en un mundo cada vez más mediado por la IA y por agentes autónomos. La observación, en este contexto, es más que una herramienta: es un campo de disputa entre la mirada utilitaria y la capacidad de captar la "bella inutilidad" contenida en lo observado. Este enfoque me lleva a investigar en notación gráfica, enfocándome en la accesibilidad desde una perspectiva visual y lingüística, particularmente en relación con la discapacidad intelectual. Mi trabajo es una búsqueda constante de aprendizaje y exploración, donde el diseño actúa como un puente entre la tecnología y las experiencias humanas, buscando potenciar al ser humano desde su propia cultura y dignidad. Esto me lleva a reflexionar críticamente sobre el sentido ético y convivencial de un diseño fundado en la condición humana y que pueda definir lineamientos estables y consistentes en un mundo marcado por el cambio y la mutación técnica. __TOC__ === Temas de Estudio: Forma, Cultura y Tecnología === Guío proyectos de titulación o magíster vinculados a las siguientes líneas de investigación: # Actualmente estoy investigando el '''diseño universal''' desde la perspectiva de la '''accesibilidad cognitiva''' dentro del enfoque del diseño de interacción. En esta área estoy investigando aspectos de comunicación visual y participación inclusiva. # '''Diseño de Sistemas Inteligentes''': Me interesa la colaboración entre las personas y los servicios que emplean componentes de inteligencia artificial, como por ejemplo, me interesan las formas de incorporar las máquinas de aprendizaje como un material de diseño. # '''Diseño para la Democracia''': Plataformas de comunicación ciudadana y herramientas que faciliten la deliberación sobre los asuntos públicos. Investigo cómo la informática social puede ayudar a los ciudadanos a participar en el co-diseño de los servicios públicos que utilizan (lo que se vincula al punto anterior) # '''Interacción Física o Tangible''': Me interesan las interfaces físicas, en especial, la interacción del público en los espacios expositivos en el contexto de las artes plásticas # '''Diseño de Servicios'''. Estoy interesado en todos los aspectos del diseño de servicios, especialmente los servicios públicos. → '''Horario de atención de entrevistas''': Lunes de 13:00 a 13:45 hrs., previo contacto [mailto:hspencer@ead.cl?subject=Entrevista al correo electrónico]. ====www==== # '''ORCID''': https://orcid.org/0000-0003-1484-4477 # '''Github''': [http://www.github.com/hspencer proyectos de código abierto (repositorios personales)], [http://www.github.com/eadpucv Repositorios de la Escuela] y [http://www.github.com/amereida Repositorios de Amereida] # '''Flickr''': http://www.flickr.com/photos/herbert-spencer/ # '''Vimeo''': http://vimeo.com/hspencer # '''SlideShare''': http://www.slideshare.net/hspencer # '''Twitter''': http://twitter.com/hspencer {{Cursos Dictados}} ===Travesías=== <div class='row'> <div class='col-md-6'> ====Como Alumno==== {{#ask: [[Categoría:Travesía]] [[Alumnos::Herbert Spencer]] | ?Año | ?Lugar | format=ol | sort=Año }} ====Como Profesor==== {{#ask: [[Categoría:Travesía]] [[Profesores::Herbert Spencer]] | ?Año | ?Lugar | format=ol | sort=Año }} </div> <div class='col-md-6'> {{#ask: [[Categoría:Travesía]] [[Profesores::{{PAGENAME}}]] OR [[Categoría:Travesía]] [[Alumnos::{{PAGENAME}}]] | ?Posición | format = GoogleMaps | type = satellite | width = 100% | height = 500 | controls=zoom | icon=Geocruz.svg }} </div> </div> ===Publicaciones=== ====Artículos==== {{#ask: [[Categoría:Publicación]] [[Tipo de Publicación::Artículo en Revista Académica]] [[Autor::Herbert Spencer]] OR [[Categoría:Publicación]] [[Tipo de Publicación::Artículo en Revista Académica]] [[Coautores::Herbert Spencer]] | ?Año | ?Revista | ?Editorial | ?Indexación | format=ol | sort=Año | order=descending }} ====Capítulos==== {{#ask: [[Categoría:Publicación]] [[Tipo de Publicación::Capítulo de Libro]] [[Autor::Herbert Spencer]] OR [[Categoría:Publicación]] [[Tipo de Publicación::Capítulo de Libro]] [[Coautores::Herbert Spencer]] | ?Año | ?Editorial | format=ol | sort=Año | order=descending }} ====Libros==== {{#ask: [[Categoría:Publicación]] [[Tipo de Publicación::Libro]] [[Autor::Herbert Spencer]] OR [[Categoría:Publicación]] [[Tipo de Publicación::Libro]] [[Coautores::Herbert Spencer]] | ?Año | ?Editorial | format=ol | sort=Año | order=descending }} ver también: '''[https://scholar.google.com/citations?hl=en&user=ML5DwuUAAAAJ Publicaciones en Google Scholar]''' ====Ponencias==== {{#ask: [[Categoría:Publicación]] [[Tipo de Publicación::Ponencia]] [[Autor::Herbert Spencer]] | ?Año | ?Revista | ?Editorial | format=ol | sort=Año | order=descending }} ===Proyectos de Investigación=== {{#ask: [[Categoría:Proyecto de Investigación]] [[Investigador Responsable::Herbert Spencer]] OR [[Coinvestigadores::Herbert Spencer]] | ?Año de Inicio | sort=Año de Inicio | order=descending | format=ol }} ==Tesis de Pregrado== {{#ask: [[Categoría:Publicación]] [[Coautores::Herbert Spencer]] [[Tipo de Publicación::Memoria de Título]] | ?Año | format=ol | sort=Año | order=descending }} {{Mi Vinculación}} === Exposiciones === {{#ask: [[Categoría:Exposición]] [[Autor::Herbert Spencer]] OR [[Categoría:Exposición]] [[Coautores::Herbert Spencer]] | ?Año | format=ol | sort=Año | order=descending }} ==== Organización de Seminarios ==== {{#ask: [[Categoría:Evento]] [[Organizador::Herbert Spencer]] |format=ol |}} === Talleres de Pregrado === {{#ask: [[Categoría:Curso]] [[Profesores::Herbert Spencer]] [[Tipo de Curso::Taller de Etapa]] | ?Asignaturas Relacionadas | ?Año | format=ol | sort=Año | order=descending | limit=9999 |}} === Cursos de Pregrado === {{#ask: [[Categoría:Curso]] [[Profesores::Herbert Spencer]] [[Tipo de Curso::Ramo Lectivo]] | ?Asignaturas Relacionadas | ?Año | format=ol | sort=Año | order=descending | limit=9999 |}} === Talleres de Titulación === {{#ask: [[Categoría:Proyecto]] [[Profesor::Herbert Spencer]] [[Categoría:Proyecto]] [[Tipo de Proyecto::Proyecto de Titulación]] | ?Alumnos | format=ol | sort=Año de Inicio | order=descending | limit = 9999 |}} {{Mis Obras}} {{Mi Portafolio}} ==Estudios== # [[Matemáticas para Arquitectura y Diseño]] # [http://www.herbertspencer.net/thesis Tesis de MDes Diseño de Interacción: Conectividad & Collectividad → MediaFranca] # [[Doctorado de Diseño - PUC Rio]] #* [[Herbert Spencer: Diseño para la Democracia]], Primer proyecto de tesis #* [[Diseño para la Democracia: Modelos para la Deliberación y la Convergencia]], Segundo proyecto de tesis #* [[Open Design: The Interaction of deliberation and convergence]], Tercer proyecto de tesis (ENG) #* [[Herbert Spencer: Tesis|Tesis]]
Guardar la página Mostrar previsualización Mostrar los cambios Cancelar