• No se han encontrado resultados

Aplicaciones Web

N/A
N/A
Protected

Academic year: 2022

Share "Aplicaciones Web"

Copied!
28
0
0

Texto completo

(1)

Aplicaciones Web

Edgar Valarezo Sergio Luján Mora

Método de diseño hipermedia orientado a objetos

(2)

Web Modeling Language (WebML)

• Es un lenguaje visual que detalla la estructura de contenidos de una aplicación Web, para

presentarlos como hipertexto.

• Creado en 1998 para apoyar al diseño e implementación de Aplicaciones Web, en

especial para las que tienen un intercambio de datos intensivo.

(3)

Fases en el proceso de desarrollo

con WebML

(4)

Análisis de Requerimientos

• Grupos de usuarios

• Requerimientos funcionales

• Objetos Base de Información

• Bosquejos de pantallas

(5)

Modelo Conceptual

• Diseño de los datos

– Modelo Entidad-Relación de la BDD

• Diseño de las vistas

– Interfaz con el usuario

(6)

Diseño de los datos

Esquema de datos

(7)

Diseño de las vistas

Unidades de Contenido

(8)

Unidades de contenido

• Piezas elementales de información.

• Cinco unidades principales:

(9)

1 de 5: Unidad de Dato

Conjunto de atributos de la instancia de alguna entidad

(10)

2 de 5: Unidad Multidato

Conjunto de atributos de un conjunto de instancias de entidades

(11)

3 de 5: Unidad de Índice

Presenta un listado de instancias de entidades a través de algún atributo descriptivo, y permite su selección.

(12)

3 de 5: Unidad de Índice

• Dos tipos:

Multiselección Jerárquico

(13)

4 de 5: Unidad Navegación

• Permite la navegación entre un conjunto ordenado de objetos

(14)

5 de 5: Unidad de Ingreso

• Formulario para recolectar datos del usuario.

(15)

Enlaces

• Interconexión entre unidades y páginas.

• Enlaces entre unidades son contextuales

– Tienen información de la aplicación – Ej: Siguiente, Descargar, Nuevo

• Entre páginas independientes son no contextuales

– No tienen información de la aplicación – Ej: Inicio, FAQ, Contacto

(16)

Ejemplo

(17)

Enlaces automáticos y de transporte

• Enlace automático:

– Se lo accede sin necesidad de ninguna acción del usuario

• Enlace de Transporte:

– No se visualiza el resultado, solo pasa datos.

(18)

Enlaces automáticos y de transporte

Ejemplo:

(19)

Parámetros Globales

• Accesibles a través de toda la aplicación

• Se los suele implementar con variables de sesión.

(20)

Operaciones

• Para manipular la información del sistema con permisos de escritura.

• Dos tipos de resultados:

– OK: resultado exitoso – KO: falla

(21)

Operaciones

• Unidades para:

– Crear, modificar y borrar datos

– Conectar y desconectar relaciones entre dos instancias

(22)

Operaciones

• Unidades para inicio de sesión (login) y cierre de sesión (logout):

(23)

Ejemplo

(24)

WebML y Servicios Web

• Tienen dos fases:

– Petición (request)

– Respuesta (response)

• Es opcional, dependiendo del Servicio Web

• El objeto WebML para un Servicio Web es:

(25)

WebML y Procesos

• Se agrega una nueva dimensión al modelo conceptual, el diseño del proceso.

• El flujo usa los mismos conceptos que BPM:

(26)

WebML y Diseño Adaptable (Responsive Design)

• Páginas adaptables al contexto de marcan con C

• Se agregan Acciones Adaptativas

1. Adquisición y manejo de datos del contexto 2. Evaluación de condiciones de adaptación 3. Adaptación de contenido

4. Adaptación de navegabilidad

5. Adaptación de estructura de la vista 6. Adaptación de estilos

(27)

WebML y Diseño Adaptable (Responsive Design)

• Ejemplo:

(28)

Desarrollo de WebML

• WebML pasa a ser IFML (Interaction Flow Modeling Language)

• IFML fue adoptado en 2013 como estándar por OMG (Object Management Group)

– Consorcio dedicado al cuidado y establecimiento de estándares de tecnologías orientadas a objetos – UML, XMI, CORBA, entre muchos otros.

Referencias

Documento similar

Con este trabajo de Tesina, se busca proponer un esquema de seguridad para el desarrollo de Aplicaciones Web que garantice la protección de los datos sensibles de los

El documento ha centrado su atención en los modelos de datos como base conceptual para el diseño de aplicaciones que hacen un uso intensivo de los datos; en

 Para recibir todos los números de referencia en un solo correo electrónico, es necesario que las solicitudes estén cumplimentadas y sean todos los datos válidos, incluido el

En el presente trabajo se explica el proceso de desarrollo de la interfaz de usuario del SIGEP, para el que se ha definido una arquitectura de información que permite

Los resultados obtenidos fueron: una guía de desarrollo adaptada al proyecto, que permite seguir un mismo estándar en la creación de portales Web y una guía donde se describe

Este proceso de Pruebas de Aceptación debe comenzar cuando cada área temática de la Facultad Siete le comunica al laboratorio de calidad antes mencionado la propuesta de la

Se aborda de manera general el proceso de pruebas de software, enfatizando las pruebas de seguridad en aplicaciones web, específicamente el tema de las pruebas de

1) Resolver la complejidad técnica de integrar información semejante pero que está representada de manera diversa. 2) Lograr la interoperabilidad entre plataformas de