Qué es la ingeniería web

15,390 views

Published on

Published in: Technology

Qué es la ingeniería web

  1. 1. Ingeniería Web.<br />Andres Villezcas<br />Jesus Ivan Torres Cuevas<br />Jorge Arturo Martinez Cano<br />Victor AdanBarraza Luna<br />1<br />
  2. 2. Agenda<br />Definición de ingeniería Web.<br />Diferencias y similitudes entre ingeniería de software e ingeniería Web.<br />Atributos de las aplicaciones Web.<br />Modelo de proceso para la Web.<br />Ejemplos de aplicaciones Web.<br />2<br />
  3. 3. ¿Qué es la Ingeniería Web?<br />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<br />3<br />
  4. 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.<br />4<br />
  5. 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.<br />5<br />
  6. 6. Agenda<br />Definición de ingeniería Web.<br />Diferencias y similitudes entre ingeniería de software e ingeniería Web.<br />Atributos de las aplicaciones Web.<br />Modelo de proceso para la Web.<br />Ejemplos de aplicaciones Web.<br />6<br />
  7. 7. Ingeniería Web comparada a Ingeniería del software<br />La ingeniería Web no es un clone de la Ingeniería del Software aunque ambos involucren programación y desarrollo de software.<br />El desarrollo del WebApps es distinto respecto al desarrollo de software de otras categorías. <br />7<br />
  8. 8. La diferencia:<br />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<br />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<br />8<br />
  9. 9. Similitudes<br />Todas 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. <br />Sin embargo, en la Web toman especial relevancia para valorar la calidad aspectos como: Usabilidad, Funcionabilidad, Fiabilidad, Seguridad, Eficiencia y Mantenibilidad<br />9<br />
  10. 10. Agenda<br />Definición de ingeniería Web.<br />Diferencias y similitudes entre ingeniería de software e ingeniería Web.<br />Atributos de las aplicaciones Web.<br />Modelo de proceso para la Web.<br />Ejemplos de aplicaciones Web.<br />10<br />
  11. 11. Atributos de las aplicaciones web <br /><ul><li>El usuario puede acceder fácilmente a estas aplicaciones empleando un navegador web (cliente).
  12. 12. Si es por internet, el usuario puede entrar desde cualquier lugar del mundo donde tenga un acceso a internet.
  13. 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. 14. Emplean tecnologías como Java, JavaFX, JavaScript, DHTML, Flash, Ajax... que dan gran potencia a la interfaz de usuario.
  15. 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. </li></ul>11<br />
  16. 16. Portabilidad de nuestros datos<br />No debería molestarme<br />En constante mejora<br />Solución a problemas reales<br />Multiplataforma<br />Debería ser amistosa<br />Debería tener una visión<br />Visualmente atractiva<br />No debería ser pretenciosa<br />Debería tener una excelente documentación pero innecesaria<br />12<br />
  17. 17. Agenda<br />Definición de ingeniería Web.<br />Diferencias y similitudes entre ingeniería de software e ingeniería Web.<br />Atributos de las aplicaciones Web.<br />Modelo de proceso para la Web.<br />Ejemplos de aplicaciones Web.<br />13<br />
  18. 18. Modelo de proceso de la Ingeniería Web (I)<br />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. <br />14<br />
  19. 19. Modelo de proceso de la Ingeniería Web (II)<br />15<br />
  20. 20. Modelos de proceso de la Ingeniería Web (III)<br />Formulación: identificación de metas y objetivos<br />Planificación: estimación de costes, evaluación de riesgos y<br />planificación temporal del proyecto<br />Análisis: establecimiento de requisitos<br />Ingeniería: dos grupos de tareas paralelas,<br /><ul><li>Técnicas (diseño arquitectónico, de navegación y de interfaz)
  21. 21. No técnicas (diseño del contenido y producción)</li></ul>Generación de páginas y pruebas<br /><ul><li>El 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. 22. Integración con el software intermedio (middleware) de componentes</li></ul>Evaluación con el cliente: revisión de cada incremento y solicitud de cambios<br />16<br />
  23. 23. Ingeniería(I)<br />DISEÑO ARQUITECTONICO<br /><ul><li>El 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.</li></ul>17<br />
  24. 24. Ingeniería(II)<br />DISEÑO DE NAVEGACIÓN<br /><ul><li>Una 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.</li></ul>18<br />
  25. 25. Ingeniería(III)<br />DISEÑO DE LA INTERFAZ<br /><ul><li>Los 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.</li></ul>19<br />
  26. 26. Agenda<br />Definición de ingeniería Web.<br />Diferencias y similitudes entre ingeniería de software e ingeniería Web.<br />Atributos de las aplicaciones Web.<br />Modelo de proceso para la Web.<br />Ejemplos de aplicaciones Web.<br />20<br />
  27. 27. EJEMPLO DE APLICACIÓN WEBRESERVA DE MESA ONLINE<br />21<br />
  28. 28. Se selecciona la fecha deseada en que se quiere reservar la mesa<br />22<br />
  29. 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.<br />23<br />
  30. 30. Si la mesa es mayor a cinco personas la mesa será doble. <br />24<br />
  31. 31. En la ubicación de no fumador se le asigna la mesa y quien reserva la mesa elige el lugar.<br />25<br />
  32. 32. Ejemplo 2Aplicación de llenar un formulario para alquiler de un auto.<br />26<br />
  33. 33. Seleccionar fecha de alquiler.<br />27<br />
  34. 34. Se selecciona el tipo de contrato para nuestro auto si lo necesitamos económico u o de otro tipo<br />28<br />
  35. 35. A continuacion se muestra la descripción del auto en este caso es económico.<br />29<br />
  36. 36. Gracias<br />30<br />

×