La ingeniería web se define como la aplicación sistemática de metodologías de ingeniería al desarrollo de aplicaciones web de alta calidad. Explora las diferencias y similitudes entre ingeniería de software e ingeniería web, los atributos de las aplicaciones web, y un modelo de proceso para la ingeniería web que incluye diseño arquitectónico, de navegación e interfaz. Finalmente, presenta ejemplos de aplicaciones web como reserva de mesa en línea y formulario de alquiler de autos.

1. Ingeniería Web.Andres VillezcasJesus Ivan Torres CuevasJorge Arturo Martinez CanoVictor AdanBarraza Luna1

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.2

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 calidad3

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.4

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.5

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.6

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. 7

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íaPor 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 legal8

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 Mantenibilidad9

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.10

11. Atributos de las aplicaciones web El usuario puede acceder fácilmente a estas aplicaciones empleando un navegador web (cliente).

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

13. 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.

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

15. 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. 11

16. Portabilidad de nuestros datosNo debería molestarmeEn constante mejoraSolución a problemas realesMultiplataformaDebería ser amistosaDebería tener una visiónVisualmente atractivaNo debería ser pretenciosaDebería tener una excelente documentación pero innecesaria12

17. 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.13

18. 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. 14

19. Modelo de proceso de la Ingeniería Web (II)15

20. Modelos de proceso de la Ingeniería Web (III)Formulación: identificación de metas y objetivosPlanificación: estimación de costes, evaluación de riesgos yplanificación temporal del proyectoAnálisis: establecimiento de requisitosIngeniería: dos grupos de tareas paralelas,Técnicas (diseño arquitectónico, de navegación y de interfaz)

21. 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...

22. Integración con el software intermedio (middleware) de componentesEvaluación con el cliente: revisión de cada incremento y solicitud de cambios16

23. 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.17

24. 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 webappademás definir la mecánica para la navegación.18

25. 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.19

26. 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.20

27. EJEMPLO DE APLICACIÓN WEBRESERVA DE MESA ONLINE21

28. Se selecciona la fecha deseada en que se quiere reservar la mesa22

29. *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.23

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