Desarrollo web final

29
Desarrollo para la Web 1

description

presentacion desarrollo web materia topicos selectos de ingenieria en sw, ingenieria en sistemas computacionales

Transcript of Desarrollo web final

Page 1: Desarrollo web final

Desarrollo para la Web

1

Page 2: Desarrollo web final

Agenda• Formulación y análisis de sistemas Formulación y análisis de sistemas

basados en webbasados en web• Diseño para aplicaciones basadas en Diseño para aplicaciones basadas en

webweb• Pruebas de las aplicaciones basadas en Pruebas de las aplicaciones basadas en

webweb• Problemas de gestiónProblemas de gestión

2

Page 3: Desarrollo web final

La formulación y el análisis representan La formulación y el análisis representan una sucesión de actividades de una sucesión de actividades de ingeniería ingeniería web que comienzan con la web que comienzan con la identificación de metas globales para la identificación de metas globales para la WebApp, y WebApp, y termina con el desarrollo de termina con el desarrollo de un modelo de análisis de los requisitos un modelo de análisis de los requisitos para el sistema. para el sistema.

Formulación y análisisFormulación y análisis

3

Page 4: Desarrollo web final

La formulación permite que el cliente La formulación permite que el cliente establezca las metas y objetivos para establezca las metas y objetivos para la construcción de la la construcción de la WebApp. WebApp.

Se sugiere las siguientes preguntas Se sugiere las siguientes preguntas cuyas respuestas implican las cuyas respuestas implican las metas metas específicas de la WebApp:específicas de la WebApp:

FormulaciónFormulación

4

Page 5: Desarrollo web final

¿Cuál es la motivación principal para ¿Cuál es la motivación principal para la WebApp?la WebApp?

¿Por qué es necesaria la ¿Por qué es necesaria la WebApp?WebApp? ¿Quién va a utilizar la ¿Quién va a utilizar la WebApp?WebApp?

5

Page 6: Desarrollo web final

Metas informativas: Metas informativas: indican la indican la intención de proporcionar el intención de proporcionar el contenido y/o información específicos contenido y/o información específicos para el usuario final.para el usuario final.

Metas aplicables: Metas aplicables: indican la indican la habilidad de realizar algunas tareas habilidad de realizar algunas tareas dentro de la WebApp.dentro de la WebApp.

Se identifican:

6

Page 7: Desarrollo web final

El análisis identifica los datos y El análisis identifica los datos y requisitos funcionales y de requisitos funcionales y de comportamiento para la comportamiento para la WebApp. WebApp. Durante el proceso de ingeniería web Durante el proceso de ingeniería web se realizan cuatro tipos de análisis se realizan cuatro tipos de análisis diferentes:diferentes:

AnálisisAnálisis

7

Page 8: Desarrollo web final

Se trata de la identificación Se trata de la identificación del espectro del espectro completo de contenido que se va a completo de contenido que se va a proporcionar. proporcionar. Datos de textoDatos de textoGráficosGráficos ImágenesImágenes Vídeo y sonido. Vídeo y sonido.

Análisis del contenido. Análisis del contenido.

8

Page 9: Desarrollo web final

Descripción detallada de la interacción del Descripción detallada de la interacción del usuario y la WebApp. usuario y la WebApp.

Para proporcionar descripciones Para proporcionar descripciones detalladas de esta interacción se pueden detalladas de esta interacción se pueden desarrollar casos prácticosdesarrollar casos prácticos

Análisis de la interacción. Análisis de la interacción.

9

Page 10: Desarrollo web final

Los escenarios de utilización Los escenarios de utilización

casos de usocasos de usocreados como parte del análisis de creados como parte del análisis de interacción interacción definen las operaciones que se aplicarán definen las operaciones que se aplicarán en el contenido de la WebAppen el contenido de la WebApp se realiza una descripción detallada de se realiza una descripción detallada de todas las funciones y operaciones.todas las funciones y operaciones.

Análisis funcionalAnálisis funcional.

10

Page 11: Desarrollo web final

