MAI-Web

Metodología para el desarrollo de la Arquitectura de Información de sitios web usables, integrada a la

metodología para desarrollo de sistemas interactivos CIAF+HCI

Programa Ingeniería De Sistemas Y Computación. Facultad de Ingeniería.

Universidad del Quindío. Armenia – Quindío.

Mayo 2013.

AUTORES.

Moisés Jhónatan Rentería Campaña.

John Edison de la Pava Ladino. DIRECTORA.

Ing. María Lili Villegas Ramírez Msc.

ASESORES.

Dr. William Joseph Giraldo. PhD

Ing. Alexandra Ruiz Gaona. Msc.

AMBIENTACIÓN

>>> AMBIENTACIÓN >>> PROPUESTA

Qué es Arquitectura de Información?

Situación actual

Objetivos I. Objetivo General II. Objetivos Específicos.

Ubicación

Por qué formalizar?

Contexto I. Formalizar procesos. II. Proceso de Formalización III. SPEM 2.0 IV. EPF Composer

METODOLOGÍA MAI-Web

20/05/2013 2

Tácito

Explícito SPEM

El proceso puede habitar en la mente del que desarrolla

software

Proceso de Desarrollo

como producto

Documento

Tool (Navegador)

FORMALIZAR PROCESOS

>>> AMBIENTACIÓN >>> PROPUESTA METODOLOGÍA MAI-Web

20/05/2013 3


Situación actual


Ubicación



PROCESO DE FORMALIZACIÓN

Selección del material de trabajo.

Clasificación & Priorización.

Formalización del proceso.

Integración de los procesos metodológicos.

Asignar Relaciones de componentes

Crear flujos de procesos

ANÁLISIS DISEÑO IMPLEMENTACIÓN

FASES DE LA FORMALIZACIÓN DE PROCESOS METODOLÓGICOS.


20/05/2013 4


Situación actual


Ubicación



Componentes de SPEM 2.0

• Contenido de métodos (Who, What, Why, How)

• Información altamente re-utilizable.

• No incluye información acerca del tiempo.

• Proceso (When)

• Secuencias de fases, iteraciones, actividades e hitos para definir el ciclo de vida de desarrollo.

• Se define cuándo las tareas son ejecutadas.


20/05/2013 5


Situación actual


Ubicación




20/05/2013 6


Situación actual


Ubicación




Roadmap Marco Metodológico CIAF [2]

20/05/2013 7

Proceso IAWWW [3]


Situación actual


Ubicación




20/05/2013 8


Situación actual


Ubicación



DEMANDA DE INFORMACIÓN

SOCIEDAD DE LA INFORMACIÓN

CONCISA

CLARA

FÁCIL DE COMPRENDER

Situación Actual


20/05/2013 9


Situación actual


Ubicación



¿Qué es arquitectura de la información?

El arte y la ciencia de estructurar y clasificar sitios web e intranets con el

fin de ayudar a los usuarios a encontrar y manejar la información.

Rosenfeld L., Morville P. "Information Architecture for the World Wide Web 3nd Edition"


20/05/2013 10


Situación actual


Ubicación



http://louisrosenfeld.com/home/



http://semanticstudios.com/



http://www.amazon.com/exec/obidos/tg/detail/-/0596000359/qid=1045432142/sr=1-2/ref=sr_1_2/104-6568519-5757505?v=glance&s=books





20/05/2013 11


Situación actual


Ubicación





20/05/2013 12


Situación actual


Ubicación



¿Qué es arquitectura de la información? En Aplicaciones de Escritorio


20/05/2013 13


Situación actual


Ubicación




En Sitios Web.


20/05/2013 14


Situación actual


Ubicación



¿Por qué formalizar el proceso de Arquitectura de Información Web?

¿Qué beneficios trae esto para los involucrados?


20/05/2013 15


Situación actual


Ubicación



Dificultad en la enseñanza del proceso de creación de sitios web.

• Atraso en la incorporación de nuevos conocimientos.

• Baja calidad en el nivel de aprendizaje.

• Perdida de enfoque en el manejo de nuevas disciplinas.

Instituciones Educativas

Desconocimiento Del Proceso.


