Sesión 1 - 33GIIN

Aplicaciones Web – 33GIIN
Sesión 1 – Parte I
Dra. Adelaide Bianchini
adelaide.bianchini@campusviu.es
BianchiniAd
16.02.22
USB - Campus Sede Litoral - Camurí
Adelaide Bianchini
Ingeniero en Computación
Magister en Ciencias de la Computación
Doctora en Ingeniería
Soy italiana, pero crecí en los Municipios Baruta

y El Hatillo (ambos en el área metropolitana de
Caracas). USB - Campus Sede Sartenejas
2
Adelaide Bianchini
Residenciada en Italia desde el 2016. Vivo en Abruzzo (la región más verde de Europa), en una pequeña
ciudad (más antigua que Roma), a los pies de la Cordillera de los Appenninos. Tenemos ríos, un lago, y el
Mar Adriatico está a 30 minutos.
3
Adelaide Bianchini
Áreas de interés
Ingeniería de Software e Ingeniería Web, Ingeniería de requisitos, diseño y evaluación de interfaces
de usuario (UI), experiencia de usuario (UX), arquitectura de la información.
Actividades académicas
Profesora titular (jubilado) del Profesora titular de la Profesora de la Escuela Superior
Departamento de Computación Escuela de Ingeniería de de Ingeniería, Ciencia y Tecnología
y Tecnologías de la Información Sistemas, Universidad de la Universidad Internacional de
(USB, Caracas), (1979-1986) Metropolitana (Caracas), Valencia (desde 2019):
(1998-2016), en distintas 1985-1997. • Grado de Ingeniería Informática.
titulaciones en Ingeniería y • Máster Oficial en Desarrollo de
Especializaciones Aplicaciones y
de postgrado. Servicios Web.
Hobbies
Arte, historia, geografía, lectura (John Grisham, Frederick Forsyth, Morris West, Agatha Christie …)
4
Adelaide Bianchini
Actividades profesionales principales
– Estancias profesionales en Apple Computer, Inc. Cupertino, CA. (1986, 1987 y 1988).
– Miembro de Comités de Programa de Conferencias Internacionales:
• IEEE ANDESCON 2020 - Biannual Technical and Scientific Conference of the Andean Council of the
IEEE (2020);
• WEBIST - International Conference on Web Information Systems and Technologies (desde 2017 a la
fecha);
• CibSE - Ibero-American Conference in Software Engineering, SET – Software Engineering Track
(2015 y 2016);
• CIAWI - Conferencia Ibero-Americana WWW/ Internet (desde 2006 hasta 2016);
• InterTIC - Conferencia Iberoamericana IASK - International Association for the Scientific Knowledge
(2008 y 2009);
• CLEI - Conferencia Latinoamericana de Informática (1999 y 2001).
– Consultora y evaluadora de proyectos de Investigación, Desarrollo e Innovación en

organizaciones de distintos países latinoamericanos.
– Consultora de ONU-PNUD (Programa de las Naciones Unidas para el Desarrollo).
5
Sesión 1 - 33GIIN Aplicaciones Web
Agenda – Parte I – Sobre la asignatura
OBJETIVOS RESULTADOS DE
RECURSOS APRENDIZAJE
CONTENIDOS UNIDADES
COMPETENCIALES
ÁREA DE
CONOCIMIENTO
EVALUACIÓN
DUDAS Y PREGUNTAS PLANIFICACIÓN
6
Sobre la asignatura - Objetivos
OBJETIVOS RESULTADOS
El propósito de la presente asignatura DE al
está orientado
RECURSOS
aprendizaje de las tecnologías A PRENDIZAJE
disponibles para el
CONTENIDOS desarrollo de aplicaciones Web. UNIDADES
COMPETENCIALES
Se introducirá tanto el desarrollo de la parte cliente
(front-end) como de la parte servidor (back-end) de
los servicios de una aplicación web.
ÁREA DE Paralelamente, se tratará aspectos sobre una
CONOCIMIENTO estrategia de desarrollo utilizada tanto en aplicaciones
web orientadas a funcionalidades comoEelVALUACIÓN
caso de
aplicaciones web orientadas a contenidos.
7
Sobre la asignatura – Unidades Competenciales
O
Unidad Competencial 1 /Temas 1, 2 y 3
BJETIVOS RESULTADOS DE
RECURSOS
TEMA 1. Introducción a la asignatura APRENDIZAJE
Estrategias de desarrollo
TEMA 2. Conceptos generales

C ONTENIDOS
TEMA 3. Lenguaje de marcas de hipertexto UNIDADES
Unidad Competencial 2 / Temas 4 y 5
COMPETENCIALES
TEMA 4. Las hojas de estilo
TEMA 5. Javascript y el modelo de objeto del documento
ÁREA DE3 / Temas 6 y 7

