0
Tarea de administración de   centros de computo   Pertenece a: Joseline Maritza Reyes Gómez
TEMA FASES DE UNPROYECTO WEB
1ra FASE:NEGOCIACION
Con pocas excepciones, los proyectos que hemos desarrollado hansido hechos por solicitud de un cliente que nos contrató pa...
a. Entender los requisitos del            proyectoEl primer paso es el contacto inicial, que normalmente ocurre porparte d...
Estoy en busca de opciones para diseñar una nueva página webdirigida al mercado de bienes raíces. En esta página queremos ...
Para obtener respuestas a estas preguntas, y determinar si se trata deun proyecto viable, sostenemos una (o más) reuniones...
B. Determinar si es un proyecto     que queremos/podemos atenderEs saludable tener un enfoque estratégico. En los primeros...
C. Llegar a un acuerdo sobre el alcance y costo del proyectoUna vez que tenemos relativamente claros los requisitos delpro...
En algunas ocasiones el cliente tiene definido un presupuesto que nopuede exceder, y nos deja saber cuál es. Esto nos ayud...
2da FASEDISEÑO
“Diseño” es una de esas palabras cargadas que significan cosasdiferentes para diferentes personas. Muchos asumen que el di...
En fin, tenemos tres objetivos para la fase de diseño:1.-Definir de la estrategia de diseño.2.-Crear de una arquitectura p...
a. Estrategia de DiseñoPara saber qué vamos a producir, debemos tener claro porqué vamos aproducirlo: debemos entender cuá...
Cabe mencionar que para poder desarrollar una estrategia de diseño,es importante entender cuál es la audiencia (o audienci...
b. Arquitectura de información/Diseño de                interacciónLa arquitectura de información (AI) es otro concepto cu...
En fin, el resultado de la AI (y el IxD) es una serie de documentos queespecifican el “esqueleto” del sitio: una presentac...
c. Diseño visualUna vez que tenemos claro el “esqueleto” del sitio, podemosproceder a ponerle “músculo, pellejo, y maquill...
Cabe notar que el diseño visual debe ser creado principalmente paracomunicar claramente con los usuarios del sitio. Es pos...
3ra FASEIMPLEMENTACION
La implementación no es más que la creación de los elementos—textos, código, visuales, etc.—que van a formar parte del sit...
Vamos a enfocarnos en las siguientes actividades:-Crear un ambiente de desarrollo y un ambiente de pruebas-Compilar el con...
a. Crear ambientes de desarrollo y                 pruebasEl web es uno de los medios de colaboración más efectivos queexi...
b. Compilar el contenido del            sitioLa mayoría de las veces, asumimos que el cliente va a producir elcontenido.Si...
c. Crear los componentes del                 sitioUna vez están terminados los contenidos, el equipo de produccióndebe arm...
d. Pruebas del sistemaAl final del proceso, contamos con un sitio web que está casi listopara entrar en producción. Pero c...
4ta FASEEstabilización y Lanzamiento
La complejidad de este proceso de “puesta en producción” dependeenteramente de la sofisticación del proyecto: si se trata ...
5ta FASEGESTION
Los sitios web no son documentos estáticos: los mejores se comportancomo conversaciones entre el usuario y la organización...
Upcoming SlideShare
Loading in...5
×

fases de un proyecto web

632

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
632
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "fases de un proyecto web"

  1. 1. Tarea de administración de centros de computo Pertenece a: Joseline Maritza Reyes Gómez
  2. 2. TEMA FASES DE UNPROYECTO WEB
  3. 3. 1ra FASE:NEGOCIACION
  4. 4. Con pocas excepciones, los proyectos que hemos desarrollado hansido hechos por solicitud de un cliente que nos contrató para ello.Como resultado, la primera fase del proceso consiste en negociar elalcance y costo del proyecto.1.-Nuestros objetivos en la fase de negociación son tres:2.-Entender claramente cuales son los requisitos del proyecto.3.-Decidir si se trata de un proyecto que podemos/queremos atenderdentro del tiempo requerido.(En caso de que lo sea:) Llegar a un acuerdo con el cliente sobre elcosto y alcance del proyecto
  5. 5. a. Entender los requisitos del proyectoEl primer paso es el contacto inicial, que normalmente ocurre porparte del cliente. Normalmente el cliente potencial nos llama porteléfono o nos envía un email para solicitar una cotización para elproyecto. Como regla, estos emails nunca proveen suficienteinformación para que podamos cotizar. Este es un ejemplo típico:
  6. 6. Estoy en busca de opciones para diseñar una nueva página webdirigida al mercado de bienes raíces. En esta página queremos ofreceralgunos proyectos para venta y/o alquiler, así como informacióngeneral de Panamá, aspectos legales, entre otros.Sin embargo, hay muchos detalles clave que quedan por fuera: ¿Cuál es la audiencia (o audiencias) del sitio? ¿Es para el mercado nacional, internacional, o ambos? ¿Cuál es la granularidad de la información que van a presentar? ¿Van a estar promoviendo edificios completos, o apartamentos individuales dentro de esos proyectos? ¿Van a requerir hospedaje para el sitio? ¿Cuentas de correo electrónico? ¿Reserva de dominio? ¿Qué tipo de contenido van a requerir? ¿Qué fechas de entrega requieren para el proyecto? ¿Qué presupuesto tienen para el proyecto?
  7. 7. Para obtener respuestas a estas preguntas, y determinar si se trata deun proyecto viable, sostenemos una (o más) reuniones con el cliente.Tenemos cuestionarios preparados que nos permiten estructurar estasconversaciones, de forma que podamos obtener la mayor cantidad deinformación relevante al respecto del proyecto desde el comienzo.
  8. 8. B. Determinar si es un proyecto que queremos/podemos atenderEs saludable tener un enfoque estratégico. En los primeros días deBootStudio, atendíamos todo tipo de proyectos: sitios personales, sitioscorporativos, sitios para organizaciones sin fines de lucro, etc. Esto eraaceptable en los inicios del web porque habían pocos clientes y pocosprofesionales capaces de atenderlos. Las necesidades de los proyectostambién eran más sencillas, y un equipo pequeño podía atender lamayoría de ellas.
  9. 9. C. Llegar a un acuerdo sobre el alcance y costo del proyectoUna vez que tenemos relativamente claros los requisitos delproyecto, y sabemos que se trata de un proyecto que queremos ypodemos desarrollar, iniciamos un proceso de negociación con elcliente potencial para llegar a un acuerdo sobre el alcance y costodel proyecto.
  10. 10. En algunas ocasiones el cliente tiene definido un presupuesto que nopuede exceder, y nos deja saber cuál es. Esto nos ayudainmensamente, ya que nos da una idea más clara de que posibilidadesexisten dentro del proyecto. Saber cuál es el presupuesto delproyecto, aunque sea de forma general, también nos ayuda a saber sise trata de un proyecto factible o no.En otros casos los clientes no tienen un presupuesto fijo para el proyecto,pero tienen una idea clara de lo que necesitan y quieren saber cuánto podríancostar los servicios que requieren.Hay un tercer caso: clientes que no están claros en lo que necesitan y notienen un presupuesto definido. A estos simplemente no los atendemos.
  11. 11. 2da FASEDISEÑO
  12. 12. “Diseño” es una de esas palabras cargadas que significan cosasdiferentes para diferentes personas. Muchos asumen que el diseño deun sitio es su diseño visual: cuando escuchan la palabrainmediatamente piensan en colores, imágenes, tamaños de letras, etc.Aunque el diseño visual es parte del proceso de diseño, no lo es todo;antes de comenzar a especificar elementos visuales, es importantetener clara la estrategia general del diseño, y esta a su vez ayuda adeterminar la arquitectura de información del sitio. Ambas deben estarclaramente definidas antes de comenzar a ver diseños visuales.
  13. 13. En fin, tenemos tres objetivos para la fase de diseño:1.-Definir de la estrategia de diseño.2.-Crear de una arquitectura para la información (o diseñode interacción, según sea necesario).3.-Producir un diseño visual que satisfaga las necesidadesdel proyecto.
  14. 14. a. Estrategia de DiseñoPara saber qué vamos a producir, debemos tener claro porqué vamos aproducirlo: debemos entender cuáles son las necesidades de negocio quemotivan el proyecto. En muchos casos, esto significa conocer cuáles son lascaracterísticas de nuestro cliente que lo diferencia de otras empresas en elmercado. Una vez que entendemos esto, podemos producir un diseño queenfatiza (y refuerza) estas características.
  15. 15. Cabe mencionar que para poder desarrollar una estrategia de diseño,es importante entender cuál es la audiencia (o audiencias) del sitio.-¿Se trata de usuarios con mucho conocimiento sobre Internet?- ¿Personas de la tercera edad? -¿Extranjeros?Cada uno de estos grupos va a tener expectativas diferentes del sitio.Entender cuáles van a ser los grupos más importantes ayuda adeterminar la mejor forma de lograr un diseño que comunicaclaramente con ellos.
  16. 16. b. Arquitectura de información/Diseño de interacciónLa arquitectura de información (AI) es otro concepto cuya definiciónparece estar en flujo. Sin embargo, para los propósitos que trato aquí,la AI consiste en definir la estructura del contenido en el sitio y lasformas en que el usuario va a encontrar y usar esa información. Estoincluye las estructuras de navegación del sitio, los esquemas de laspáginas (wireframes), los tipos de contenido que va a incluir el sitio (e.g.artículos, plantas de apartamentos, perfiles de ejecutivos, etc.), y lametadato que describe esos contenidos. También incluye lasestructuras de búsqueda del sitio, en caso de que se emplee un motorde búsqueda.
  17. 17. En fin, el resultado de la AI (y el IxD) es una serie de documentos queespecifican el “esqueleto” del sitio: una presentación diagramática delos esquemas que van a regir la experiencia del usuario del sitio. Crearesta documentación antes de iniciar el diseño visual tiene variasventajas, pero la más importante es que permite al diseñador teneruna idea de cómo va a funcionar el sitio—algo mucho más importanteque cómo se va a ver. (En algunos casos, esto puede incluir prototiposde baja fidelidad. Éste tema lo vamos a tocar en más detalle enartículos futuros.)
  18. 18. c. Diseño visualUna vez que tenemos claro el “esqueleto” del sitio, podemosproceder a ponerle “músculo, pellejo, y maquillaje”: el diseño visual.Éste es uno de los componentes más importantes del sitio. El web esun medio visualmente rico, y los usuarios han aprendido a confiar ensitios con presentaciones visuales de alta calidad (y, obviamente, adesconfiar en aquellos con una presentación visual incompetente). Sin embargo, producir un diseño visual que satisfaga las expectativasde todos los grupos claves es un reto: la presentación visual es uno delos elementos más subjetivos del proyecto.Aquí también nos beneficiamos de tener clara una estrategia dediseño para el sitio: si todos los miembros del proyecto están claros encuales son los objetivos principales del diseño, la producción deldiseño visual se puede hacer menos arbitraria.
  19. 19. Cabe notar que el diseño visual debe ser creado principalmente paracomunicar claramente con los usuarios del sitio. Es posible que el clientetenga expectativas sobre la presentación visual que no concuerden conlas que tienen los miembros de la audiencia principal del sitio. (Es unfenómeno que vemos con frecuencia en casos en que la audienciapertenece a un grupo cultural diferente al del cliente.) En estos casos,servimos como asesores del cliente para ayudarle a entender cuáles sonlas expectativas de sus usuarios, y sugerir alternativas para satisfacer lasexpectativas de ambos grupos. Una vez que contamos con todos los elementos de diseño—la estrategia, la arquitectura, y el diseño visual—definidos, podemos iniciar la siguiente fase: la producción del sitio. Esto lo veremos en detalle en nuestro siguiente artículo de esta serie.
  20. 20. 3ra FASEIMPLEMENTACION
  21. 21. La implementación no es más que la creación de los elementos—textos, código, visuales, etc.—que van a formar parte del sitio una vezque se encuentre en producción. O sea, dejamos atrás la parteespeculativa del proyecto (el diseño), y nos movemos a la creación delproducto final: un sitio o aplicación web.Esta es la parte del proceso que más varía entre proyectos: algunossitios son más grandes que otros, algunos son totalmente dinámicos(por ejemplo, corriendo sobre un framework o sobre un sistema degestión de contenido), otros son muy sencillos, con páginas estáticas
  22. 22. Vamos a enfocarnos en las siguientes actividades:-Crear un ambiente de desarrollo y un ambiente de pruebas-Compilar el contenido que va a ser publicado en el sitio-Crear los componentes del sitio-Hacer pruebas del sistema
  23. 23. a. Crear ambientes de desarrollo y pruebasEl web es uno de los medios de colaboración más efectivos queexisten.Es muy fácil para un equipo de personas crear documentos, imágenes,código, etc. y compartirlos remotamente. Sin embargo, esta ventajaconlleva un riesgo: el potencial de desorden. De no tener estándares yestructuras para facilitar la colaboración, los diferentes miembros delequipo rápidamente pueden ir—cada uno por su cuenta—y duplicartrabajo, o peor aún, asumir que otros están haciendo las tareas que lescorresponden a ellos.
  24. 24. b. Compilar el contenido del sitioLa mayoría de las veces, asumimos que el cliente va a producir elcontenido.Sin embargo, escribir textos efectivos y producir visuales atractivas no esuna tarea para la que tienen aptitud la mayoría de las personas.
  25. 25. c. Crear los componentes del sitioUna vez están terminados los contenidos, el equipo de produccióndebe armarlos para que puedan ser presentados en navegadores web.Esto requiere la conversión de los diversos medios a XHTML/CSS,imágenes, elementos Flash, etc.Esta es la parte del proceso más comúnmente percibida como —armado de páginas web—, y seguramente es la que mejor conoces,por lo que no voy a ampliar mucho sobre el tema. Solo basta conmencionar que en BootStudio intentamos crear sitios que empleanestándares con código estructurado.
  26. 26. d. Pruebas del sistemaAl final del proceso, contamos con un sitio web que está casi listopara entrar en producción. Pero casi listo no es lo mismo quelisto: todavía existen en el sitio errores ortográficos, vínculosrotos, imágenes con las dimensiones equivocadas, elementosFlash sin alternativas para navegadores sin Flash, etc.
  27. 27. 4ta FASEEstabilización y Lanzamiento
  28. 28. La complejidad de este proceso de “puesta en producción” dependeenteramente de la sofisticación del proyecto: si se trata de un sitio webestático y pequeño, el proceso es relativamente sencillo. Por elcontrario, si se trata de un sitio que corre sobre un sistema de gestiónde contenido, o de una aplicación web que hace uso de bases de datoso que emplea conexiones con otras aplicaciones, el proceso es muchomás delicado y complejo.Para los propósitos de este artículo, vamos a ver cuatro componentesdel proceso de lanzamiento que son aplicables a todos los proyectos:-Preparación del ambiente de producción-Publicación del sitio a producción-Pruebas del sitio en producción-Cierre del proyecto
  29. 29. 5ta FASEGESTION
  30. 30. Los sitios web no son documentos estáticos: los mejores se comportancomo conversaciones entre el usuario y la organización que publica elsitio. Es importante que la conversación ocurra de forma natural yfluida, y la mejor forma de lograrlo es observando el comportamientode los visitantes al sitio, y haciendo los ajustes necesarios paramejorarlo incrementalmente.Como por ejemplo:• Observar el comportamiento de los usuarios• Cambios al contenido del sitio• Cambios a la estructura y funcionalidad del sitio
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×