Issuu on Google+

ASIGNATURA UBICACIÓN CRÉDITOS HORARIO DOCENTE HORARIO OFICINA

Diseño por Computadora IV CLAVE DEL CURSO 08091C-0417 Sexto semestre CV Diseño por Computadora III PRERREQUISITO 6 FRECUENCIA SEM. 02 Teóricas y 03 prácticas Martes de 10:35 am a 1:05 pm LUGAR DE CLASES ARTCOM - Sala 6 Miércoles de 10:35 am a 12:15 md LCC Matheus Nascimento - Licenciado en Comunicación Social por la Universidade Federal do Espirito Santo, Brasil - Maestría en Periodismo y Comunicación Digital por la Universidad Autónoma de Barcelona Escuela de Artes y Comunicación CONTACTO -Comunicación Institucional 4:30 a 6:30 TEL.: (ofcina) 263-0900 ext. 710 (Cel) 826 Email: mtcezare@um.edu.mx p.m. (miércoles) Contenido, exámenes y recursos en línea: http://e42.um.edu.mx

--- DECLARACIÓN DE COSMOVISIÓN --Dios, nuestro Creador, hizo la raza humana con la capacidad de utilizar sus habilidades para, a través de la creatividad e inteligencia, expresarse a los demás, a partir de lo creado. Nosotros, sus hijos, podemos participar de este proceso creativo al poner nuestras facultades a su servicio y crear formas novedosas que transmitan la verdadera percepción del carácter de Dios. Utilizando esta capacidad podemos hacer uso de los nuevos medios de comunicación, como lo es el Internet, para decir a otros y mostrar el orden, la belleza del Creador y su plan redentor para cada unos de nosotros.

--- DESCRIPCIÓN DEL CURSO --El curso de Diseño por Computadora IV (Diseño WEB) fue creado con el propósito de combinar la teoría y la práctica en la creación de páginas Web. El curso proveerá al estudiante una introducción para el diseño y la creación de páginas utilizando el lenguaje HTML mediante el uso de los programas Macromedia Flash, Dreamweaver, Fireworks y los diferentes administradores de contenidos existentes. Además permitirá que los estudiantes manejen de forma efectiva las herramientas computacionales y de organización para atender las diferentes necesidades de clientes específcos en lo relacionado con el desarrollo y diseño Web.

--- OBJETIVO GENERAL --El objeto del curso es que los alumnos sepan realizar trabajos de nivel intermedio y fnalicen su ciclo de aprendizaje diseñando un proyecto fnal que combine todos los elementos y técnicas de los programas utilizados en el diseño Web, llevando en cuenta los conceptos principales y la lógica que debe guiar el trabajo del diseño para Internet.

--- OBJETIVO ESPECÍFICOS --De conocimientos • Saber diseñar páginas Web y estructurar un sitio Web completo en línea, de acuerdo a los requerimientos del cliente con atención al usuario fnal. Conocer programación HTML y los conceptos utilizados en Internet, los estándares en Internet, las recomendaciones específcas y operativas que deben guiar el trabajo de construcción de sitios y páginas en lo referente a la arquitectura y la usabilidad. • Saber cuales son los procesos de producción que se aplican en la realización de páginas Web y el conjunto de tareas que


deberán ser asumidas especialmente por las personas que participen en la programación y el montaje del sitio. Conocer los principios generales en relación al diseño gráfco aplicados a páginas Web. El color, el balance, equilibrio, modelos y formas. • Saber los diferentes tipos de programas de administración de contenidos CMS, sus aplicaciones, debilidades y fortalezas. De habilidades • Capacidad de emplear las técnicas básicas y avanzadas, mediante la utilización de programas específcos, en el diseño de un sitio Web completo, a través de los programas Dreamweaver, Fireworks y Flash • Capacidad de ejecutar las etapas para el desarrollo de una página en Internet, de la preparación y diseño a la implementación, mantenimiento y mejoramiento continuo. • Capacidad de crear y diseñar un sitio web basado en sistemas de administración de contenidos dinámicos. De actitud • Promover lo social, legal y ético acerca de la publicación y uso de las páginas de la Internet. • Colocar sus conocimientos a disposición de otros, ayudándolos cuando la situación lo requiera.

