Qué es la ingeniería web
-
Upload
victor-barraza -
Category
Technology
-
view
128 -
download
0
description
Transcript of Qué es la ingeniería web
![Page 1: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/1.jpg)
1
Ingeniería Web.
Andres Villezcas Jesus Ivan Torres CuevasJorge Arturo Martinez CanoVictor Adan Barraza Luna
![Page 2: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/2.jpg)
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.
![Page 3: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/3.jpg)
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
![Page 4: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/4.jpg)
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.
![Page 5: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/5.jpg)
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.
![Page 6: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/6.jpg)
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.
![Page 7: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/7.jpg)
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.
![Page 8: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/8.jpg)
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
![Page 9: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/9.jpg)
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
![Page 10: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/10.jpg)
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.
![Page 11: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/11.jpg)
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.
![Page 12: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/12.jpg)
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
![Page 13: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/13.jpg)
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.
![Page 14: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/14.jpg)
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.
![Page 15: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/15.jpg)
15
Modelo de proceso de la Ingeniería Web (II)
![Page 16: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/16.jpg)
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
![Page 17: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/17.jpg)
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.
![Page 18: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/18.jpg)
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.
![Page 19: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/19.jpg)
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.
![Page 20: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/20.jpg)
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.
![Page 21: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/21.jpg)
21
EJEMPLO DE APLICACIÓN WEBRESERVA DE MESA ONLINE
![Page 22: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/22.jpg)
22
Se selecciona la fecha deseada en que se quiere reservar la mesa
![Page 23: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/23.jpg)
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.
![Page 24: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/24.jpg)
24
Si la mesa es mayor a cinco personas la mesa será doble.
![Page 25: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/25.jpg)
25
En la ubicación de no fumador se le asigna la mesa y quien reserva la mesa elige el lugar.
![Page 26: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/26.jpg)
26
Ejemplo 2Aplicación de llenar un formulario para alquiler de un auto.
![Page 27: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/27.jpg)
27
Seleccionar fecha de alquiler.
![Page 28: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/28.jpg)
28
Se selecciona el tipo de contrato para nuestro auto si lo necesitamos económico u o de otro tipo
![Page 29: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/29.jpg)
29
A continuacion se muestra la descripción del auto en este caso es económico.
![Page 30: Qué es la ingeniería web](https://reader033.fdocumento.com/reader033/viewer/2022061223/54c598674a7959da508b45a3/html5/thumbnails/30.jpg)
30
Gracias