Qué es la ingeniería web
Upcoming SlideShare
Loading in...5
×
 

Qué es la ingeniería web

on

  • 8,126 views

 

Statistics

Views

Total Views
8,126
Slideshare-icon Views on SlideShare
8,126
Embed Views
0

Actions

Likes
1
Downloads
287
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Qué es la ingeniería web Qué es la ingeniería web Presentation Transcript

    • 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
      • 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.
      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,
      • 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 pruebas
      • 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...
      • Integración con el software intermedio (middleware) de componentes
      Evaluación con el cliente: revisión de cada incremento y solicitud de cambios
      16
    • Ingeniería(I)
      DISEÑO ARQUITECTONICO
      • 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.
      17
    • Ingeniería(II)
      DISEÑO DE NAVEGACIÓN
      • 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.
      18
    • Ingeniería(III)
      DISEÑO DE LA INTERFAZ
      • 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.
      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
    • En la ubicación de no fumador se le asigna la mesa y quien reserva la mesa elige el lugar.
      25
    • Ejemplo 2Aplicación 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 económico u o de otro tipo
      28
    • A continuacion se muestra la descripción del auto en este caso es económico.
      29
    • Gracias
      30