Contenido y calendarización del curso El curso de Diseño por Computadora IV (Diseño WEB) enfocará en su desarrollo los temas relacionados al diseño Web y cómo lograr hacer sitios webs EFECTIVOS en lo referente a diseño y navegabilidad, obedeciendo el siguiente calendario a lo largo del semestre: NOMBRE Y OBJETIVO DE LA UNIDAD

CALENDARIZACIÓN DE TEMAS Y SUBTEMAS

UNIDAD I FUNDAMENTOS Y LOS ESTÁNDARES DEL DISEÑO WEB

CLASE 01(26 de enero)

TIEMPO: OBJETIVO: Conocimientos: • Conocer los estándares en Internet, las recomendaciones específcas y operativas que deben guiar el trabajo de construcción de sitios y páginas web • Saber cuales son los procesos de producción que se aplican en la realización de páginas web y el conjunto de tareas que deberán ser asumidas especialmente por las personas que participen en la programación y el montaje del sitio. • Conocer los principios generales en relación al diseño gráfco aplicados a páginas web. El color, el balance, equilibrio, modelos y formas. Habilidades: • Ser capaz de emplear técnicas básicas y avanzadas, mediante la utilización de programas específcos, para el diseño de un sitio web, a través de los programas Dreamweaver, Fireworks y Flash

Ser capaz de dominar y ejecutar las etapas para el desarrollo de una página en Internet, de la preparación y diseño a la implementación, mantenimiento y

Tema: Introducción al mundo del diseño Web, evolución y perspectivas actuales. Subtemas • Introducción, presentación • La evolución del diseño web • Importancia del diseño en Internet • La web, el diseño e infuencia en los negocios en línea • Tendencias actuales en el diseño web CLASE 02 (02 de febrero) Tema: Usabilidad, stándares, programación y publicación de páginas web Subtemas • Usabilidad de sitios web • Ejemplos buenos y malos en el desarrollo web • Estándares con HTML y hojas de estilo (CSS) • Lenguajes de programación • Otras formas de publicación de contenidos CLASE 03 (9 de febrero)

VA LO R 01 02

02

Actividad de conocimiento 1. Hacer reporte de lectura sobre la importancia del diseño Web 2. Hacer un análisis crítico del diseño Web de un sitio en Internet dado por el profesor Actividad de habilidad 3. Escribir un resumen de la evolución y tendencias actuales del diseño Web y publicarlo en tu blog (mandar la liga al profesor) Entrega: 27 de enero por la E42 al fnalizar la clase

01 02

02

Actividad de conocimiento: 4. Hacer un reporte de lectura sobre stándares web 5. Hacer una lista comentada de los principales ítemes de usabilidad necesarios en un sitio web efectivo Actividad de habilidad 6. Identifcar, analizar y comentar 2 sitios web con usabilidad defectuosa y 2 sitios web con usabilidad ejemplar y sus puntos positivos. Entrega: 03 de febrero por la E42 al fnalizar la clase

02

Tema: Fundamentos del diseño web y sistemas de navegación Subtemas • Fundamentos de diseño para la web, colores, formas, etc. • Bocetos de páginas web • Sistemas de navegación

ACTIVIDADES DE APRENDIZAJE

02

Actividad de conocimiento: 7. Analizar 5 sitios web dados por el profesor y responder si cumplen con los fundamentos del diseño aprendidos en clase. Comentar en tu blog y enviar la liga al profesor. Actividad de habilidad 8. Hacer un ejemplo de un sistema de navegación efectivo que sea


mejoramiento continuo.

Planeando una página web desde 0

correctamente empleado en una página web y hacer un boceto de una página web en papel y transferirla la computadora