Unidad Competencial
C
TEMA 6. Código servidor
ONOCIMIENTO
TEMA 7. Interacciones ágiles cliente- servidor
EVALUACIÓN
Unidad Competencial 4 / Tema 8
DUDAS Y PREGUNTAS
TEMA 8. Seguridad en las aplicaciones en ambiente web PLANIFICACIÓN
8
Sobre la asignatura – Planificación
CONTENIDOS UNIDADES
COMPETENCIALES
ÁREA DE
CONOCIMIENTO
EVALUACIÓN
9
Sobre la asignatura – Planificación

Unidad Competencial 1 /Temas 1, 2 y 3
TEMA 1. Introducción a la asignatura Sesiones
O BJETIVOS
TEMA 2. Conceptos generales 1, 2 y 3
RESULTADOS DE
Estrategia de desarrollo
TEMA 3. Lenguaje de marcas de hipertexto APRENDIZAJE

CONTENIDOS
Unidad Competencial 2 / Temas 4 y 5
TEMA 4. Las hojas de estilo Sesiones
UNIDADES
TEMA 5. Javascript y el modelo de objeto 4, 5 y 6 COMPETENCIALES
del documento
Unidad Competencial 3 / TemasÁ REA6y7DE
C
TEMA 6. Código servidor
ONOCIMIENTO Sesiones EVALUACIÓN
TEMA 7. Interacciones ágiles cliente-servidor 7, 8 y 9
DUDAS Y PREGUNTAS
Unidad Competencial 4 / Tema 8
Sesiones PLANIFICACIÓN
TEMA 8. Seguridad en las aplicaciones en
ambiente web 10 y 11
10
Sobre la asignatura – Algunos contenidos
OBJETIVOS HTML RESULTADOS DE

RECURSOS A arquitecturas
PRENDIZAJE
Javascript herramientas
SEGURIDAD
CONTENIDOS CSS UNIDADES
COMPETENCIALES
Aplicaciones
ÁREA DE UBICUIDAD ambiente Web
CONOCIMIENTO
Back
Estrategias de diseño EVALUACIÓN
- end
Front
DUDAS Y PREGUNTAS Diseño de interfaces PLANIFICACIÓN
11
Sobre la asignatura – Resultados de aprendizaje
RA.1.- RECURSOS
Explicar las distintas posibilidades de
APRENDIZAJE
interacción de los servidores de http, con
CONTENIDOS
otros servicios en Internet. UNIDADES
RA2.- Describir las técnicas para programar sobre los COMPETENCIALES
navegadores web.
RA3.- Identificar los componentes y frameworks de
programación Web.
ÁREA DE
RA4.- Estructurar las aplicaciones para favorecer la
Creusabilidad
ONOCIMIENTO
de código, utilizando
componentes estándar, pensando en la EVALUACIÓN
seguridad del usuario. PLANIFICACIÓN
DUDAS Y PREGUNTAS
12
Sobre la asignatura – Recursos
CONTENIDOS UNIDADES
• Vera-del-Campo, J. (2019). Aplicación Web. Manual del curso. Universidad
COMPETENCIALES
Internacional de Valencia. España.
• Kappel, G., Pröll, B., Reich, S., Retschitzegger, W. (2005). Web Engineering:
The discipline of systematic development of web applications. John Wiley &
Sons. ÁREA DE
CONOCIMIENTO
• Casteleyn, S., Daniel, F., Dolog, P., Matera, M. (2009). Engineering Web
Applications. Springer-Verlag. EVALUACIÓN
• Bibliografía recomendada en la Guía Didáctica PLANIFICACIÓN
DUDAS Y PREGUNTAS
13
Sobre la asignatura - Evaluación
EVALUACIÓN CONTINUA → 50%UNIDADES
•CONTENIDOS
4 Actividades de portfolio COMPETENCIALES
Una por cada unidad competencial
ÁREA DE
• CEONOCIMIENTO
XAMEN → 50%
EVALUACIÓN
14
Sobre la asignatura – EVALUACIÓN CONTINUA
O
UNIDAD
BJETIVOS
COMPETENCIAL ACTIVIDADES DEL PORFOLIO
FECHA DE RESULTADOS DE
FECHA ENTREGA
RECOMENDADA EN
% PESO EN LA
< R
ECURSOS
INICIO
APRENDIZAJE
EVALUACIÓN CONTINUA
EVALUACION
Problemas asociados a las

CONTENIDOS UNIDADES
Temas
1, 2 y 3
(Publicación) (Primera convocatoria)

UC1/
características de las 12,5

23/02/2022 08/03/2022
aplicaciones web. COMPETENCIALES
Resolución de problemas
Temas
UC2/
(Publicación) (Primera convocatoria)

4y5
haciendo uso de HTML, hojas de 12,5

11/03/2022 31/03/2022
estilo CSS.
ÁResolución
REA DE de problemas (Publicación) (Primera convocatoria)
a6y
UC3
Tem
12,5
/
CONOCIMIENTO
7
haciendo uso de Javascript 01/04/2022 26/04/2022

