Fase 4 (producción de control y calidad)

35
Fase 4. Producción y Control de Calidad 1 NEGOCIOS POR INTERNET Equipo: Canales Aguilar Mario Alberto. 08040268 De la Cruz Martínez Francisco F. 08040271 INSTITUTO TECNOLÓGICO DE DURANGO

description

rediseño de sitios web fase 4

Transcript of Fase 4 (producción de control y calidad)

Page 1: Fase 4 (producción de control y calidad)

Fase 4. Producción y Control de Calidad

1

NEGOCIOS POR INTERNET

Equipo:•Canales Aguilar Mario Alberto. 08040268•De la Cruz Martínez Francisco F. 08040271

INSTITUTO TECNOLÓGICO DE DURANGO

Page 2: Fase 4 (producción de control y calidad)

FASE 4: Producción y Control de Calidad

• La Fase 4 es donde tiene lugar la verdadera construcción.

• Ya Hemos definido y estructurado el proyecto y hemos desarrollado un aspecto y sensación.

• Es aquí donde se ensamblan todos los elementos que se han diseñado, planificado y Modelado.

2

Page 3: Fase 4 (producción de control y calidad)

Esta fase se divide en Tres etapas:

•Preparación•Construcción•Prueba

3

FASE 4: Producción y Control de Calidad

Page 4: Fase 4 (producción de control y calidad)

PREPARACIÓN

Page 5: Fase 4 (producción de control y calidad)

La etapa de preparación consta de las siguientes partes:•Evaluar el Estado del Proyecto•Establecer Directrices•Establecer la Estructura de los Archivos

5

Page 6: Fase 4 (producción de control y calidad)

Evaluar el Estado del Proyecto

Antes de que empiece la producción, deténgase y revise el estado del proyecto.•¿Se ha incrementado el alcance?•¿Está el proyecto dentro del presupuesto?•¿Ha llegado el Contenido?•¿El equipo está listo?

Hay que valorar que la web esta dirigida por HTML por lo que se presupone que el equipo conoce HTML

Pre

para

ció

n

Page 7: Fase 4 (producción de control y calidad)

Dependiendo del nivel de conocimientos del equipo, tendrá que determinar el verdadero nivel de complejidad.

Tendrá que solucionar problemas sobre la marcha, lo que implica que haya personas con suficientes conocimientos en HTML.

Repase las necesidades de la audiencia, tecnología y los objetivos del rediseño

7

Evaluar el Estado del ProyectoP

rep

ara

ció

n

Page 8: Fase 4 (producción de control y calidad)

Establecer Directrices

• Ayuda a responder a preguntas y a evitar el tener que volver sobre sus pasos.

• La hoja de especificaciones del cliente establece los parámetros de la capacidad de la audiencia y los estándares técnicos del sitio.

• Esta hoja se divide en 5 parteso Especificaciones de destinoo Funcionalidad y Característicaso Diseño y Distribucióno Estructura de Archivos y Preferencia de

Directorioo Información Relativa al servidor y al host.

8

Pre

para

ció

n

Page 9: Fase 4 (producción de control y calidad)

ITDurango, .México. 2009. 9

Pre

para

ció

nEstablecer Directrices

Page 10: Fase 4 (producción de control y calidad)

ITDurango, .México. 2009. 10

Pre

para

ció

nEstablecer Directrices

Page 11: Fase 4 (producción de control y calidad)

Las expectativas relativas al alcance confluyen con la realidad de éste.•Una estimación de 100 hrs se puede convertir rápidamente en una de 300 hrs si se ha complicado el diseñoEsto implicar evaluar de nuevo el alcance, y si se han hecho cambios y/o adiciones por el cliente.

Si es así tendrá que aumentar el presupuesto. Previendo el tiempo necesario para realizar los ajustes.

11

Pre

para

ció

nEstablecer Directrices

Page 12: Fase 4 (producción de control y calidad)

Volver a valorar la capacidad de la Audiencia.Comprobar el estado del contenido•La totalidad del contenido deberá estar listo, y deberá comunicar al cliente que si se retrasa la producción también se retrasara.Comprobar el estado del diseño•¿Se han generado, aprobado y pasado a producción las platillas gráficas?. Si no es así se demorará la producción

