fase 4 (producción de control y calidad)
DESCRIPTION
rediseño de sitios web fase 4TRANSCRIPT
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
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
Esta fase se divide en Tres etapas:
•Preparación•Construcción•Prueba
3
FASE 4: Producción y Control de Calidad
PREPARACIÓN
La etapa de preparación consta de las siguientes partes:•Evaluar el Estado del Proyecto•Establecer Directrices•Establecer la Estructura de los Archivos
5
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
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
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
ITDurango, .México. 2009. 9
Pre
para
ció
nEstablecer Directrices
ITDurango, .México. 2009. 10
Pre
para
ció
nEstablecer Directrices
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
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
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
• 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
• 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
• Estructura de Árbol
16
Establecer la Estructura de los ArchivosP
rep
ara
ció
n
Construcción
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
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
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
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.
• 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
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
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
PRUEBAS
• 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
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
• 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:
• 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.
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.
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.
32
Crear un Plan de Control de Calidad.P
rueb
as
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.
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.
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