Sitio web semántico para patrones de diseño hipermedia basado en ontologías

De
Publicado por


En este proyecto hemos desarrollado un sitio Web semántico como herramienta de acceso a una de estas colecciones, concretamente a la representación ontológica con OWL del repositorio de patrones de diseño hipermedia presentado en [Montero, 2005]. El objetivo principal del presente proyecto es dar un soporte a la visualización y consulta del repositorio de patrones de diseño hipermedia presentado en [Montero, 2005], mediante el diseño e implementación de un sitio Web basado en tecnologías para la Web semántica. Este repositorio viene definido por una ontología implementada con OWL (lenguaje para la definición e instanciación de ontologías Web) [W3C, 2004b], y cada uno de los patrones que lo componen están formalizados como instancias de dicha ontología por medio de RDF (marco de descripción de recursos) [W3C, 2004a].
Ingeniería en Informática
Publicado el : domingo, 01 de marzo de 2009
Lectura(s) : 128
Etiquetas :
Fuente : e-archivo.uc3m.es
Licencia: Más información
Atribución, no uso comercial, sin cambios
Número de páginas: 194
Ver más Ver menos


UNIVERSIDAD CARLOS III DE MADRID
ESCUELA POLITÉCNICA SUPERIOR
INGENIERÍA SUPERIOR EN INFORMÁTICA
SITIO WEB SEMÁNTICO PARA PATRONES
DE DISEÑO HIPERMEDIA BASADO EN
ONTOLOGÍAS
PROYECTO FIN DE CARRERA
José Miguel Sánchez Molinero
Marzo de 2009
UNIVERSIDAD CARLOS III DE MADRID
ESCUELA POLITÉCNICA SUPERIOR
INGENIERÍA SUPERIOR EN INFORMÁTICA
SITIO WEB SEMÁNTICO PARA PATRONES
DE DISEÑO HIPERMEDIA BASADO EN
ONTOLOGÍAS
PROYECTO FIN DE CARRERA
Autor: José Miguel Sánchez Molinero
Tutora: Susana Montero Moreno
Marzo de 2009 Como ves, tu apoyo y, ante todo,
tu paciencia, no han sido en vano.
Gracias Ruth.