EVALUACIÓN
Investigación sobre conceptos de (Publicación)
E VALUACIÓN
(Primera convocatoria)
UC4
Tem
a8
12,5
/
seguridad en aplicaciones Web. 13/04/2022 13/05/2022
15
Evaluación continua - Observaciones
IMPORTANTE – Observaciones sobre las actividades de portafolio

Respecto a las fechas de entrega de las actividades:
Si bien se recomienda una fecha para aquellos que vayan a 1ra. Convocatoria y para los de
2da. Convocatoria, todas las actividades deben ser entregadas a más tardar una (1)
semana antes del respectivo examen.
Respecto a las actividades no entregadas
1. Si al menos una (1) de las actividades del portafolio no es realizada y entregada por el
alumno, se considerará el portafolio como no aprobado.
E
2. Si al menos DOS (2) actividades del portafolio están suspendidas (nota inferior a 5/10), se
VALUACIÓN
considerará el portafolio como no aprobado, aun cuando la media del portafolio resulte por
PLANIFICACIÓN
DUDAS Y PREGUNTAS
encima de 5 puntos.
16
Sobre la asignatura – Evaluación
Unidad competencial 1/
Temas 1, 2 y 3
R
12,5ECURSOS
% Prueba final APRENDIZAJE
CONTENIDOS
12,5 % Prueba final
UNIDADES
Temas 4 y 5 COMPETENCIALES
12,5 % Prueba final
Temas 6 y 7
ÁREA
Tema 8 DE 12,5 % Prueba final
CONOCIMIENTO
Examen 1ra.
50% 23/05/2022
Convocatoria EVALUACIÓN
Examen 2da.
DUDAS Y PREGUNTAS
Convocatoria
50% 27/06/2022 PLANIFICACIÓN
17
Sobre la asignatura – Evaluación
RECURSOS
Portfolio Actividad 1 – 12,5 %APRENDIZAJE
CONTENIDOS UNIDADES
Portfolio Actividad 2 – 12,5 %
Porfolio COMPETENCIALES
actividades
Evaluación (*) 50 % Portfolio Actividad 3 – 12,5 %
100%
ÁREA DE
CONOCIMIENTO Portfolio Actividad 4 – 12,5 %
EVALUACIÓN
Prueba final 1ra. Convocatoria 2da. Convocatoria
27/06/2022 PLANIFICACIÓN
DUDAS Y P50%
REGUNTAS 23/05/2022
18
Sobre la asignatura – Dudas y preguntas
Guía Didáctica
de la Asignatura
DUDAS Y PREGUNTAS
PLANIFICACIÓN
19
Contenidos generales de la asignatura
arquitecturas
Estrategias de diseño
HTML herramientas
Javascript
CSS ambiente
UBICUIDAD Back
- end
SEGURIDAD Front
20
Aplicaciones Web – 33GIIN
Sesión 1 – Parte II
BianchiniAd 16.02.22
Agenda – Parte II – Unidad Competencial 1 – Tema 1 y 2
uso
características producto
definición desarrollo
ambiente evolución
categorías
22
Aplicaciones Web – CONTENIDO A CUBRIR EN LA SESIÓN
✓ Tema 1. Introducción
↘ Tema 2. Conceptos generales
1. Definiciones básicas sobre la Ingeniería Web y aplicaciones Web.
2. Categorías de aplicaciones Web.
3. Características de las aplicaciones Web
- Características relacionadas con el producto
- Características relacionadas con el uso
- Características relacionadas con el desarrollo
- Evolución
4. Si da tiempo, veremos algo sobre arquitecturas
23
Aplicaciones Web – ALGUNOS CONCEPTOS Y DEFINICIONES
Ingeniería Web.
Las aplicaciones Web modernas son sistemas de software complejos
y completos. Por lo tanto, el desarrollo de estas aplicaciones requiere
un enfoque de ingeniería metodológicamente sólido.
Basada en la ingeniería de software, la Ingeniería Web comprende el
uso de enfoques sistemáticos y cuantificables para lograr la
especificación, implementación, operación y mantenimiento de
aplicaciones web de alta calidad.
24
Concepto general.
Una aplicación Web es un sistema de software orientado a la interacción de
usuario-sistema a través de un navegador Web, por lo tanto se basa en el
paradigma hipertexto.
Tiene asociada el soporte a transacciones, toda la gestión de datos
persistentes, y la composición dinámica de páginas Web.
En términos generales, y sin entrar en detalles sobre arquitectura, se entiende
que una aplicación web está conformada o dividida en dos componentes:
• el cliente que efectivamente se ejecuta a través del navegador,
• el lado servidor que se ejecuta en un servidor web.
25
Concepto específico que se utilizará en la asignatura.

