Método: WUEP Web app: O2 - Book Store - ID
←
→
Transcripción del contenido de la página
Si su navegador no muestra la página correctamente, lea el contenido de la página a continuación
Método: WUEP
Web app: O2 – Book Store
ID:____
Book Store
Book Store es una aplicación Web que ofrece un catálogo de libros los cuales están disponibles para su
venta. Algunas de las funcionalidades ofertadas por esta aplicación son:
- Un cliente (User) podrá consultar el catálogo de libros (Book) clasificados en categorías (Category).
Además se podrá acceder a la información detallada del libro (Book) y sus autores (Autor), las reseñas
de las editoriales (Editorial review) y los comentarios de otros clientes (Comment)
- Cualquier cliente (User) podrá comprar los libros que desee añadiéndolos a su carrito de compra (Cart)
para después efectuar el pago de los mismos.
Para entender mejor la estructura y el contenido de BookStore, en la Figura 1 muestra un fragmento del
modelo de clases correspondiente a estas funcionalidades de la aplicación Web.
Figura 1. Fragmento del Modelo de Clases de BookStore
Modelo Hipertexto
En la figura 2 de la siguiente página se muestra un fragmento del modelo de Hipertexto de BookStore, en el
cual se representa la consulta del catálogo de libros junto a su información detallada, la posibilidad de opinar
sobre un libro, y la compra de libros. A continuación se provee una descripción textual de dicho modelo de
hipertexto:
El fragmento del modelo de hipertexto contiene 6 páginas: Home, Books, Books Page, Leave a comment,
Shopping Cart, y Check-out.
En la página Home, la HierarchicalIndexUnit Categories muestra todas las categorías y sub-categorias de
libros. Desde ellas se puede acceder a su listado de libros. La IndexUnit Our Choice presenta la lista de libros
recomendados por BookStore. Desde ella se puede acceder directamente a los detalles del libro seleccionado.
En la página Books, la IndexUnit Available Books muestra los libros pertenecientes a una categoría
seleccionada.
En la página Books Page, la DataUnit Book Details muestra los detalles del libro seleccionado. La IndexUnit
Writen By los nombres de los autores de ese libro. La MultiDataUnit Editorial Reviews junto a su paginador la
ScrollUnit Reviewer limit muestran la lista de reseñas de las editoriales agrupadas en bloques. La
MultiDataUnit Customer Comments muestra las opiniones de los clientes. Además, a través del enlace Add to
Cart y la OperationUnit Create Cart item, el libro se puede añadir a nuestro carrito de compra.
En la página Leave a comment, se sigue mostrando la información del libro (DataUnit Book Details e
IndexUnit Written By), pero esta vez solo los comentarios de los clientes (MultiDataUnit Costumer Comments)
dando la posibilidad de escribir una opinión mediante la EntryUnit Comment y la OperationUnit Create a
Comment.
En la página Shopping Cart, la IndexUnit Your Shopping Cart muestra todos los libros añadidos al carrito,
permitiendo incrementar o disminuir la cantidad deseada de un mismo libro (SelectorUnits [cart]; MathUnits
Decrease an ítem / Increase an item y OperationUnit Modify cart). O bien eliminando por completo el libro del
carrito (OperationUnit Delete cart item).
En la página Check-out, la EntryUnit Payment Details permite introducir los datos personales para efectuar
el pago de los libros incluidos en el carrito de la compra.
A continuación se muestra la información detallada de las dos EntryUnits del modelo de hipertexto:
Payment Details y Comment:View books Book details
pages
Book details
Add to cart
Book details
Continue
OK
OK
Book details
OK
Leave a comment
Delete
Decrease Increase
OK Add
OK OK
OK
OK OK
Figura 2. Fragmento del Modelo de Hipertexto de BookStoreTAREA 1. Evaluación del Modelo de Hipertexto
1. Usando como referencia el Anexo A:
• Obtenga las métricas que pueden aplicarse al modelo de Hipertexto de la Figura 2.
• Aplique cada métrica para obtener su valor.
• Clasifique los valores obtenidos según los umbrales establecidos.
2. Para aquellos problemas de tipo Leve, Medio o Grave, rellene los campos solicitados en el formulario
proporcionado en el Anexo B, y anote el ID del problema tras ser rellenado.
ANOTE LA HORA DE INICIO (HH:MM): ____:____
Abrev. Tipo de problema ID problema
Cálculo de la métrica
Métrica de usabilidad usabilidad
No
Leve
Medio
Grave
No
Leve
Medio
Grave
No
Leve
Medio
Grave
No
Leve
Medio
Grave
No
Leve
Medio
Grave
No
Leve
Medio
Grave
RECUERDE rellenar los campos propuestos en el informe de usabilidad para cada problema detectado.
ANOTE LA HORA DE FIN (HH:MM): ____:____Interfaz de Usuario Final
En la figura 3 de la siguiente página se muestra un fragmento de la interfaz de usuario final de BookStore, en
el cual se representa algunas de las páginas modeladas previamente en el modelo Hipertexto.
En la interfaz de usuario Home (Figura 3 (a)) se muestra la página principal de BookStore. En el menú
izquierdo se presenta la jerarquía de categorías. Al hacer click sobre una categoría, se nos mostrará el listado
de libros de dicha categoría. En el contenido de la página se muestra la lista de libros recomendados por
BookStore. Al hacer click sobre el título se mostrará la información del mismo (Figura 3 (b)). Los elementos que
componen esta página son:
- Links: Home, Nombres de las categorías, Nombres de los libros
En la interfaz de usuario Book Details (Figura 3 (b)) se muestra los detalles del libro seleccionado
previamente. Los elementos que componen esta página son:
- Links: Home, Nombres de las categorías, Add to cart, Leave a comment
En la interfaz de usuario Your Shopping Cart (Figura 3 (c)) se muestra el contenido actual del carrito de
compra. Desde aquí podemos modificar nuestro carrito de compra incrementando/disminuyendo la cantidad
de libros deseados, o eliminando libros del carrito. Los elementos que componen esta página son:
- Links: Home, Nombres de las categorías, Nombres de los libros, Flechas de incremento/decremento,
Delete, Continue, Edit your CatFigura 3. Fragmento de la interfaz de Usuario Final de BookStore
TAREA 2. Evaluación de la Interfaz de Usuario Final
1. Usando como referencia el Anexo A:
• Obtenga las métricas que pueden aplicarse a la interfaz de usuario final de la Figura 3.
• Aplique cada métrica para obtener su valor.
• Clasifique los valores obtenidos según los umbrales establecidos.
2. Para aquellos problemas de tipo Leve, Medio o Grave, rellene los campos solicitados en el formulario
proporcionado en el Anexo B, y anote el ID del problema tras ser rellenado.
ANOTE LA HORA DE INICIO (HH:MM): ____:____
Abrev. Tipo de problema ID problema
Cálculo de la métrica
Métrica de usabilidad usabilidad
No
Leve
Medio
Grave
No
Leve
Medio
Grave
No
Leve
Medio
Grave
No
Leve
Medio
Grave
No
Leve
Medio
Grave
No
Leve
Medio
Grave
RECUERDE rellenar los campos propuestos en el informe de usabilidad para cada problema detectado.
ANOTE LA HORA DE FIN (HH:MM): ____:____También puede leer
