Sin título de diapositiva - Hosting Miarrobagarciagregorio.webcindario.com › ms ›...

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