“Una aplicación web es un sistema de software basado en tecnologías y
estándares del World Wide Web Consortium (W3C) que provee
recursos específicos web tales como contenidos y servicios a través de
una interfaz de usuario como lo es un navegador web cualquiera”.
(Kappel, Pröll, Reich y Retschitzegger 2006: 2). Las aplicaciones web se
emplean en tres entornos muy
Es adecuado hacer la salvedad que aquellos similares: Internet, intranet y
sitios web con contenidos limitados a páginas extranet.
HTML estáticas, no se consideran aplicaciones web.
Kappel, G., Pröll, B., Reich, S., Retschitzegger, W. (2005). Web Engineering: The discipline of systematic development of web applications. John Wiley & Sons.
26
El Web – EVOLUCIÓN
Web 3.0 Web 4.0
Grado de conectividad de información
Semantic Web Meta Web

CONECTAR CONOCIMIENTO CONECTAR INTELIGENCIA
El Web Social Web

CONECTAR INFORMACIÓN CONECTAR PERSONAS SaaS
Web 1.0 Web 2.0
27 Grado de conectividad social

Web 3.0 Web 4.0

BUSCADORES PORTALES
EMPRESARIALES
PORTALES DE
CONTENIDOS SITIOS WEB
El Web Social Web
BASES DE
DATOS SERVIDORES Web 1.0 Web 2.0
DE DATOS MAIL
P2P COMPARTIR ARCHIVOS
Web 3.0 Web 4.0

BUSCADORES PORTALES GROUPWARE PORTALES

LMS
EMPRESARIALES COMUNITARIOS
SUBASTAS
PORTALES DE WIKIS CMS REDES
CONTENIDOS SITIOS WEB B2B B2C SOCIALES
El Web C2C B2E Social Web
BASES DE
DATOS SERVIDORES Web 1.0 Web 2.0 LA WEB DE LECTURA
DE DATOS MAIL Y ESCRITURA
INTELIGENCIA AGENTES Web 3.0 Web 4.0
ARTIFICIAL INTELIGENTES
BASES DE
ASISTENTES ONTOLOGÍAS CONOCIMIENTO
PERSONALES Semantic Web Meta Web
GESTIÓN DEL
LA WEB PERSONAL CONOCIMIENTO
PORTÁTIL TAXONOMÍAS

LMS
SUBASTAS
BASES DE
REDES DE DEEP
INTELIGENCIA AGENTES Web 3.0 Web 4.0CONOCIMIENTO LEARNING
ARTIFICIAL INTELIGENTES M2M

BASES DE MACHINE
ONTOLOGÍAS CONOCIMIENTO LEARNING
ASISTENTES EMPRESAS
MERCADOS
PERSONALES Semantic Web
INTELIGENTES Meta Web INTELIGENTES
GESTIÓN DEL COMUNIDADES
LA WEB PERSONAL CONOCIMIENTO DESCENTRALIZADAS GRUPOS LA WEB
PORTÁTIL TAXONOMÍAS INTELIGENTES COGNITIVA

LMS
SUBASTAS
BASES DE
Aplicaciones Web – CATEGORÍAS
Los desarrolladores pueden construirlas para un amplio espectro de

utilización y dominios.
Desde un conjunto de páginas enlazadas entre sí en HTML (y más)
hasta aquellos sitios web basados en la Web Semántica, y llegar a
utilizar Inteligencia Artificial.
Las aplicaciones web se desarrollan para alcanzar distintos objetivos,
y varían en su complejidad.
32

Categorías Ejemplos
Aplicaciones orientadas a contenidos Prensa online, libros electrónicos, manuales, etc.
Aplicaciones interactivas sencillas Captura de datos, sistemas de registro, juegos en línea
Aplicaciones transaccionales E-banking, e-commerce, e-booking, ... B2C

Aplicaciones orientadas a flujos de Customer Relationship Management – CRM, B2E, B2C,
trabajo B2B, C2C, …
Aplicaciones orientadas a trabajo Gestión de proyectos, desarrollo de proyectos,
colaborativo Groupware, Wiki, etc.
Business Portals, KMS (Knowledge Management Systems)
Portales (horizontales y verticales)
Portals
Aplicaciones 2.0 CMS, LMS, weblogs, redes, periodismo ciudadano, KMS,…

Web Semántica, Web inteligente IoT: Internet of Things, WebOS, …
33

Orientadas a contenidos
Prensa online,
libros electrónicos,
manuales, etc.
34
Interactivas sencillas
Captura de datos,
sistemas de registro,
juegos en línea
35
Transaccionales
E-commerce,
e-booking,
e-banking,
etc.
36
Orientadas a flujo de trabajo
CRM Customer
Relationship Management
La gestión de la relación de
una empresa con sus clientes
• CRM fija su trabajo en la atención

