SlideShare una empresa de Scribd logo
1 de 30
Ingeniería Web. Andres Villezcas Jesus Ivan Torres Cuevas Jorge Arturo Martinez Cano Victor AdanBarraza Luna 1
Agenda Definició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
¿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 3
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
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
Agenda Definició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
Ingeniería Web comparada a Ingeniería del software La 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
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 8
Similitudes 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.  Sin embargo, en la Web toman especial relevancia para valorar la calidad aspectos como: Usabilidad, Funcionabilidad, Fiabilidad, Seguridad, Eficiencia y Mantenibilidad 9
Agenda Definició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
Atributos de las aplicaciones web  ,[object Object]
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. 11
Portabilidad de nuestros datos No debería molestarme En constante mejora Solución a problemas reales Multiplataforma Debería ser amistosa Debería tener una visión Visualmente atractiva No debería ser pretenciosa Debería tener una excelente documentación pero innecesaria 12
Agenda Definició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
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
Modelo de proceso de la Ingeniería Web (II) 15
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 y planificación temporal del proyecto Análisis: establecimiento de requisitos Ingeniería: dos grupos de tareas paralelas, ,[object Object]
No técnicas (diseño del contenido y producción)Generación de páginas y pruebas ,[object Object]
Integración con el software intermedio (middleware) de componentesEvaluación con el cliente: revisión de cada incremento y solicitud de cambios 16
Ingeniería(I) DISEÑO ARQUITECTONICO ,[object Object],17
Ingeniería(II) DISEÑO DE NAVEGACIÓN ,[object Object],18
Ingeniería(III) DISEÑO DE LA INTERFAZ ,[object Object],19
Agenda Definició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
EJEMPLO DE APLICACIÓN WEBRESERVA DE MESA ONLINE 21
Se selecciona la fecha deseada en que se quiere reservar la mesa 22
*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
Si la mesa es mayor a cinco personas la mesa será doble.  24

Más contenido relacionado

La actualidad más candente

Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
Mirsha01
 
Metodología para creación de sitios web
Metodología para creación de sitios webMetodología para creación de sitios web
Metodología para creación de sitios web
Alfredo Anotha Diego
 

La actualidad más candente (18)

La Ingeniería Web
La Ingeniería WebLa Ingeniería Web
La Ingeniería Web
 
Modelado conceptual de aplicaciones web
Modelado conceptual de aplicaciones webModelado conceptual de aplicaciones web
Modelado conceptual de aplicaciones web
 
Metodología IWeb
Metodología IWebMetodología IWeb
Metodología IWeb
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Metodologia web
Metodologia webMetodologia web
Metodologia web
 
Ingeniería Web
Ingeniería WebIngeniería Web
Ingeniería Web
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Modelado web
Modelado webModelado web
Modelado web
 
Metodología para creación de sitios web
Metodología para creación de sitios webMetodología para creación de sitios web
Metodología para creación de sitios web
 
Desarrollo de una aplicación móvil basada en gráficos estadísticos paper
Desarrollo de una aplicación móvil basada en gráficos estadísticos   paperDesarrollo de una aplicación móvil basada en gráficos estadísticos   paper
Desarrollo de una aplicación móvil basada en gráficos estadísticos paper
 
Desarrollo web final
Desarrollo web finalDesarrollo web final
Desarrollo web final
 
Pressman capitulo 15
Pressman capitulo 15Pressman capitulo 15
Pressman capitulo 15
 
presentacion W2.0
presentacion W2.0presentacion W2.0
presentacion W2.0
 
DSUC 01: UX Research
DSUC 01: UX ResearchDSUC 01: UX Research
DSUC 01: UX Research
 
Web2.0
Web2.0Web2.0
Web2.0
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 

Similar a Qué es la ingeniería web

Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
jedtris
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
jedtris
 
Planificacio y formulacion web d
Planificacio y formulacion web dPlanificacio y formulacion web d
Planificacio y formulacion web d
diana_caluna
 
