Universidad de Palermo

Producción Digital - 2019

Diseño de Imagen y Sonido | Comunicador Digital
Wenceslao I. Zavala

Guía de Trabajos Prácticos 2019

[TP 1] - [TP 2] - [TP 3] - [TP 4] - [TP 5] - [TP 6] - [TP 7] - [Portfolio]

Subida de Portfolio de Cursada

Consignas: Se deberán subir los archivos para la entrega del Proyecto Integrador para el Portfolio DC.

Se debe subir en la plataforma de la Facultad de Diseño y Comunicación.

Para ver qué archivos debe subir y la forma ver la presentación de la clase.

Fecha de entrega: Clase N°12 (13/06/19).

 

[TP 7] Sitio Responsive con formulario

Consignas: A partir del proyecto del sitio trabajado se deberá agregar un formulario de contacto donde el usuario cargue su nombre, email, sexo, país y comentarios como minimo. Es importante que el formulario cuente con una validación para que el usuario complete de manera obligatoria el nombre, un email válido y el país como mínimo para pasar a la ventana de respuesta. El formulario de contacto también debe tener modificadas las propiedades de apariencia para que no sean las predeterminadas del navegador, y las etiquetas de los campos se deben acomodar según el dispositivo.

El sitio debe estar adaptable para diferentes dispositivos, y no debe superar los 5 MB en total, por ende, es importante optimizar las imagenes.

Fecha de entrega: Clase N°12 (13/06/19)
Modo de Entrega: Se sube vía FTP. No se entrega en papel.

 

[TP 6] Sitio Galería de Fotos

Consignas: Incluir en el sitio trabajado una galería de fotos con imágenes pequeñas y al hacer click o pasar con el mouse por encima, que se vean de un tamaño mayor (con un mínimo de seis imágenes). Es decir, son dos archivos diferentes. Es importante que el tamaño de ninguna imagen sea achicada o agrandada en el HTML.

En todas las páginas debo tener la posibilidad de ir a cualquiera de las otras páginas.Todo elemento que tenga un link, debe tener roll-over de manera obligatoria, salvo las imágenes de las galerías.

El sitio debe estar adaptable para diferentes dispositivos, y no debe superar los 5 MB en total, por ende, es importante optimizar las imágenes.

Fecha de entrega: Clase N° 10 (30/05/19)
Modo de Entrega: Se sube vía FTP. No se entrega en papel.

 

[TP 5] Sitio Responsive

Consignas: A partir del sitio trabajado durante la cursada, la vista del mismo online debe ser correcta para los computadoras de escritorio, tabletas y móviles.
NO debe aparecer la barra de desplazamiento abajo, para mover la pantalla de izquierda a derecha.
La barra de navegación de secciones debe estar como un lista con su efecto de Roll-Over.
En todas las páginas debo tener la posibilidad de ir a cualquiera de las otras páginas.

Todo elemento que tenga un link, debe tener roll-over de manera obligatoria, incluso las imágenes.
Recordar el orden y nombres de los archivos y carpetas. Ningún nombre de archivo ni carpeta debe tener acentos, Ñ, espacios o signos. Sólo pueden ser letras número y _ o -.
El peso del sitio no debe superar los 5 MB en total.

Debe subirse vía FTP al espacio brindado por el docente. Recuerde que los datos de ingreso son su legajo. Si no se sube en ese espacio, el trabajo es considerado como no entregado.

Fecha de entrega: Clase N° 8 (16/05/19).
Modo de Entrega: Se sube vía FTP. No se entrega en papel.

 

[TP 4] Sitio Adaptable, navegable entre secciones y barra como lista

Consignas: A partir del sitio en HTML que se viene trabajando se debe mejorar la adaptación del sitio a los dispositivos mediante los estilos CSS, agregar una barra de navegación, y que pueda entrar a cada archivo de sección.

Para que sea adaptable, el tamaño para escritorio es mayor de 1300px, Tabletas hasta 768px; Móviles hasta 480px.

Para la navegación se deben realizar los archivos de la página de inicio (index.html) y de las secciones principales del sitio. El mismo debe navegar desde la página de inicio a las secciones y viceversa.

La barra de navegación principal debe ser una lista (cada etiqueta <a> dentro de una etiqueta <li>), y los botones deben tener el comportamiento de ROLL-OVER.

El sitio tendrá sólo una hoja de estilo (ej. estilos.css).

Fecha de entrega: Clase N° 6 (02/05/19).
Modo de Entrega: Se sube vía FTP. No se entrega en papel.

 

[TP 3] Sitio Adaptable

Consignas:

A partir del sitio en HTML que se viene trabajando se debe mejorar la adaptación del sitio a los dispositivos mediante los estilos CSS

El ancho de la caja del sitio no debe superar los 1300 px, y si la resolución es más pequeña, debe adaptarse al navegador. Escritorio o mayor de 1300px, Tabletas hasta 768px; Móviles hasta 480px.

El sitio tendrá sólo una hoja de estilo (ej. estilos.css).

A ningún archivo le debe faltar la etiqueta TITLE, acorde a donde se encuentre el usuario.

Fecha de entrega: Clase N° 5 (25/04/19).
Modo de Entrega: Se entrega por el sitio de la materia.

 

[TP 2] Maqueta HTML de INDEX para escritorio a partir del Wireframe TP1

Consignas:

Realizar la maqueta en HTML de la versión de escritorio del Wireframe entregado en el trabajo anterior. El tamaño de pantalla de base para computadoras es de 1300 pixeles como ancho máximo.

Fecha de entrega: Clase N° 3 (04/04/19)
Modo de Entrega: Se entrega por el sitio de la materia.
No se entrega en papel.

 

[TP 1] Desarrollo Proyecto de un Sitio a Elección + Arquitectura de la Información/Wireframe

Consignas:
Realizar un proyecto web a elección del alumno. En el informe del proyecto el alumno deberá establecer los siguientes puntos:

  1. Etapa de Estrategia
    1. Objetivo del Sitio (Definir temática del sitio y nombre del mismo)
    2. Necesidades del Usuario (Definir audiencia/usuarios)
  2. Etapa de Alcance
    1. Especificaciones funcionales (Definir el/los objetivos y funciones del sitio)
    2. Requerimientos de contenido (Definición de Contenidos que serán incluídos en el sitio)
  3. Etapa de Estructura
    1. Definir que interacciones podrá realizar el usuario
    2. Arquitectura de la Información (mapa del sitio):
      Realizar la categorización y etiquetado de los contenidos definiendo niveles, secciones y los contenidos propiamente dicho (agrupar y etiquetar contenidos) para definir el Mapa del Sitio (árbol de contenidos).
  4. Boceto o wireframe de la pantalla de inicio del sitio a realizar

Fecha de entrega: Clase N° 2 (28/03/19).

Modo de Entrega: Se sube online. No se entrega en papel.
Se debe entregar en un archivo de word o similar.
El nombre del archivo debe ser el Apellido del alumno/a. (Ej.: zavala.doc).

 

Normas de Presentación

Muy Importante: en los trabajos prácticos se evaluará tanto el contenido como su presentación. Se evalúa también si el trabajo tiene errores de ortografía o redacción.
Tanto los nombres de los archivos como de las carpetas de los trabajos que se entreguen deben tener formato para subir a un servidor de Internet. De ser en minúsculas, sin espacios, ni acentos, ni ñ, sólo letras y números. El orden de las carpetas debe ser el explicado en clase.

Las consignas del trabajo pueden cambiar en el momento de ser presentadas al alumno por parte del profesor.