al cliente.
• ERP da soporte a la organización
y gestión de los procesos de una
empresa de bienes y servicios.
37
Orientadas a trabajo colaborativo (equipos de trabajo)

Hightrack:
a) Task, para gestionar las tareas;
b) Calendar, es un calendario
donde se verifica el tiempo
disponible de cada miembro;
c) Tracks, el panel central
donde se muestran las tareas
pendientes por hacer, lo que hay
que hacer en los días siguientes
y lo que ya está hecho.
38
Orientadas a trabajo colaborativo
Wikis
Proveen a los usuarios
de un espacio de escritura
colectiva, donde cada uno
puede aportar y contribuir
a un trabajo común.
39

Portales, portales de negocios, knowledge portals
Tipos Descripción
También llamados orientados a consumidores, ofrecen una vasta lista de recursos y
Portales
servicios de forma que un usuario lo utilice para todas sus necesidades de búsqueda,
Horizontales
catálogos, servicios de mensajes, noticias y compra electrónica.
También llamados Vortals son aquellos que brindan contenidos y servicios a una
comunidad específica. Están enfocados a usuarios consumidores con tareas
particulares, que están localizados en lugares específicos o comunidades con
intereses individuales.
Portales Portal Corporativo que integra información y contenidos de todo tipo, datos y
Verticales servicios relativos a una organización específica.
Business Portals que proveen de una puerta de entrada a un grupo de empresas.
Knowledge Portals cuyo objetivo es el intercambio de datos e información que se
requieren para tomar decisiones de negocios
40

Modelo de
Descripción
negocio
(Business to Business) Negocio a negocio. Consiste en el comercio electrónico

entre empresas a través de Internet. Esto incluye la presentación de propuestas,
B2B
negociación de precios, cierre de ventas, despacho de pedidos y otras
transacciones.
(Business to Consumer) Negocio a consumidor. Se refiere a la estrategia que
B2C desarrollan las empresas comerciales para llegar directamente al cliente o usuario
final.
(Business to Government) consiste en optimizar los procesos de negociación entre
B2G empresas y el gobierno a través del uso de Internet. Se aplica a sitios o portales
especializados en la relación con la administración pública.
41

Modelo de
Descripción
negocio
(Business to Business to Consumer) Se emplea principalmente para referirse a
empresas que integran de forma coherente las ofertas de otras empresas dentro
B2B2C
de la suya propia. Por ejemplo, ese puede ser el caso de un marketplace o de la
creación conjunta de catálogos.
(Consumer to Business) Se basa en una transacción de negocio originada por el
cliente, siendo éste quien de inicio fija las condiciones de esa transacción, en lugar
C2B de hacerlo en respuesta a una oferta específica de productos o servicios por parte
de una compañía, el cliente propone y colabora. Es volcar una oferta individual.
(Consumer to Consumer) Se utiliza este término para definir la estrategia de negocio

C2C en la red que pretende relacionar comercialmente el usuario final con otro usuario
final.
42
Portales corporativos, de negocios, knowledge portals
Los portales del conocimiento

describen la presentación de
diversos tipos de información,
procedentes de una gran
variedad de fuentes, dentro
de una única ventana de
navegador.
43
Portales corporativos, de negocios, knowledge portals

Modelo Características
Gestión de documentos con facultades agregadas, uso de filtros

Repositorios de
complejos y perfiles de usuario para vincular el conocimiento en
conocimiento
búsquedas.
Estos sistemas ayudan a identificar y lanzar comunidades o equipos

Transferencia de
virtuales, independientemente de la localización geográfica del equipo,
conocimiento
además de encontrar, catalogar y poner disponible los conocimientos.
Descubrimiento y Técnicas de minería de textos, así como técnicas de representación de

mapeo de conocimiento en un contexto definido por su relación al cual se llega a
conocimiento través de clustering, clasificación y visualización de documentos
Tomado de wikidot, disponible en http://sigc.wikidot.com/system:tipos-de-portales-del-conocimiento
44

Desarrollo Histórico vs Complejidad
Ubicuas Web Inteligente

Web
Semántica
COMPLEJIDAD
Web Social
Colaborativas
WebOS
Workflow
Portales
Transaccionales
Interactivas
sencillas
Centrada en
documentos
WEB 1.0 WEB 2.0 WEB 3.0 WEB 4.0

1993-1999 2000-2008 2008-2016 EL FUTURO
DESARROLLO HISTÓRICO
45
Aplicaciones Web – El Hipertexto - TOPOLOGÍAS GENERALES
Documento Secuencial
(página)
Jerárquico Reticulado
Hipertexto
46
Aplicaciones Web – El hipertexto - TOPOLOGÍAS GENERALES
Comparación respecto a la navegación.
+ Predecible, pocos caminos Al azar: muchos