Se efectúa una descripción Se efectúa una descripción detallada detallada del entorno y de la infraestructura en del entorno y de la infraestructura en donde reside la WebApp.donde reside la WebApp.

Internet Internet IntranetIntranet Extranet. Extranet.

se deberá identificar de los componentes y se deberá identificar de los componentes y el grado de utilización de la base de datos el grado de utilización de la base de datos para generar el contenido de la WebApp.para generar el contenido de la WebApp.

Análisis de la configuración

11

Page 12: Desarrollo web final

AgendaAgenda• Formulación y análisis de sistemas Formulación y análisis de sistemas

basados en webbasados en web• Diseño para aplicaciones basadas en Diseño para aplicaciones basadas en

webweb• Pruebas de las aplicaciones basadas en Pruebas de las aplicaciones basadas en

webweb• Problemas de gestiónProblemas de gestión

12

Page 13: Desarrollo web final

El diseño a veces se piensa que es la parte más El diseño a veces se piensa que es la parte más fácil del proceso de desarrollo de fácil del proceso de desarrollo de WebApps.WebApps.

SSin un buen diseño puede haber problemas de in un buen diseño puede haber problemas de escalabilidad escalabilidad

Hay muchas técnicas para tratar de llevar a Hay muchas técnicas para tratar de llevar a cabo un buen diseño, pero depende del giro de cabo un buen diseño, pero depende del giro de la la WebApp para saber que técnica aplicar.WebApp para saber que técnica aplicar.

Con objeto de realizar un diseño eficaz basado Con objeto de realizar un diseño eficaz basado en Web, el ingeniero deberá trabajar en Web, el ingeniero deberá trabajar reutilizando cuatro elementos técnicosreutilizando cuatro elementos técnicos

Diseño

13

Page 14: Desarrollo web final

Para algunos el diseño web se centra en la Para algunos el diseño web se centra en la apariencia visual e interacción de paginas.apariencia visual e interacción de paginas.

Estructurar la información y la navegación por Estructurar la información y la navegación por el espacio del documento.el espacio del documento.

Diseño

14

Page 15: Desarrollo web final

Con objeto de realizar un diseño eficaz basado en Con objeto de realizar un diseño eficaz basado en Web, el ingeniero deberá trabajar reutilizando Web, el ingeniero deberá trabajar reutilizando cuatro elementos técnicos:cuatro elementos técnicos:Principios y métodos de diseño.Principios y métodos de diseño.Reglas de oro.Reglas de oro.Configuraciones de diseño.Configuraciones de diseño.Plantillas.Plantillas.

Diseño

15

Page 16: Desarrollo web final

La estructura arquitectónica global va unida a La estructura arquitectónica global va unida a las metas establecidas para una WebApp, al las metas establecidas para una WebApp, al contenido que se va a presentar, a los usuarios contenido que se va a presentar, a los usuarios que la visitarán y a la filosofía de navegaciónque la visitarán y a la filosofía de navegación

Estructuras de las WebApps

16

Page 17: Desarrollo web final

ESTRUCTURAS LINEALES

Estructuras de las WebApps

17

Page 18: Desarrollo web final

ESTRUCTURA RETICULAR

Estructuras de las WebApps

18

Page 19: Desarrollo web final

ESTRUCTURA JERARQUICA

Estructuras de las WebApps

19

Page 20: Desarrollo web final

ESTRUCTURA EN RED O WEB PURA

Estructuras de las WebApps

20

Page 21: Desarrollo web final

21

Page 22: Desarrollo web final

Agenda• Formulación y análisis de sistemas

basados en web• Diseño para aplicaciones basadas en

web• Pruebas de las aplicaciones basadas en

web• Problemas de gestión

22

Page 23: Desarrollo web final

El modelo de contenido de la WebApp es El modelo de contenido de la WebApp es revisado para descubrir errores.revisado para descubrir errores.

El modelo de diseño para la WebApp es El modelo de diseño para la WebApp es revisado para descubrir errores de navegación.revisado para descubrir errores de navegación.

