DESARROLLO METODOLGICO

Artefacto Ncleo
El artefacto ncleo, es una aplicacin 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
informacin relevante para el usuario.
La informacin que la plataforma considera importante para el usuario son los posibles
artculos que una pgina web contiene y los enlaces de navegacin de la misma, de
manera que el sistema automticamente eliminar publicidad, imgenes o textos que
no tengan correlacin con el contenido relevante.

Ejemplo del objetivo del artefacto ncleo 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 artculo del portal www.eltiempo.com

A continuacin se muestra cual es el resultado deseado del ncleo de la

aplicacin cuando extrae la informacin relevante:

El anterior, es un ejemplo que muestra el resultado de la aplicacin en la fase de

filtrado de datos a informacin relevante desde un archivo HTML. Hasta este punto se
cumple el objetivo del artefacto ncleo, no obstante la plataforma debe representar de
manera fcil y clara la nueva informacin a la poblacin en contexto.
Esto nos lleva por consiguiente a implementar un servicio de sintetizacin de voz a
travs de tecnologas HTML5 y JavaScript.
El servicio de Text To Speech, no slo permitir representar el resultado del filtro
HTML, permitir adems amplificar la experiencia de usuario de la poblacin invidente
en la navegacin de la web, ya que esta caracterstica nos brinda una mayor
accesibilidad e interaccin con los contenidos de La Internet a travs de un sistema de
navegacin guiada en formato audio implementado en la plataforma. La plataforma no
slo sintetizar en audio el resultado, ofrecer al usuario la sintetizacin de los enlaces
disponibles, ya sean mens o links a artculos.
De esta manera se pretende mejorar la experiencia de usuario al facilitar el acceso a la
informacin relevante por medio de la plataforma.

ARQUITECTURA

Para llevar a cabo el proyecto se implementaron las siguientes tecnologas

Lado Servidor

Para el procesamiento de datos, se

utiliza apache como servidor HTTP
y el lenguaje de programacin PHP.

Algoritmo Arc90 para la extraccin

de la informacin relevante

CURL, para la extraccin de los

enlaces

Lado Cliente

Se utiliza JavaScript para la carga

dinmica de contenidos

AJAX como va de transferencia de

informacin.

Librera Voice Elements en

JavaScript, que brinda un API
OpenSource para la manipulacin
del Text To Speech de HTML5.

FLUJO PROCESAMIENTO DE DATOS

METODOLOGIA LEAN

La metodologa 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
caracterstica reside en agilizar el lanzamiento de los productos sin esperar
diagnsticos tericos o anlisis 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 dinmicas del mercado.
Con este modelo, buscamos la agilidad,
la colaboracin y la flexibilidad al
cambio dentro del proceso de desarrollo
de software.
La metodologa Lean se ha aplicado y
enfocado
a
la
retroalimentacin
constante a travs de la interaccin con
los usuarios de la fundacin CRAC,
basndonos en una comunicacin
continua y efectiva para garantizar la
satisfaccin del usuario y lograr las
expectativas del producto.

El ciclo de desarrollo se ha fundamentado en los principios que establece la

metodologa Lean:

Desarrollo y entrega continua de avances.

Adaptacin a circunstancias de cambio.

Satisfaccin de los usuarios a travs de desarrollo rpido.

Organizacin y cooperacin contina entre los participantes del proyecto.

Constante comunicacin con los usuarios de la fundacin CRAC, para el

levantamiento de requerimientos.

FASES DEL CICLO DEL DESARROLLO

A continuacin se exponen los cambios y versiones ms relevantes durante el proceso
de desarrollo.
CICLO DEL DESARROLLO
PRIMER FASE
Caractersticas:

Desarrollo en versin beta con sintetizador de texto y reconocimiento de voz.

Se implementa un sistema de interaccin en modo conversacin enfocado a

los usuarios sin experiencia.

Objetivo

Analizar la reaccin de los

usuarios y su punto de vista
ante el servicio de
sintetizacin de voz y la
propuesta.

Recopilacin de datos

Manual
Anlisis visual de
reacciones y
expresin corporal

Resultados

La interaccin con el
sistema en modo
conversacin es muy
lenta para los
usuarios avanzados.

CICLO DEL DESARROLLO