Confirmar el plan de Integración de la programación back-end

12

Pre

para

ció

nEstablecer Directrices

Page 13: Fase 4 (producción de control y calidad)

Establecer la Estructura de los Archivos

• El empezar organizadamente nos ayudará a permanecer organizados.

• Aunque no exista una forma más apropiada de organizar la estructura de archivo de un sitio existen distintas estrategias.

13

Pre

para

ció

n

Page 14: Fase 4 (producción de control y calidad)

• El rediseño ofrece una oportunidad para empezar sobre presupuestos de partida claros.

• Es posible que la antigua estructura HTML sea caótica.

• Hay que establecer una estructura de archivos lógica.

14

Establecer la Estructura de los ArchivosP

rep

ara

ció

n

Page 15: Fase 4 (producción de control y calidad)

• Estructura de Archivos y Escalabilidad• Cree subdirectorios que tengan

sentido• Incluya instrucciones de directorios de

archivos en la medida que procedan de paginas archivadas

Una estructura de archivos organizada que se anticipe al crecimiento y la actualización puede ayudar a contrarrestar la degradación del sitio.

15

Establecer la Estructura de los ArchivosP

rep

ara

ció

n

Page 16: Fase 4 (producción de control y calidad)

• Estructura de Árbol

16

Establecer la Estructura de los ArchivosP

rep

ara

ció

n

Page 17: Fase 4 (producción de control y calidad)

Construcción

Page 18: Fase 4 (producción de control y calidad)

Construcción

La etapa de construcción consta de las siguientes partes:

• Dividir y optimizar.• Crear plantillas y páginas HTML.• Implementar la automatización ligera.• Poblar las páginas.• Integrar el desarrollo de la programación back-

end (cuando proceda).

18

Page 19: Fase 4 (producción de control y calidad)

Dividir y Optimizar.

• Las plantillas gráficas son procesadas.• Los diseñadores deben de trabajar con

el equipo de producción HTML.• Una vez que los archivos sean

entregados en estado susceptible de producción:– Se realiza la fragmentación.– La optimización de elementos

Con

strucció

n

Page 20: Fase 4 (producción de control y calidad)

Crear Plantillas y Páginas HTML.

• Construcción de platillas HTML.• Creación de páginas sin contenido.

• Recomendaciones:o Tome los gráficos optimizados.o Pruebe los archivos HTML en varios

navegadores y plataformas.oEmpiece con una plantilla inicial para

crear las demás páginas.

20

Con

strucció

n

Page 21: Fase 4 (producción de control y calidad)

Implementar la Automatización Ligera.

ITDurango, .México. 2009. 21

Con

strucció

n

Es la funcionalidad estándar que aparece sitio tras sitio.•Rollovers.•Formularios.•Menús desplegables.•Ventanas emergentes, etc.

Page 22: Fase 4 (producción de control y calidad)

• Añada redireccionamientos.• Añada detectores de navegador.• Introduzca archivos QuickTime o

Flash.• Pruebe funcionalidad añadida en los

navegadores• Busque errores, si todavía queda

control de calidad.• Haga uso de las CSS.

22

Implementar la Automatización Ligera.C

on

strucció

n

Page 23: Fase 4 (producción de control y calidad)

Poblar las Paginas

• Aquí entra el Contenido. • Asegúrese de que el contenido va en

los lugares correctos• Cuando coloque el contenido, observe

los estándares de diseño y estilo de texto HTML establecidos por los diseñadores visuales.

• Asegúrese de que el contenido invisible está listo antes de que empiece a codificar

23

Con

strucció

n

Page 24: Fase 4 (producción de control y calidad)

Integrar el Desarrollo de la Programación Back-End

• El momento lógico para integrar la programación en el flujo de trabajo es durante o justo después de que se hayan terminado todas las páginas HTML

24

Con

strucció

n

Page 25: Fase 4 (producción de control y calidad)

PRUEBAS

Page 26: Fase 4 (producción de control y calidad)

• La etapa de Pruebas consta de las siguientes partes:

• Entender las Pruebas de Control de Calidad

• Crear un plan de Control de Calidad.• Establecer Prioridades y Solventar los

Fallos• Hacer una Ultima Comprobación

26

