Categoria: Sin categoría


Examen extraordinario de Tecnología en Medios Audiovisuales e Hipermedia 2

Requisitos para la evaluación del extraordinario:

Si cursaste con otro profesor en el semestre regular,  pediría solicites que te evalue el profesor que te impartió la materia para que te expida una calificación  y así ratificar la evaluación con el profesor personalmente.
Para los alumnos que cursaron con su servidor, en el semestre regular, les solicito los proyectos que vimos y produjeron en el semestre.

 

A utilizar los siguientes software:

  1. Editores de texto html/CSS/JS:
    • Sublime text
    • Brackets
    • Atom
  2. Dreamweaver en CS6 y/o Dreamweaver CC
  3. Editores de audio y video (Premier / After effects)

No se reciben proyectos realizados en software distintos a los solicitados, es decir: photoshop con sistema de slice (recorte),, Ilustrator y Muse cumplen la función de maquetadores o muckups, por lo que adhieren programación innecesaria al sitio web, la planeación, construcción y desarrollo de sitios web.

Se podrían usar solo para ilustrar los ejemplos en la guía de estilo, Software y aplicaciones como Indesign, Corel incluso Word, Power Point pueden guardar los archivos, salvando como pagina web, se les pide no entregar de esa manera ya que no serán considerados como entregas válidas.  No se aceptan aplicaciones en linea donde la utilización de plantillas automatizan y estandarizan el diseño de página web, ejemplo: Wix, o plantillas online genéricas.

 

Los trabajos para la evaluación son los siguientes:

 

1. Librería online (de libros infantiles)