Actitudes:

Tener un compromiso con la responsabilidad social como profesional en la Sociedad de la Información

Entrega: 10 de febrero por la E42 al fnalizar la clase 01

Actividad de actitud 9. Escribir una hoja sobre porque debe un diseñador debe preocuparse en hacer páginas web con versión para discapacitados. Listar ejemplos. Entrega: en el mismo 10 de febrero por la E42 al fnalizar la clase

TOTAL DE PUNTOS ALCANZABLES EN ESTA UNIDAD 15 Metodología Clases presenciales y expositivas, lecturas de materiales proporcionados por el profesor, uso del navegador de Internet. Bibliografía de esta unidad En formato digital (PDF) y enlaces web en la e42 Libros Nielsen, J.: "Usabilidad: Diseño de Sitios Web", Prentice Hall, ISBN: 8420530085, noviembre, 2001. Kahn, Louis. CONSTRUYA SU PROPIO WEB. Madrid: McGraw-Hill, 1997 Niederst, Jennifer. DISEÑO EN EL WEB con Edie Freedman. Mc Graw-Hill O'Reilly, 1997 (Librería) Manuales de referencia de Macromedia Flash, Dreamweaver y Fireworks

UNIDAD II UTILIZACIÓN DE FIREWORKS EN LA CONSTRUCCIÓN DE PÁGINAS WEB

CLASE 04 (16 de febrero)

TIEMPO:

Subtemas

OBJETIVO: Conocimientos:

Actitudes:

Tema: Diseñando páginas web con Fireworks, parte 01

Saber utilizar las técnicas de creación de gráfcos y animaciones para su publicación en Web y Multimedia

Habilidades: • Ser capaz de concebir, elaborar y realizar diseño gráfcos para la web Tener un compromiso ético con su trabajo

03

04

Introducción a Fireworks, tipo de imágenes digitales: vectores y bitmaps, modos de edición, imágenes estándar de Internet, interfase Fireworks, Manejo de ventanas, barra de Menú, panel y grupos de paneles, panel Historia, creación de comandos, uso de reglas y líneas guía, uso de herramientas de selección.

CLASE 05 (23 de febrero)

Herramienta Marquee, Herramienta Lasso, uso de fltros, Herramientas Eraser y Ruber Stamp, Blur, Sharpen y Brush, Paint Bucket, trabajo con Vectores, herramientas de línea y cuchillo, formas básicas y Uso de texto, herramientas de selección y subselección, moviendo selecciones, efectos y estilos, combinando formas

Entrega: 17 de febrero por la E42 al fnalizar la clase Actividad de habilidad

2.

Hacer una propuesta de rediseño de la página http://www.cineplanet.com.pe/ utilizando Fireworks

Entrega: 17 de febrero por la E42

02

Tema: Diseñando páginas web con Fireworks, parte 02 Subtemas

Actividad de conocimiento 1. Hacer actividades referentes a Fireworks en la e42

01

Actividad de habilidad 3. Hacer actividades referentes a Fireworks en la e42 Actividad de actitud 4. Investigar páginas hechas en Fireworks que hagan referencia a un diseño efciente. Entrega: 24 de febrero por la E42 al fnalizar la clase

TOTAL DE PUNTOS ALCANZABLES EN ESTA UNIDAD 10 Metodología Clases presenciales y expositivas, lecturas de materiales proporcionados por el profesor, uso del navegador de Internet. Bibliografía de esta unidad En formato digital (PDF) y enlaces web en la e42


UNIDAD III USOS E IMPORTANCIA DE FLASH EN LA CONSTRUCCIÓN DE PÁGINAS WEB

CLASE 06 (02 de marzo)

TIEMPO:

Subtemas • Introducción • Creación de Objetos. • Creación de Símbolos • Animación • Introducción a Action Script • Texto • Generando Navegación e Interacción

Utilización de Flash en la construcción de páginas web