Se aplican pruebas de unidad a los Se aplican pruebas de unidad a los componentes componentes de de proceso.proceso.

Se construye la arquitectura, se realizan las Se construye la arquitectura, se realizan las pruebas de integración.pruebas de integración.

La WebApp ensamblada se prueba para La WebApp ensamblada se prueba para conseguir una funcionalidad global y un conseguir una funcionalidad global y un contenido.contenido.

Pruebas de aplicaciones basadas en web

23

Page 24: Desarrollo web final

El modelo de contenido de la WebApp es El modelo de contenido de la WebApp es revisado para descubrir errores.revisado para descubrir errores.

El modelo de diseño para la WebApp es El modelo de diseño para la WebApp es revisado para descubrir errores de navegación.revisado para descubrir errores de navegación.

Se aplican pruebas de unidad a los Se aplican pruebas de unidad a los componentes componentes de de proceso.proceso.

Se construye la arquitectura, se realizan las Se construye la arquitectura, se realizan las pruebas de integración.pruebas de integración.

La WebApp ensamblada se prueba para La WebApp ensamblada se prueba para conseguir una funcionalidad global y un conseguir una funcionalidad global y un contenido.contenido.

Pruebas de aplicaciones basadas en web

24

Page 25: Desarrollo web final

La WebApp se implementa en una variedad de La WebApp se implementa en una variedad de configuraciones diferentes de entornos y configuraciones diferentes de entornos y comprobar así la compatibilidad con cada comprobar así la compatibilidad con cada configuración.configuración.

La WebApp se comprueba con una población La WebApp se comprueba con una población de usuade usuarios rios finales controlada y monitorizada.finales controlada y monitorizada.

Pruebas de aplicaciones basadas en web

25

Page 26: Desarrollo web final

AgendaAgenda• Formulación y análisis de sistemas Formulación y análisis de sistemas

basados en webbasados en web• Diseño para aplicaciones basadas en Diseño para aplicaciones basadas en

webweb• Pruebas de las aplicaciones basadas en Pruebas de las aplicaciones basadas en

webweb• Problemas de gestiónProblemas de gestión

26

Page 27: Desarrollo web final

Dada la inmediatez de las WebApps, sería Dada la inmediatez de las WebApps, sería razonable preguntarse:razonable preguntarse:¿necesito realmente invertir tiempo ¿necesito realmente invertir tiempo esforzándome con la WebApp?.esforzándome con la WebApp?.¿no debería dejarse que la WebApp evolucionara ¿no debería dejarse que la WebApp evolucionara de forma natural, con poca o ninguna gestión de forma natural, con poca o ninguna gestión explícita?.explícita?.

Problemas de gestiónProblemas de gestión

27

Page 28: Desarrollo web final

La ingeniería Web es una actividad La ingeniería Web es una actividad técnica complicada.técnica complicada.Hay muchas personas implicadas, y a Hay muchas personas implicadas, y a menudo trabajando en paralelo. La menudo trabajando en paralelo. La combinación de tareas técnicas y no combinación de tareas técnicas y no técnicas que deben de tener lugar (a técnicas que deben de tener lugar (a tiempo y dentro del presupuesto) para tiempo y dentro del presupuesto) para producir una WebApp de alta calidad producir una WebApp de alta calidad representa un reto para cualquier representa un reto para cualquier grupo de profesionales.grupo de profesionales. 28

Page 29: Desarrollo web final

Con el fin de evitar cualquier Con el fin de evitar cualquier confusión, frustración y fallo, se confusión, frustración y fallo, se deberá poner en acción una deberá poner en acción una planificación, tener en cuenta los planificación, tener en cuenta los riesgos, establecer y rastrear una riesgos, establecer y rastrear una planificación temporal y definir los planificación temporal y definir los controles. Estas son las actividades controles. Estas son las actividades clave que constituyen lo que se clave que constituyen lo que se conoce como gestión de proyectos.conoce como gestión de proyectos.

29