Sitio Web con diseño responsivo (para visualizar en computadora, tablet y celular):

  1. 40 pantallas
    • Con aplicación de 2 Jquery conjuntas en pantalla (aplicadas en solo 5 pantallas de las 40)
    • Utilizar CSS (con enlaces externos e internos)
    • Se puede utilizar flexbox como medio para el uso de diseño responsivo.
  2. Jquery solictados:
    • Menú desplegable
    • Mapa con gps de ubicación
    • Formulario
    • Calendario
    • Reloj
    • Flip book
  3. Videos 3 (entrevista a autores o lectores de libro infantil, animación, animación 3D)
  4. Audios 3 (aplicados en audiolibros)
  5. Diagrama de navegación
  6. Diagrama de flujo
  7. Diagrama de interacción
  8. Guía de estilo:
    • Presentación
    • Objetivos
    • Formato
    • Reticulación
    • Diagramación
    • Tipografía: primaria, secundaria y terciaria (uso de google fonts a través de enlaces en CSS)
    • Tablas de color (3)
    • Diseño de interfaz
    • Maquetación (Dummy de portada, contenido primario y contenido secundario

 

 

2. Inmobiliaria (venta de casas y departamentos)


Sitio Web con diseño responsivo (para visualizar en computadora, tablet y celular):

  1. 40 pantallas
    • Con aplicación de 2 Jquery conjuntas en pantalla (aplicadas en solo 5 pantallas de las 40)
    • Utilizar CSS (con enlaces externos e internos)
    • Se puede utilizar flexbox como medio para el uso de diseño responsivo.
  2. Jquery solictados:
    • Menú desplegable
    • Mapa con gps de ubicación
    • Formulario
    • Calendario
    • Reloj
    • Flip book
    • 3 recorridos virtuales 360° (VR) con hotspot de enlace entre- Exterior/sala-comedor/recamara.
    • Mapa sensible de planta arquitectónica de departamento y/o casa (que vincule con información [acabados, dimensión, herrería])
    • Zoom y lupa 
  1. Videos 3 (Publicidad)
  2. Audios 3 (información, promoción, música de background)
  3. Diagrama de navegación
  4. Diagrama de flujo
  5. Diagrama de interacción
  6. Guía de estilo:
    • Presentación
    • Objetivos
    • Formato
    • Reticulación
    • Diagramación
    • Tipografía: primaria, secundaria y terciaria (uso de google fonts a través de enlaces en CSS)
    • Tablas de color (3)
    • Diseño de interfaz
    • Maquetación (Dummy de portada, contenido primario y contenido secundaria

 

3. Agencia Automotriz


Sitio Web con diseño responsivo (para visualizar en computadora, tablet y celular):

  1. 40 pantallas
    • Con aplicación de 2 Jquery conjuntas en pantalla (aplicadas en solo 5 pantallas de las 40)
    • Utilizar CSS (con enlaces externos e internos)
    • Se puede utilizar flexbox como medio para el uso de diseño responsivo.
  2. Jquery solictados:
    • Menú desplegable
    • Mapa con gps de ubicación
    • Formulario
    • Calendario
    • Reloj
    • Flip book
    • 1 recorridos virtuales 360° (VR) a partir de eje central (el objeto rota 360° aplicado en auto a escala)
    • Mapa sensible de auto (mapas sensibles de un auto con 10 enlaces a información técnica, ejemplo: foto interior de auto, con mapa sensible de tablero aplicado a radio, que enlaza a datos de información técnica )
    • Zoom y lupa 
  1. Videos 3 (Publicidad)
  2. Audios 3 (información, promoción, música de background)
  3. Diagrama de navegación
  4. Diagrama de flujo
  5. Diagrama de interacción
  6. Guía de estilo:
    • Presentación
    • Objetivos
    • Formato
    • Reticulación
    • Diagramación
    • Tipografía: primaria, secundaria y terciaria (uso de google fonts a través de enlaces en CSS)
    • Tablas de color (3)
    • Diseño de interfaz
    • Maquetación (Dummy de portada, contenido primario y contenido secundaria

 

4. Despacho de Diseño


Sitio Web con diseño responsivo (para visualizar en computadora, tablet y celular):

  1. 40 pantallas
    • Con aplicación de 2 Jquery conjuntas en pantalla (aplicadas en solo 5 pantallas de las 40)
    • Utilizar CSS (con enlaces externos e internos)
    • Se puede utilizar flexbox como medio para el uso de diseño responsivo.
  2. Jquery solictados:
    • Menú desplegable
    • Mapa con gps de ubicación
    • Formulario
    • Calendario
    • Reloj
    • Flip book
    • un recorrido virtual 360° (VR) a partir de eje central (el objeto rota 360° aplicado a empaque de producto diseñado)
    • Galería/portafolio (5 temas: ilustración, fotografía, diseño editorial, identidad corporativa/gráfica, envase/embalaje) 
  1. Videos 3 (Publicidad)
  2. Audios 3 (información, promoción, música de background)
  3. Diagrama de navegación
  4. Diagrama de flujo
  5. Diagrama de interacción
  6. Guía de estilo:
    • Presentación
    • Objetivos
    • Formato
    • Reticulación
    • Diagramación
    • Tipografía: primaria, secundaria y terciaria (uso de google fonts a través de enlaces en CSS)
    • Tablas de color (3)
    • Diseño de interfaz
    • Maquetación (Dummy de portada, contenido primario y contenido secundaria

 

A entregar proyectos compilados en un CD con diseño de portada y contraportada de caja porta disco, así como dona impresa adherida al CD, con descripción de ejercicios y requerimientos de sistema, identificando materia, nombre del alumno, contenido y fecha de entrega.

Extraordinario para Laboratorio de Tecnología en Dibujo 2

Requisitos para la evaluación del extraordinario de la asignatura:  Laboratorio de Tecnología en Dibujo 2

 

Si cursaste el semestre regular con otro profesor,  te pediría solicites que te evalue el profesor que te impartió la materia para que te expida una calificación previo acuerdo  para ratificar la evaluación con el profesor y asentar en actas. Alumnos que cursaron la materia con su servidor deberán completar y entregar la totalidad de los proyectos  realizados en el semestre.

Desarrollar un proyecto integral donde la aplicación de la tecnología del dibujo se enfoque en soluciones a problemáticas de comunicación visual específicas, requiere de contextos para la aplicaciones del conocimiento tecnológico del dibujo. Para tal caso se plantea en el semestre regular proyectos específicos, donde se aplica la tecnología del dibujo y en consecuencia en la evaluación extraordinaria en los siguientes proyectos.

 

Los trabajos para la evaluación extraordinaria son los siguientes:

 

Software a utilizar:

  • Adobe Ilustrador (dibujo vectorial)
  • Adobe Photoshop (tratamiento de imagen bitmap)
  • Adobe After Effects (post-producción [efectos] )
  • Adobe Premier (edición de video)

1. Proyecto Zoológico de Chapultepec

Presentar:

1. Logotipo de Zoológico de Chapultepec (dibujo vectorial)

2. Diseño de identidad gráfica del Zoológico de Chapultepec (vectorial y bitmap) incluye:

  • Método constructivo de logotipo
  • Formato y retícula y diagramas
  • Tablas de color (aplicaciones correctas e incorrectas)
  • Tipografías primarias y secundarias (aplicaciones correctas e incorrectas)
  • Propuesta de señalética de especies del zoológico (10 logo-símbolos) con propuestas  constructivas desarrolladas en dibujo vectorial.
  • Propuesta de  artículos promocionales utilizando objetos inteligentes en photoshop. (gorra, playera, taza, llavero y mochila)
  • Perspectiva a dos puntos de fuga de escena de zoológico donde se simule la colocación de la señalética.

3. Spot del Zoológico de Chapultepec  (30 segundos) debe incluir:

  • Edición de video de tomas del zoológico (pueden usarse videos retomados de you tube, editando con adobe premier )
  • Aplicación de logosímbolo / logotipo, en 3D incorporado  en cortinilla en after effects
  • Aplicación de efectos para cortinilla de entrada (efecto de trazo, en motion tipographic en after effects)
  • Aplicación de efecto de animación en tres planos (efecto de profundidad simulando 3D en after effects)
  • Aplicación de efecto de animación en 3D (efecto aplicado en ejes x y z, ejemplo mariposa 3D en after effects)
  • Aplicación de efectos de animación de cortinilla de cierre (efecto aplicado en  motion tipographic en affects effects)

 

 

 

2. Proyecto Tour  Concierto Musical

Seleccionar grupo musical o artista, del cual se desarrollará la identidad gráfica del tour musical, del cual se proyectará anuncio promocional, así como clip de entrevista para medios.

 

Presentar:

1. Logotipo de Tour Musical (dibujo vectorial)

2. Diseño de identidad gráfica del Tour Musical (vectorial y bitmap) incluye:

  • Método constructivo de logotipo
  • Formato y retícula y diagramas
  • Tablas de color (aplicaciones correctas e incorrectas)
  • Tipografías primarias y secundarias (aplicaciones correctas e incorrectas)
  • Propuesta de  artículos promocionales utilizando objetos inteligentes en photoshop. (gorra, playera, chamarra, thermo y mochila)

3. Spot publicitario del Tour Musical (30 segundos) debe incluir:

  • Edición de video de tomas del Tour Musical (pueden usarse videos retomados de you tube, editando con adobe premier
  • Aplicación de logosímbolo / logotipo, en 3D incorporado  en cortinilla en after effects
  • Aplicación de efectos para cortinilla de entrada (efecto de trazo, en motion tipographic en after effects)
  • Aplicación de efecto de animación en tres planos (efecto de profundidad simulando 3D en after effects)
  • Aplicación de efecto de animación en 3D (efecto aplicado en ejes x y z, ejemplo mariposa 3D en after effects)
  • Aplicación de efectos de animación de cortinilla de cierre (efecto aplicado en  motion tipographic en after effects)
  • Aplicación de efecto de animación por rastreo (efecto aplicado de rastreo texto-imagen en after effects)

 

4. Entrevista del grupo o artista del Tour Musical,  debe incluir:

  • Edición de video de tomas de entrevista (pueden usarse videos retomados de you tube, editando con adobe premier
  • Aplicación de logosímbolo / logotipo, en 3D incorporado  en cortinilla en after effects
  • Aplicación de efectos para cortinilla de entrada (efecto de trazo, en motion tipographic y/o motion graphic, en after effects)
  • Aplicación de efecto de animación en tres planos (efecto de profundidad simulando 3D en after effects)
  • Aplicación de efecto de animación en 3D (efecto aplicado en ejes x y z, ejemplo mariposa 3D en after effects)
  • Aplicación de efectos de animación de cortinilla de cierre (efecto aplicado en  motion tipographic en after effects)
  • Aplicación de efecto de animación por rastreo (efecto aplicado de rastreo texto-imagen en after effects)

 

 

 

3. Proyecto Muestra Cinematográfica 

Seleccionar muestra cinematográfica realizada en México, eligiendo un director cinematográfico que haya impartido una clase magistral. para realizar el spot publicitario así como la entrevista.

 

Presentar:

1. Logotipo de Muestra cinematográfica (dibujo vectorial)

2. Diseño de identidad gráfica de muestra cinematográfica (vectorial y bitmap) incluye:

  • Método constructivo de logotipo
  • Formato y retícula y diagramas
  • Tablas de color (aplicaciones correctas e incorrectas)
  • Tipografías primarias y secundarias (aplicaciones correctas e incorrectas)
  • Propuesta de  artículos promocionales utilizando objetos inteligentes en photoshop. (gorra, playera, chamarra, thermo y mochila)

3. Spot publicitario de muestra cinematográfica (30 segundos) debe incluir:

  • Edición de video de tomas de la muestra cinematográfica (pueden usarse videos retomados de youtube, editando con adobe premier )
  • Aplicación de efectos para cortinilla de entrada (efecto de trazo, en motion tipographic en after effects
  • Aplicación de logosímbolo / logotipo, en 3D incorporado  en cortinilla en after effects
  • Aplicación de efecto de animación en tres planos (efecto de profundidad simulando 3D en after effect)
  • Aplicación de efecto de animación en 3D (efecto aplicado en ejes x y z, ejemplo mariposa 3D en after effects)
  • Aplicación de efectos de animación de cortinilla de cierre (efecto aplicado en  motion tipographic en after effects)
  • Aplicación de efecto de animación por rastreo (efecto aplicado de rastreo texto-imagen en after effects)

 

4. Entrevista a director de cine en la muestra cinematográfica,  debe incluir:

  • Edición de video de tomas de muestra cinematográfica (pueden usarse videos retomados de youtube, editando con adobe premier )
  • Aplicación de efectos para cortinilla de entrada (efecto de trazo, en motion tipographic y/o motion graphic, en after effects)
  • Aplicación de logosímbolo / logotipo, en 3D incorporado  en cortinilla en after effects
  • Aplicación de efecto de animación en tres planos (efecto de profundidad simulando 3D en after effects)
  • Aplicación de efecto de animación en 3D (efecto aplicado en ejes x y z, ejemplo mariposa 3D en after effects)
  • Aplicación de efectos de animación de cortinilla de cierre (efecto aplicado en  motion tipographic en after effects)
  • Aplicación de efecto de animación por rastreo (efecto aplicado de rastreo texto-imagen en after effects)

 

Entrega:

  • Trabajos entregados en CD y/o DVD, con folder por proyecto (no se reciben USB ya que los cd y/o dvd no se regresan)
  • Cada folder debe contener:
    • Archivos nativos  y su correspondiente en pdf (Solo en los ejercicios de logotipos e identidades gráficas así como promocionales)
    • En el caso de archivos After Effects, archivos nativos y archivos de salida (videos en .mpg o .mov)
  • Carátula de CD diseñada así como porta CD con indicaciones de contenido.

 

 

 

Examen extraordinario de Tecnología en Medios Audiovisuales e Hipermedia 1

Requisitos para la evaluación del extraordinario:

Si cursaste con otro profesor en el semestre regular,  pediría solicites que te evalue el profesor que te impartió la materia para que te expida una calificación  y así ratificar la evaluación con el profesor personalmente.
Para los alumnos que cursaron conmigo en el semestre regular, les pido lo que vieron y produjeron en el semestre.

 

Los trabajos para la evaluación son los siguientes:

 

1. Curriculum vitae en HTML

 

2. Portafolio Profesional (10 pantallas), incluye 5 secciones con 5 pantallas cada uno(ilustración, diseño editorial, fotografía, envase y embalaje, identidad corporativa) el portafolio es de trabajos producidos con sus especificaciones de producción por el alumno durante las materias que ha cursado, debe considerar la construcción del portafolio profesional a través de tablas y/o frames y/o Div’s (cualquiera de sus modalidades) .

 

3. Mapa sensible: mapa desarrollado con frames (topframe, leftframe y mainframe) y/o Div´’s de centro histórico con 10 ligas en índice a contenido vinculado a mainframe. La portada de mainframe debe tener un mapa sensible que haga las mismas vinculaciones.

 

4. Diseño de sitio comercial: 70 pantallas de empresa comercializadora de productos, incluye manejo de frames y/o Div’s, , 3 videos, 3 audios y 3 animaciones. Presentar adjunto al sitio en pdf. : diagrama de flujo, diagrama de interacción y diagrama de flujo, asi como  guía de estilo.

 

5. Diseño de sitio educativo: 50 pantallas de temática educativa (sitio para el aprendizaje, ejemplo: enseñanza de geografía para estudiantes de secundaria, enseñanza de un idioma, enseñanza de los elementos de la tabla periódica en química) , incluye manejo de Div’s y hojas de estilo (CSS), 3 videos, 3 audios y 3 animaciones. Presentar adjunto al sitio en pdf. : diagrama de flujo, diagrama de interacción y diagrama de flujo, asi como guía de estilo.

 

6. Diseño de sitio de capacitación: 40 pantallas  de capacitación  para “el hacer” (por ejemplo: primeros auxilios, cómo hacer serigrafía o cómo hacer muebles de madera), incluye manejo de Div’s y hojas de estilo (CSS). Presentar adjunto al sitio en pdf. : diagrama de flujo, diagrama de interacción y diagrama de flujo, asi como guía de estilo.

 

7. Diseño de sitio institucional : 40 pantallas de institución sin fines de lucro (conasida, issste, conalep) , incluye manejo de Div’s y hojas de estilo (CSS). Presentar adjunto al sitio en pdf. : diagrama de flujo, diagrama de interacción y diagrama de flujo, asi como guía de estilo.

 

 

A entregar los 7 proyectos compilados en un CD con diseño de portada y contraportada de caja porta disco, así como dona impresa adherida al CD, con descripción de ejercicios y requerimientos de sistema, en fecha asignada por control escolar.