OBJETIVO: Conocimientos: • Saber como crear animaciones vectoriales interactivas para su aplicación en páginas Web

Habilidades:

Ser capaz de utilizar fash para crear páginas animadas y con contenido dinámico

Actitudes:

Tener una inquietud por promover una postura de constante actualización tecnológica en la profesión

01

Tema: Diseñando páginas web con Flash, parte 01

CLASE 07 (09 de marzo)

03

01

03

Subtemas • Animaciones, morphin, animación de movimiento. • Guías de movimiento. • Control de cambios de forma. • Inclusión de sonido y video. • Llamado de películas externas. • Publicación en la web.

01

03

Subtemas • Proyectos avanzados en Flash • Integración de Flash con otras herramientas web • Otras herramientas que manejan aplicaciones en Flash

Actividad de habilidad 4. Hacer actividades referentes a Flash en la e42

Actividad de conocimiento: 5. Hacer un reporte de lectura sobre en impacto e importancia de Flash en el diseño web Actividad de habilidad 6. Hacer actividades referentes a Flash en la e42 Entrega: 17 de marzo por la E42 al fnalizar la clase

CLASE 09 (23 de marzo) Tema: Diseñando páginas web con Flash, parte 04

Actividad de conocimiento: 3. Hacer un reporte de lectura sobre la usabilidad en Flash

Entrega: 10 de marzo por la E42 al fnalizar la clase

CLASE 08 (16 de marzo) Tema: Diseñando páginas web con Flash, parte 03

Actividad de habilidad 2. Hacer actividades referentes a Flash en la e42 Entrega: 03 de marzo por la E42 al fnalizar la clase

Tema: Diseñando páginas web con Flash, parte 02 Subtemas • Uso de clips de película • Audio y Video • Publicación • Conocimiento del entorno Flash • Trabajo con gráfcos y textos, capas, fotogramas y línea de tiempo. • Máscaras, símbolos, instancias y biblioteca.

Actividad de conocimiento 1. Hacer un reporte de lectura sobre las ventajas y desventajas del uso de Flash

01

Actividad de conocimiento: 7. Hacer un reporte de lectura sobre contenidos multimedia en Flash

05

Actividad de habilidad 8. Hacer actividades referentes a Flash en la e42 Entrega: 24 de marzo por la E42

TOTAL DE PUNTOS ALCANZABLES EN ESTA UNIDAD 18 Metodología Clases presenciales y expositivas, lecturas de materiales proporcionados por el profesor, uso del navegador de Internet. Bibliografía de esta unidad En formato digital (PDF) y enlaces web en la e42


UNIDAD IV UTILIZACIÓN DE DREAMWEAVER EN LA CONSTRUCCIÓN Y PUBLICACIÓN DE PÁGINAS WEB TIEMPO: OBJETIVO: Conocimientos:

Saber como utilizar las técnicas de creación y publicación de sitios Web interactivos con Dreamweaver

Habilidades:

Ser capaz de usar la tecnología, herramientas de diseño y programas de diseño para producir páginas para Internet

Actitudes:

Tener una inquietud por promover una postura de constante actualización tecnológica en la profesión

CLASE 10 (30 de marzo) Tema: Diseñando y publicando páginas web con Dreamweaver, parte 01

01

Actividad de conocimiento 1. Hacer un reporte de lectura sobre Dreamweaver y layers

02

Actividad de habilidad 2. Hacer actividades referentes a Dreamweaver en la e42

Subtemas • Introducción a Dreamweaver MX, añadiendo contenido, estructura de formato de un documento, trabajando con gráfcos, añadiendo objetos de Flash, diseño de páginas usando tablas, estructurando los datos con las tablas, tablas de Disposición, creando plantillas para el sitio

Entrega: 31 de marzo por la E42 al fnalizar la clase

