desarrollo de sitios web ci-2413 desarrollo de aplicaciones para internet
TRANSCRIPT
![Page 1: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/1.jpg)
Desarrollo de Sitios Web
CI-2413 Desarrollo de Aplicaciones para Internet
![Page 2: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/2.jpg)
Cinco etapas
Definición del proyecto Desarrollo de la estructura del sitio Diseño visual y pruebas Producción y control de calidad Lanzamiento
![Page 3: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/3.jpg)
1. Definición del proyecto
Descubrimiento Clarificación Planificación
![Page 4: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/4.jpg)
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.
![Page 5: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/5.jpg)
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
![Page 6: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/6.jpg)
1.b Clarificación
Se extrae la “esencia” del sitio y se determinan sus objetivos generales.
![Page 7: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/7.jpg)
1.b Clarificación
Determinar los objetivos principales Preparar un resumen de creatividad
![Page 8: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/8.jpg)
1.c Planificación
Son tareas administrativas. Es el plan de acción con presupuesto, personal, etc.
![Page 9: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/9.jpg)
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
![Page 10: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/10.jpg)
2 Desarrollo de la estructura del sitio Relativo al contenido Relativo al sitio Relativo a la página
![Page 11: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/11.jpg)
2.a Relativo al contenido
El sitio no será bueno sin un buen contenido. El contenido y la estructura del sitio están entrelazados
![Page 12: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/12.jpg)
2.a Relativo al contenido
Establecer el contenido Auditar el contenido existente Planificar el contenido Plan de entrega del contenido
![Page 13: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/13.jpg)
2.b Relativo al sitio
Visión holística del sitio. Sirve para ver la estructura. Es el mapa del sitio.
![Page 14: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/14.jpg)
2.b Relativo al sitio
Hacer un mapa del sitio. Comprobar la organización del sitio
existente. Establecer convenciones de nombres.
![Page 15: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/15.jpg)
2.c Relativo a la página
Presentación de cada página. Forma estructura, ...
![Page 16: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/16.jpg)
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
![Page 17: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/17.jpg)
Diseño visual y pruebas
Creación Confirmación Entrega a producción
![Page 18: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/18.jpg)
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.
![Page 19: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/19.jpg)
3.a Creación
Revisar los objetivos del sitio Desarrollar conceptos Presentar diseños y recopilar
información
![Page 20: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/20.jpg)
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.
![Page 21: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/21.jpg)
3.b Confirmación
Crear el prototipo del sitio Probar la funcionalidad
![Page 22: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/22.jpg)
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).
![Page 23: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/23.jpg)
3.c Entrega a producción
Crear plantillas gráficas Crear una guía de estilos de diseño
![Page 24: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/24.jpg)
Producción y control de calidad
Preparación Construcción Pruebas
![Page 25: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/25.jpg)
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.
![Page 26: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/26.jpg)
4.a Preparación
Establecer directrices Evaluar el estado del proyecto Establecer la estructura de archivos
![Page 27: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/27.jpg)
4.b Construcción
Se puede empezar la producción XHTML. El principal objetivo es codificar cada página una única vez.
![Page 28: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/28.jpg)
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
![Page 29: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/29.jpg)
4.c Pruebas
Es el control de calidad. Debe haber una calidad homogénea entre páginas. Se comprueban los errores.
![Page 30: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/30.jpg)
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
![Page 31: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/31.jpg)
Lanzamiento
Entrega Lanzamiento Mantenimiento
![Page 32: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/32.jpg)
5.a Entrega
Pasar archivos, documentos, en suma todo los productos del equipo de diseño y desarrollo al equipo de mantenimiento.
![Page 33: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/33.jpg)
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
![Page 34: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/34.jpg)
5.b Lanzamiento
Hay que dar a conocer el sitio.
![Page 35: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/35.jpg)
5.b Lanzamiento
Preparar un plan de publicidad Registrarse en los motores de
búsqueda Lanzar el sitio
![Page 36: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/36.jpg)
5.c Mantenimiento
Debe haber un equipo bien preparado para la creación de contenido, producción y cambios visuales.
![Page 37: Desarrollo de Sitios Web CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022061302/54e24ce84a795950188b4c4d/html5/thumbnails/37.jpg)
5.c Mantenimiento
Evaluar la capacidad del equipo de mantenimiento
Desarrollar un plan de mantenimiento Calcular el éxito Confirmar la seguridad del sitio