20/05/2013 16


Situación actual


Ubicación



Desconocimiento del Proceso de Arquitectura de Información Web.

• Desventaja competitiva. • Baja calidad en la creación de

soluciones. • Diseño de soluciones sin un

enfoque al usuario.

Académicos/Docentes



20/05/2013 17


Situación actual


Ubicación




Empresas de Software

Dificultad en la planeación y control de procesos de desarrollo de software

• Perdida de recursos. • Baja calidad de producto,

proceso y uso. • Caos organizacional.


20/05/2013 18


Situación actual


Ubicación



Dificultad en la identificación y realización de tareas.

• Perdida de tiempo y recursos. • Baja calidad en el proceso y

producto. • Soluciones sin un enfoque en

las necesidades de los usuarios.

Desarrolladores de Software



20/05/2013 19


Situación actual


Ubicación



Objetivo General

Definir una metodología formalizada para el desarrollo de la Arquitectura de Información de

un sitio web e integrarla con la metodología CIAF+HCI de una manera clara, precisa y

estructurada.


20/05/2013 20


Situación actual


Ubicación



Objetivos Específicos

Clasificar y seleccionar

Identificar propuestas

Analizar ventajas y desventajas

Formalizar Elementos Validar Metodología

Implementar en EPF

Analizar CIAF+HCI

Identificar puntos de integración


20/05/2013 21


Situación actual


Ubicación




PROPUESTA

Identificar Propuestas.

Implementar en EPFC.

Validar Metodología.

Identificar Puntos de Integración.

Analizar CIAF+HCI

Formalizar Elementos.

Analizar ventajas y desventajas.

Clasificar y Seleccionar.


20/05/2013 22

METODOLOGÍA MAI-Web >>> AMBIENTACIÓN >>> PROPUESTA


Situación actual


Ubicación


20/05/2013 23

Identificar propuestas


20/05/2013 24





Analizar CIAF+HCI




Clasificar y seleccionar


20/05/2013 25





Analizar CIAF+HCI






20/05/2013 26





Analizar CIAF+HCI







20/05/2013 27





Analizar CIAF+HCI




Formalizar Elementos


20/05/2013 28





Analizar CIAF+HCI




Formalización de Actividades



20/05/2013 29





Analizar CIAF+HCI




Evolución de las Actividades



20/05/2013 30





Analizar CIAF+HCI




Relación Disciplinas – Actividades – Pasos



20/05/2013 31





Analizar CIAF+HCI




Evolución de los Roles

ID ROL ROL INICIAL ROL FINAL

Rol-001 Arquitecto de información. Arquitecto de información.

Rol-002 Ingeniero de usabilidad. Experto de usabilidad.

Rol-003 Investigador de Contenido. Modelador de Contenido.

Rol-004 Investigador de Contexto. Modelador situacional.

Rol-005 Investigador de Usuario. Modelador de usuario.



20/05/2013 32





Analizar CIAF+HCI




Relación Roles – Artefactos



20/05/2013 33





Analizar CIAF+HCI




ID DISCIPLINA COMPONENTES METODOLÓGICO INICIAL ID DISCIPLINA DISCIPLINA FINAL

Dis_001 Investigación de Contexto Dis-001 Modelado Situacional

Dis_002 Investigación de Contenido Dis-002 Estrategia de Contenido

Dis_003 Investigación de Usuario Dis-003 Modelado de Usuario

Dis_004 Estrategia Dis-004 Diseño de Interfaz

Dis_005 Diseño y Documentación

Dis_006 Administración Dis-005 Administración y Control

Dis_007 ----------------- Dis-006 Validación y Pruebas

Evolución de las disciplinas



20/05/2013 34





Analizar CIAF+HCI




Relación Disciplinas – Actividades – Artefactos



20/05/2013 35





Analizar CIAF+HCI




Modelado Situacional.


Workflow de la disciplina de Modelado Situacional


20/05/2013 36





Analizar CIAF+HCI




Estrategia de Contenido.


Workflow de la disciplina de Estrategia de Contenido


20/05/2013 37





Analizar CIAF+HCI




Modelado de Usuario


