DESARROLLO METODOLÓGICO

Artefacto Núcleo

El artefacto núcleo, es una aplicación web que puede ser accedida desde el navegador Google Chrome. El objetivo principal es recorrer y capturar todos los datos que un archivo HTML contiene para luego filtrarlos, organizarlos y transformarlos en información relevante para el usuario.

La información que la plataforma considera importante para el usuario son los posibles artículos que una página web contiene y los enlaces de navegación de la misma, de manera que el sistema automáticamente eliminará publicidad, imágenes o textos que no tengan correlación con el contenido relevante.

Ejemplo del objetivo del artefacto núcleo en el que se muestra cual es el resultado deseado tras analizar, filtrar y organizar los datos de un documento HTML

Ingresamos como ejemplo un artículo del portal www.eltiempo.com

A continuación se muestra cual es el resultado deseado del núcleo de la aplicación cuando extrae la información relevante:

El anterior, es un ejemplo que muestra el resultado de la aplicación en la fase de filtrado de datos a información relevante desde un archivo HTML. Hasta este punto se cumple el objetivo del artefacto núcleo, no obstante la plataforma debe representar de manera fácil y clara la nueva información a la población en contexto.

Esto nos lleva por consiguiente a implementar un servicio de sintetización de voz a través de tecnologías HTML5 y JavaScript.

El servicio de Text To Speech, no sólo permitirá representar el resultado del filtro HTML, permitirá además amplificar la experiencia de usuario de la población invidente en la navegación de la web, ya que esta característica nos brinda una mayor accesibilidad e interacción con los contenidos de La Internet a través de un sistema de navegación guiada en formato audio implementado en la plataforma. La plataforma no sólo sintetizará en audio el resultado, ofrecerá al usuario la sintetización de los enlaces disponibles, ya sean menús o links a artículos.

De esta manera se pretende mejorar la experiencia de usuario al facilitar el acceso a la información relevante por medio de la plataforma.

ARQUITECTURA

Para llevar a cabo el proyecto se implementaron las siguientes tecnologías

Lado Servidor Lado Cliente

Para el procesamiento de datos, se utiliza apache como servidor HTTP y el lenguaje de programación PHP.

Algoritmo Arc90 para la extracción de la información relevante

CURL, para la extracción de los enlaces

Se utiliza JavaScript para la carga dinámica de contenidos

AJAX como vía de transferencia de información.

Librería Voice Elements en JavaScript, que brinda un API OpenSource para la manipulación del Text To Speech de HTML5.

FLUJO PROCESAMIENTO DE DATOS

METODOLOGIA LEAN

La metodología Lean es una estrategia de mejora continua que garantiza el éxito de un servicio o producto. Se basa en un plan de mejora de los procesos, su principal característica reside en agilizar el lanzamiento de los productos sin esperar diagnósticos teóricos o análisis previos sobre el comportamiento de los mismos.

De este modo, se tiene la posibilidad de medir los resultados derivados de los lanzamientos para posteriormente adaptar el producto a las exigencias del consumidor y a las dinámicas del mercado.

Con este modelo, buscamos la agilidad, la colaboración y la flexibilidad al cambio dentro del proceso de desarrollo de software.

La metodología Lean se ha aplicado y enfocado a la retroalimentación constante a través de la interacción con los usuarios de la fundación CRAC, basándonos en una comunicación continua y efectiva para garantizar la satisfacción del usuario y lograr las expectativas del producto.

El ciclo de desarrollo se ha fundamentado en los principios que establece la metodología Lean:

Desarrollo y entrega continua de avances.

Adaptación a circunstancias de cambio.

Satisfacción de los usuarios a través de desarrollo rápido.

Organización y cooperación continúa entre los participantes del proyecto.

Constante comunicación con los usuarios de la fundación CRAC, para el levantamiento de requerimientos.

FASES DEL CICLO DEL DESARROLLO

A continuación se exponen los cambios y versiones más relevantes durante el proceso de desarrollo.

CICLO DEL DESARROLLO

PRIMER FASE

Características:

Desarrollo en versión beta con sintetizador de texto y reconocimiento de voz.

Se implementa un sistema de interacción en modo conversación enfocado a los usuarios sin experiencia.

Objetivo Recopilación de datos Resultados

Analizar la reacción de los usuarios y su punto de vista

ante el servicio de sintetización de voz y la

propuesta.

Manual Análisis visual de

reacciones y expresión corporal

La interacción con el sistema en modo conversación es muy lenta para los usuarios avanzados.

CICLO DEL DESARROLLO

SEGUNDA FASE

Características:

Diseño de plataforma según la experiencia del usuario.

Navegación por atajos de teclado.

Objetivo Recopilación de datos Resultados

Implementar una navegabilidad ágil y precisa.

Manual Análisis visual de

reacciones y expresión corporal

Incompatibilidad con herramientas de terceros.

Navegación ambigua.

CICLO DEL DESARROLLO

TERCERA FASE

Características:

Navegación de enlaces.

Control total de la información a través del teclado.

Compatibilidad con herramientas de terceros.

Implementación de una caja de comentarios

Objetivo Recopilación de datos Resultados

Optimizar la navegación en el sistema y recaudar

información detallada automáticamente.

Caja de comentarios para la retroalimentación.

Seguimiento del usuario (Métricas de usabilidad).

Navegación ambigua. Distribución compleja

de los atajos de teclado.

CICLO DEL DESARROLLO

CUARTA FASE

Características:

Implementación de un sistema de navegación guiada por medio del servicio de sintetización de voz para evitar una navegación ambigua a través del teclado.

Sistema que indica al usuario información detallada de los artículos y enlaces disponible en una web solicitada.

Objetivo Recopilación de datos Resultados

Mejorar el acceso a la plataforma a través de una

navegación guiada y facilitar la información con datos detallados de las páginas

visitadas

Caja de comentarios Entrevistas Focus Group. Test de Percepción

La información brindada al usuario es precisa y organizada.

Se necesitan corregir bugs e implementar detalles técnicos muy específicos.

MANUAL DE USUARIO

A continuación se describen las características, las funcionalidades y el sistema de navegación que permitirán a un usuario acceder fácilmente a la información contenida en la web.

1. Ingreso plataforma

Para acceder a la aplicación, es importante aclarar que la herramienta funciona en navegadores modernos que soporten la tecnología Text to Speech de HTML5, característica soportada solamente por el navegador Google Chrome.

En cuanto se utilice un explorador web calificado, el usuario deberá dirigirse a la dirección www.teleolapagina.tk

Una vez ingresado al portal, el sistema automáticamente le indicará al usuario que deberá digitar directamente una URL o que podrá realizar una combinación de teclas para continuar con la navegación.

2. Módulos plataforma

La plataforma se divide en cuatro módulos funcionales.

A. Módulo para insertar la URL. B. Módulo para insertar los comentarios. C. Módulo que retorna el artículo o información relevante D. Módulo que retorna los enlaces a posibles artículos o menús de navegación

3. Navegación Plataforma

Atajos de teclado implementados que le permitirán al usuario desplazarse por la plataforma.

1 = El usuario podrá navegar en modo básico

2 = El usuario podrá navegar en modo avanzado

Shift + A = Leer los enlaces disponibles

Shift + S = Leer el artículo disponible

Shift + D = Detener audio actual completamente

Shift + C = Permitirá al usuario dejar un comentario

Shift + Espacio = Pausar o continuar lectura de articulo

Flecha arriba = Navegar entre enlaces o párrafos

Flecha arriba = Navegar entre enlaces o párrafos

4. Funcionalidad

a) El sistema le permitirá escoger al usuario el modo de navegación:

Al digitar el número 1, el sistema entrará en modo de navegación básica. En el modo navegación básica, el usuario interactuará en modo de dialogo o conversación con el sistema. Para habilitar esta función de manera automática, el usuario deberá habilitar previamente la disponibilidad del micrófono y permitir acceso permanentemente.

Al digitar el número 2, el sistema entrará en modo de navegación avanzada. Aquí el usuario podrá navegar a través de atajos de teclado especificados desde que el usuario entra a la plataforma.

b) Una vez el usuario seleccione el tipo de navegación, éste podrá teclear o dictar al sistema cual es el URL que desea ingresar:

Si selecciona el modo básico, el usuario hablara en voz alta la URL, el sistema le pedirá la confirmación y el usuario deberá decir aceptar, para enviar la petición.

Si selecciona el modo avanzado, el usuario podrá teclearla URL deseada y presionando ENTER envía la petición.

c) El sistema arrojará como resultado un mensaje en el que le pide al usuario que indique si desea navegar por los enlaces disponibles o leer el artículo si se encuentra disponible.

En cualquier tipo de navegación, el usuario deberá usar las flechas para navegar entre enlaces, para ejecutarlos deberá presionar ENTER.

d) Una de las herramientas para medir la experiencia de usuario se encuentra implementado en la plataforma.

Presionando Shift +C, el usuario será enviado a una caja de comentarios para que pueda realizar una breve análisis del funcionamiento y rendimiento del sistema.