Aplicaciones Web Ingeniera Web

Universidad del Valle Cali - Colombia

Aplicaciones Web

90-95

.......................Sitios Web

Texto y grficos con enlaces Capacidad de realizar lgica de la aplicacin. Funciones para interaccin con el usuario final Integradas con bases de datos, incluso corporativas Integradas con aplicaciones de negocios. Arte y tecnologa

Hoy en da...............Aplicaciones Web

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

Aplicaciones Web

Futuro inmediato...Rich Internet Applications (RIA)

Interfaz de usuario con caractersticas no vistas antes en el Web: Arrastrar y Soltar, clic derecho, tablas editables Produccin de aplicaciones tipo escritorio va Web Introduccin de conexiones asincrnicas Peticiones que parten del servidor y/o del usuario Ontologas Meta-informacin Agentes de Software que trabajan con las ontologas

Futuro inmediato...Web Semntica

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

Aplicaciones Web

Caractersticas Frecuentes

Intensidad de red Concurrencia Carga impredecible Alto desempeo Disponibilidad (24/7/365) Gobernada por los datos Evolucin continua Inmediatez Seguridad Esttica

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

Aplicaciones Web

Tipos de Aplicaciones Web

Sitios Web Portales Web Sistemas de Informacin Web (WIS) Sistemas ASP (Application Service Program)

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

Aplicaciones Web

Arquitectura de Aplicaciones Web

Las arquitecturas definen como se disponen e interactan los componentes de una aplicacin. Una arquitectura de software busca crear una abstraccin de la forma de organizar un sistema, mostrando tambin cmo se interrelacionan e interactan sus componentes.
Controlador
notifica el cambio obtiene datos modificados

s al

ida

en

r ad

as

mo di f i ca

s e n tr a d a

Vista

Modelo

Arquitectura MVC

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

Ingeniera Web

Tecnologas Emergentes Orden a las Tecnologas

Estandarizacin

ISOC OMG W3C

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

Ingeniera Web

Ingeniera Web

Procesos especializados Mtodos de Ingeniera de software adaptados Tecnologas propias

Herramientas y Tecnologas

Mtodos
Proceso

Calidad
8

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

Ingeniera Web

El Proceso

Mtodos

gil Pequeos grupos Creatividad e independencia Incremental, ciclos cortos

Comunicacin Anlisis de requisitos Diseo Pruebas

Herramientas y Tecnologas

Mtodos
Proceso

Calidad
Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

Ingeniera Web

Herramientas y Tecnologa

Lenguajes de modelacin y descripcin de contenido

HTML, VRML, XML, JavaScript, etc

Herramientas y Tecnologas

Lenguajes de programacin

JAVA, PHP, C Symfony, Mojavi

Mtodos
Proceso Calidad

Frameworks

Otras Herramientas

Navegadores, multimedia, de autora, conectividad a BD, de seguridad, servidores, utilidades de servidor, administracin y anlisis de sitio.

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

10

Ingeniera Web

Herramientas y Tecnologa

Componentes

CORBA, COM, ActiveX, .NET. J2EE

Pginas dinmicas en servidor Servlets Sevicios Web

Herramientas y Tecnologas

Mtodos
Proceso Calidad

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

11

Ingeniera Web

Herramientas y Tecnologa

Las de mayor xito

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

12

Ingeniera Web
La mayora de los mtodos, tcnicas y procesos ingenieriles que pertenecen a la Ingeniera Web intentan hacer ms sencilla la comprensin, desarrollo, evolucin y mantenimiento de una aplicacin Web. Esto ha supuesto en muchos casos la extensin de tcnicas aplicadas en la ingeniera del software tradicional con nuevos constructores y vistas hipermediales que abordan el problema de la navegacin/presentacin del usuario a travs del espacio de informacin.

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

13

El Proceso de Ingeniera Web