Workflow de la disciplina de Modelado de Usuario


20/05/2013 38





Analizar CIAF+HCI




Diseño de Interfaz


Workflow de la disciplina de Diseño de Interfaz


20/05/2013 39





Analizar CIAF+HCI




Administración y Control


Workflow de la disciplina de Administración y Control


20/05/2013 40





Analizar CIAF+HCI




Validación y Pruebas


Workflow de la disciplina de Validación y Pruebas


20/05/2013 41





Analizar CIAF+HCI




1

2 1 2

Estructura de Presentación de Contenidos definida para MAI-Web


20/05/2013 42






Analizar CIAF+HCI




Contenido detallado para la tarea Definir Vocabulario Controlado en EPFC Formalizar Elementos


20/05/2013 43





Analizar CIAF+HCI





Roadmap MAI-Web


20/05/2013 44





Analizar CIAF+HCI





Roadmap MAI-Web


20/05/2013 45





Analizar CIAF+HCI




Analizar CIAF+HCI


Gráfica de comparación entre TD-MBUID y MPIu+a [1]

20/05/2013 46





Analizar CIAF+HCI




Fundamentos para la integración.

• Representación.

• Tipo de componente metodológico.

• Aspecto o cualidad.

• Formalidad.

• Nivel de granularidad.

• Artefactos


20/05/2013 47






Analizar CIAF+HCI





Similitud entre TD-MBUID, MPIu+a y MAI-Web tomando como base el componente metodológico Business Domain Modeling


20/05/2013 48





Analizar CIAF+HCI





Similitud entre TD-MBUID, MPIu+a y MAI-Web tomando como base el componente metodológico System Domain Modeling


20/05/2013 49





Analizar CIAF+HCI




Implementar en EPF Integración del Proceso Metodológico MAI-Web a la Metodología CIAF+HCI

1

2

3


20/05/2013 50





Analizar CIAF+HCI




Implementar en EPF

Integración resultante de las actividades definidas en la disciplina “Modelado Situacional” con la disciplina “Business Modeling”.

1

Modelado Situacional


20/05/2013 51

Actividades Aportadas por MAI-Web

Actividades Aportadas por CIAF+HCI





Analizar CIAF+HCI




Implementar en EPF 2

Integración resultante de las actividades definidas en la disciplina “Estrategia de Contenido” con la disciplina “Business Modeling”.

Estrategia de Contenido


20/05/2013 52







Analizar CIAF+HCI




Implementar en EPF

Integración resultante de las actividades definidas en la disciplina “Modelado de Usuario” con la disciplina “Business Modeling”.

3

A

A B

B

Modelado de Usuario


20/05/2013 53







Analizar CIAF+HCI




Implementar en EPF

En la figura se puede ver como la actividad “Definir distribución visual del sitio” definida en MAI-Web, se convierte en una tarea que enriquece el proceso definido para la actividad “Analysis and Design Prototyping” al aportar los atributos de diseño que definen los wireframes dentro del protitipado.

Definir distribución visual del sitio


20/05/2013 54







Analizar CIAF+HCI




Implementar en EPF Metodología MAI-Web


20/05/2013 55





Analizar CIAF+HCI




Validar Metodología

Caso de Estudio: FUNDACIÓN CONCIVICA

Este caso de estudio pretende proponer la distribución de Información del sitio web de la FUNDACIÓN CONCÍVICA, definiendo la estructura del sitio y los tipos de contenidos a ser implementados. Este documento describirá:

1. Dominio de negocio.

2. Restricciones del negocio.

a. Diagnóstico de contenido.

3. Indagación de negocio.

a. Tipo de sitio.

b. Objetivos del sitio.

4. Contenido del sitio.

6. Análisis comparativo.

a. Análisis de competencia.

b. Análisis interno.

7. Definir usuarios del sistema.

a. Necesidades del usuario.

8. Estructura del sitio.

9. Distribución visual del sitio.

10. Resultado Final.


20/05/2013 56





Analizar CIAF+HCI






Estado Inicial


20/05/2013 57





Analizar CIAF+HCI






Mapa de Sitio


20/05/2013 58





Analizar CIAF+HCI






Wireframe