ÍNDICE GENERAL
ÍNDICE GENERAL ......................................................................................VII
ÍNDICE DE TABLAS ....................................................................................... X
ÍNDICE DE FIGURAS.....................................................................................XI
1 INTRODUCCIÓN13
1.1 Objetivos del proyecto.............................................................................14
1.2 Fases..........................................................................................................15
1.3 Organización de la memoria ..................................................................16
2 ESTADO DEL ARTE.................................................................................18
2.1 Sitios Web.................................................................................................19
2.1.1 ¿Qué son?..................................................................................................19
2.1.2 Tipología....................................................................................................21
2.2 Diseño Web...............................................................................................25
2.2.1 Introducción...............................................................................................25
2.2.2 Diseño centrado en el cliente..................................................................... 26
2.3 Patrones de diseño para interfaces Web ...............................................30
2.3.1 Introducción30
2.3.2 The Design of Sites: Catálogo de patrones ................................................ 32
2.4 Web Semántica ........................................................................................35
2.4.1 ¿Qué es la Web Semántica?....................................................................... 35
2.4.2 Tecnologías utilizadas...............................................................................41
3 GESTIÓN DEL PROYECTO ......................................................................46
3.1 Identificación de tareas...........................................................................46
3.1.1 Ciclo de vida.............................................................................................. 46
3.1.2 Especificación de tareas............................................................................. 47
3.2 Especificación de recursos48
3.3 Planificación de tareas ............................................................................49
3.3.1 Planificación Inicial...................................................................................50
VII
3.3.2 Planificación Final.....................................................................................52
4 PLANTEAMIENTO DEL PROBLEMA Y SOLUCIÓN ...................................54
4.1 Definición del problema..........................................................................55
4.1.1 Interfaz de usuario 56
4.1.2 Aplicación Web.........................................................................................57
4.2 Solución propuesta ..................................................................................59
4.2.1 Interfaz de usuario ..................................................................................... 59
4.2.2 Aplicación Web61
5 ANÁLISIS ................................................................................................63
5.1 Introducción al análisis ...........................................................................64
5.2 Evaluación de repositorios Web de patrones........................................66
5.2.1 Ajax Patterns.............................................................................................68
5.2.2 hcipatterns.org...........................................................................................71
5.2.3 Hypermedia Design Patterns Repository................................................... 72
5.2.4 Workflow Patterns.....................................................................................74
5.2.5 Yahoo! Design Pattern Library ................................................................. 76
5.2.6 Conclusiones..............................................................................................78
5.3 Análisis de los patrones del grupo A......................................................81
5.3.1 Introducción...............................................................................................81
5.3.2 Patrón Grassroots Information Sites (A6)................................................. 84
5.4 Especificación de requisitos....................................................................85
5.4.1 Introducción85
5.4.2 Catálogo de requisitos...............................................................................87
6 DISEÑO DE LA INTERFAZ DE USUARIO ...................................................92
6.1 Introducción al diseño de la interfaz de usuario ..................................93
6.1.1 Construcción del lenguaje de patrones ...................................................... 94
6.1.2 Exploración del lenguaje de patrones........................................................ 98
6.2 Aplicación de patrones............................................................................98
6.2.1 Patrón Multiple Ways to Navigate (B1)..................................................... 98
6.2.2 Patrón Browsable Content (B2) .............................................................. 100
6.2.3 Patrón Hierarchical Organization (B3) .................................................. 102
6.2.4 Patrón Alphabetical Organization (B5)................................................... 104
6.2.5 Patrón Homepage Portal (C1) ................................................................. 105
6.2.6 Patrón Up-front Value Proposition (C2)................................................. 108
6.2.7 Patrón Site Branding (E1)........................................................................ 109
6.2.8 Patrón Page Templates (D1).................................................................... 111
6.2.9 Patrón Grid Layout (I1) ........................................................................... 114
VIII
6.2.10 Patrón Separate Tables (L3).................................................................... 115
6.2.11 Patrón Above the Fold (I2)...................................................................... 116
6.2.12 Patrón Fixed-Width Screen Size (I5) ....................................................... 117
6.2.13 Patrón Content Modules (D2) ................................................................. 118
6.2.14 Patrón Headlines and Blurbs (D3).......................................................... 119
6.2.15 Patrón External Links (K8) ..................................................................... 120
6.2.16 Patrón Pop-up Windows (H6) 121
6.2.17 Patrón Descriptive, Longer Link Names (K9)......................................... 122
6.2.18 Patrón Obvious Links (K10) .................................................................... 123
6.2.19 Patrón Printable Pages (D8)................................................................... 124
6.2.20 Patrón Low Number of Files (L1)............................................................ 125
6.2.21 Patrón HTML Power (L4) ....................................................................... 126
6.2.22 Patrón Location Bread Crumbs (K6) ...................................................... 127
6.2.23 Patrón Navigation Bar (K2) 128
6.2.24 Patrón Consistent Sidebars of Related Content (I6) ............................... 130
6.2.25 Patrón Search Action Module (J1) .......................................................... 131
6.2.26 Patrón Straightforward Search Forms (J2) ............................................ 132
6.2.27 Patrón Organized Search Results (J3) .................................................... 133
6.2.28 Patrón Action Buttons (K4) ..................................................................... 134
6.2.29 Patrón Writing for Search Engines (D6)................................................. 135
6.2.30 Patrón Distinctive HTML Titles (D9)...................................................... 137
6.3 Resumen .................................................................................................138
7 DISEÑO DE LA APLICACIÓN WEB.........................................................141
7.1 Arquitectura...........................................................................................142
7.2 Diagramas de clases...............................................................................143
8 IMPLEMENTACIÓN164
8.1 Aspectos de implementación.................................................................165
8.1.1 Internacionalización.................................................................................166
8.1.2 Gestión de errores.................................................................................... 166
8.1.3 Especificaciones técnicas........................................................................166
8.2 Estructura de implementación.............................................................167
9 CONCLUSIONES172
9.1 Conclusiones generales..........................................................................172
9.2 Líneas de trabajo futuro .......................................................................175
APÉNDICE I: MANUAL DE USUARIO .........................................................176
REFERENCIAS BIBLIOGRÁFICAS...............................................................190
IX
ÍNDICE DE TABLAS
Tabla 1: Criterios de evaluación utilizados en nuestro análisis de sitios Web............... 67
Tabla 2: Conjunto de repositorios Web de patrones de diseño a evaluar....................... 68
Tabla 3: Resumen del análisis de sitios Web ................................................................. 81
Tabla 4: Plantilla para la definición de los requisitos del sitio....................................... 86
Tabla 5: Grupos de patrones del catálogo de van Duyne ............................................... 94
Tabla 6: Relación requisitos del sitio - patrones utilizados.......................................... 140

X

¡Sé el primero en escribir un comentario!

13/1000 caracteres como máximo.