1 ingeniería web
1 ingeniería web1 ingeniería web
1 ingeniería web
UVM
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
Alexis Morillo
 

Similar a Qué es la ingeniería web (20)

Sesion 1
Sesion 1Sesion 1
Sesion 1
 
profundizaU1.pdf
profundizaU1.pdfprofundizaU1.pdf
profundizaU1.pdf
 
Modulo taller progwebaa2
Modulo   taller progwebaa2Modulo   taller progwebaa2
Modulo taller progwebaa2
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Capitulo 13 sfdsgfg
Capitulo 13  sfdsgfgCapitulo 13  sfdsgfg
Capitulo 13 sfdsgfg
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Tema 6
Tema 6Tema 6
Tema 6
 
Planificacio y formulacion web d
Planificacio y formulacion web dPlanificacio y formulacion web d
Planificacio y formulacion web d
 
UD:INGENIERIA WEB - SESION N°01
UD:INGENIERIA WEB - SESION N°01UD:INGENIERIA WEB - SESION N°01
UD:INGENIERIA WEB - SESION N°01
 
Trabajo 2.pdf
Trabajo 2.pdfTrabajo 2.pdf
Trabajo 2.pdf
 
1 ingeniería web
1 ingeniería web1 ingeniería web
1 ingeniería web
 
Trade-Off sobre Tecnologías Web
Trade-Off sobre Tecnologías WebTrade-Off sobre Tecnologías Web
Trade-Off sobre Tecnologías Web
 
Requerimientos, Ventajas y Desventajas de las aplicaciones web
Requerimientos, Ventajas y Desventajas de las aplicaciones webRequerimientos, Ventajas y Desventajas de las aplicaciones web
Requerimientos, Ventajas y Desventajas de las aplicaciones web
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Diseño de Páginas Web.pptx
Diseño de Páginas Web.pptxDiseño de Páginas Web.pptx
Diseño de Páginas Web.pptx
 
Presentación de Asignatura::Diseño de Sistemas en Internet
Presentación de Asignatura::Diseño de Sistemas en InternetPresentación de Asignatura::Diseño de Sistemas en Internet
Presentación de Asignatura::Diseño de Sistemas en Internet
 
Ingeniería web
Ingeniería webIngeniería web
Ingeniería web
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Diseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptxDiseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptx
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (15)

Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 

Qué es la ingeniería web

  • 1. Ingeniería Web. Andres Villezcas Jesus Ivan Torres Cuevas Jorge Arturo Martinez Cano Victor AdanBarraza Luna 1
  • 2. Agenda Definició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 calidad 3
  • 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. Agenda Definició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 software La 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í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 8
  • 9. Similitudes 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. Sin embargo, en la Web toman especial relevancia para valorar la calidad aspectos como: Usabilidad, Funcionabilidad, Fiabilidad, Seguridad, Eficiencia y Mantenibilidad 9
  • 10. Agenda Definició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.
  • 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 datos No debería molestarme En constante mejora Solución a problemas reales Multiplataforma Debería ser amistosa Debería tener una visión Visualmente atractiva No debería ser pretenciosa Debería tener una excelente documentación pero innecesaria 12
  • 17. Agenda Definició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.
  • 21.
  • 22. Integración con el software intermedio (middleware) de componentesEvaluación con el cliente: revisión de cada incremento y solicitud de cambios 16
  • 23.
  • 24.
  • 25.
  • 26. Agenda Definició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 ONLINE 21
  • 28. Se selecciona la fecha deseada en que se quiere reservar la mesa 22
  • 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
  • 31. En la ubicación de no fumador se le asigna la mesa y quien reserva la mesa elige el lugar. 25
  • 32. Ejemplo 2Aplicación de llenar un formulario para alquiler de un auto. 26
  • 33. Seleccionar fecha de alquiler. 27
  • 34. Se selecciona el tipo de contrato para nuestro auto si lo necesitamos económico u o de otro tipo 28
  • 35. A continuacion se muestra la descripción del auto en este caso es económico. 29