caminos, el usuario
Expresividad del autor
puede confundirse
Reticulado
Hipertexto
Jerárquico
_ Secuencial
Navegación
47
Aplicaciones Web – CÓMO ENTENDERLAS
MARCO DE REFERENCIA PARA ENTENDERLAS Y DESARROLLARLAS.

El desarrollo de las aplicaciones Web es una actividad compleja.
• Generalmente, se utilizan tanto recursos humanos como tecnológicos de
forma de alcanzar los objetivos de un proyecto.
• Tales proyectos involucran diferentes actividades que deben ser llevadas a
cabo en forma coordinada.
• Para este fin, los desarrolladores elaboran una serie de modelos que pueden
ser descriptivos de forma que representan un sistema que ya existe.
• También están los modelos prescriptivos que se utilizan para describir algo
que aún debe ser creado.
48

En el ámbito de las aplicaciones Web, la propuesta de modelos conceptuales
se ha orientado entorno a tres conceptos principales, los cuales se agrupan
en:
• Niveles: representan los distintos puntos de vista desde los cuales se
puede estudiar una aplicación Web: contenido, hipertexto (navegación) y
presentación.
• Aspectos: añade la perspectiva acerca del carácter estático (estructura)
y dinámico (comportamiento) de cada uno de los niveles.
• Fases de desarrollo: son niveles de abstracción que deberían tener
soporte en cualquier propuesta de modelado para favorecer distintas
propiedades metodológicas.
49
Aplicaciones Web – CÓMO MODELARLAS
• Niveles: representan los

distintos puntos de vista
desde los cuales se puede
estudiar una aplicación
web: contenido,
hipertexto (navegación)
y presentación.
Fraternali, P. (1999). Tools and approaches for
developing data-intensive Web applications: a
survey. ACM Computing Surveys (CSUR), Volume
31, Issue 3, September 1999, pp. 227-263. Figura – Elaboración propia a partir de (Fraternali, 1999) y
(Kappel et al, 2005).
Kappel, G., Pröll, B., Reich, S., Retschitzegger, W.
(2005). Web Engineering: The discipline of
systematic development of web applications. John
50 Wiley & Sons.

• Aspectos: añade la perspectiva
acerca del carácter estático
(estructura) y dinámico
(comportamiento) de cada
uno de los niveles.
Fraternali, P. (1999). Tools and approaches for developing

data-intensive Web applications: a survey. ACM Computing
Surveys (CSUR), Volume 31, Issue 3, September 1999, pp.
227-263.
Kappel, G., Pröll, B., Reich, S., Retschitzegger, W. (2005). Figura – Elaboración propia a partir de (Fraternali, 1999) y
Web Engineering: The discipline of systematic development (Kappel et al, 2005).
of web applications. John Wiley & Sons.
51

• Aspectos: añade la perspectiva acerca del carácter estático (estructura) y
dinámico (comportamiento) de cada uno de los niveles.
A nivel de contenido, la parte estática se obtiene a partir de un proceso de
clasificación de los conceptos de dominio, mientras que la parte dinámica la
constituyen las operaciones asignadas a cada uno de los elementos de ese
dominio.
Ejemplo: Suponga que el contenido está organizado en forma jerárquica, es decir

esa es su estructura. Sin embargo, esos contenidos pueden ser actualizados
mediante operaciones (cómo se comportan) que actúan en el repositorio de esos
contenidos, por ejemplo una base de datos.
52

• Aspectos: añade la perspectiva acerca del carácter estático (estructura) y
dinámico (comportamiento) de cada uno de los niveles.
A nivel de hipertexto (navegación), la definición de caminos entre los nodos
refleja su parte estática; mientras que el modelado de las condiciones que
posibilitan la generación/ocultación dinámica de enlaces, o el cambio en los
resultados al navegar a través de los mismos en función de parámetros de
ejecución, constituye su aspecto dinámico.
Ejemplo: Suponga que se debe navegar un contenido jerárquico (basado en
categorías). Si el usuario selecciona una de esas categorías, quizás aparezcan
las sub categorías, u otras categorías asociadas.
53

• Fases: son niveles de
abstracción que deberían
tener soporte en cualquier
propuesta de modelado para
favorecer distintas
propiedades metodológicas
Fraternali, P. (1999). Tools and approaches for developing
data-intensive Web applications: a survey. ACM Computing
Surveys (CSUR), Volume 31, Issue 3, September 1999, pp.
227-263.
Kappel, G., Pröll, B., Reich, S., Retschitzegger, W. (2005). Figura – Elaboración propia a partir de (Fraternali, 1999) y
Web Engineering: The discipline of systematic (Kappel et al, 2005).
development of web applications. John Wiley & Sons.
54

