Desarrollo de Sitios Web

1. Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet

2. Cinco etapas • Definición del proyecto • Desarrollo de la estructura del sitio • Diseño visual y pruebas • Producción y control de calidad • Lanzamiento

3. 1. Definición del proyecto • Descubrimiento • Clarificación • Planificación

4. 1.a Descubrimiento • Se dedica tiempo a entender la empresa. Se recopila información. Se hacen preguntas. Nos convertimos en “usuarios expertos” en el sector de actividad del cliente.

5. 1.a Descubrimiento • Distribuir/Recopilar/Analizar encuestas • Recopilar materiales existentes del cliente • Conocer la audiencia • Identificar la capacidad técnica de la audiencia • Identificar las necesidades de programación del back-end • Analizar el sector de actividad

6. 1.b Clarificación • Se extrae la “esencia” del sitio y se determinan sus objetivos generales.

7. 1.b Clarificación • Determinar los objetivos principales • Preparar un resumen de creatividad

8. 1.c Planificación • Son tareas administrativas. Es el plan de acción con presupuesto, personal, etc.

9. 1.c Planificación • Confeccionar el presupuesto • Establecer formas de control del tiempo • Crear programas • Seleccionar el equipo del proyecto • Establecer áreas • Planificar las pruebas de usuarios • Ensamblar un plan del proyecto • Poner en marcha el proyecto

10. 2 Desarrollo de la estructura del sitio • Relativo al contenido • Relativo al sitio • Relativo a la página

11. 2.a Relativo al contenido • El sitio no será bueno sin un buen contenido. El contenido y la estructura del sitio están entrelazados

12. 2.a Relativo al contenido • Establecer el contenido • Auditar el contenido existente • Planificar el contenido • Plan de entrega del contenido

13. 2.b Relativo al sitio • Visión holística del sitio. Sirve para ver la estructura. Es el mapa del sitio.

14. 2.b Relativo al sitio • Hacer un mapa del sitio. • Comprobar la organización del sitio existente. • Establecer convenciones de nombres.

15. 2.c Relativo a la página • Presentación de cada página. Forma estructura, ...

16. 2.c Relativo a la página • Confeccionar un conjunto de marcos • Establecer la navegación • Asignar nombres y etiquetas • Definir rutas claves del usuario

17. Diseño visual y pruebas • Creación • Confirmación • Entrega a producción

18. 3.a Creación • Equilibrio entre la expresión creativa y las restricciones técnicas. Se deben tomar en cuenta las necesidades de los usuarios con soluciones a múltiples niveles.

19. 3.a Creación • Revisar los objetivos del sitio • Desarrollar conceptos • Presentar diseños y recopilar información

20. 3.b Confirmación • Reafirmación de la navegación, contenido, funcionalidad, ... Si no se hace esto pasar a la producción HTML puede resultar muy arriesgado.

21. 3.b Confirmación • Crear el prototipo del sitio • Probar la funcionalidad

22. 3.c Entrega a producción • Cuando se ha depurado y aprobado el aspecto y sensación del sitio, se debe aplicar a las páginas. Se debe optimizar y producir el XHTML (u otro).

23. 3.c Entrega a producción • Crear plantillas gráficas • Crear una guía de estilos de diseño

24. Producción y control de calidad • Preparación • Construcción • Pruebas

25. 4.a Preparación • Antes de producir, se deben retomar las expectativas originales y el alcance del proyecto. Es necesario revisar de nuevo las especificaciones técnicas, plantillas, estado del contenido, ... y prepararse.

26. 4.a Preparación • Establecer directrices • Evaluar el estado del proyecto • Establecer la estructura de archivos

27. 4.b Construcción • Se puede empezar la producción XHTML. El principal objetivo es codificar cada página una única vez.

28. 4.b Construcción • Fragmentar y utilizar gráficos • Crear plantillas y páginas HTML • Implementar una automatización ligera • Poblar las páginas • Integrar la funcionalidad compleja

29. 4.c Pruebas • Es el control de calidad. Debe haber una calidad homogénea entre páginas. Se comprueban los errores.

30. 4.c Pruebas • Crear un plan de control de calidad • Dirigir las pruebas de control de calidad • Establecer prioridades y solventar los fallos • Hacer una última comprobación

31. Lanzamiento • Entrega • Lanzamiento • Mantenimiento

32. 5.a Entrega • Pasar archivos, documentos, en suma todo los productos del equipo de diseño y desarrollo al equipo de mantenimiento.

33. 5.a Entrega • Completar la guía de estilos de producción • Crear el paquete de entrega a mantenimiento • Activar la documentación • Hacer un análisis post-lanzamiento • Programar el mantenimiento

34. 5.b Lanzamiento • Hay que dar a conocer el sitio.

35. 5.b Lanzamiento • Preparar un plan de publicidad • Registrarse en los motores de búsqueda • Lanzar el sitio

36. 5.c Mantenimiento • Debe haber un equipo bien preparado para la creación de contenido, producción y cambios visuales.

37. 5.c Mantenimiento • Evaluar la capacidad del equipo de mantenimiento • Desarrollar un plan de mantenimiento • Calcular el éxito • Confirmar la seguridad del sitio