Organización de un proyecto web

Organización de un
proyecto web
Mario Miqueles · hola@mario.cl
cl.linkedin.com/pub/mario-miqueles/8/375/ab5
La organización de un proyecto web tiene
relación con la capacidad de
administración de las diferentes tareas
que son necesarias para gestionarlo y
desarrollarlo.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Etapas de un proyecto web
Definición
Preparación
Diseño
Propuesta
Implementación
Pruebas
Validación
Definición
Objetivos del cliente
Averiguamos qué expectativas tiene nuestro cliente en relación a su
espacio web. ¿Espera simplemente hacer publicidad?, ¿tener muchas
visitas?, ¿mejorar su imagen?, ¿aumentar sus ventas?, ¿dar un servicio de
valor añadido?.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Definición
Elaboración del presupuesto
En función de la complejidad, el volumen de información y las
funcionalidades que contendrá la web, confeccionamos un presupuesto
definitivo (webs de volumen 'reducido') o estimativo (webs de volumen
'elevado').
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Etapas de un proyecto web
Definición
Preparación
Diseño
Propuesta
Implementación
Pruebas
Validación
Preparación
Análisis de información
Se reúne información relacionada con el proyecto, el entorno, los usuarios,
el mercado, la competencia y otro tipo de información valiosa para la
generación de una propuesta de diseño diferenciadora desde la forma y los
contenidos.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Preparación
Recabación de información
Obtención de la información que el cliente va a publicar en su espacio web:
textos, bases de datos, fotografías, video, audio, etc.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Etapas de un proyecto web
Definición
Preparación
Diseño
Propuesta
Implementación
Pruebas
Validación
Diseño
Estructura de navegación
En función de las características del proyecto diseñamos una estructura de
organización de la información que facilite al máximo la navegación y la
localización de contenidos dentro de la web.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Diseño
Diseño gráfico
El enfoque del diseño gráfico de la web depende básicamente de la
imagen corporativa del proyecto, del tipo y cantidad de contenido ofrecido
y el tipo de visitas previsto.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Etapas de un proyecto web
Definición
Preparación
Diseño
Propuesta
Implementación
Pruebas
Validación
Propuesta
Una vez analizado el contenido y definido el diseño de la web, presentamos
una propuesta al cliente, de modo que pueda efectuar sugerencias y
correcciones a nivel general y de detalle.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Etapas de un proyecto web
Definición
Preparación
Diseño
Propuesta
Implementación
Pruebas
Validación
Implementación
Retoque de imágenes
Adaptación de los formatos gráficos que se incluirán en la web, así como
optimización para lograr un compromiso adecuado entre calidad y
velocidad de descarga.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Implementación
Creación de gráficas
Diseño y creación de iconografía, logotipos, imágenes, etc. para su
inclusión en la web.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Implementación
Codificación páginas
Incluye la codificación de las páginas en formato HTML.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Implementación
Programación en servidor
En caso de requerir tratamientos en el servidor, tales como proceso de
formularios, acceso a base de datos, generación automática de emails,
comercio electrónico, etc. los programamos en lenguaje Perl, PHP, C y
SQL.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Etapas de un proyecto web
Definición
Preparación
Diseño
Propuesta
Implementación
Pruebas
Validación
Pruebas
Pruebas de visualización
Un espacio web no tiene la misma apariencia desde cualquier visualizador,
por ello probamos cada página en navegadores de distintos fabricantes
(Netscape, Microsoft, Opera) y sobre distintos sistemas operativos
(Windows, Mac, Linux).
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Pruebas
Pruebas de funcionamiento
Para validad el correcto funcionamiento de todas las funcionalidades
presentes en el proyecto, se deben testear cada una de ellas desde los
diferentes casos de uso posibles.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Etapas de un proyecto web
Definición
Preparación
Diseño
Propuesta
Implementación
Pruebas
Validación
Validación
Actualizaciones
Actualizamos pequeños detalles de diseño y contenido sugeridos por el
cliente.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5
Validación
Entrega
Formalización de la entrega detallada en el presupuesto inicial Vía
presentación in-situ o servidor web temporal o final.
Organización de un proyecto web · Mario Miqueles · hola@mario.cl · cl.linkedin.com/pub/mario-miqueles/8/375/ab5