1. Elaborado por: Grace Delgado

2. 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

3. Proceso de un proyecto web
Las etapas de El proceso de un proyecto web son 6 que
son:
NEGOCIACIÓN
ORGANIZACIÓN DE LA INFORMACIÓN
INTERFAZ GRÁFICA
INSERCIÓN DEL CONTENIDO
REVISIÓN Y AJUSTES
PUBLICACIÓN

4. 1. NEGOCIACIÓN

5. NEGOCIACION
La 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.

6. NEGOCIACIÓN
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
EMISOR
RECEPTOR
MENSAJE
COMUNICACIÓN

7. NEGOCIACIÓN
La 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.

8. NEGOCIACION
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
BRIEF FORMULARIO
Es un documento en El formulario son
donde se detallara la preguntas breves y
mision,vision, objetivo, si objetivas de la empresa
tiene colores definidos de
su empresa logos etc.

9. 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.

10. DIAGRAMA DE GANTT
04/12/2012 09/12/2012 14/12/2012 19/12/2012 24/12/2012
redaccion de proyecto
diseño del servicio
cotizacion de materiales
presentacion del proyecto
campo de materiales
promocion del servicio
fecha inicio
prestacion del servicio duracion
evaluacion del proyecto
evaluacion del resultado
control de calidad
evaluacion evaluacion prestacion promocion presentaci cotizacion redaccion
control de campo de diseño del
del del del del on del de de
calidad materiales servicio
resultado proyecto servicio servicio proyecto materiales proyecto
fecha inicio 20/12/20 17/12/20 05/12/20 15/12/20 08/12/20 08/12/20 08/12/20 06/12/20 05/12/20 04/12/20
duracion 5 8 20 6 7 5 5 4 7 8

11. DIAGRAMA DE GANTT
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.

12. 2. ORGANIZACIÓN DE LA INFORMACIÓN

13. 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.

14. ORGANIZACIÓN DE LA INFORMACIÓN
El 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

15. ORGANIZACIÓN DE LA INFORMACIÓN
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.

16. ORGANIZACIÓN DE LA INFORMACIÓN
MAPA 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.

17. ORGANIZACIÓN DE LA INFORMACIÓN
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

18. 3. INTERFAZ GRÁFICA

19. 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

20. INTERFAZ GRÁFICA
Una pagina web se divide en las siguientes partes que
podemos ver en el grafico.
ENCABEZADO
ME
NU
De AREA DEL
CONTENIDO
NAVE
GA
CION
PIE DE PAGINA

21. 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

22. 4. INSERCION DEL CONTENIDO

23. 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”

24. INSERCIÓN DEL CONTENIDO
Ahora voy a mencionar algunos programas como:
Adobe dreamweaver Cookies
Adobe flash ActiveX
WebSiteXevolution TSWebEditor
Php/My Sql Coofe Cup Free
Java Shockwave
Html CGI

25. INSERCIÓN DEL CONTENIDO
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.

26. INSERCIÓN DEL CONTENIDO
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.

27. 5. REVISION Y AJUSTES

28. 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:
∂ 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”

29. 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”

30. 6.PUBLICACION

31. PUBLICACION
Para 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.

32. 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”