Pontificia Universidad Católica del Ecuador

Transcripción

1 1. DATOS INFORMATIVOS: MATERIA O MÓDULO: Electivas Prensa Radio y TV: Interactividad CÓDIGO: CARRERA: Comunicación NIVEL: Séptimo No. CRÉDITOS: 4 CRÉDITOS TEORÍA: SEMESTRE/AÑO ACADÉMICO: Primer Semestre CRÉDITOS PRÁCTICA: PROFESOR: Nombre: Patricio Cevallos López Grado académico o título profesional: Máster en Diseño de Interfaces Multimedia Breve indicación de la línea de actividad académica: Diseño gráfico, producción gráfica, producción web, nuevas tecnologías de la información y comunicación. Indicación de horario de atención a estudiantes: Lunes, miércoles y viernes, de 11h00 a 13h00 (previa cita) Correo electrónico: pcevallosl@puce.edu.ec Teléfono: , ext DESCRIPCIÓN DE LA MATERIA: Las electivas son materias de diversa naturaleza que buscan dotar a los/las estudiantes de herramientas adicionales a su formación curricular. El curso de Interactividad introduce a los/las estudiantes en el desarrollo de sitios web. Se tratan temas como la planificación y conceptualización, la arquitectura de la información, la hipertextualidad, la usabilidad y la integración multimediática. 3. OBJETIVO GENERAL: Introducir a los/las estudiantes en la concepción, planificación y realización de sitios web. 4. OBJETIVOS ESPECÍFICOS: Al final del semestre, se espera que el/la estudiante: Utilice eficientemente la Internet para recopilar, procesar e intercambiar información. Conceptualice y planifique un sitio web, a partir de necesidades comunicativas específicas. Organice la información de un sitio web y diseñe un interfaz usable para un proyecto concreto. Maneje los principales comandos del lenguaje HTML y aplique software de diseño gráfico para crear hipertextos, páginas y sitios web. 1

2 Publique sitios web en Internet. 5. CONTENIDOS UNIDAD 1: Conceptos introductorios Sesiones 1 y 2 (agosto 18, 20) Introducción y presentación del curso. Conceptos elementales de la Internet. Linealidad versus hipertextualidad. Funcionamiento de navegadores. Obtención de cuentas de hosting gratuito. UNIDAD 2: Bases de HTML y Dreamweaver Sesiones 3 y 4 (agosto 25, 27) El lenguaje HTML: fundamentos. Macromedia Dreamweaver: fundamentos. Estructura general de un documento HTML. Principales comandos: HTML, HEAD, BODY, TITLE, BR, P, HR, H1-H6. Formato para textos con HTML. Listas: ordenadas, desordenadas, de definiciones. Puesta en línea de un website. Sesiones 5 y 6 (septiembre 1, 3) URL absolutos y relativos. Vínculos internos y externos (links). Anclas. Vínculos hacia mails y archivos descargables. El color en la web. Colores para documentos y para textos. El comando META. Sesiones 7 y 8 (septiembre 8, 10) Imágenes para la web: formatos, tamaños, resolución, colores. Optimización de imágenes para Internet, uso de ImageReady. Fondos gráficos. Mapas de imágenes. Animaciones GIF. Sesiones 9 y 10 (septiembre 15, 17) Primera evaluación parcial. Sesiones 11 y 12 (septiembre 22, 24) Concepción y planificación de un website. Investigación y recopilación de la información. Estructuras de navegación. Usabilidad y señalética. UNIDAD 3: Diagramación de páginas web con tablas y marcos Sesiones 13 y 14 (septiembre 29, octubre 1) Tablas sólidas y líquidas. Uso de separadores. Uso de sectores (slices) para la diagramación. 2

