Ingeniera Web.

Andres

Villezcas
Jesus Ivan Torres Cuevas
Jorge Arturo Martinez Cano
Victor Adan Barraza Luna

Agenda
Definicin

de ingeniera Web.
Diferencias y similitudes entre
ingeniera de software e
ingeniera Web.
Atributos de las aplicaciones
Web.
Modelo de proceso para la Web.
Ejemplos de aplicaciones Web.
2

Qu es la Ingeniera Web?
La ingeniera Web est relacionada con
el establecimiento y utilizacin de
principios
cientficos, de ingeniera y gestin, y con
enfoques sistemticos y disciplinados del
xito y desarrollo, empleo y
mantenimiento de sistemas y
aplicaciones basados en el
Web de alta calidad

La

ingeniera web es la
aplicacin de metodologas
sistemticas, disciplinadas y
cuantificables al desarrollo
eficiente, operacin y evolucin
de aplicaciones de alta calidad en
la World Wide Web.

La

ingeniera 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 informacin
en las diferentes reas en que se
presenta ha hecho que las
personas tiendan a realizar todas
sus actividades por esta va.
5

Agenda
Definicin

de ingeniera Web.
Diferencias y similitudes entre
ingeniera de software e
ingeniera Web.
Atributos de las aplicaciones
Web.
Modelo de proceso para la Web.
Ejemplos de aplicaciones Web.
6

Ingeniera Web comparada a

Ingeniera del software
La

ingeniera Web no es un clone

de la Ingeniera del Software
aunque ambos involucren
programacin y desarrollo de
software.
El desarrollo del WebApps es
distinto respecto al desarrollo de
software de otras categoras.

La diferencia:
implica una mezcla de publicacin
impresa y desarrollo de software,
marketing e informtica, de
comunicaciones internas y relaciones
externas, y de arte y tecnologa
Por tanto, el desarrollo del un WebApp
es un esfuerzo multidisciplinario debido
al manejo de mltiples formatos, con
una mezcla de atencin social para
saber su efecto tico y legal
8

Similitudes
Todas

las actividades CGC (Control y

Garanta de la Calidad) de la ingeniera
software tradicional como son:
establecimiento y supervisin de
estndares, revisiones tcnicas formales,
anlisis, seguimiento y registro de
informes, etc, son igualmente aplicables a
la Ingeniera Web.
Sin embargo, en la Web toman especial
relevancia para valorar la calidad aspectos
como: Usabilidad, Funcionabilidad,
Fiabilidad, Seguridad, Eficiencia y
Mantenibilidad
9

Agenda
Definicin

de ingeniera Web.
Diferencias y similitudes entre
ingeniera de software e
ingeniera 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 fcilmente 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 aplicacin instalada
en un servidor, por lo tanto se puede actualizar y mantener una
nica aplicacin y todos sus usuarios vern los resultados
inmediatamente.
Emplean tecnologas como Java, JavaFX, JavaScript, DHTML, Flash,
Ajax... que dan gran potencia a la interfaz de usuario.
Emplean tecnologas que permiten una gran portabilidad entre
diferentes plataformas. Por ejemplo, una aplicacin web flash podra
ejecutarse en un dispositivo mvil, en una computadora con
Windows, Linux u otro sistema, en una consola de videojuegos, etc.

11

Portabilidad de nuestros datosNo debera molestarme

Solucin a problemas reales

En constante mejora

Multiplataforma
Debera ser amistosa

Debera tener una visin

Visualmente atractiva
No debera ser pretenciosa
Debera tener una excelente
documentacin pero innecesaria

12

Agenda
Definicin

de ingeniera Web.
Diferencias y similitudes entre
ingeniera de software e
ingeniera Web.
Atributos de las aplicaciones
Web.
Modelo de proceso para la Web.
Ejemplos de aplicaciones Web.
13

Modelo de proceso de la
Ingeniera Web (I)
Caractersticas

como inmediatez,
evolucin 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
Ingeniera Web (II)

15

Modelos de proceso de la
Ingeniera Web (III)
Formulacin:

identificacin de metas y objetivos

Planificacin: estimacin de costes, evaluacin de riesgos
y
planificacin temporal del proyecto
Anlisis: establecimiento de requisitos
Ingeniera: dos grupos de tareas paralelas,
Tcnicas (diseo arquitectnico, de navegacin y de interfaz)
No tcnicas (diseo del contenido y produccin)
Generacin

de pginas y pruebas

El contenido se fusiona con los diseos arquitectnico, de

navegacin y de interfaz para elaborar pginas web ejecutables en
HTML, JSP...
Integracin con el software intermedio (middleware) de
componentes
Evaluacin

con el cliente: revisin de cada incremento y

solicitud de cambios
16

Ingeniera(I)
DISEO

ARQUITECTONICO
El diseo arquitectnico para
para los sistemas y aplicaciones
basados en web se centra en la
definicin de la estructura global
y en la aplicacin de las
configuraciones de diseo y
plantillas constructivas para
popularizar la estructura que se
representara como parte de la
webapp.

17

Ingeniera(II)
DISEO

DE NAVEGACIN
Una ves establecida la arquitectura
de una webapp y establecidos sus
componentes el diseador deber
definir las rutas de navegacin que
permitan al usuario acceder al
contenido y a los servicios de la
webapp adems definir la
mecnica para la navegacin.
18

Ingeniera(III)
DISEO

DE LA INTERFAZ
Los conceptos, principios y
mtodos de diseo de interfaz
son aplicables al diseo de
interface de usuario sin embargo
las caractersticas especiales de
los sistemas y aplicaciones web
requieren otras consideraciones
adicionales.
19

Agenda
Definicin

de ingeniera Web.
Diferencias y similitudes entre
ingeniera de software e
ingeniera Web.
Atributos de las aplicaciones
Web.
Modelo de proceso para la Web.
Ejemplos de aplicaciones Web.
20

EJEMPLO DE APLICACIN WEB

RESERVA DE MESA ONLINE

21

Se selecciona la fecha deseada

en que se quiere reservar la mesa

22

*Despus 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 ubicacin de no fumador se le asigna la

mesa y quien reserva la mesa elige el lugar.

25

Ejemplo 2
Aplicacin 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 econmico u o de otro tipo

28

A continuacion se muestra la descripcin

del auto en este caso es econmico.

29

Gracias

30