CLASE 11 (06 de abril) Tema: Diseñando y publicando páginas web con Dreamweaver, parte 02 Subtemas • Formularios y marcos, hoja de estilos CSS, integración de las herramientas Flash, Fireworks y Dreamweaver, añadiendo elementos interactivos a las páginas, usando comportamientos en Java Script – Cliente, añadiendo interactividad con capas, pruebas, desarrollo y mantenimiento, probando tu sitio, mantenimiento de archivos, conectar a un sitio remoto por FTP

01

Actividad de conocimiento: 3. Hacer un reporte de lectura sobre Dreamweaver y CSS

03

Actividad de habilidad 4. Hacer actividades referentes a Dreamweaver en la e42 Entrega: 07 de abril por la E42 al fnalizar la clase

CLASE 12 (13 de abril) Tema: Diseñando y publicando páginas web con Dreamweaver, parte 03 Subtemas • Hojas de estilo con Dreamweaver (CSS) • Trabajos avanzados en web con Dreamweaver

01

Actividad de conocimiento 5. Hacer un reporte de lectura sobre Dreamweaver y navegación web

03

Actividad de habilidad 6. Hacer actividades referentes a Dreamweaver en la e42

01

Actividad de actitud 7. Escribir en tu blog tu posicionamiento personal sobre el diseño de webs utilizando templates de otras personas. Mandar la liga al profesor por la e42. Entrega: 14 de abril por la E42 al fnalizar la clase

TOTAL DE PUNTOS ALCANZABLES EN ESTA UNIDAD 12 Metodología Clases presenciales y expositivas, lecturas de materiales proporcionados por el profesor, uso del navegador de Internet. Bibliografía de esta unidad En formato digital (PDF) y enlaces web en la e42


UNIDAD V MEDIOS DE PUBLICACIÓN DE PÁGINAS WEB Y SISTEMAS DE ADMINISTRACIÓN DE CONTENIDOS TIEMPO: OBJETIVO: Conocimientos: • Saber cuales son los medios alternos para la publicación de páginas web Habilidades:

Ser capaz de utilizar los diferentes medios alternos disponibles en Internet para la publicación de páginas y contenidos en la web

Actitudes:

Tener una inquietud por promover una postura de constante actualización tecnológica en la profesión

CLASE 13 (20 de abril) Tema: Conociendo los sistemas de administración de contenidos: Joomla y Drupal

01

Actividad de conocimiento 1. Hacer un reporte de lectura sobre los CMS, ventajas y desventajas

03

Actividad de habilidad 2. Hacer actividades referentes a Joomla y Drupal en la e42

Subtemas • Introducción a Joomla • Introducción a Drupal • Ejemplos de sitios • Ejemplos de negocios y diseños basados en CMS • Interfases de administración CMS • Modos de administración • Los templates y modifcaciones • El CSS y construcción de sitios en administradores de contenidos CLASE 14 (27 de abril)

Entrega: 21 de abril por la E42 al fnalizar la clase

01

Tema: Conociendo los sistemas de administración de contenidos: Wordpress y diseño de blogs Subtemas • Introducción a Wordpress • Los diseño de blogs y el mercado web • El CSS en los blogs basados en Wordpress • Diseño de plantillas en Wordpress • Administración de contenidos y modifcaciones en Wordpress

03

02

Actividad de conocimiento: 3. Hacer un reporte de lectura Wordpres y el futuro de los blogs open source Actividad de habilidad 4. Hacer actividades referentes a Wordpress en la e42 Actividad de actitud 5. Escribir en tu blog acerca de lo qué piensas en utilizar herramientas open source en el diseño web. Mandar la liga al profesor por la e42. Entrega: 28 de abril por la E42 al fnalizar la clase

TOTAL DE PUNTOS ALCANZABLES EN ESTA UNIDAD 10 Metodología Clases presenciales y expositivas, lecturas de materiales proporcionados por el profesor, uso del navegador de Internet. Bibliografía de esta unidad En formato digital (PDF) y enlaces web en la e42

UNIDAD VI DESARROLLO INTEGRAL DE PROYECTO WEB TIEMPO: OBJETIVO: Conocimientos: • Saber cuales son los medios alternos para la publicación de páginas web

