Categorías
acatos itable Programacion

Retomando el proyecto itable

Buenas,

Tengo intención de retomar el proyecto del tablero de comunicación que empecé hace un par de años y colgarlo para libre distribución. En la versión alpha se llamaba Tablerin :p pero he decidido cambiarle el nombre, a partir de ahora lo llamaré iTable (www.itable.es) y quiero hacerlo más genérico en cuanto a lenguaje. La idea es hacerlo multilenguaje, total, no es que haya tres millones de líneas en el código 🙂

¿Que es un tablero de comunicación?

Un tablero de comunicación es una superficie que contiene imágenes, las cuales se corresponden con personas, objetos, sentimientos o acciones. Es usado por personas que tienen dificultad para comunicarse, ya sea por algun tipo de parálisis como por algún problema de tipo mental. Solo con señalar las imágenes en la pantalla, estará transmitiendo a una segunda persona un mensaje. Ya que se va construyendo un texto cada vez que pulsamos en algun objeto.

Mi lista de propósitos es la siguiente:

  • Multilenguaje
  • Perfeccionar el multiusuario
  • Mejorar el diseño de la interfaz
  • Maximizar la usabilidad del tablero
  • Categorías de imágenes dinámicas

Sería la repanocha si:

  • Consiguiera alguna manera de usar un modulador de voz gratuito
  • Creación de atajos a frases construidas

Iré informando tanto desde aquí como desde www.itable.es, dentro de poco colgaré una instalación de pruebas y el código fuente. Se aceptan sugerencias / ideas 🙂 son casi libres de comentar.

Categorías
itable Programacion

La importancia de tabindex en programas usables

Como saben, estoy intentando «terminar de empezar» (un programa nunca se termina del todo) el proyecto iTable. El software, probablemente lo van a usar personas que tendrán muchas dificultades para mover las manos. Tareas tan sencillas como hacer clic, mover el ratón o pulsar varias teclas a la vez, se complican mucho para estas personas.

Lo que se intenta es hacer un programa accesible que no tenga ningún tipo de barrera en cuanto al manejo. Lo ideal es depender lo menos posible del ratón y si se puede usar con el mínimo número de teclas, sería ideal.

Me he propuesto que se pueda usar mediante dos únicas teclas, Tabulador y Enter.

La tecla «tabulador» suele ser la de esta imagen:

tecla-tabulador-tab

La tecla «enter» es de las más famosas del teclado, se suele situar en dos posiciones:

tecla-enter-intro

La idea, es que los usuarios de itable, puedan usar el programa usando la tecla tabulador para moverse por las categorias, opciones e imágenes del tablero. Dejando la tecla enter para seleccionar imágenes y opciones.

Para esto, hay una propiedad que tienen algunos elementos html llamada tabindex, con la que podemos indicar el orden que se va a seguir cuando pulsemos la tecla TAB (tabulador). Podemos ver un buen tutorial de su uso en este enlace. Se trata, simplemente, de decirle a los elementos html el orden en que se van a seleccionar al usar la tecla TAB.

logo_itable

Los elementos que permiten esta propiedad son <A>, <AREA>, <BUTTON>, <INPUT>, <OBJECT>, <SELECT> Y <TEXTAREA>. Además, hay un asunto importante, si le damos a tabindex un valor -1, no se seleccionará el elemento al usar la tecla TAB.

En el ejemplo práctico de itable, solo permitiré que se pueda usar el Tabulador con las categorias, imágenes y quizás alguna opción. Simplificando el manejo (creo yo).

Cualquier duda o sugerencia… ya saben 🙂

Categorías
itable Programacion

iTable: Ya pasa el texto a voz gracias a vozme

El proyecto iTable necesitaba un empujón y he avanzado un poquito. ¡Ya he conseguido uno de los objetivos que me marqué en aquel post! Poder pasar el texto generado a voz 🙂

Uso el servicio inestimable de vozme, una manera sencilla de modular voz online. Hay que decir que el tablero que se crea por defecto no destaca por su amplio léxico, pero recuerden que está en una fase alpha. Ya habrá tiempo de perfeccionar el juego de imágenes en sí.

He hecho unos cuantos contactos gracias a los anteriores post que escribí aquí y ayuda especializada en este tipo de comunicación no me faltará.

Bueno, si quieren probarlo y hacerlo explotar como buenos usuarios test pueden ir a www.itable.es. Hay algunos errores que ya he detectado yo y tengo pendientes de solucionar, pero si encuentran alguno avisen 1654 ojos ven más que dos (hoy entraron aquí 827 almas). Para acceder a iTable pueden usar:

Usuario: foo9 Password: foo9

No se creen usuarios aun, que tengo que solucionar algunas cosillas en la creación de usuario. Queda poquito para tener esa parte acabada. No está mal para una tarde de trabajo (gimnasio incluido). Me voy a dormir que dentro de 5 horas me despierto :p

PD: Ahora se me antojó hacer un iBraille, pero tengo que acabar este primero para ir por partes.

Categorías
itable Programacion

Interfaz de iTable (uno)

La interfaz de la página principal de iTable ya está más o menos perfilada. Ahora estoy metiendome un poco con las tripas del cacharro. Si no saben de qué, estoy hablando, deberían empezar por aquí.

Sobre la interfaz he elegido los colores blanco y azul, sin muchas florituras. Se trata de maximizar la usabilidad, hay que tener en cuenta que muchos de los usuarios serán niños. Entre menos botones y menos imágenes que despisten o entorpezcan, mejor.

Estoy restructurando completamente algunas cosas con respecto a la versión Tablerin, entre ellas el tema del lenguaje y alguna cosilla más. De momento mi intención es que esté en castellano y en inglés, pero voy a prepararlo de manera que no sea complicado añadir más idiomas. Aunque tampoco tengo aspiraciones de que se use en Kyoto, pero añadir lenguas autonómicas sería una opción a barajar.

Bueno, más vale una imagen…

www.itable.es