1

Ingeniería Web.

Andres Villezcas Jesus Ivan Torres CuevasJorge Arturo Martinez CanoVictor Adan Barraza Luna

2

AgendaDefinición de ingeniería Web.Diferencias y similitudes entre

ingeniería de software e ingeniería Web.

Atributos de las aplicaciones Web.

Modelo de proceso para la Web.Ejemplos de aplicaciones Web.

3

¿Qué es la Ingeniería Web?La ingeniería Web está relacionada con el establecimiento y utilización de principioscientíficos, de ingeniería y gestión, y con enfoques sistemáticos y disciplinados deléxito y desarrollo, empleo y mantenimiento de sistemas y aplicaciones basados en elWeb de alta calidad

4

La ingeniería web es la aplicación de metodologías sistemáticas, disciplinadas y cuantificables al desarrollo eficiente, operación y evolución de aplicaciones de alta calidad en la World Wide Web.

5

La ingeniería web se debe al crecimiento desenfrenado que está teniendo la Web está ocasionando un impacto en la sociedad y el nuevo manejo que se le está dando a la información en las diferentes áreas en que se presenta ha hecho que las personas tiendan a realizar todas sus actividades por esta vía.

6

AgendaDefinición de ingeniería Web.Diferencias y similitudes entre

ingeniería de software e ingeniería Web.

Atributos de las aplicaciones Web.

Modelo de proceso para la Web.Ejemplos de aplicaciones Web.

7

Ingeniería Web comparada a Ingeniería del softwareLa ingeniería Web no es un clone

de la Ingeniería del Software aunque ambos involucren programación y desarrollo de software.

El desarrollo del WebApps es distinto respecto al desarrollo de software de otras categorías.

8

La diferencia:implica una mezcla de publicación

impresa y desarrollo de software, marketing e informática, de comunicaciones internas y relaciones externas, y de arte y tecnología

Por tanto, el desarrollo del un WebApp es un esfuerzo multidisciplinario debido al manejo de múltiples formatos, con una mezcla de atención social para saber su efecto ético y legal

9

SimilitudesTodas las actividades CGC (Control y

Garantía de la Calidad) de la ingeniería software tradicional como son: establecimiento y supervisión de estándares, revisiones técnicas formales, análisis, seguimiento y registro de informes, etc, son igualmente aplicables a la Ingeniería Web.

Sin embargo, en la Web toman especial relevancia para valorar la calidad aspectos como: Usabilidad, Funcionabilidad, Fiabilidad, Seguridad, Eficiencia y Mantenibilidad

10

AgendaDefinición de ingeniería Web.Diferencias y similitudes entre

ingeniería de software e ingeniería Web.

Atributos de las aplicaciones Web.

Modelo de proceso para la Web.Ejemplos de aplicaciones Web.

11

Atributos de las aplicaciones web

•El usuario puede acceder fácilmente a estas aplicaciones empleando un navegador web (cliente).

• Si es por internet, el usuario puede entrar desde cualquier lugar del mundo donde tenga un acceso a internet.

• Pueden existir miles de usuarios pero una única aplicación instalada en un servidor, por lo tanto se puede actualizar y mantener una única aplicación y todos sus usuarios verán los resultados inmediatamente.

• Emplean tecnologías como Java, JavaFX, JavaScript, DHTML, Flash, Ajax... que dan gran potencia a la interfaz de usuario.

• Emplean tecnologías que permiten una gran portabilidad entre diferentes plataformas. Por ejemplo, una aplicación web flash podría ejecutarse en un dispositivo móvil, en una computadora con Windows, Linux u otro sistema, en una consola de videojuegos, etc.

12

Portabilidad de nuestros datos

Solución a problemas reales

Multiplataforma

Debería tener una visión

No debería molestarme

En constante mejora

Debería tener una excelente documentación pero innecesaria

Debería ser amistosa

No debería ser pretenciosa

Visualmente atractiva

13

AgendaDefinición de ingeniería Web.Diferencias y similitudes entre

ingeniería de software e ingeniería Web.

Atributos de las aplicaciones Web.

Modelo de proceso para la Web.Ejemplos de aplicaciones Web.

14

Modelo de proceso de la Ingeniería Web (I)Características como inmediatez,

evolución y crecimiento continuos, nos llevan a un proceso incremental y evolutivo, que permite que el usuario se involucre activamente, facilitando el desarrollo de productos que se ajustan mucho lo que éste busca y necesita.

15

Modelo de proceso de la Ingeniería Web (II)

16

Modelos de proceso de la Ingeniería Web (III) Formulación: identificación de metas y objetivos Planificación: estimación de costes, evaluación de

riesgos yplanificación temporal del proyecto Análisis: establecimiento de requisitos Ingeniería: dos grupos de tareas paralelas,

Técnicas (diseño arquitectónico, de navegación y de interfaz) No técnicas (diseño del contenido y producción)

Generación de páginas y pruebasEl contenido se fusiona con los diseños arquitectónico, de

navegación y de interfaz para elaborar páginas web ejecutables en HTML, JSP...

Integración con el software intermedio (middleware) de componentes

Evaluación con el cliente: revisión de cada incremento y solicitud de cambios

17

Ingeniería(I)DISEÑO ARQUITECTONICOEl diseño arquitectónico para

para los sistemas y aplicaciones basados en web se centra en la definición de la estructura global y en la aplicación de las configuraciones de diseño y plantillas constructivas para popularizar la estructura que se representara como parte de la webapp.

18

Ingeniería(II)DISEÑO DE NAVEGACIÓNUna ves establecida la

arquitectura de una webapp y establecidos sus componentes el diseñador deberá definir las rutas de navegación que permitan al usuario acceder al contenido y a los servicios de la webapp además definir la mecánica para la navegación.

19

Ingeniería(III)DISEÑO DE LA INTERFAZLos conceptos, principios y

métodos de diseño de interfaz son aplicables al diseño de interface de usuario sin embargo las características especiales de los sistemas y aplicaciones web requieren otras consideraciones adicionales.

20

AgendaDefinición de ingeniería Web.Diferencias y similitudes entre

ingeniería de software e ingeniería Web.

Atributos de las aplicaciones Web.

Modelo de proceso para la Web.Ejemplos de aplicaciones Web.

21

EJEMPLO DE APLICACIÓN WEBRESERVA DE MESA ONLINE

22

Se selecciona la fecha deseada en que se quiere reservar la mesa

23

*Después de seleccionar la fecha se selecciona el numero de personas y el área de donde necesita su mesa de fumador o no fumador.

24

Si la mesa es mayor a cinco personas la mesa será doble.

25

En la ubicación de no fumador se le asigna la mesa y quien reserva la mesa elige el lugar.

26

Ejemplo 2Aplicación de llenar un formulario para alquiler de un auto.

27

Seleccionar fecha de alquiler.

28

Se selecciona el tipo de contrato para nuestro auto si lo necesitamos económico u o de otro tipo

29

A continuacion se muestra la descripción del auto en este caso es económico.

30

Gracias