No hay comentarios.

CURSO:DESARROLLO WEB Y DISE?O VISUAL DE INFORMACION
TRADUCCION:WEB DEVELOPMENT AND VISUAL DISPLAY OF INFORMATION
SIGLA:DNO097
CREDITOS:10
MODULOS:02
CARACTER:OPTATIVO
TIPO:CATEDRA
CALIFICACION:ESTANDAR
PALABRAS CLAVE:DESARROLLO WEB,HTML,CSS,SVG,JAVASCRIPT,INTERCAMBIO DE DATOS
NIVEL FORMATIVO:PREGRADO


I.DESCRIPCIÓN DEL CURSO

Partiendo desde el dominio de HTML, CSS y JavaScript, en este curso el estudiantado vinculara graficos vectoriales escalables con formatos ligeros de intercambio de datos, para desarrollar, de manera autonoma, tableros de informacion (dashboards) e infografias digitales, interactivas y dinamicas. Para ello, se realizaran clases invertidas, simulaciones y aprendizaje basado en problemas. Los aprendizajes seran evaluados por medio de actividades de aplicacion en cada clase.


II.RESULTADOS DE APRENDIZAJE

1.Reconocer conceptos relacionados con los datos, la informacion, el conocimiento y su representacion visual.

2.Implementar el intercambio de datos mediante formatos ligeros tales como JSON y CSV.

3.Dominar, de manera practica, los lenguajes de programacion estandar que son necesarios para la visualizacion de informacion efectivas e interactivas para la web (HTML, SVG, CSS y JavaScript).

4.Proponer sistemas de visualizacion acorde a la naturaleza de la informacion y los contextos con los que interactua en su presentacion.


III.CONTENIDOS

1.Datos e informacion en graficas figurativas, no figurativas o mixtas.

2.Formatos ligeros de intercambios de datos en la creacion de graficas.

3.Graficas y datos en dise?o web responsive.

4.Dise?o y programacion: Tablero de informacion(dashboard) o infografia digital, interactiva y dinamica.


IV.ESTRATEGIAS METODOLOGICAS

-Clase invertida.

-Simulaciones.

-Aprendizaje Basado en Proyectos.


V.ESTRATEGIAS EVALUATIVAS

-Talleres de aplicacion: 100%


VI.BIBLIOGRAFIA

Minima

Bellamy-Royds, A., Cagle, K., & Storey D.(2017). Using SVG with CSS3 and HTML5: Vector Graphics for Web Design. O'Reilly Media.

Murray, S.(2017). Interactive Data Visualization for the Web, 2nd Edition. 0'Reilly Media, Inc.

Meirelles, I.(2014). La informacion en el dise?o. Parramon.


Complementaria

Cairo, A.(2008). Infografia 2.0: Visualizacion Interactiva de Informacion en Prensa. Alamut.

Lupton, E.(2019). El Dise?o Como Storytelling. Editorial Gustavo Gili.

Mijksenaar, P.(2001). Una introduccion al Dise?o de la informacion. Gustavo Gili.


PONTIFICIA UNIVERSIDAD CATOLICA DE CHILE
ESCUELA DE DISE?O / NOVIEMBRE 2023