Modelo de Anlisis Contenido Iteracin Funcin Configuracin Planeacin Plan de Iteracin Formulacin Anlisis del Negocio Comunicacin con el cliente Plan Gua Retroalimentacin Uso del Consumidor Evaluacin del Consumidor

Modelo de Diseo Contenido Arquitectura Navegacin Interfaz Construccin Codificacin Pruebas de Componentes Entrega Pruebas de Aceptacin

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

14

El Proceso de Ingeniera Web

Formulacin

Recoleccin de informacin, anlisis del negocio

Plan gua

Especificacin de requerimientos (iniciales) Casos de Uso (iniciales) Identificacin de objetivos Alcance de las entregas
Anlisis Planeaci n Diseo
Construccin

Formulacin

Entrega
Retroalimentacin
Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

15

El Proceso de Ingeniera Web

Universidad del Valle

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

16

El Proceso de Ingeniera Web

PLAN GUA Cul es el propsito de la aplicacin Web? __________________________________________________________________________________________ A quin est dirigida la aplicacin Web? __________________________________________________________________________________________ Qu desean hacer sus clientes en la aplicacin Web? __________________________________________________________________________________________

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

17

El Proceso de Ingeniera Web

PLAN GUA Qu estar disponible en la aplicacin Web? ___________________________________________________________________________________________ Cules son los requisitos de software de la aplicacin Web? ___________________________________________________________________________________________ Cules son los requisitos de hardware de la aplicacin Web? ___________________________________________________________________________________________

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

18

El Proceso de Ingeniera Web

PLAN GUA Cul ser la ubicacin del servidor Web? __________________________________________________________________________________________ Cul ser el proveedor de acceso a Internet de la aplicacin Web? __________________________________________________________________________________________

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

19

El Proceso de Ingeniera Web

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

20

El Proceso de Ingeniera Web

Planeacin

Estimacin del costo general del proyecto Evaluacin de riesgos Calendario de desarrollo (fechas de entrega)

Plan de Iteracin
Planeacin

Anlisis

Diseo Construccin

Formulacin Entrega Retroalimentacin

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

21

El Proceso de Ingeniera Web

Anlisis

Anlisis de requerimientos (detallados) Investigacin sobre el problema Identificacin de contenidos

Anlisis Planeacin Diseo Construccin Formulacin Entrega Retroalimentacin

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

22

El Proceso de Ingeniera Web

Modelado de Diseo

1. Diseo y produccin del contenido que forma parte de la aplicacin.

Modelo Conceptual Diagrama de Paquetes Diagrama del Sistema

2. Diseo de la arquitectura, navegacin e interfaz del usuario.

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

23

El Proceso de Ingeniera Web

Diseo de la arquitectura, (Cliente web delgado y grueso)

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

24

El Proceso de Ingeniera Web

Diseo de Navegacin

UML para el Desarrollo de Aplicaciones Web

UML (Unified Modeling Language) Es un lenguaje que ayuda a especificar, construir, visualizar y documentar modelos para sistemas de software Diseado para modelar software (O.O.) Mecanismos de extensin

Extensin para modelar aplicaciones Web

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

25

El Proceso de Ingeniera Web

Diseo de Navegacin

Modelo de Navegacin Estilos de Pginas Web

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

26

El Proceso de Ingeniera Web

Modelo de Navegacin

Es un documento de interfaz y secuencias de acceso inherentes a las aplicaciones Web, tiene gran influencia en las transacciones y funciones de la aplicacin. Se puede usar UML para la creacin del modelo de navegacin.

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

27

El Proceso de Ingeniera Web

Iconos Grficos

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

28

El Proceso de Ingeniera Web

Estereotipos Grficos

Agregacin

Asociacin

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

29

El Proceso de Ingeniera Web

Estereotipos de Texto

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

30

El Proceso de Ingeniera Web

Modelo de Navegacin

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

31

El Proceso de Ingeniera Web

Modelo de Navegacin

Escuela de Ingeniera de Sistemas y Computacin Aplicaciones Web y Redes Inalmbricas - 2010

32