TALLER TCNICO IV DISEO WEB II

Ing. Magaly Abad

Junio, 2016
mabadj@distancia.upla.edu.pe

Mtodo de Evaluacin

Donde = Promedio de Nota de Sesiones ()

Donde = Promedio de Exmenes

=
- Las Guas sern desarrolladas y evaluadas en clase.
- Las Prctica sern colgadas en el aula virtual hasta las fechas indicadas.

=
- El trabajo Final ser presentado la penltima sesin.
- El exmen Final ser la ltima Sesin.

Entrega de Trabajos

Los alumnos deben entregar las guas y prcticas de cada sesin

utilizando como nombre de archivo:

Apellido1_Apellido2_Nombre_Gua#.rar

Apellido1_Apellido2_Nombre_Practica#.rar

Ejemplo: Martull_Blasco_SaraAna_Guia1.rar

PLANIFICACIN E IMPLEMENTACIN DE SITIOS WEB

Planificacin del desarrollo de un

Sitio Web.
La fases que estudiaremos a continuacin han sido
utilizadas para disear diferentes tipos de aplicaciones
hipermedia como galeras interactivas, presentaciones
multimedia y aplicaciones web.
ANLISIS
DISEO
IMPLEMENTACIN

1. Anlisis.
Dichas preguntas son las siguientes:
1. Para qu necesita el sitio web?
2. A quines se dirigir el sitio web?
3. Qu es lo que buscan las personas en mi sitio web?
4. Qu informacin a publicar es til para la comunidad?
5. Qu imagen quiero proyectar en mis usuarios?
6. Qu servicios interactivos entregar a travs del Sitio Web?
7. Quines pueden ayudarme a realizar el proyecto?

1. Anlisis.
Las respuestas a estas preguntas permitirn dar forma a
los siguientes elementos de anlisis:

Objetivo: Definir las metas del proyecto, estas deben

ser generales y especficas, con el fin de contar con el mayor
detalle posible de lo que se desea conseguir.

Audiencia: Est claro que el Sitio Web no podr atender a todo

pblico dado que el acceso a Internet se produce
mayoritariamente en segmentos de ingresos medianos a altos. Sin
embargo, hay varias consideraciones a tener en cuenta, al definir
qu tipos de usuario que se atendern desde las pginas del sitio.

Tecnologa: qu servicios interactivos se le incorporarn al sitio.

2. Diseo.
Diseo Lgico.
Se refiere al proceso de crear un diagrama de contenidos en el
que se muestre de manera prctica cuntas secciones
tendr el sitio web y cuntos niveles habr dentro de cada uno.
Secciones: se debe intentar que sean las menos posibles,
con el fin de concentrar las acciones del usuario en pocas
reas.
Niveles: se debe intentar que el usuario est siempre a
menos de tres clicks del contenido que anda buscando.
Por ello no se debera crear ms de tres niveles de acceso.

2. Diseo
Diseo Lgico. Ejemplo

2. Diseo
Sistema Navegacional y Diseo Fsico.
Una vez que se cuenta con los diagramas lgicos
desarrollados, lo siguiente consiste en generar los
sistemas de acceso a dichos contenidos en el Sitio Web. A
travs de estos, los usuarios podrn avanzar por sus
diferentes reas, sin perderse.

2. Diseo
Al generar el sistema de navegacin, se deben tener en cuenta
las siguientes caractersticas:

Consistente: el sistema debe ser similar en todo el sitio, en lo

referido a su ubicacin y disposicin en las pginas.

Uniforme: el sistema debe utilizar similares trminos con el fin de

que el usuario que lo vea en las pginas, confe en que sus
opciones llevan siempre hacia los mismos lugares dentro del sitio.

Visible: el sistema debe distinguirse claramente dentro del

sitio, con el fin de que el usuario cuente con l, como si se
tratara de una gua permanente en el rea en que se
encuentre del sitio.

2. Diseo

Sistema Navegacional y Diseo Fsico. Ejemplo

2. Diseo
Diseo de directorios.
Este tem nos permite estructurar las carpetas o directorios que
usaremos y nos servirn para ordenar los elementos de
nuestro sitio.

2. Diseo

Distribucin de Espacios.
Una vez que se ha terminado el trabajo en la estructura, ya se cuenta con
los insumos suficientes para avanzar hacia la generacin del diseo
visual de las pantallas del sitio.
En algunos casos se denomina diseo de maquetacin o
diagramacin considerando una distribucin de los espacios para los
contenidos a publicar.
Debemos tener en cuenta que el diseo implica dos partes:
Las reas que se mantendrn iguales en todas las pginas, lo que
caracterizar y uniformizar a nuestro sitio web. (Mens, Publicidad, etc)
Las reas que cambiarn de pgina a pgina. (Contenido propio de
cada pgina).

2. Diseo
Distribucin de Espacios. Ejemplo

2. Diseo
Diseo de Botones y Mens.
Una vez que se ha terminado el trabajo en la maquetacin
procedemos a disear las barras de navegacin, mens, botones y
dems elementos a utilizar en la implementacin de nuestras
pginas para el sitio web.

2. Diseo
Preparacin de Contenidos.
Para finalizar la etapa del diseo procedemos a crear y/o
recolectar el contenido que ser publicado en cada una
de nuestras pginas que conformarn nuestro sitio web.

3. Implementacin
Una
vez concluidas las fases anteriores procedemos a
seleccionar
las herramientas ms adecuadas para
proceder a implementar nuestro sitio web y poder ponerlo
en funcionamiento.
Existen herramientas que permiten la implementacin
desde el ms bsico y otras herramientas utilitarias que
generan contenidos o modifican estructuras con la
finalidad de hacer ms sencillo el trabajo.

3. Implementacin
Existen herramientas que permiten la implementacin desde
el ms bsico y otras herramientas utilitarias que generan
contenidos o modifican estructuras con la finalidad de
hacer ms sencillo el trabajo.
Una vez terminada la implementacin de nuestro sitio
debemos colocarlo en funcionamiento, para lo cual
requerimos de dos elementos:

Servidor de alojamiento. que ser el que almacene todo

lo creado.
Nombre de dominio, nombre que identificar como nico
nuestro sitio y por el cual los usuarios podrn acceder al
contenido alojado en un servidor.