TP 4, Comisión Web

Seminario Físico Matemático I
Bellas Artes - U.N.L.P - Año 2009

Comisión Web

Trabajo Práctico N° 4

Desarrollo de un proyecto web

Diseño de la Estructura de Navegación

Diseño de Interface

Desarrollo de un proyecto web

Consiste en la elección de un proyecto para su posterior desarrollo web.

Como parte del mismo, el punto de partida consiste en el armado de la estructura de navegación. Para ello debemos conocer que secciones va a contener el mismo y en función de ello definir un tipo de estructura.

Para el ejemplo preferimos una estructura jerárquica, o jerárquica combinada con lineal, que son las más difundidas entre los sitios institucionales.

Una vez que está definida la estructura o árbol de navegación, podemos proceder a la etapa de boceto, donde definimos la interface de usuario del sitio, también conocida como UI o UGI (User Interface, User Graphic Interface). La interface debe presentar un acceso rápido e intuitivo a los contenidos del sitio y debe marcar claramente las jerarquías de la información.

Se debe notar claramente la división entre:

Encabezado: Presenta el logo de la empresa o comitente, acceso a para usuarios, mapa del sitio, regreso a la pagina principal y en ocasiones acceso a las paginas de contacto.

Menu Principal: Puede ser vertical u horizontal, y es el acceso a las secciones del sitio.

Menu Secundario: Puede ser vertical u horizontal, y es el acceso a las sub-secciones del sitio.

Contenido: Es el espacio definido para mostrar la información.

Pie: Es el espacio inferior de la interface y generalmente presenta el copyright del sitio, las vías de contacto telefónico y mail, repite el menú principal.

Además la UI permite al usuario de Internet entender la lógica usada en el sitio, reconociendo visualmente:

· La relación de correspondencia y pertenencia entre las diferentes partes dentro del mismo sistema gráfico (Home Page, Página Interna y Minisitio)

· La jerarquía de la página interna en la que se encuentra.

· Las diferentes partes en las que se divide la información del sitio.

· Botones, íconos, vínculos para usarlos correctamente.

· La estructura para poder navegar fácil y ágilmente.

Pautas de entrega

La entrega debe contener:

1- Arbol de Navegacion

2- Interface Página Principal, Página de Sección y Página de Sub-Sección.

3- Memoria descriptiva: Información del proyecto, cantidad de páginas estimadas totales que tendría, descripción de cada sección, lenguajes de programación a utilizar.

Entrega Individual, Formato A4 Apaisado

Seminario Físico Matemático I – año 2009 – FBA UNLP