1. Encabezado 2. Logo de la Fundación 3. Acceso Sitio Web Concívica FM. 4. Canales de comunicación personalizada 5. Sistema de búsqueda 6. Acceso a redes sociales 7. Navegación Principal 8. Navegación de Miga de Pan 9. Contenido 10. Footer


20/05/2013 59





Analizar CIAF+HCI






Propuesta Final


20/05/2013 60





Analizar CIAF+HCI




>>> CONCLUSIONES >>> TRABAJO FUTURO >>> BIBLIOGRAFÍA METODOLOGÍA MAI-Web

Conclusiones

• El desarrollo de la metodológica de Arquitectura de Información Web la convierte en la primera metodología formalizada de Arquitectura de Información que describa de manera secuencial y estructurada cuales son las tareas que se deben realizar para diseñar sitios web de alta calidad tanto en el proceso de creación como en el resultado del producto diseñado.

• Estas dos metodologías integradas (CIAF+HCI y MAI-Web) brindan una nueva forma en la creación y desarrollo de sistemas interactivos, pues toman como enfoque principal del diseño entrado en el usuario y se basan en la importancia de conocer muy bien el dominio del negocio al que cada sistema interactivo se aplicará.

• Las metodologías integradas aquí cubren la calidad de software desde los tres (3) criterios que define: 1.) La calidad del proceso, el cual comprende el proceso descrito en los pasos y tareas que describe cada metodología; 2) La calidad del producto, la cual se evidencia al producto cumplir la función para lo que fue creado, y por último; 3.) La calidad de uso, la cual es la enfocada en que el producto sea fácil de usar e intuitivo para los usuarios que fue creado.

20/05/2013 61

CONCLUSIONES

TRABAJO FUTURO

BIBLIOGRAFÍA


Trabajo Futuro

• Optimización de la metodología MAI-Web definida, esta optimización se realizará desarrollando casos de estudio de diversos tipos y enfoques de mercado, los cuales permitan validar y verificar las tareas y artefactos propuestos inicialmente.

• Se planea la implementación y formalización de las tareas y artefactos necesarios para cubrir la creación de Arquitectura de Información para aplicaciones de escritorio y entornos móviles.

20/05/2013 62

>>> CONCLUSIONES >>> TRABAJO FUTURO >>> BIBLIOGRAFÍA

CONCLUSIONES

TRABAJO FUTURO

BIBLIOGRAFÍA


Bibliografía.

• [1] Villegas M. L. “Metodología para el Desarrollo de Sistemas Interactivos Usables a través de la Integración de CIAF1 y MPIu+a” Master. Universidad EAFIT, Antioquia – Colombia 2012.

• [2] Giraldo W. J., “Marco de desarrollo de sistemas groupware interactivos basado en la integración de procesos y notaciones.” PhD. dissertation, Escuela Superior de Informática, Universidad de Castilla - La Mancha, 2010.

• [3] Peter Morville and Louis Rosenfeld. (Diciembre 2006). Information Architecture for the World Wide Web.

20/05/2013 63

>>> CONCLUSIONES >>> TRABAJO FUTURO >>> BIBLIOGRAFÍA

CONCLUSIONES

TRABAJO FUTURO

BIBLIOGRAFÍA

AGRADECIMIENTOS

AGRADECIMIENTOS METODOLOGÍA MAI-Web

Nuestros agradecimientos a:

Directora:

Ing. María Lili Villegas Ramírez. Msc.

Asesores:

Dr. William Joseph Giraldo. PhD | Ing. Alexandra Ruiz Gaona. Msc.

Ingenieros: Ing. Faber Danilo Giraldo. Msc. PhD (c). | Ing. Jorge Iván Triviño Quintero. Msc. (c)

Diseñador grafico:

Diego Alejandro Osorio Hernández – Publicista.

Portafolio Bēhance: http://www.behance.net/diegoosorio

Twitter: @DiegoA_Osorio

20/05/2013 64

http://www.behance.net/diegoosorio

¿¿PREGUNTAS??

¡¡MUCHAS GRACIAS!!

20/05/2013 65

MAI-Web

Software

Transcript of MAI-Web