Page 27: Fase 4 (producción de control y calidad)

Entender las Pruebas de Control de Calidad.• Acaba de construir el sitio. • El control de calidad es

uno de los procesos que mas se suele omitir en el proceso de desarrollo.

• Se recomienda que apunte el 10% del presupuesto para el control calidad.

• Por lo que es necesario detectar y Reparar fallos.

• Luego de reparar los fallos necesita realizar una nueva comprobación antes de que el sitio cobre vida.

27

Pru

eb

as

Page 28: Fase 4 (producción de control y calidad)

• Control de calidad ligero/informal.• Control de calidad semiformal.• Control de calidad formal.

28

Crear un Plan de Control de Calidad.P

rueb

as

Existen tres niveles de control de calidad:

Page 29: Fase 4 (producción de control y calidad)

• En este proceso, el jefe de proyecto o de control de calidad coordina y controla las pruebas planificadas y asigna miembros del equipo a secciones del sitio

29

Crear un Plan de Control de Calidad.P

rueb

as

Control de Calidad Ligero/Informal.

• El miembro asignado tendrá que examinar el sitio, compilar y enumerar todos los errores.

• El jefe de proyecto también controla la lista de errores

• Generalmente, en los sitios de pequeñas y medianas empresas (presupuestos de menos de 30,000 dólares) que estén provistos de una complejidad técnica muy pequeña, este proceso informal es un método perfectamente correcto.

Page 30: Fase 4 (producción de control y calidad)

30

Crear un Plan de Control de Calidad.P

rueb

as

Control de Calidad Semiformal.

• Pasar de pruebas informales a semiformales implica más tiempo, conocimientos, planificación, la adición de un director experto en control de calidad y la configuración de un nicho de pruebas.• Un plan de pruebas semiformales deberá contener:

• Una panorámica de una a dos páginas que resalte el avance.

• El tiempo.• Los objetivos del proceso de pruebas del

control de calidad.

Page 31: Fase 4 (producción de control y calidad)

31

Crear un Plan de Control de Calidad.P

rueb

as

Control de Calidad Formal.• La planificación de las pruebas de calidad formal requiere

experiencia, tiempo, presupuesto y lo más importante, prestar la máxima atención a los detalles.

• Este control de calidad emplea un sistema general de seguimiento de errores y un equipo de control de calidad experto que pruebe los requisitos y las páginas con los navegadores y las plataformas

• Incluye planes de pruebas, herramientas, casos prácticos, un banco de pruebas e informes.

Page 32: Fase 4 (producción de control y calidad)

32

Crear un Plan de Control de Calidad.P

rueb

as

Page 33: Fase 4 (producción de control y calidad)

33

Establecer Prioridades y Solventar los Fallos.

Pru

eb

as

• Decida que necesidades se van a reparar de forma inmediata.

• Siga con una lista y establezca prioridades como prioridad alta prioridad media y prioridad baja.

• Comprenda que algunos de los errores son irreparables.

• Dependiendo del tiempo que reste hasta el lanzamiento y del nivel de perfección que se requiera en el, prevea cuales van a ser los arreglos previos al lanzamiento y cuales los posteriores a este.

• Una vez que corrija los errores, pruebe los arreglos.

Page 34: Fase 4 (producción de control y calidad)

34

Hacer una Última Comprobación.P

rueb

as

Este proceso cuenta con 5 pasos para hacer una última comprobación:

1. Comprobación del diseño.2. Comprobación del código HTML.3. Comprobación de la

funcionalidad.4. Comprobación del contenido.5. Aprobación del cliente.

Page 35: Fase 4 (producción de control y calidad)

RESUMEN FASE 4

• La fase mas clara del proceso. Lo que se haces es generar y construir el sitio.

• La producción es algo claro: consulte al cliente, redacte la hoja de especificaciones al cliente, consulte la viabilidad a los diseñadores visuales y al diseñador de información, construya el prototipo del sitio y pruebe la funcionalidad.

• Reciba las plantillas gráficas de los diseñadores visuales, separe y optimice los gráficos, construya las plantillas e integre a HTML y prepárese para la entrega a mantenimiento que es la fase 5

• Debe de incluirse comprobaciones, pruebas y confirmaciones previas