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:

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

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.

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

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.

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

Hoy vamos a coger el martillo, el destornillador, la brocha y la pintura y nos vamos a fabricar un logo con una apariencia similar al de las aplicaciones web 2.0.

En concreto haré el logo para el relanzado proyecto iTable, del que dentro de poco les contaré más cosas. Usaré Gimp, el cual se encuentra en la entrada que escribí sobre equivalencias de software entre windows y linux. Espero que les guste ésta sesión de bricolaje informático, tanto como les gustó aprender cómo manejar el ordenador con el mando de la wii.

Empecemos.

1. Cójase un Gimp, se desmenuza toito pa que quede bien rico.

Creamos un lienzo más o menos rectangular, yo lo voy a crear de 420×300

Archivo->Nuevo y eliges tu tamaño.

Primero creamos la palabra “Table”, he escogido una letra Sans Bold, 90px y un espaciado de -9 entre las letras. Tenemos algo como ésto:

Ahora vamos a darle color a la palabra Table, abrimos el cuadro de diálogo de capas, boton derecho en nuestra capa, y alfa a seleccion. El texto debe aparecer seleccionado tal que así.

Ahora seleccionamos la herramienta de gradiente elegimos los colores entre los que queramos hacer el degradado y damos rienda suelta a nuestro arte. Yo lo he dejado así.

Lo siguiente es crearle un brillo en la parte superior del texto, primero seleccionamos la herramienta de ruta, y segun el criterio de cada uno, creamos una forma con curvas. Ésta es la ruta que he seguido yo.

Ahora pulsamos con el boton derecho sobre el texto, vamos a Dialogos->Rutas, nos aparecerá una ventanita con las rutas (solo hemos creado una). Pulsamos con el botón derecho sobre nuestra ruta y le decimos intersercar con seleccion. Se seleccionará solo la parte del texto que está contenida en la ruta.

Creamos una nueva capa como hicimos antes y seleccionamos otra vez la herramienta Gradiente. En el color de frente ponemos Blanco y en la opcion Degradado ponemos frente a transparente. Pulsamos sobre el dibujo con el botón derecho y luego seleccionar->desde ruta. Aplicamos el gradiente y despues vamos a seleccionar->ninguno, tendremos algo así.

Ahora vamos a crear un efecto de reflejo de una manera muy sencilla. Copiamos la capa del texto, le damos la vuela, y la movemos hacia abajo. Boton derecho en la capa Table, duplicar capa, le cambiamos el nombre.

Teniendo la capa nueva seleccionada, en el lienzo le damos con el boton derecho->capa->transformar-> voltear verticalmente. La movemos hacia abajo y tendremos ésto.

Usamos un gradiente para hacer desaparecer parte de la máscara del reflejo y lo presentamos

Le he añadido la “i” con el mismo proceso, pero con tipografía courier. El resultado final es éste.

Bueno hasta aquí este tutorial, espero que les sea útil y que no tengan muchas dudas. Es el primer tutorial que hago de Gimp, así que disculpen si me he saltado algun paso importante o algo no ha quedado muy claro, A través de los comentarios se intentará ayudar en lo que se pueda.

Saludos!

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.