3 Sesiones 15 y 16 (octubre 6, 8) Creación de formularios. Diagramación con marcos o paneles. Administración de archivos. Sesiones 17 y 18 (octubre 13, 15) Segunda evaluación parcial. UNIDAD 4: Diagramación de páginas web con CSS Sesiones 19 y 20 (octubre 20, 22) Introducción a los Cascading Style Sheets (CSS). Estilos locales, internos y externos. La sintaxis del lenguaje CSS. Selectores HTML. Sesiones 21 y 22 (octubre 27, 29) Creación de clases. Los comandos DIV y SPAN. Dimensionamiento y ubicación de elementos. Diagramación de páginas web usando CSS. Sesión 23 Noviembre 3: Vacación. Independencia de Cuenca. Sesión 24 (noviembre 5) Tercera evaluación parcial. UNIDAD 5: Proyecto final Sesiones 25 y 26 (noviembre 10, 12) Selección de temas para el proyecto final. Ficha técnica. Inventario y cronograma de producción. Sesiones 27 y 28 (noviembre 17, 19) Identidad visual, estilo gráfico. Homepage y sistema señalético. Producción de plantillas. Sesiones 29 y 30 (noviembre 24, 26) Producción de prototipo. Correcciones al prototipo. Sesiones 31 y 32 (diciembre 1, 3) Producción del proyecto final. Sesiones 33 y 34 (diciembre 8, 10) Puesta en línea del proyecto final. Examen final (diciembre 15 19, según calendario) 3

4 6. METODOLOGÍA, RECURSOS: Las clases son teórico-prácticas. Cada estudiante enfrenta sus ejercicios y proyectos de forma personal y los desarrolla durante la clase en un computador individual. El desarrollo de los trabajos requiere tiempo adicional al de las horas de clases. Para usar los laboratorios en esas horas, se debe coordinar con la Dirección de Informática, a través de su sistema de reserva ( La asistencia a clases es obligatoria. Cada hora académica se cuenta como una clase. Revisar el reglamento respectivo en torno al tema. En caso de ausencia, el/la estudiante es responsable de ponerse al tanto del desarrollo de la materia. No se aceptará trabajos atrasados, salvo en casos de fuerza mayor, previa autorización del Decanato. La realización de ejercicios prácticos es indispensable y permanente a lo largo del semestre académico. Algunos de ellos son evaluados y forman parte de las calificaciones parciales. Están previstos tres proyectos parciales y un proyecto final. El/la estudiante requiere de un dispositivo de almacenamiento (flash USB, ipod, disco duro externo) de 1GB de capacidad o superior, cuaderno de apuntes gráficos con materiales para dibujar (según su preferencia) y CDs de almacenamiento para las entregas. Es altamente recomendable contar con una conexión de Internet de banda ancha. 7. EVALUACIÓN: Primera evaluación parcial: 10 puntos. Entrega de notas: septiembre 24, Segunda evaluación parcial: 10 puntos. Entrega de notas: octubre 22, Tercera evaluación parcial: 10 puntos. Entrega de notas: noviembre 12, Examen final: 20 puntos. 8. BIBLIOGRAFÍA: No hay un texto oficial para la clase. Las siguientes son obras bibliográficas de apoyo a la enseñanza y profundización de conocimientos: BOYLE, COULIN, Color Harmony for the Web, Rockport Publishers, Inc., Gloucester MA, 2001 CASTRO, ELIZABETH, HTML for the World Wide Web, Peachpit Press, Berkeley CA, 2003 COSTA, JOAN, Diseñar para los ojos, Grupo Editorial Design, La Paz, 2003 GARRAND, TIMOTHY, Writing for Multimedia, Focal Press, USA, 1997 LEMAY, LAURA, Aprendiendo HTML 4 para Web en una semana, Prentice Hall, México, 1998 LYNCH, PATRICK J., y HORTON, SARAH, Principios de diseño básicos para la creación de sitios web, Ed. Gustavo Gili, S.A., México, 2000 NIELSEN, JACOB, Designing Web Usability, New Rides Publishing, USA, 2000 PRING, ROGER, Ed. Gustavo Gili, S.A., México,

5 STAUFFER, TODD, HTML Web Publishing 6 in 1, Que Corporation, Indianapolis-USA, 1997 VEEN, JEFFREY, Arte y ciencia del diseño web, Madrid-España: Prentice Hall, 2001 Aprobado: Electivas Prensa Radio y TV: Interactividad Por el Consejo de Escuela f) Director de Escuela fecha: Por el Consejo de Facultad f) Decana fecha: 5