Proceso de un proyecto web (2)
- 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
- 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
- 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”