Proceso de un proyecto web (2)

PROCESO DE UN PROYECTO WEB

Elaborado por: Grace Delgado

Proceso de un proyecto web

El proceso de un proyecto web es lo primordial que debemos hacer cuando pensamos en crear una pagina web este proceso nos permite seguir seis etapas secuenciales el cual nos dara un buen resultado

Proceso de un proyecto webLas etapas de El proceso de un proyecto web son 6 que son:

NEGOCIACIÓNORGANIZACIÓN DE LA INFORMACIÓNINTERFAZ GRÁFICAINSERCIÓN DEL CONTENIDOREVISIÓN Y AJUSTESPUBLICACIÓN

1. NEGOCIACIÓN

NEGOCIACIONLa negociacion es nuestra primera etapa para realizar nuestro proyecto cada etapa que se desarrollara son secuenciales ; la negociacion es la comunicación de dos personas para llegar a un acuerdo en donde las partes contrayente firman, hablando del proyecto y depende del tamaño sera el cobro del proyecto.

El cobro se definira cuando los documentos sean descritos esos documentos se llaman brief y formulario el cual se describiran datos de la empresa y parametros que llevara nuestro proyecto a realizarce.

La negociacion no puede ser factible sin LA COMUNICACIÓN en ella es necesario que intervengan un emisor, receptor interlazado o unidos por un MENSAJE

NEGOCIACIÓN

COMUNICACIÓN

RECEPTOR

MENSAJE

EMISOR

EMISOR

RECEPTOR

MENSAJE

NEGOCIACIÓNLa negociacion puede como no puede ser factible. Puede ocurrir los siguiente:

Si tanto los contrayentes del negocio estan de mutuo a cuerdo el negocio se lleva con facilidad.

Si uno de los contrayentes no esta de acuerdo habra difilcutades y puede como que no pueda que lleven el negocio con facilidad.

Como mencione anteriormente el brief y el formulario son documentos en donde relatan informacion de la empresa la revision del brief y del formulario intervienen en la segunda etapa que veremos mas adelante

El formulario son preguntas breves y objetivas de la empresa

Es un documento en donde se detallara la mision,vision, objetivo, si tiene colores definidos de su empresa logos etc.

NEGOCIACION

BRIEF FORMULARIO

Despues de finiquitar la etapa de negociacion se pone en marcha la siguiente etapa que es la organización de la informacion no obstante se haya firmado el contrato de negociacion y el cliente haya entregado el brief y formulario el cual nos dara un detalle exacto que es lo que querra nuestro cliente en el sitio web que de una manera textual se ha maquetado ya mentalmente.Ahora si podemos entrar en detalle para nuestra segunda estapa; pero antes de esto utilizaremos una herramienta de organización el cual pondremos el tiempo que durariamos cada paso como veras a continuacion se llama Diagrama de gantt.

DIAGRAMA DE GANTT

redaccion de proyecto

diseño del servicio

cotizacion de materiales

presentacion del proyecto

campo de materiales

promocion del servicio

prestacion del servicio

evaluacion del proyecto

evaluacion del resultado

control de calidad

06/12/2012 11/12/2012 16/12/2012 21/12/2012 26/12/2012

redac-cion de proyect

o

diseño del ser-

vicio

cotiza-cion de materi-

ales

pre-senta-

cion del proyect

o

campo de ma-teriales

promo-cion del servicio

presta-cion del servicio

evalua-cion del proyect

o

evalua-cion del

resul-tado

control de cali-

dad

fecha inicio

41247 41248 41249 41251 41251 41251 41258 41248 41260 41263

dura-cion

8 7 4 5 5 7 6 20 8 5

fecha inicio

duracion

El diagrama de gantt es un gráfico de barras apiladas o barras horizontales el cual al crear dicho diagrama las barras se deslizaran el tiempo que durara cada fase que hemos decidido especificando los dias de duracion, la fecha inicial, la fecha de finiquitacion de los pasos a seguir de nuestro proyecto, el cual podra ser elaborado en el tiempo que el cliente haya decidido la fecha de inicio y la fecha terminal o de lo contrario en el tiempo que tu te hayas propuesto.

DIAGRAMA DE GANTT

2. ORGANIZACIÓN DE LA INFORMACIÓN

ORGANIZACIÓN DE LA INFORMACIÓN

En esta segunda etapa consiste mucho en recopilar la informacion que ya ah sido entregada o que el cliente desee que se averiguara para su sitio web.

El cliente en el brief nos dara los detalles a que sitio web mas o menos lo que querra que tenga un leve parecido o se use la maqueta y esto lo logramos indagando sitios que el cliente desee y como el cliente es el que manda averiguaremos.

ORGANIZACIÓN DE LA INFORMACIÓNEl cliente ha dicho la maquetación mental ahora aquí interviene mucho la obtecion y detallar la información que va ir esto lo logramos recurriendo a:

La información del brief, formulario, en la web y la información proporionada por nuestro cliente.

Imágenes, logos (si no lo tiene facilitarcelo;aunque tendra un costo adicional).

La mision, vision, historia, detalles, etc


Al momento que ya se haya realizado la recopilación, obtención y organización se detalla cuantas páginas tendra nuestro sitio web; para mi opinión esta es la parte y etapa mas fundamental y en donde en realidad se va a ver orientado nuestro proyecto web.Para eso tenemos que recurrir a realizar un mapa web.

ORGANIZACIÓN DE LA INFORMACIÓNMAPA WEB

Un mapa web es un diseño de tu proyecto que obtendra de cuantas paginas se creara el sitio web pedido por el cliente; se lo realiza en forma gerarquica.En la imagen podemos ver que primero siempre contendra el home page (pagina principal).Seguido de un menu principal que contiene a un menu secundario.


MAPA WEB

Los puedes realizar en algunos sitio te voy a mencionar los que eh puesto en practica(hay muchos programas mas en donde puedas crearlos)

Microsoft word : usando smartart (grafico jerarquia)

www.writemaps.com: creas una cuenta de usuario y listo; diseñas el mapa web

3. INTERFAZ GRÁFICA

INTERFAZ GRÁFICA

En la etapa de la interfaz grafica podemos tenemos que tener presente en ¿Cómo se divide una página web?.

Es un bosquejo sencillo y simple pero que en si contiene toda las partes primordiales y escenciales para que nuestra interfaz grafica sea agradable a simple vista del cliente y del usuario

INTERFAZ GRÁFICA

ENCABEZADO

AREA DEL CONTENIDO

PIE DE PAGINA

MENU

De NAVEGACION

Una pagina web se divide en las siguientes partes que podemos ver en el grafico.

INTERFAZ GRÁFICA

En nuestra etapa de la interfaz grafica podemos recurrir a ciertos programas que te serviran para plasmar tu maqueta mental en una maqueta virtual y que forma tomara tu sitio web; te voy a detallar algunos:

Balsamic mokup

Microsoft word

Microsoft excel

www.framebox.com

4. INSERCION DEL CONTENIDO

INSERCIÓN DEL CONTENIDO

Llegamos a nuestra 4ta etapa inserción del contenido aquí tienes que tomar encuenta lo siguiente:

“YA DEBES TENER ELEGIDO EN DONDE VAS A PROGRAMAR Y A DISEÑAR FINALMENTE ELPROYECTO WEB”


Ahora voy a mencionar algunos programas como:

Adobe dreamweaverAdobe flash

Php/My SqlJava

WebSiteXevolution

ShockwaveCGIHtml

CookiesActiveX

TSWebEditorCoofe Cup Free


Una vez que ya tienes hechas tu maquetas, tus imágenes ,logos ,colores ,informacion y tu programa elegido; comienza a insertar todo lo que has recolectado y plasma tus ideas y las maquetas que planteastes desde el instante que el cliente te dio las pautas o si no es para un cliente y es personal adelante inserta todo el contenio mirande equitativamente lo que vas a poner ella.

Ten en cuenta esto:

Tus paginas tienen que ser equitativas.

Tener un contraste a la vista armonico.

Que no sean aburridas.

Y que el espectador se sienta agusto. El cliente tiene que quedar feliz con tu trabajo.


5. REVISION Y AJUSTES

Ya que hemos llegado a nuestra 5ta etapa debes tener en cuenta otros puntos importante a lo que has terminado de insertar el contenido tienes que ver lo siguiente:

REVISION Y AJUSTES

∂ Tu website debe tener un diseño simple.

De que vale que busques las mejores imágenes, el mejor logo, los mas llamativos colores si no concuerdan tus imágenes con los colores y puede causar un aspecto cansado para la vista. “Recuerda tienes 7 segundos para impactar al visitante de tu WEBSITE”

REVISION Y AJUSTES∂ Asegúrate que tu website se carga rápido.

Nuestro website no debe contener elementos pesados para que loque hemos programado y diseñado se cargue rapido ypueda brindar agrado si es tanto como para el cliente y los usuarios que lo verán

“Recuerda tienes 7 segundos para impactar al visitante de tu WEBSITE”

6.PUBLICACION

PUBLICACIONPara nuestra ultima etapa que es la publicacion nuesto website tubo que haber pasado por una rigurosa revisión y lo podemos ver reflejado en el siguiente gráfico.

Espero que haya sido de su agrado esta deapositiva y te pueda ayudar a realizar un proyecto web agradable y no pesado sigue estos pasos y lo lograras.

ÉXITO

“GRACIAS”

Proceso de un proyecto web (2)

Education

Transcript of Proceso de un proyecto web (2)