Este trabajo propone una metodología para el desarrollo de la Arquitectura de Información de Sitios Web usables lograda a través de la formalización de los procesos metodológicos de las fuentes bibliográficas identificadas más representativas, utilizando el metamodelo SPEM 2.0 como lenguaje de formalización. La finalidad de este proyecto es llegar a definir de manera formalizada y coherente los elementos que describe una metodología en donde alguien (rol) hace algo (task) para obtener algo (work product), esta gestión de procesos de software debe ir acompañada de una cantidad de componentes (guías, métodos, artefactos, roles, actividades, disciplinas y workflows) que se integran para mostrar de forma estructurada el proceso de creación de la Arquitectura de Información Web.

1. 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.

2. 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

3. 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 >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 3
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

4. 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.
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 4
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

5. 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.
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 5
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

6. >>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 6
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

7. >>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
Roadmap Marco Metodológico CIAF [2]
20/05/2013 7
Proceso IAWWW [3]
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

8. >>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 8
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

9. DEMANDA DE
INFORMACIÓN
SOCIEDAD DE LA
INFORMACIÓN
CONCISA
CLARA
FÁCIL DE
COMPRENDER
Situación Actual
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 9
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

10. ¿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"
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 10
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

11. ¿Qué es arquitectura de la información?
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 11
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

12. ¿Qué es arquitectura de la información?
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 12
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

13. ¿Qué es arquitectura de la información?
En Aplicaciones de
Escritorio
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 13
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

14. ¿Qué es arquitectura de la información?
En Sitios Web.
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 14
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

15. ¿Por qué formalizar el
proceso de Arquitectura de
Información Web?
¿Qué beneficios trae esto
para los involucrados?
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 15
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

16. 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.
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 16
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

17. 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
Desconocimiento Del Proceso.
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 17
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

18. Desconocimiento Del Proceso.
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.
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 18
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

19. 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
Desconocimiento Del Proceso.
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 19
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

20. 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.
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 20
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

21. 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
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 21
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

22. >>> AMBIENTACIÓN >>> PROPUESTA
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.
METODOLOGÍA MAI-Web
20/05/2013 22

23. METODOLOGÍA MAI-Web >>> 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?
20/05/2013 23

24. Identificar propuestas
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 24
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.

25. Clasificar y seleccionar
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 25
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.

26. Analizar ventajas
y desventajas
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 26
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.

27. >>> AMBIENTACIÓN >>> PROPUESTA
Analizar ventajas
y desventajas
METODOLOGÍA MAI-Web
20/05/2013 27
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.

28. Formalizar Elementos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 28
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.

29. Formalización de Actividades
Formalizar Elementos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 29
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.

30. Evolución de las Actividades
Formalizar Elementos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 30
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.

31. Relación Disciplinas – Actividades – Pasos
Formalizar Elementos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 31
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.

32. 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.
Formalizar Elementos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 32
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.

33. Relación Roles – Artefactos
Formalizar Elementos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 33
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.

34. 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
Formalizar Elementos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 34
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.

35. Relación Disciplinas – Actividades – Artefactos
Formalizar Elementos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 35
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.

36. Modelado Situacional.
Formalizar Elementos
Workflow de la disciplina
de Modelado Situacional
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 36
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.

37. Estrategia de Contenido.
Formalizar Elementos
Workflow de la disciplina de
Estrategia de Contenido
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 37
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.

38. Modelado de Usuario
Formalizar Elementos
Workflow de la disciplina
de Modelado de Usuario
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 38
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.

39. Diseño de Interfaz
Formalizar Elementos
Workflow de la disciplina
de Diseño de Interfaz
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 39
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.

40. Administración y Control
Formalizar Elementos
Workflow de la disciplina de
Administración y Control
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 40
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.

41. Validación y Pruebas
Formalizar Elementos
Workflow de la disciplina
de Validación y Pruebas
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 41
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.

42. 1
2
1 2
Estructura de Presentación de Contenidos definida para MAI-
Web
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 42
Formalizar Elementos
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.

43. Contenido detallado para la tarea Definir
Vocabulario Controlado en EPFC Formalizar Elementos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 43
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.

44. Formalizar Elementos
Roadmap MAI-Web
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 44
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.

45. Formalizar Elementos
Roadmap MAI-Web
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 45
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.

46. Analizar CIAF+HCI
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
Gráfica de comparación entre TD-MBUID y MPIu+a [1]
20/05/2013 46
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.

47. Fundamentos para
la integración.
• Representación.
• Tipo de componente
metodológico.
• Aspecto o cualidad.
• Formalidad.
• Nivel de granularidad.
• Artefactos
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 47
Identificar puntos
de integración
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.

48. Identificar puntos
de integración
Similitud entre TD-MBUID, MPIu+a y MAI-Web tomando como
base el componente metodológico Business Domain Modeling
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 48
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.

49. Identificar puntos
de integración
Similitud entre TD-MBUID, MPIu+a y MAI-Web tomando como
base el componente metodológico System Domain Modeling
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 49
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.

50. Implementar en EPF
Integración del Proceso Metodológico MAI-Web a la Metodología CIAF+HCI
1
2
3
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 50
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.

51. Implementar en EPF
Integración resultante de las actividades
definidas en la disciplina “Modelado
Situacional” con la disciplina “Business
Modeling”.
1
Modelado Situacional
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 51
Actividades Aportadas
por MAI-Web
Actividades Aportadas
por CIAF+HCI
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.

52. 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
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 52
Actividades Aportadas
por MAI-Web
Actividades Aportadas
por CIAF+HCI
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.

53. 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
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 53
Actividades Aportadas
por MAI-Web
Actividades Aportadas
por CIAF+HCI
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.

54. 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
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 54
Actividades Aportadas
por MAI-Web
Actividades Aportadas
por CIAF+HCI
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.

55. Implementar en EPFMetodología MAI-Web
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 55
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.

56. 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.
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 56
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.

57. Validar Metodología
Caso de Estudio: FUNDACIÓN CONCIVICA
Estado Inicial
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 57
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.

58. Validar Metodología
Caso de Estudio: FUNDACIÓN CONCIVICA
Mapa de Sitio
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 58
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.

59. Validar Metodología
Caso de Estudio: FUNDACIÓN CONCIVICA
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
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 59
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.

60. Validar Metodología
Caso de Estudio: FUNDACIÓN CONCIVICA
Propuesta Final
>>> AMBIENTACIÓN >>> PROPUESTAMETODOLOGÍA MAI-Web
20/05/2013 60
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.

61. >>> 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

62. METODOLOGÍA MAI-Web
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

63. METODOLOGÍA MAI-Web
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

64. AGRADECIMIENTOS
AGRADECIMIENTOSMETODOLOGÍ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

65. ¿¿PREGUNTAS??
¡¡MUCHAS GRACIAS!!
20/05/2013 65