• Fases: son niveles de abstracción que deberían tener soporte en cualquier
propuesta de modelado para favorecer distintas propiedades metodológicas:
a) Un análisis de requisitos o modelo conceptual (representación abstracta del
dominio),
b) Un diseño o generación del modelo lógico (diseño independiente de
tecnología),
c) Una fase de modelado físico (diseño dependiente de tecnología) y
d) Una fase de implementación.
Representa evidentemente los aspectos (actividades) generales que deben
llevarse a cabo en el desarrollo de los elementos mencionados en los otros ejes, y
asociados a alguna metodología. No se hace referencia a aspectos como modelo
de procesos.
55

• Adaptaciones: son las distintas
dimensiones según el tipo de
aplicación que se desea
desarrollar y basado además en
usuarios, roles, entornos de
desarrollo, entre otros.
Son personalizaciones según
el usuario y su rol,
adecuaciones al modelo de
desarrollo de la aplicación, etc.
Fraternali, P. (1999). Tools and approaches for developing Figura – Elaboración propia a partir de (Fraternali, 1999) y
data-intensive Web applications: a survey. ACM (Kappel et al, 2005).
Computing Surveys (CSUR), Volume 31, Issue 3,
September 1999, pp. 227-263.
Kappel, G., Pröll, B., Reich, S., Retschitzegger, W. (2005). Web Engineering: The discipline of systematic development of web
56 applications. John Wiley & Sons.
Distinguimos las aplicaciones web desde el punto de vista de su

evolución y la complejidad del desarrollo.
Las aplicaciones web pueden tener características centradas en
documentos, interactivas, transaccionales o ubicuas, con características
de la web semántica y aspectos de inteligencia artificial.
Los requisitos particulares de la ingeniería web resultan de las
características especiales de las aplicaciones web en las áreas del
producto de software en sí, su desarrollo y su uso.
La evolución es una característica que abarca estas tres áreas.
57
Aplicaciones Web – CARACTERÍSTICAS
CÓMO IDENTIFICARLAS.
Basado en el estándar ISO/IEC
9126-11 en el cual se tratan los
aspectos para la evaluación de
calidad en aplicaciones de software.
Este estándar define calidad como
la combinación de seis
características que representan los
atributos de un producto de
software.
Con ellas se puede describir y
evaluar la calidad de dicho
producto.
58
i. Producto.
Es una pieza fundamental y está constituida
por los aspectos referentes al contenido,
aquellos relativos a la navegación (hipertexto)
y los asociados a la presentación.
Cada uno de estos aspectos se vincula al
comportamiento y características estructurales,
siguiendo así el marco conceptual descrito anteriormente.
applications. John Wiley & Sons.
59
ii. Uso.
A diferencia de las aplicaciones tradicionales,
la audiencia que utiliza estas aplicaciones es
mayormente heterogénea.
No es posible conocer anticipadamente los involucrados
que deben participar en el desarrollo y los usuarios finales
que participan en la verificación y validación del producto.
Lo anterior hace referencia al contexto social. Esto hace que las aplicaciones
sufran de evolución frecuente, en la búsqueda de ajustes, adaptaciones y
configuraciones según una situación específica de uso.
60 applications. John Wiley & Sons.
ii. Uso.
Cabe mencionar la diversidad de dispositivos
de despliegue utilizados para interactuar con
las aplicaciones, y es relevante la colección
de tecnologías subyacentes, lo cual representa
el contexto técnico de utilización.
Finalmente otro elemento es la ubicuidad del ambiente Web, la globalidad
y la disponibilidad (inmediatez) que deben tener las aplicaciones, es decir
el contexto natural (físico) de utilización.
61
iii. Desarrollo.
La obtención de una aplicación web con
un nivel de calidad aceptable supone un
conjunto de actividades muy coordinadas
entre sí.
Además. con una condición adicional ya que ellas se transforman y
evolucionan según los requisitos de los clientes (cambiantes), aparición de
nuevos usuarios y los efectos de la evolución tecnológica.
62
iii. Desarrollo.
El desarrollo se debe apoyar en un equipo
multidisciplinario con conocimiento
actualizado de las tecnologías que se crean
a gran velocidad.
Se requiere de modelos de proceso versátiles
y frameworks adecuados para llevar a cabo la integración con otras
soluciones disponibles desde el punto de vista tecnológico y reflexionar
sobre la infraestructura tecnológica donde residirá el producto final.
63
Aplicaciones Web – CÓMO EVOLUCIONAN
UN EJEMPLO.
64
UN EJEMPLO.
Cambio de categoría de aplicación:
1. Aplicación transaccional
2. Aplicación con workflow
3. Aplicación colaborativa
4. Portal vertical (solo libros)
5. Portal horizontal
6. Aplicación 2.0 (Ubicuidad)
7. Aplicación 3.0 (Web semántica)
65
UN EJEMPLO.
Cambio de modelo de negocio:
1. B2C (Business to Consumer)
2. B2B (Business to Business)
3. C2C (Consumer to Consumer)
4. B2B2C (Business to Business to Consumer)
No alcanza saber programar la aplicación.

