La Fase 4 involucra la producción y control de calidad del sitio web. Se divide en preparación, construcción y pruebas. En preparación, se evalúa el estado del proyecto, se establecen directrices y la estructura de archivos. En construcción, se crean plantillas HTML, se implementa automatización, se agrega contenido y se integra programación. Finalmente, en pruebas, se crea un plan de control de calidad que incluye pruebas ligeras, semiformales y formales para detectar errores y asegurar la calidad antes de la ent

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

2. 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.

3. Esta fase se divide en Tres secciones: Preparación Construcción Prueba FASE 4: Producción y Control de Calidad

4. PREPARACIÓN

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? ¿El equipo está listo? Hay que valorar que la web esta dirigida por HTML por lo que se presupone que el equipo conoce HTML Preparación

6. 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 Evaluar el Estado del Proyecto Preparación

7. 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 partes Especificaciones de destino Funcionalidad y Características Diseño y Distribución Estructura de Archivos y Preferencia de Directorio Información Relativa al servidor y al host. Preparación

8. ITDurango, .México. 2009. Preparación Establecer Directrices

9. ITDurango, .México. 2009. Preparación Establecer Directrices

10. 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ño Esto 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. Preparación Establecer Directrices

11. 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 Preparación Establecer Directrices

12. 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. Preparación

13. 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. Establecer la Estructura de los Archivos Preparación

14. 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. Establecer la Estructura de los Archivos Preparación

15. Estructura de Árbol Establecer la Estructura de los Archivos Preparación

16. Construcción

17. 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 Construcción

19. Crear Plantillas y Páginas HTML. Construcción de platillas HTML. Creación de páginas sin contenido. Recomendaciones: Tome los gráficos optimizados. Pruebe los archivos HTML en varios navegadores y plataformas. Empiece con una plantilla inicial para crear las demás páginas. Construcción

20. Implementar la Automatización Ligera. ITDurango, .México. 2009. Construcción Es la funcionalidad estándar que aparece sitio tras sitio. Rollovers. Formularios. Menús desplegables. Ventanas emergentes, etc.

21. 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. Implementar la Automatización Ligera. Construcción

22. 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 Construcción

23. 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 Construcción

24. PRUEBAS

25. 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. Pruebas

26. Control de calidad ligero/informal. Control de calidad semiformal. Control de calidad formal. Crear un Plan de Control de Calidad. Pruebas Existen tres niveles de control de calidad:

27. 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 Crear un Plan de Control de Calidad. Pruebas 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.

28. Crear un Plan de Control de Calidad. Pruebas 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.

29. Crear un Plan de Control de Calidad. Pruebas 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.

30. Crear un Plan de Control de Calidad. Pruebas

31. Establecer Prioridades y Solventar los Fallos. Pruebas 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.

32. Hacer una Última Comprobación. Pruebas Este proceso cuenta con 5 pasos para hacer una última comprobación: Comprobación del diseño. Comprobación del código HTML. Comprobación de la funcionalidad. Comprobación del contenido. Aprobación del cliente.

33. 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 HTML y prepárese para la entrega a mantenimiento que es la fase 5 Debe de incluirse comprobaciones, pruebas y confirmaciones previas