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.

«