Ingeniera Web.

Andres Villezcas Jesus Ivan Torres Cuevas Jorge Arturo Martinez Cano Victor Adan Barraza Luna

Agenda
Definicin de ingeniera Web. Diferencias y similitudes entre ingeniera de software e ingeniera Web. Atributos de las aplicaciones Web. Modelo de proceso para la Web. Ejemplos de aplicaciones Web.

Qu es la Ingeniera Web?
La ingeniera Web est relacionada con el establecimiento y utilizacin de principios cientficos, de ingeniera y gestin, y con enfoques sistemticos y disciplinados del xito y desarrollo, empleo y mantenimiento de sistemas y aplicaciones basados en el Web de alta calidad

La ingeniera web es la aplicacin de metodologas sistemticas, disciplinadas y cuantificables al desarrollo eficiente, operacin y evolucin de aplicaciones de alta calidad en la World Wide Web.

La ingeniera 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 informacin en las diferentes reas en que se presenta ha hecho que las personas tiendan a realizar todas sus actividades por esta va.
5

Agenda
Definicin de ingeniera Web. Diferencias y similitudes entre ingeniera de software e ingeniera Web. Atributos de las aplicaciones Web. Modelo de proceso para la Web. Ejemplos de aplicaciones Web.

Ingeniera Web comparada a Ingeniera del software

La ingeniera Web no es un clone de la Ingeniera del Software aunque ambos involucren programacin y desarrollo de software. El desarrollo del WebApps es distinto respecto al desarrollo de software de otras categoras.

La diferencia: implica una mezcla de publicacin impresa y desarrollo de software, marketing e informtica, de comunicaciones internas y relaciones externas, y de arte y tecnologa Por tanto, el desarrollo del un WebApp es un esfuerzo multidisciplinario debido al manejo de mltiples formatos, con una mezcla de atencin social para saber su efecto tico y legal

Similitudes
Todas las actividades CGC (Control y Garanta de la Calidad) de la ingeniera software tradicional como son: establecimiento y supervisin de estndares, revisiones tcnicas formales, anlisis, seguimiento y registro de informes, etc, son igualmente aplicables a la Ingeniera Web. Sin embargo, en la Web toman especial relevancia para valorar la calidad aspectos como: Usabilidad, Funcionabilidad, Fiabilidad, Seguridad, Eficiencia y Mantenibilidad

Agenda
Definicin de ingeniera Web. Diferencias y similitudes entre ingeniera de software e ingeniera Web. Atributos de las aplicaciones Web. Modelo de proceso para la Web. Ejemplos de aplicaciones Web.

10

Atributos de las aplicaciones web

El usuario puede acceder fcilmente 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 aplicacin instalada en un servidor, por lo tanto se puede actualizar y mantener una nica aplicacin y todos sus usuarios vern los resultados inmediatamente. Emplean tecnologas como Java, JavaFX, JavaScript, DHTML, Flash, Ajax... que dan gran potencia a la interfaz de usuario. Emplean tecnologas que permiten una gran portabilidad entre diferentes plataformas. Por ejemplo, una aplicacin web flash podra ejecutarse en un dispositivo mvil, en una computadora con Windows, Linux u otro sistema, en una consola de videojuegos, etc.

11

Portabilidad de nuestros datos

No debera molestarme

Solucin a problemas reales

En constante mejora

Multiplataforma Debera ser amistosa Debera tener una visin Visualmente atractiva

No debera ser pretenciosa Debera tener una excelente documentacin pero innecesaria

12

Agenda
Definicin de ingeniera Web. Diferencias y similitudes entre ingeniera de software e ingeniera Web. Atributos de las aplicaciones Web. Modelo de proceso para la Web. Ejemplos de aplicaciones Web.

13

Modelo de proceso de la Ingeniera Web (I)

Caractersticas como inmediatez, evolucin 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.

14

Modelo de proceso de la Ingeniera Web (II)

15

Modelos de proceso de la Ingeniera Web (III)

Formulacin: identificacin de metas y objetivos Planificacin: estimacin de costes, evaluacin de riesgos y planificacin temporal del proyecto Anlisis: establecimiento de requisitos Ingeniera: dos grupos de tareas paralelas,

Tcnicas (diseo arquitectnico, de navegacin y de interfaz) No tcnicas (diseo del contenido y produccin)

Generacin de pginas y pruebas

El contenido se fusiona con los diseos arquitectnico, de navegacin y de interfaz para elaborar pginas web ejecutables en HTML, JSP... Integracin con el software intermedio (middleware) de componentes

Evaluacin con el cliente: revisin de cada incremento y solicitud de cambios

16

Ingeniera(I)
DISEO ARQUITECTONICO El diseo arquitectnico para para los sistemas y aplicaciones basados en web se centra en la definicin de la estructura global y en la aplicacin de las configuraciones de diseo y plantillas constructivas para popularizar la estructura que se representara como parte de la webapp.

17

Ingeniera(II)
DISEO DE NAVEGACIN Una ves establecida la arquitectura de una webapp y establecidos sus componentes el diseador deber definir las rutas de navegacin que permitan al usuario acceder al contenido y a los servicios de la webapp adems definir la mecnica para la navegacin.

18

Ingeniera(III)
DISEO DE LA INTERFAZ Los conceptos, principios y mtodos de diseo de interfaz son aplicables al diseo de interface de usuario sin embargo las caractersticas especiales de los sistemas y aplicaciones web requieren otras consideraciones adicionales.

19

Agenda
Definicin de ingeniera Web. Diferencias y similitudes entre ingeniera de software e ingeniera Web. Atributos de las aplicaciones Web. Modelo de proceso para la Web. Ejemplos de aplicaciones Web.

20

EJEMPLO DE APLICACIN WEB RESERVA DE MESA ONLINE

21

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

22

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

23

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

24

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

25

Ejemplo 2 Aplicacin de llenar un formulario para alquiler de un auto.

26

Seleccionar fecha de alquiler.

27

Se selecciona el tipo de contrato para nuestro auto si lo necesitamos econmico u o de otro tipo

28

A continuacion se muestra la descripcin del auto en este caso es econmico.

29

Gracias

30