Post on 25-Jun-2020
GIDIS -http://gidis.ing.unlpam.edu.ar 1
Departamento de ComputaciónFacultad de Ingeniería
Universidad Nacional de La Pampa
LIFIA: Rossi, G.; GIDIS: Olsina, L. Lafuente, G. et. al
MSE Luis Antonio Olsinaolsinal@ing.unlpam.edu.ar
GIDIS -http://gidis.ing.unlpam.edu.ar 2
Objetivo
Analizar la Calidad de Sitios Web (Producto)• Dominios
– E-commerce, Educación, Museos ...
• Técnicas de Investigación: Caso de estudio, Survey, etc.
Usar un Modelo de Calidad basado en Estándares
• Características ISO/IEC 9126 • Características y Atributos Personalizados
Metodología de Evaluación (centrada en Expertos)
La Calidad del Producto tiene que ser un “debe” • Evaluar, Comparar, Establecer Ranquin
GIDIS -http://gidis.ing.unlpam.edu.ar 3
Desafíos en la Web
La Web no es sólo un conjunto de Páginas Enlazadas
• Complejidad de Aplicaciones – E-commerce,– Bibliotecas Digitales
¿Porqué Diseñar sitios Web presenta interesantes desafíos?
• Características y Atributos (Funcionalidad, Usabilidad ...)• Calidad versus Costo-Beneficio
GIDIS -http://gidis.ing.unlpam.edu.ar 4
¿Porqué la Web no es sólo un conjunto de Páginas Enlazadas?
GIDIS -http://gidis.ing.unlpam.edu.ar 5
¿Porqué la Web no es sólo un conjunto de Páginas Enlazadas?
Sitios Orientados a Presentación• ZFLP (http://zflp.ing.unlpam.edu.ar)• Clarín (http://www.clarin.com.ar)
a Comercio Electrónico (E-commerce)• Cúspide (http://www.cuspide.com)• Barnes and Noble (http://www.bn.com)
a Educación a Distancia centrada en la Web• WebCT (http://www.webct.com)
GIDIS -http://gidis.ing.unlpam.edu.ar 6
Aplicaciones Web
GIDIS -http://gidis.ing.unlpam.edu.ar 7
Necesidad de Evaluar
Para diseñar un “buen” sitio Web es necesario considerar Características y Atributos de Calidad
“Si no sabemos dónde estamos parados un mapa no ayuda”
Es preciso EVALUAR !
Necesidad de una Metodología (Web-site QEM)
GIDIS -http://gidis.ing.unlpam.edu.ar 8
Panorama de Web-site QEM
GIDIS -http://gidis.ing.unlpam.edu.ar 9
Pasos de Web-site QEM
Selección de Sitios (específicos de un dominio)
Especificación de Metas de Vista de Usuario a Evaluar
Definición de Requerimientos de Calidad
GIDIS -http://gidis.ing.unlpam.edu.ar 10
Pasos de Web-site QEM
Definición deCriterios Elementales de EvaluaciónProceso de Medición
Agregación de Preferencias Elementales para producir Preferencias de Calidad Global -Cálculos
Análisis y Recomendaciones
GIDIS -http://gidis.ing.unlpam.edu.ar 11
Características de Alto Nivel deISO/IEC 9126
UsabilidadFuncionalidadConfiabilidadEficienciaMantenibilidadPortabilidad
GIDIS -http://gidis.ing.unlpam.edu.ar 12
Usability : “The capability of the software product to be understood, learned, used and attractive to the user, when used under specified conditions”Sub-characteristics
ISO 9126⌧Understandability⌧Learnability⌧Operability⌧Attractiveness (ISO 9126-1)
Características de Alto Nivel (Usabilidad)
IEEE 1061•Understandability• Easy of Learning•Operability•Communicativeness
GIDIS -http://gidis.ing.unlpam.edu.ar 13
Características y Atributos
Características y Subcaracterísticas:Usabilidad
– Comprensión Global del Sitio– Ayuda y Retroalimentación– Aspectos de Interface – Aspectos Estéticos
Funcionalidad – Búsqueda y Recuperación– Navegación y Exploración– Funciones Específicas del Dominio (E-commerce,
Museos, Universidades ...)
GIDIS -http://gidis.ing.unlpam.edu.ar 14
Características y Atributos
Características y Subcaracterísticas:
Eficiencia– Performance– Accesibilidad
Confiabilidad– No deficiencia
GIDIS -http://gidis.ing.unlpam.edu.ar 15
Usabilidad Comprensión Global del Sitio⌧Tabla de Contenidos⌧Mapa del Sitio⌧Indices (Alfabéticos, Temáticos, Híbridos ...)⌧Visita Guiada (convencional y virtual)⌧Mapa de Imagen
Ayuda y Retroalimentación⌧Ayuda
• Orientada al Visitante • Búsqueda
⌧Indicador de Ultima Actualización• Global y Restringida
Características y Atributos
GIDIS -http://gidis.ing.unlpam.edu.ar 16
Usabilidad ⌧Directorio de Direcciones
• Telefono-Fax, e-mail⌧Comentarios y Sugerencias
- Cuestionarios ⌧Preguntas Más Frecuentes (FAQ.)
Aspectos de Interfaces y Esteticos⌧Permanencia y Estabilidad en la Presentación de los Controles
Principales• Controles Directos• Controles Indirectos• Estabilidad
Características y Atributos (cont.)
GIDIS -http://gidis.ing.unlpam.edu.ar 17
Características y Atributos (cont.)
Funcionalidad Búsqueda y Recuperación⌧Búsqueda Restringida⌧Búsqueda Global
Navegación y Exploración⌧Indicador de Camino⌧Etiqueta de la Posición Actual⌧Permanencia de los Controles Contextuales ⌧Estabilidad⌧Enlace con Título
GIDIS -http://gidis.ing.unlpam.edu.ar 18
Características y Atributos (cont.)
Funcionalidad Específica del Dominio (E-commerce)⌧Información del Producto
• Descripción del Producto• Descripción del Contenido • Imagen del Producto• Catálogo• Disponibilidad de Comparación de Precios • Disponibilidad de Rating del Producto• Recomendación de Productos Relacionados
GIDIS -http://gidis.ing.unlpam.edu.ar 19
Características y Atributos (cont.)
Funcionalidad Específica del Dominio (E-commerce)Características de la Compra ⌧Modos de Compra
• En Línea– Carro de Compras– Facilidad 1-click– Transacción Segura
• Fuera de Línea⌧Políticas de Compras
• Información de Políticas de Devolución• Información de Envío • Información de Política de Crédito y Pago• Reenvío de una Compra (gift service)
GIDIS -http://gidis.ing.unlpam.edu.ar 20
Características y Atributos (cont.)
Funcionalidad Específica del Dominio (E-commerce)⌧Personalización del Cliente ⌧Características del Almacén⌧Políticas de Promoción
• Promoción con la Venta• Anuncios de Promoción (Banners)• Appetizers (Sorteos, etc.)
GIDIS -http://gidis.ing.unlpam.edu.ar 21
Características y AtributosEficiencia⌧Accesibilidad
• Soporte a Versión sólo Texto• Imagen con Título• Uso de Marcos (Frames)
⌧Performance• Páginas de Acceso Rápido
Características y Atributos (cont.)
GIDIS -http://gidis.ing.unlpam.edu.ar 22
Arbol de Requerimientos
GIDIS -http://gidis.ing.unlpam.edu.ar 23
Plantilla para Especificar Características y Atributos
Title: Code:Type: CharacteristicSub-characteristic/s:Definition / Comments:Scoring ModelEmployed Tool/s:Preference Scale:Example/s:
Title: Code:Type: AttributeHigher level Characteristic:Super-characteristic:Definition / Comments:Elementary Criteria Type:Values and Parameters TemplatePreference Scale:Data Collection Type: (Tool/s:)Example/s:
GIDIS -http://gidis.ing.unlpam.edu.ar 24
Especificando el Atributo: Tabla de Contenidos
Title: Table of Content; Code: 1.1.1.2; Type: AttributeHigher-level characteristic: UsabilitySuper-characteristic: Global Organization SchemeDefinition / Comments: It is an attribute that allows structuring the contents of the wholesite permitting the navigation by means of linked text. It is usually available in the homepage and emphasizes the information hierarchy so that users can become increasinglyfamiliar with how the content is organized in subsites. In addition, it facilitates a fast anddirect access to subsites contentsElementary Criteria: is an absolute and discrete binary criterion: we only ask if it isavailable (1) or it is not available (0).
Preference Scale:
Data Collection Type: ObservationalExample/s: Examples of table of content availability is Gallery of Art , UTS
100%60%0%
0 1
40%
GIDIS -http://gidis.ing.unlpam.edu.ar 25
Especificando el Atributo: Páginas de Acceso Rápido
Title: Quick Access Pages; Code: 4.1.1; Type: AttributeHigh-level characteristic: EfficiencySuper-characteristic: PerformanceDefinition / Comments: For the whole Web site, the size of each (static) pageis measured considering all its graphic, tabular, and textual components. Theaccess time to pages is specified as a function of the size and of the establishedspeed for a given communication line.Elementary Criteria: is an absolute and continuous multi-variable criterion.The formula to compute the preference is:X = ( (X1 - 0.4 X2 - 0.8 X3) / (X1 + X2 + X3) ) * 100; where X1 representsthe number of pages within a download time ranging from 0 < t1 < = 20seconds, and X2 represents the number of pages within a download timeranging from 20 < t2 < = 40, and X3 represents the number of pages within adownload time where: t3 > 40 sec.
Preference Scale:Data Collection Type: Automated.Example/s:
100%60%0%
0 100
40%
GIDIS -http://gidis.ing.unlpam.edu.ar 26
Automatizando la Recolección de Datos
GIDIS -http://gidis.ing.unlpam.edu.ar 27
Preferencias de Calidad Elementalpara el Caso de Estudio de Universidades
UPCSpain
Info UChileChile
Info UTSAustralia
Info NUSSingapore
Info StanfordUSA
info UQAMCanada
info
USABILITY
1.1.1.1 100 1 0 0 0 0 0 0 0 0 0 01.1.1.2 100 1 0 0 100 1 100 1 100 1 0 01.1.1.3 0 0 0 0 100 1 0 0 100 1 0 01.1.2 90 90 90 90 90 90 80 80 90 90 80 801.1.3 0 0 0 0 100 1 0 0 100 1 0 01.1.4 100 1 100 1 100 1 100 1 50 0.5 100 1FUNCTIONALITY
2.1.1.1.1 60 1 100 2 60 1 100 2 100 2 100 22.1.1.1.2 0 0 0 0 100 2 0 0 100 2 0 02.1.1.1.3 0 0 0 0 0 0 0 0 100 2 100 22.1.2.1 50 0.5 50 0.5 50 0.5 0 0 100 1 50 0.52.2.1.2 50 50 40 40 60 60 60 60 100 100 100 100RELIABILITY
3.1.1.1 0 -29 75.02 75.02 74.1 74.1 68.06 68.06 58.32 58.32 0 -10EFFICIENCY
4.1.1 75.3 75.3 50.46 50.5 82 82 51.46 51.46 100 83.44 83.44.2.1.2.1 34.38 45.36 81.65 36.22 47.29 53.15
GIDIS -http://gidis.ing.unlpam.edu.ar 28
Modelos de Agregación y Puntaje
Modelo de Puntaje Lineal Aditivo (T.Gilb)
Indicador Global = ∑ (Peso del componente x Valor Elemental)
Modelo de Puntaje de Preferencia Lógica (LSP) (J. Dujmovic)Media de Potencia Pesada
SimultaneidadRemplazabilidad,Neutralidad,Relaciones Simétricas y Asimétricas
GIDIS -http://gidis.ing.unlpam.edu.ar 29
Modelo LSP - Operadores Lógicos
GIDIS -http://gidis.ing.unlpam.edu.ar 30
Modelo LSP - Mecanismo de Agregación 1.1.1.1
1.1.1.3
D++
A
0.2
0.4
0.351.1.1
1.2.3.1
1.1
1.2.3.2
1.2.3.3
DA 0.25
0.5
0.25
1.4.3
1.4.1
A0.1
C--1.2
1.4
1
0.5
0.15
0.35
0.3
1.1.1.2 0.4
1.1.2
0.31.1.4
0.25
1.1.3
0.15
0.2
1.2.1.2
1.2.1.1A
1.2.10.6
0.4
1.2.2.2
1.2.2.1D+
1.2.20.5
0.5
1.2.4
1.3.2.1
1.3.2.2D++ A
1.3.2.3A
0.5
0.4
0.6
0.3
0.3
0.25
1.3.2
1.3
1.3.1
1.3.4
0.15
0.5
A1.2.3
0.2
0.2
0.25
0.11.2.5.1
1.2.5.2 A
0.4
0.40.2
1.2.5
0.25
1.2.5.3
1.3.3.1
1.3.3.2 A
0.2
0.10.7
1.3.3
1.3.3.3
1.4.2 0.35
GIDIS -http://gidis.ing.unlpam.edu.ar 31
Preferencias de Calidad Parcial y Globalpara el Caso de Estudio de Universidades
Characteristic and Subcharacteristics UPC UChile UTS NUS Stanford UQAM
1. Usability 76.18 51.01 80.08 57.71 71.93 60.941.1 Global Site Understandability 77.76 43.5 98.17 75.70 83.17 421.1.1 Global Organization Scheme 97.91 0 99.08 96.29 99.08 01.2 On-line Feedback and Help Features 70.15 44.6 73.8 75.8 69.4 68.791.3 Interface and Aesthetic Features 80.6 69.72 83.11 34.9 75.71 73.101.4 Miscellaneous Features 73 43 35 35 35 802. Functionality 61.84 50.39 48.89 38.99 82.04 71.122.1 Searching Issues 48.59 42.37 29.32 19.73 100 80.552.1.1 Web-site Search Mechanisms 48 50.84 52.17 35.12 100 82.98
2.1.1.1 Scoped Search 24 40 44 40 100 602.1.2 Retrieve Mechanisms 50 25 0 0 100 752.2 Navigation and Browsing Issues 62.01 50.09 57.66 38.80 78.02 50.892.3 Student-oriented Domain Features 73.46 57.43 61.80 61.87 73.13 82.373. Reliability 60.40 87.62 90.86 88.70 83.05 63.614. Efficiency 60.09 52.03 76.11 53.12 85.99 69.474.1 Performance 75.3 50.46 82 51.46 100 83.444.2 Accessibility 55.41 55.79 63.04 57.10 56.57 40.84Global Preference 65.06 56.55 69.61 54.46 79.76 66.05
GIDIS -http://gidis.ing.unlpam.edu.ar 32
Ranquin Finalpara el Caso de Estudio de Universidades
GIDIS -http://gidis.ing.unlpam.edu.ar 33
Ranquin Finalpara el Caso de Estudio de Museos
79,26
68,4
51,74
50,95
0 20 40 60 80 100
Quality Preference [%]
1
2
3
4
Ran
king
Metropolitan
Louvre
Prado
National Gallery of Art
GIDIS -http://gidis.ing.unlpam.edu.ar 34
Conclusiones
Para diseñar un “buen” sitio Web es necesario considerar Características y Atributos de Calidad
“Si no sabemos dónde estamos parados un mapa no ayuda”
Es preciso EVALUAR !
GIDIS -http://gidis.ing.unlpam.edu.ar 35
Conclusiones
Web-site QEM permite ComprenderEl estado del arte de Sitios Web Operativos⌧Subcaracterísticas y Atributos Ausentes ⌧Problemas de Diseño (Interface, Navegación, Contenido,
Performance, Funcionalidad ...)⌧Requerimientos Pobremente Implementados
Especificar y Controlar Requerimientos de Calidad para Nuevos Proyectos
Web-site QEM permite dar Recomendaciones
Web-site QEM permite Mejorar la Calidad de Productos de Software
GIDIS -http://gidis.ing.unlpam.edu.ar 36
Referencias
Olsina, L., Godoy, D.; Lafuente, G., Rossi, G, 1999, Assessing the Quality of Academic Web Sites, New Review Hypermedia Multimedia Journal, Taylor Graham Publishers, UKOlsina, L., Rossi, G. 1999, Towards Web-site Quantitative Evaluation: defining Quality Characteristicsand Attributes, IV Int’l WebNet Conference, Hawaii, USA, Oct 1999Lafuente, G.H, Lafuente, G.J, Nicolai, P., Olsina, L., 1999, Un Survey sobre Atributos de Calidad de Sitios Web, Proceedings del V Congreso Argentino de Ciencias de la Computación. (CACIC), Tandil, ArgentinaOlsina, L., Godoy, D.; Lafuente, G., Rossi, G, 1999, Quality Characteristics and Attributes for Academic Web Sites, Web Engineering Workshop at
WWW8, Toronto, Canada.Olsina, L. , 1999, Web-site Quality Evaluation Method: a Case Study on Museums , ICSE´99 Software Engineering over the Internet, Los Angeles, US
GIDIS -http://gidis.ing.unlpam.edu.ar 37
Gracias por la Presencia !!!
GIDISGrupo de Investigación y Desarrollo en Ingeniería de
Software
Consultas:
URL: http://gidis.ing.unlpam.edu.arE-mail: olsinal@ing.unlpam.edu.ar
GIDIS -http://gidis.ing.unlpam.edu.ar 38
Atributo: Mapa de Sitio
GIDIS -http://gidis.ing.unlpam.edu.ar 39
Atributo: Permanencia de Controles Principales
GIDIS -http://gidis.ing.unlpam.edu.ar 40
Atributo: Tabla de Contenido
GIDIS -http://gidis.ing.unlpam.edu.ar 41
Atributo: Indice Alfabético
GIDIS -http://gidis.ing.unlpam.edu.ar 42
Atributo: Mapa de Imagen
GIDIS -http://gidis.ing.unlpam.edu.ar 43
Atributo: Cuestionario
GIDIS -http://gidis.ing.unlpam.edu.ar 44
Atributo: Camino
GIDIS -http://gidis.ing.unlpam.edu.ar 45
Atributo: Directorio TE/Fax
GIDIS -http://gidis.ing.unlpam.edu.ar 46
Atributo: Búsqueda Restringida
GIDIS -http://gidis.ing.unlpam.edu.ar 47
Atributo: Descripción del Producto
GIDIS -http://gidis.ing.unlpam.edu.ar 48
Atributo: Zoom de la Imagen del Producto
GIDIS -http://gidis.ing.unlpam.edu.ar 49
Atributo: Carro de Compras
GIDIS -http://gidis.ing.unlpam.edu.ar 50
Atributo: 1-Click
GIDIS -http://gidis.ing.unlpam.edu.ar 51
Atributo: Appetizers