Proceso de un proyecto web (2)
-
Upload
p210delgadog -
Category
Documents
-
view
143 -
download
0
Transcript of 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
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.
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.
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
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”
INSERCIÓN DEL CONTENIDO
Ahora voy a mencionar algunos programas como:
Adobe dreamweaverAdobe flash
Php/My SqlJava
WebSiteXevolution
ShockwaveCGIHtml
CookiesActiveX
TSWebEditorCoofe Cup Free
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.
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.
INSERCIÓN DEL CONTENIDO
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”