El diseño de la solución es lo fundamental para poder evolucionar.
Para eso se requiere conocer plenamente los requisitos y objetivos del
“negocio”, y anticipar los aspectos a mejorar .
66
Aplicaciones Web – ALGUNAS ACLARATORIAS

DISEÑADOR / DESARROLLADOR DE APLICACIONES WEB

DISEÑADOR WEB
Un diseñador/desarrollador de aplicaciones Web es el encargado de diseñar
y desarrollar los aspectos técnicos del front-end y/o del back-end de la
aplicación, así como sus componentes.
Un diseñador Web (realmente, un diseñador gráfico con conocimientos de
HTML y CSS) es el encargado de definir el aspecto visual (estética) de la
presentación de los contenidos (y otros elementos) de las páginas de una
aplicación web, en base a los requisitos especificados por el diseñador de la
aplicación.
Son perfiles profesionales muy distintos.
67
68
Aplicaciones Web – PRÓXIMA SESIÓN
Temas 1 y 2. Introducción y conceptos generales

✓ DEFINICIONES BÁSICAS SOBRE APLICACIONES WEB.
✓ CATEGORÍAS DE APLICACIONES WEB.
✓ CARACTERÍSTICAS DE LAS APLICACIONES WEB
↘ REQUISITOS DE LAS APLICACIONES WEB
↘ ARQUITECTURAS
69
Gracias
BianchiniAd

Sesión 1 - 33GIIN

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Sesión 1 - 33GIIN

Cargado por

Copyright:

Formatos disponibles

Aplicaciones Web – 33GIIN

Soy italiana, pero crecí en los Municipios Baruta

– Consultora y evaluadora de proyectos de Investigación, Desarrollo e Innovación en

Agenda – Parte I – Sobre la asignatura

Sobre la asignatura - Objetivos

Sobre la asignatura – Unidades Competenciales

TEMA 2. Conceptos generales

ÁREA DE3 / Temas 6 y 7

Sobre la asignatura – Planificación

Sobre la asignatura – Planificación

TEMA 3. Lenguaje de marcas de hipertexto APRENDIZAJE

Sobre la asignatura – Algunos contenidos

OBJETIVOS HTML RESULTADOS DE

Sobre la asignatura – Resultados de aprendizaje

Sobre la asignatura – Recursos

Sobre la asignatura - Evaluación

Sobre la asignatura – EVALUACIÓN CONTINUA

Problemas asociados a las

(Publicación) (Primera convocatoria)

características de las 12,5

(Publicación) (Primera convocatoria)

haciendo uso de HTML, hojas de 12,5

haciendo uso de Javascript 01/04/2022 26/04/2022

seguridad en aplicaciones Web. 13/04/2022 13/05/2022

DUDAS Y PREGUNTAS PLANIFICACIÓN

Evaluación continua - Observaciones

IMPORTANTE – Observaciones sobre las actividades de portafolio

Sobre la asignatura – Evaluación

Sobre la asignatura – Evaluación

Sobre la asignatura – Dudas y preguntas

Contenidos generales de la asignatura

Agenda – Parte II – Unidad Competencial 1 – Tema 1 y 2

Aplicaciones Web – CONTENIDO A CUBRIR EN LA SESIÓN

Aplicaciones Web – ALGUNOS CONCEPTOS Y DEFINICIONES

Aplicaciones Web – ALGUNOS CONCEPTOS Y DEFINICIONES

Aplicaciones Web – ALGUNOS CONCEPTOS Y DEFINICIONES

Concepto específico que se utilizará en la asignatura.

Semantic Web Meta Web

El Web Social Web

Web 1.0 Web 2.0

27 Grado de conectividad social

Semantic Web Meta Web

Semantic Web Meta Web

BUSCADORES PORTALES GROUPWARE PORTALES

BUSCADORES PORTALES GROUPWARE PORTALES

ARTIFICIAL INTELIGENTES M2M

BUSCADORES PORTALES GROUPWARE PORTALES

Aplicaciones Web – CATEGORÍAS

Los desarrolladores pueden construirlas para un amplio espectro de

Aplicaciones Web – CATEGORÍAS

Aplicaciones interactivas sencillas Captura de datos, sistemas de registro, juegos en línea

Aplicaciones transaccionales E-banking, e-commerce, e-booking, ... B2C

Aplicaciones 2.0 CMS, LMS, weblogs, redes, periodismo ciudadano, KMS,…

Aplicaciones Web – CATEGORÍAS

Aplicaciones Web – CATEGORÍAS

Aplicaciones Web – CATEGORÍAS

Aplicaciones Web – CATEGORÍAS

Orientadas a flujo de trabajo

• CRM fija su trabajo en la atención

Aplicaciones Web – CATEGORÍAS

Orientadas a trabajo colaborativo (equipos de trabajo)

Aplicaciones Web – CATEGORÍAS

Orientadas a trabajo colaborativo