PDF de programación - Organización de un proyecto web

Organización de un
proyecto web

Mario Miqueles · [email protected]
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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · 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 · [email protected] · cl.linkedin.com/pub/mario-miqueles/8/375/ab5