CLASE 15 (04 de mayo) Tema: Pasos para el desarrollo de un proyecto web, hosting y dominios Subtemas • Como iniciar un proyecto web • Pasos para la realización de un proyecto web • Aspectos a

01

01

Actividad de conocimiento 1. Hacer un reporte de lectura sobre el desarrollo de proyectos web. Actividad de habilidad 2. Presentar avance de página personal Entrega: 05 de mayo por la E42 al fnalizar la clase

Habilidades:

Ser capaz de utilizar los diferentes medios alternos para la publicación de páginas y contenidos multimedia en la web

Actitudes:

Tener una inquietud por promover una postura de constante actualización

CLASE 16 (11 de mayo) Tema: Evaluación de la

efectividad, promoción y tráfco de un proyecto web Subtemas • Revisando proyectos web desde su punto de partida • La efectividad de un sitio web

05

Actividad de conocimiento: 3. Hacer un reporte de lectura Proyectos web efectivos 4. Hacer un reporte de lectura sobre efectividad de un proyecto web. Entrega: 12 de mayo por la E42 al fnalizar la clase


tecnológica en la profesión

Como promocionar y aumentar el tráfco hacia tu sitio web

TOTAL DE PUNTOS ALCANZABLES EN ESTA UNIDAD 07 Metodología Clases presenciales y expositivas, lecturas de materiales proporcionados por el profesor, uso del navegador de Internet. Bibliografía de esta unidad En formato digital (PDF) y enlaces web en la e42

--- PRESENTACIÓN DE PROYECTO FINAL ---

18 DE MAYO El proyecto fnal consistirá en la creación de un website personal de acuerdo a los parámetros presentados por el profesor y deberá estar en línea y completa para evaluación para ser presentada para un grupo de profesores en la fecha indicada.

--- ENTREGA DE LA CARPETA CON PORTAFOLIO DE LA MATERIA ---

18 DE MAYO Como evidencia objetiva de su trabajo y material para estudios o presentaciones posteriores, el alumno entregará una carpeta con los apuntes, ejercicios, asignaciones, exámenes, copias de textos y cualquier otro material impreso utilizado para la clase.

Requisitos de evaluación La evaluación fnal se obtendrá tomando en cuenta los siguientes criterios: Ítem Actividades unidad I (máximo alcanzable) Actividades unidad II (máximo alcanzable) Actividades unidad III (máximo alcanzable) Actividades unidad IV (máximo alcanzable) Actividades unidad V (máximo alcanzable) Actividades unidad VI (máximo alcanzable) Examen fnal – Entrega de proyecto web Carpeta con portafolio de la materia Participación y asistencia Total

Importante: Para aprobar se requiere una califcación superior a

Fecha Ver calendario Ver calendario Ver calendario Ver calendario Ver calendario Ver calendario 18 de mayo 18 de mayo -

Valor (puntos) 15 10 18 12 10 07 22 03 03 100

70 puntos

OBS.: ESTA MATERIA POR SER PREDOMINANTEMENTE PRÁCTICA NO APLICA PRESENTAR EXAMEN EXTRAORDINARIO Por ese motivo si la califcación fnal ordinaria

equivale a 69 o menos, ó la asistencia a clases sea menor a 90%, el alumno no podrá presentar un examen extraordinario y por lo tanto desaprobará la asignatura y deberá repetir la materia. Obs: En relación a las faltas es importante saber que: • Se dará falta al alumno que llegue 10 minutos atrasado al salón de clases. Se le permitirá entrar al salón, pero contará la falta. • El alumno que acumule 3 tardanzas, se considerará como una falta. • En total de faltas que el alumno puede acumular durante el semestre es de 9 períodos de clases, siendo que aquellos que estén cerca de ese punto límite serán avisados con anticipación para evitar problemas futuros.


Plan de curso de Diseño por Computadora IV (Diseño Web) 2010