SEGUNDA FASE
Caractersticas:

Diseo de plataforma segn la experiencia del usuario.

Navegacin por atajos de teclado.

Objetivo

Implementar una
navegabilidad gil y precisa.

Recopilacin de datos

Manual
Anlisis visual de
reacciones y
expresin corporal

Resultados

Incompatibilidad con
herramientas de
terceros.
Navegacin ambigua.

CICLO DEL DESARROLLO

TERCERA FASE
Caractersticas:

Navegacin de enlaces.

Control total de la informacin a travs del teclado.

Compatibilidad con herramientas de terceros.

Implementacin de una caja de comentarios

Objetivo

Optimizar la navegacin en el
sistema y recaudar
informacin detallada
automticamente.

Recopilacin de datos

Caja de comentarios
para la
retroalimentacin.
Seguimiento del
usuario (Mtricas de
usabilidad).

Resultados

Navegacin ambigua.
Distribucin compleja
de los atajos de
teclado.

CICLO DEL DESARROLLO

CUARTA FASE
Caractersticas:

Implementacin de un sistema de navegacin guiada por medio del servicio de

sintetizacin de voz para evitar una navegacin ambigua a travs del teclado.

Sistema que indica al usuario informacin detallada de los artculos y enlaces

disponible en una web solicitada.

Objetivo

Mejorar el acceso a la
plataforma a travs de una
navegacin guiada y facilitar
la informacin con datos
detallados de las pginas
visitadas

Recopilacin de datos

Caja de comentarios
Entrevistas
Focus Group.
Test de Percepcin

Resultados

La informacin
brindada al usuario
es precisa y
organizada.
Se necesitan corregir
bugs e implementar
detalles tcnicos muy
especficos.

MANUAL DE USUARIO

A continuacin se describen las caractersticas, las funcionalidades y el sistema de

navegacin que permitirn a un usuario acceder fcilmente a la informacin contenida
en la web.
1. Ingreso plataforma

Para acceder a la aplicacin, es importante aclarar que la herramienta funciona

en navegadores modernos que soporten la tecnologa Text to Speech de
HTML5,
caracterstica soportada solamente por el navegador Google
Chrome.
En cuanto se utilice un explorador web calificado, el usuario deber dirigirse a
la direccin www.teleolapagina.tk
Una vez ingresado al portal, el sistema automticamente le indicar al usuario
que deber digitar directamente una URL o que podr realizar una
combinacin de teclas para continuar con la navegacin.

2. Mdulos plataforma
La plataforma se divide en cuatro mdulos funcionales.

A. Mdulo para insertar la URL.

B. Mdulo para insertar los comentarios.
C. Mdulo que retorna el artculo o informacin relevante
D. Mdulo que retorna los enlaces a posibles artculos o mens de navegacin

3. Navegacin Plataforma

Atajos de teclado implementados que le permitirn al usuario desplazarse por la

plataforma.

1 = El usuario podr navegar en modo bsico

2 = El usuario podr navegar en modo avanzado
Shift + A = Leer los enlaces disponibles
Shift + S = Leer el artculo 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 prrafos
Flecha arriba = Navegar entre enlaces o prrafos

4. Funcionalidad
a) El sistema le permitir escoger al usuario el modo de navegacin:

Al digitar el nmero 1, el sistema entrar en modo de navegacin bsica.

En el modo navegacin bsica, el usuario interactuar en modo de dialogo
o conversacin con el sistema. Para habilitar esta funcin de manera
automtica, el usuario deber habilitar previamente la disponibilidad del
micrfono y permitir acceso permanentemente.

Al digitar
sistema

el

nmero
2, el
entrar en modo

de navegacin avanzada. Aqu el usuario podr navegar a travs de atajos

de teclado especificados desde que el usuario entra a la plataforma.

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

Si selecciona el modo bsico, el usuario hablara en voz alta la URL, el

sistema le pedir la confirmacin y el usuario deber decir aceptar, para
enviar la peticin.

Si selecciona el modo avanzado, el usuario podr teclearla URL deseada y

presionando ENTER enva la peticin.

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 artculo si se encuentra
disponible.

En cualquier tipo de navegacin, 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 anlisis del funcionamiento y
rendimiento del sistema.