Abril 1 de 2019 - Programa calendario del curso:

Gráfica Interactiva
SIA: 1000075
profesor: Carlos Delgado
cadelgador@unal.edu.co

El curso Gráfica interactiva es una propuesta pedagógica que convoca a

estudiantes de todas las sedes de la Universidad Nacional de Colombia con un
interés común por la utilización de los lenguajes multimediales e interactivos.
Aprovechando las posibilidades que ofrecen las nuevas tecnologías de
comunicación, estudiantes de todo el país comparten este espacio virtual de
clase. Esta aula digital es un buen ejemplo del tipo de escenario donde la
comunicación se da en los términos y los lenguajes de los que trata el curso.

El curso Gráfica interactiva consiste en una serie de charlas y ejercicios

sobre los lenguajes de programación que se emplean para crear las imágenes
que interactúen con el usuario en las diferentes interfaces de la comunicación
en medios digitales. El curso está dirigido a estudiantes de todas las
disciplinas interesados en el tema y sin conocimientos previos de
programación. Presenta una introducción a la programación de computadores
desde el punto de vista del comunicador y del diseñador de la interfaz.

En la actualidad, el lenguaje de marcación HTML5 y el lenguaje JavaScript son

el estándar empleado para el desarrollo de interfaces web adaptadas para
consulta en dispositivos móviles, que son los que conforman el principal
escenario actual de las comunicaciones. El curso presenta una introducción a
estos lenguajes y a las estructuras de archivos que los componen. Aborda
también el diseño y la diagramación utilizando estilos CSS y las publicaciones
que se adaptan al tamaño y formato del dispositivo de consulta.

Se desarrolla a manera de taller virtual sobre 2 ejercicios que por secuencia de

componentes van conformando conceptos más complejos. Plantea una
metodología flexible que combina señal en vivo con videos pregrabados, chat
en tiempo real, foros de discusión y material complementario, todo
administrado desde la plataforma Moodle. Las sesiones de clase son 100%
virtuales a través de la plataforma Webex y también quedan grabadas como
archivos de video que se pueden consultar en cualquier momento. Se pueden
descargar y ver estos videos cuando no se asiste a la sesión de los lunes, pero
asistir a las sesiones de videochat es la oportunidad de interactuar con el
docente en tiempo real. Los lunes las explicaciones se ajustan de acuerdo a las
preguntas que hacen los asistentes y se puede opinar sobre los temas
tratados. Las transmisiones son todos los lunes de 6:00 a 8:00 pm.
En la plataforma Moodle https://campus.virtual.unal.edu.co
encuentra publicados:
• El programa calendario
• Vínculo directo a los contenidos
• Los documentos para descargar
• Ejemplos de ejercicios realizados en semestres anteriores
• El foro de dudas y preguntas para la comunicación fuera de
clase con el profesor, el monitor y con los compañeros
• Los foros para entrega de los ejercicios
• Los formularios de los quices (sólo se activan a la hora del quiz)
• Los videos de las clases anteriores
• Los vínculos recomendados (bibliografía, tutoriales, descargas)
• Vínculo directo a la plataforma Webex y las instrucciones para
conectarse desde cualquier dispositivo o plataforma (computadores,
tabletas, teléfonos, etc.)
Para ingresar al curso en Moodle use el mismo nombre de usuario y contraseña
de SIA y correo.
Los contenidos y los videos pregrabados se pueden acceder
directamente a través de la dirección:
http://www.ventanagrafica.co/grafica/index.html

Temas de cada sesión:

1. Presentación del curso: Moodle y Webex ....... abril 1
Capítulo I
2. Introducción DOM, HTML y CSS ................... abril 8
3. Etiquetas y vínculos ................................... abril 15
4. Estilos CSS ............................................... abril 22
5. RWD diseño adaptativo ............................... abril 29
6. Resumen – quiz 1 ....................................... mayo 6 ...... quiz 1
*. Entrega ejercicio I .................................... mayo 10

Capítulo II
6. JavaScript I .............................................. mayo 13
7. JavaScript II.............................................. mayo 20
8. Librerías extendidas - Phaser I .................. mayo 27 .... quiz 2
9. Librerías extendidas - Phaser II ................. junio 10
10. Librerías extendidas - Animate I ................ junio 17
11. Librerías extendidas - Animate II ................. julio 8
11. Otras opciones – web VR, 360 ................. julio 15 ........ quiz 3
*. Entrega ejercicio II ................................. julio 22
Evaluación:

La nota final resulta de la evaluación de dos ejercicios y tres quices. Cada

ejercicio corresponde al 35% de la nota del curso, para un total de 70% para
los ejercicios. El 30% restante corresponde al promedio de la nota obtenida en
los tres quices (10% cada uno).

Los tres quices se presentan al final de la sesión en las fechas indicadas. Son
muy cortos, consisten de 10 preguntas de selección múltiple y tienen 15
minutos para responderlos. Al final de los 15 minutos el cuestionario se bloquea
y ya no permite hacer ningún cambio, deja activo el sistema durante el tiempo
necesario para enviar las respuestas. Los quices se activan a las 19:40 y se
bloquean a las 19:55 de las fechas indicadas. No existe la posibilidad de
presentarlo en otra hora o fecha, o de repetirlo.
Método de entrega de los ejercicios:
Se debe agregar una secuencia en el foro correspondiente a cada ejercicio.
Adjuntar un solo archivo comprimido en .zip que contenga la estructura de
carpetas y archivos completos del sitio propuesto. Use su nombre y el número
del ejercicio para nombrar la carpeta que los contiene, esto evita muchos
errores y confusiones (ej: CarlosDelgado_eje1.zip). Todo el código debe ir
comentado explicando que significan las declaraciones que se hacen.

Criterios de calificación:
Hacer aportes y lograr mucho más de lo que se pide. ...................... 5.0
Hacer lo que se pide, funcionando correctamente ........................... 4.0
Hacer lo que se pide, aunque no funcione ...................................... 3.0
No hacer lo que se pide. .............................................................. 2.0
No hacer nada ........................................................................... 0.0

A partir de una nota básica por entregar el trabajo, se evalúan diferentes

aspectos y cada uno le suma a la nota básica. En la medida que los trabajos
de unos pueden ser consultados por los demás y servirles de ejemplo, se
tiene en cuenta la fecha de entrega para la nota, los que primero entregan
obtienen bonificación en la nota. Los trabajos entregados después de la fecha
establecida se califican con una décima menos por cada día de retraso.

Los aportes que suben la nota pueden ser:

• en el código (propuestas nuevas o integrar consultas a material externo)
• nuevos usos para una acción de las vistas en clase
• innovaciones en la manera de navegar o interactuar con la interfaz
• valores destacables de tipo estético y comunicativo
(calidad de las imágenes, armonía e impacto visual en la interfaz.