Manual de usuario

TICO

Creative Commons Attibution-NonCommercial-ShareAlike 2.5.

http://creativecommons.org/licenses/by-nc-sa/2.5/es/.

Este manual est publicado bajo licencia Para ms informacin, dirigirse a

ndice
1. Introduccin 2. Instalacin y ejecucin de la aplicacin
2.1. En Windows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9 9
9

2.2.

En otros sistemas operativos . . . . . . . . . . . . . . . . . . . . . . . . . .

2.3.

Aplicaciones requeridas . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10

3. Formatos soportados
3.1. Formatos de proyecto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10
10

3.2.

Formatos de imagen

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10

3.3.

Formatos de audio

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10

3.4.

Formatos de vdeo

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

11

4. Manual del Editor

4.1. Elementos del Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

11
11

4.1.1.

Ventana del Editor . . . . . . . . . . . . . . . . . . . . . . . . . . .

11

4.1.2.

Barra de men

. . . . . . . . . . . . . . . . . . . . . . . . . . . . .

11

4.1.3.

Barras de herramientas

. . . . . . . . . . . . . . . . . . . . . . . .

13

4.1.4.

Preferencias del Editor . . . . . . . . . . . . . . . . . . . . . . . . .

16

4.2.

Edicin de proyectos

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

17

4.2.1.

Acciones sobre un proyecto

. . . . . . . . . . . . . . . . . . . . . .

17

4.2.2.

Lista de tableros

. . . . . . . . . . . . . . . . . . . . . . . . . . . .

17

4.2.3.

Propiedades de un proyecto

. . . . . . . . . . . . . . . . . . . . . .

18

4.3.

Edicin de tableros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

19

4.3.1.

rea de edicin . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

19

4.3.2.

Orden de barrido . . . . . . . . . . . . . . . . . . . . . . . . . . . .

20

4.3.3.

Propiedades de un tablero . . . . . . . . . . . . . . . . . . . . . . .

20

4.4.

Componentes de un tablero

. . . . . . . . . . . . . . . . . . . . . . . . . .

21

4.4.1.

Celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

22

4.4.2.

Celdas de control . . . . . . . . . . . . . . . . . . . . . . . . . . . .

25

4.4.3.

Cuadrculas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

27

4.4.4.

reas de texto

. . . . . . . . . . . . . . . . . . . . . . . . . . . . .

27

4.4.5.

Etiquetas

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

27

4.4.6.

Lneas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

28

4.4.7.

Polgonos

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

28

4.5.

Utilidad de Validacin

. . . . . . . . . . . . . . . . . . . . . . . . . . . . .

28

4.5.1.

Administracin de usuarios

. . . . . . . . . . . . . . . . . . . . . .

30

4.5.2.

Administracin de limitaciones

. . . . . . . . . . . . . . . . . . . .

32

4.5.3.

Administracin de reglas . . . . . . . . . . . . . . . . . . . . . . . .

37

4.5.4.

Validacin de tableros

. . . . . . . . . . . . . . . . . . . . . . . . .

38

4.5.5.

Validacin de proyectos

. . . . . . . . . . . . . . . . . . . . . . . .

39

4.6.

Utilidad Galera de pictogramas . . . . . . . . . . . . . . . . . . . . . . . .

41

4.6.1.

Cmo importar la Galera de pictogramas en el Editor . . . . . . .

42

4.6.2.

Bsqueda de imgenes en la Galera

. . . . . . . . . . . . . . . . .

42

4.6.3.

Trminos clave

. . . . . . . . . . . . . . . . . . . . . . . . . . . . .

46

4.6.4.

Insertar imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

49

4.6.5.

Modicar imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . .

49

4.6.6.

Eliminar imgenes

. . . . . . . . . . . . . . . . . . . . . . . . . . .

51

4.6.7.

Importar Base de Datos

. . . . . . . . . . . . . . . . . . . . . . . .

53

4.6.8.

Exportar Base de Datos . . . . . . . . . . . . . . . . . . . . . . . .

54

4.7.

Modos de edicin: Normal y Android . . . . . . . . . . . . . . . . . . . . .

56

4.7.1.

Diferencias entre modo Normal y Android . . . . . . . . . . . . . .

57

4.8.

Plantillas

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

63

5. Manual del Intrprete

5.1. Elementos del Intrprete . . . . . . . . . . . . . . . . . . . . . . . . . . . .

64
64

5.1.1.

Ventana del Intrprete . . . . . . . . . . . . . . . . . . . . . . . . .

64

5.1.2.

Barra de men

. . . . . . . . . . . . . . . . . . . . . . . . . . . . .

65

5.1.3.

Preferencias del Intrprete . . . . . . . . . . . . . . . . . . . . . . .

66

5.2.

Conguracin del Intrprete . . . . . . . . . . . . . . . . . . . . . . . . . .

66

5.3.

Validacin del Intrprete . . . . . . . . . . . . . . . . . . . . . . . . . . . .

67

6. Crditos

70

ndice de guras
1. Ventana del editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

2.

Barras de herramientas . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

13

3.

Lista de tableros

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

18

4.

Interfaz de edicin de orden de barrido . . . . . . . . . . . . . . . . . . . .

21

5.

Ejemplos de componentes

. . . . . . . . . . . . . . . . . . . . . . . . . . .

23

6.

Ventanas de propiedades de una celda

. . . . . . . . . . . . . . . . . . . .

24

7.

Ventanas de propiedades de una celda de control

. . . . . . . . . . . . . .

26

8.

Men Validacin en el Editor

. . . . . . . . . . . . . . . . . . . . . . . . .

29

9.

Men de administracin

. . . . . . . . . . . . . . . . . . . . . . . . . . . .

29

10.

Men de validacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

30

11.

Ventana para la administracin de usuarios

. . . . . . . . . . . . . . . . .

31

12.

Usuario guardado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

31

13.

Cargar un usuario

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

32

14.

Mensaje de conrmacin al borrar un usuario

. . . . . . . . . . . . . . . .

32

15.

Ventana de administracin de limitaciones . . . . . . . . . . . . . . . . . .

33

16.

Mensaje de conrmacin al borrar una limitacin . . . . . . . . . . . . . .

34

17.

Cargar una limitacin

. . . . . . . . . . . . . . . . . . . . . . . . . . . . .

35

18.

Mensaje de aviso para completar todas las las

. . . . . . . . . . . . . . .

35

19.

Error al guardar requisitos . . . . . . . . . . . . . . . . . . . . . . . . . . .

36

20.

Ventana para la administracin de reglas . . . . . . . . . . . . . . . . . . .

36

21.

Ventana para aadir nuevas reglas

. . . . . . . . . . . . . . . . . . . . . .

37

22.

Mensaje de conrmacin al cargar las reglas predeterminadas

. . . . . . .

38

23.

Ventana de validacin de tableros . . . . . . . . . . . . . . . . . . . . . . .

38

24.

Ventana de resultados para tableros . . . . . . . . . . . . . . . . . . . . . .

39

25.

Ventana de sugerencias de diseo para tableros

. . . . . . . . . . . . . . .

39

26.

Ventana de validacin de proyecto

. . . . . . . . . . . . . . . . . . . . . .

40

27.

Ventana de resultados para proyectos . . . . . . . . . . . . . . . . . . . . .

40

28.

Ventana de sugerencias de diseo para proyectos

. . . . . . . . . . . . . .

41

29.

Men Galera de pictogramas en el Editor

. . . . . . . . . . . . . . . . . .

41

30.

Ventana de bsqueda de imgenes

. . . . . . . . . . . . . . . . . . . . . .

43

31.

Ejemplos de bsquedas de imgenes por trmino clave

. . . . . . . . . . .

45

32.

Ejemplo de bsqueda de imagen por nombre . . . . . . . . . . . . . . . . .

46

33.

Ejemplo de bsqueda de imagen por nombre . . . . . . . . . . . . . . . . .

47

34.

Ventana para la gestin de trminos clave

. . . . . . . . . . . . . . . . . .

48

35.

Ventana para insertar una imagen en la Galera . . . . . . . . . . . . . . .

50

36.

Ventana para modicar imgenes de la Galera

. . . . . . . . . . . . . . .

51

37.

Ventana para modicar una imagen de la Galera . . . . . . . . . . . . . .

52

38.

Ventana para eliminar imgenes de la Galera

. . . . . . . . . . . . . . . .

53

39.

Ventana para importar la Galera de pictogramas . . . . . . . . . . . . . .

54

40.

Ventana para exportar la Galera de pictogramas

. . . . . . . . . . . . . .

55

41.

Barra de la aplicacin Editor en modo Normal . . . . . . . . . . . . . . . .

56

42.

Barra de la aplicacin Editor en modo Android

. . . . . . . . . . . . . . .

57

43.

Ventana para la seleccin de proyecto a abrir

. . . . . . . . . . . . . . . .

58

44.

Ventana para la seleccin de proyecto a guardar . . . . . . . . . . . . . . .

59

45.

Ventana del Editor en modo Normal

. . . . . . . . . . . . . . . . . . . . .

60

46.

Ventana del Editor en modo Android . . . . . . . . . . . . . . . . . . . . .

61

47.

Ventana de propiedades iniciales del proyecto Android

. . . . . . . . . . .

62

48.

Ventana del Intrprete . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

64

49.

Detalle del Intrprete donde se muestra el men Acciones

. . . . . . . . .

65

50.

Ventana de conguracin de las opciones del Intrprete . . . . . . . . . . .

66

51.

Opcin de validacin del Intrprete . . . . . . . . . . . . . . . . . . . . . .

67

52.

Ventana de validacin del Intrprete

. . . . . . . . . . . . . . . . . . . . .

68

53.

Ventana de resultados para el Intrprete . . . . . . . . . . . . . . . . . . .

68

54.

Ventana de sugerencias para el Intrprete

. . . . . . . . . . . . . . . . . .

69

1. Introduccin
Este es el manual de usuario de posibles acciones.

TICO,

para su

versin 1.5.

En l se explica el

funcionamiento de la aplicacin, su aspecto y las formas de realizar cada una de las

2. Instalacin y ejecucin de la aplicacin

La aplicacin se distribuye en dos cheros diferentes, que corresponden con su instalacin en diferentes sistemas operativos, y otro que corresponde con el cdigo fuente de la aplicacin.

2.1. En Windows
Para instalar la aplicacin (tico-bin-w32-e1.5.exe) y seguir las instrucciones que ah se indican.

TICO

en

Windows hay que ejecutar el instalador que se distribuye con

El instalador crea automticamente dos ejecutables, uno para el Editor y otro para el Intrprete dentro de la carpeta de instalacin seleccionada. Tambin crea los accesos directos correspondientes en el

Escritorio y el Men de inicio. Como argumento de cual-

quiera de los dos ejecutables, se le puede pasar la direccin de un chero de proyecto de

TICO para que sea abierto nada ms ejecutar la aplicacin.

2.2. En otros sistemas operativos

Para instalar

TICO

en cualquier otro sistema operativo hay que descomprimir el en la carpeta elegida para ello.

archivo comprimido

tico-bin-other-e1.5.zip

Para ejecutar la aplicacin en otros sistemas operativos se proveen dos ejecutables diferentes. Uno para sistemas operativos utilizar el instalador, y otro para sistemas operativos tipo

Windows (tico.bat), por si alguien no quiere Unix (tico.sh). Ambos eje-

cutables sirven tanto para el Intrprete como para el Editor segn los argumentos con los que se invoquen. Para ejecutar el Intrprete o el Editor hay que utilizar, como primer parmetro, la opciones chero de proyecto de correspondiente.

-i

-e

respectivamente, ejecutndose el Editor en caso de

que no se utilice ninguna. Como segundo argumento se puede utilizar la direccin de un

TICO, que ser abierto de inicio de la ejecucin de la aplicacin

9

2.3. Aplicaciones requeridas

Para que la aplicacin se pueda ejecutar es necesario tener instalada, en el ordenador en el que se va a utilizar, una versin de la a la 1.6. Su descarga es gratuita y se

Microsystems o desde http://www.java.com/es/download/.

tivos tipo

Mquina Virtual de Java igual o superior puede realizar desde la direccin web de Sun

La reproduccin de archivos de vdeo nicamente est disponible para sistemas opera-

Microsoft Windows y es necesario tener instalado el Reproductor de Windows

TICO.

Media 9 o superior, de tal manera que los vdeos que se reproduzcan correctamente con este programa se reproducirn correctamente en el Intrprete

3. Formatos soportados
A continuacin se detallan los distintos formatos de proyecto, imagen, sonido y vdeo que son reconocidos por la aplicacin.

3.1. Formatos de proyecto

Los formatos de proyecto que puede abrir el Editor son: TCO y TCOA (editados para el Intrprete TICO4Android).

El Intrprete de ordenadores personales puede abrir slo proyectos en formato TCO y el Intrprete TICO4Android puede abrir slo proyectos en formato TCOA.

3.2. Formatos de imagen

Los formatos de imagen reconocidos por la aplicacin son: GIF, JPEG, JPG y PNG.

3.3. Formatos de audio

Los formatos de audio reconocidos por la aplicacin son: MP3, WAV, MID y MIDI.

10

3.4. Formatos de vdeo

Los formatos de vdeo reconocidos por la aplicacin son: AVI, MPG, MPEG, WMV y 3GP.

4. Manual del Editor

4.1. Elementos del Editor
En esta seccin se muestra la aplicacin del Editor junto con su aspecto, elementos y funcionalidades. Tambin se explica como se pueden realizar y qu opciones ofrece para editar proyectos y tableros.

4.1.1. Ventana del Editor

La gura 1 muestra el aspecto de la ventana principal del Editor. En ella se pueden distinguir los siguientes elementos:

1.

Barra de men: Permite realizar la mayora de las acciones aplicables a un tablero.

2.

Barras de herramientas: Conjunto de barras de herramientas mviles dirigidas

a la edicin de tableros y las propiedades de sus componentes.

3.

Lista de tableros del proyecto: Lista con los tableros pertenecientes al proyecto
actual. Permite seleccionar cul es el tablero que se quiere editar en cada momento.

4.

Orden de barrido del proyecto seleccionado: rea de edicin:

Muestra y permite editar el

orden de barrido de las celdas mostradas en un determinado momento. 5. Elemento del Editor a travs del cual se pueden editar los

tableros y sus componentes.

4.1.2. Barra de men

La barra de men de la aplicacin contiene los siguientes submens que permiten realizar todo tipo de acciones sobre el Editor. Las acciones concretas se mostrarn en los lugares correspondientes segn la funcin que realicen. Los submens son los siguientes:

11

Figura 1: Ventana del editor

Archivo: Edicin:

Acciones a realizar sobre un proyecto. Permite crear un proyecto nue-

vo tanto normal como para Android, cargarlo, guardarlo, exportarlo a diferentes formatos, importarlo, imprimirlo y salir de la aplicacin. Acciones bsicas de edicin. Permite deshacer y rehacer, cortar copiar

y pegar componentes, borrar los componentes seleccionados, seleccionar todo y editar las preferencias de la aplicacin.

Ver: Permite mostrar y ocultar las barras de herramientas de la aplicacin. Herramientas:

Especica la herramienta de edicin actual, una por cada componente que se puede insertar en un tablero y otra para seleccionar componentes, moverlos y redimensionarlos.

Tablero: Contiene las acciones a realizar sobre un tablero. Proyecto: Contiene las acciones a realizar sobre un proyecto.

12

Ayuda: Contiene el indispensable Acerca de...

aplicacin.

que muestra informacin sobre la

4.1.3. Barras de herramientas

Figura 2: Barras de herramientas

La ventana del Editor contiene una serie de barras de herramientas independientes para realizar diferentes tipos de acciones sobre el proyecto que se est editando. Estas barras se muestran en la gura 2 y su funcin es:

1.

Archivo: Acciones que se pueden realizar sobre un proyecto. Nuevo proyecto: Crea un nuevo proyecto. Nuevo proyecto Android: Crea un nuevo proyecto para Android. Abrir proyecto:
Carga un proyecto desde un chero de proyecto. Se puede cambiar el ltro de archivos entre proyectos normales y proyectos para Android.

Guardar proyecto: Graba el proyecto en un chero con el nombre actual o

pregunta el nombre y el tipo si an no ha sido especicado.

Guardar proyecto como:

Graba el proyecto en un chero preguntando el

nombre del mismo. Se puede cambiar tambin el tipo de proyecto, si es un proyecto para su interpetacin en el Intrprete normal o para el Intrprete Android.

Imprimir proyecto: Imprime el proyecto de forma que cada tablero queda en

una pgina diferente. 2.

Acciones: Acciones que se pueden realizar sobre el tablero en edicin. Cortar: Corta los elementos del rea de edicin que estn seleccionados en el
portapapeles. 13

Copiar: Copia los elementos del rea de edicin que estn seleccionados en el
portapapeles.

Pegar: Pega en el tablero que se est editando el contenido del portapapeles. Deshacer: Deshace la ltima modicacin realizada en tablero en edicin. Rehacer: Rehace la ltima modicacin deshecha en tablero en edicin. Borrar: Borra los elementos seleccionados en el rea de edicin.
3.

Herramientas: Selecciona la herramienta que se va a utilizar para interaccionar

con el rea de edicin. Las herramientas se utilizan pulsando con el ratn sobre el rea de edicin y arrastrando hasta conseguir el tamao deseado. Cuando se haya insertado un componente la herramienta activada cambiar automticamente a la de seleccin. El botn que corresponde con la herramienta seleccionada en el momento actual est siempre resaltado.

Seleccin:

Permite seleccionar, redimensionar y mover componentes o con-

juntos de ellos. Realizando

doble-clic

sobre cualquier componente se muestran sus

propiedades y pulsando con el botn derecho ofrece una serie de acciones a realizar relacionadas con el componente.

Celda: Herramienta para crear celdas. Celda de control: Herramienta para celdas de control. Cuadrcula: Herramienta para crear cuadrculas. Al seleccionarla te abre un
dilogo que te pregunta la dimensin de la cuadrcula que quieres crear.

rea de texto: Herramienta para crear reas de texto. Etiqueta: Herramienta para crear etiquetas. Lnea: Herramienta para crear lneas. valo: Herramienta para crear valos. Rectngulo: Herramienta para crear rectngulos. Rectngulo redondeado: Herramienta para crear rectngulos redondeados.

14

4.

Formato:

Determina las propiedades del fondo y borde que tendrn los nuevos

componentes. Cuando se selecciona algn componente en el rea de edicin, esta barra de herramientas se actualiza automticamente para reejar las propiedades de fondo y borde de ese componente. Si se quieren cambiar las propiedades del fondo y borde de todos los componentes seleccionados en el rea de edicin hay que modicar los parmetros correspondientes y pulsar sobre el botn que corresponda a las propiedades que se quieren modicar.

Aplicar fondo: Modica las propiedades del fondo de los componentes seleccionados a los elegidos en el resto de elementos de la barra de herramientas a la que pertenece.

Aplicar borde: Modica las propiedades del borde de los componentes seleccionados a los elegidos en el resto de elementos de la barra de herramientas a la que pertenece. 5.

Texto: Determina la fuente de texto que tendrn todos los nuevos componentes.
Cuando se selecciona algn componente en el rea de edicin, esta barra de herramientas se actualiza automticamente para reejar la fuente de ese componente. Si se quiere cambiar la fuente de todos los componentes seleccionados en el rea de edicin, hay que modicar los parmetros correspondientes y pulsar sobre el botn

Aplicar fuente.

Aplicar fuente:
6.

Modica las fuente de los componentes seleccionados a los

elegidos en el resto de elementos de la barra de herramientas a la que pertenece.

Alineacin: Opciones de alineacin entre grupos de componentes seleccionados de

un tablero.

Separacin horizontal: Distribuye los componentes seleccionados horizontalmente de forma que los de los extremos se queden en su sitio y el resto se distribuyan para que el espacio que los separe sea idntico para todos ellos.

Separacin vertical: Distribuye los componentes seleccionados verticalmente

de forma que los de los extremos se queden en su sitio y el resto se distribuyan para que el espacio que los separe sea idntico para todos ellos.

Ajustar anchura: Asigna a todos los elementos seleccionados la anchura del

primero que se seleccion.

Ajustar altura: Asigna a todo los elementos seleccionados la altura del primero
que se seleccion.

15

Alinear arriba:

Alinea todos los elementos seleccionados de forma que sus

lados superiores queden en lnea con el del primero que se seleccion.

Alinear izquierda Alinea todos los elementos seleccionados de forma que sus
lados izquierdos queden en lnea con el del primero que se seleccion.

Alinear abajo:

Alinea todos los elementos seleccionados de forma que sus

lados inferiores queden en lnea con el del primero que se seleccion.

Alinear derecha: Alinea todos los elementos seleccionados de forma que sus
lados derechos queden en lnea con el del primero que se seleccion.

Alinear centro horizontal: Alinea todos los elementos seleccionados de forma

que sus ejes horizontales queden en lnea con el del primero que se seleccion.

Alinear centro vertical: Alinea todos los elementos seleccionados de forma

que sus ejes verticales queden en lnea con el del primero que se seleccion.

Enviar al frente: Enva al frente todos los objetos seleccionados de forma que
se muestran por encima de los dems.

Enviar al fondo: Enva al fondo todos los objetos seleccionados de forma que
se muestran debajo de los dems.

Todas ellas pueden ser mostradas u ocultadas a travs del men

Ver

de la aplicacin.

Por defecto se sitan en la parte superior de la ventana del Editor, pero pueden ser desplazadas a cualquier punto de la pantalla pulsando y arrastrando en la parte punteada situada a la izquierda de cada una de ellas.

Si las acciones que corresponden a cada uno de los elementos de una barra de herramientas no se pueden realizar, sern deshabilitadas y los botones que las invocan se mostrarn en blanco y negro.

4.1.4. Preferencias del Editor

Las preferencias del Editor se pueden modicar pulsando preferencias son:

Editar - Preferencias.

Las

Idioma: Especica el idioma de ejecucin de la aplicacin. Para cambiarlo hay que

reiniciar la aplicacin.

16

4.2. Edicin de proyectos

La aplicacin del Editor est diseada para editar proyectos, tanto para su interpretacin en un ordenador personal como en un dispositivo Android, y los tableros que la componen. Para aadir y borrar tableros a un proyecto se utiliza la

lista de tableros,

la

cual tambin permite seleccionar qu tablero se va a mostrar en el rea de edicin.

4.2.1. Acciones sobre un proyecto

A travs de la barra de men y en algunos casos de su correspondiente botn en la barra de herramientas, se pueden realizar las siguientes acciones sobre el proyecto actual:

Guardar: Guarda el proyecto en un chero para que pueda ser abierto, ya sea para
ser interpretado o seguir siendo editado posteriormente. Se puede seleccionar el tipo de proyecto que es, entre personal y Android.

proyectos de Tico para su interpretacin en un ordenador proyectos de Tico Android para su interpretacin en un dispositivo

Imprimir: Imprime el proyecto entero de forma que cada tablero se imprima en

una hoja diferente.

Importar un proyecto:
navegacin entre ellos.

Importa un proyecto guardado previamente y aade

todos sus tableros a la lista de tableros del proyecto manteniendo las relaciones de

Importar un tablero: Importa un tablero exportado previamente y lo aade a

la lista de tableros del proyecto.

Exportar el tablero seleccionado: Exporta el tablero seleccionado a un chero

.brd
para que pueda ser importado y reutilizado posteriormente en otro proyecto.

Exportar el tablero seleccionado a una imagen: Exporta el tablero seleccionado a un chero de imagen en formato

JPG o PNG.

Modicar sus propiedades: Las propiedades de un proyecto se pueden modicar

a travs de una ventana que se abre ejecutando

Proyecto - Propiedades.

4.2.2. Lista de tableros

La lista de tableros se muestra en la gura 3. Tiene dos botones que permiten aadir y borrar tableros del proyecto y una lista en la cual se seleccionar el tablero que se quiere

17

Figura 3: Lista de tableros

editar en cada momento. El botn

aade un nuevo tablero vaco al proyecto y el botn

borra el tablero seleccionado. La accin de borrar un tablero no se puede deshacer, as que antes de realizarla habr que cerciorarse de que el tablero seleccionado no se necesita.

4.2.3. Propiedades de un proyecto

Las propiedades del proyecto actual se pueden modicar pulsando Proyecto - Propiedades. La ventana de propiedades se puede reescalar y si se reduce se podr tener acceso a todos sus componentes mediante scroll vertical y horizontal.

Estas propiedades son:

Tablero inicial:

Determina el primer tablero que se abrir cuando se inicie la

interpretacin el proyecto.

Orientacin (slo en edicin para Android):

proyecto. Las opciones son:

Determina la orientacin de

pantalla que se forzar en el Intrprete TICO4Android para la visualizacin del

Vertical: El proyecto en el Intrprete TICO4Android se visualizar de forma

vertical, en la posicin en que la pantalla es ms alta que ancha. El proyecto no se reorientar al cambiar la posicin del dispositivo Android.

Horizontal:

El proyecto en el Intrprete TICO4Android se visualizar de

forma horizontal, en la posicin en que la pantalla es ms ancha que alta. El proyecto no se reorientar al cambiar la posicin del dispositivo Android.

Libre: El proyecto en el Intrprete TICO4Android se visualizar de la forma

18

en la que est orientado el dispositivo Android. Durante la ejecucin si se reorienta el dispositivo automticamente tambin se reorientar el proyecto.

4.3. Edicin de tableros

Para editar un tablero se proveen una serie de herramientas que permiten al usuario interaccionar con el apartados.

rea de edicin.

Su funcionamiento se explica en los siguientes

4.3.1. rea de edicin

El rea de edicin muestra el tablero seleccionado en la ya sea a travs del submen del mismo nombre.

lista de tableros

del proyecto

actual. Para interaccionar con ella hay que elegir la herramienta que se quiere utilizar,

Herramientas

de la aplicacin o de la barra de herramientas

Las herramientas se pueden dividir en dos grupos:

Herramientas que sirven para insertar nuevos componentes en el tablero. Dentro de este grupo existe una herramienta diferente para cada tipo de
componente, pero todas ellas funcionan de manera similar. Una vez seleccionada, se pulsa con el ratn en un punto del tablero y se arrastra hasta haber obtenido el tamao deseado.

Herramientas para interaccionar con el tablero. Dentro de este grupo nicamente est la herramienta de seleccin. Las utilidades de esta herramienta son muchas:

Seleccionar componentes:

Permite seleccionar componentes y grupos de

ellos. Esto se puede realizar de varias formas. Pulsando con el botn izquierdo del ratn sobre un componente, lo seleccionas y deseleccionas todos los dems. Si adems ests pulsando la tecla

control,

aades el nuevo componente a la

seleccin actual. Lo mismo se puede realizar pulsando y arrastrando, en este caso se seleccionarn todos los componentes que se encuentren dentro del cuadrado de seleccin.

Redimensionar componentes: Los componentes individuales seleccionados

se pueden redimensionar pulsando y arrastrando en cualquiera de las pequeas marcas que aparecen en las esquinas del rectngulo de seleccin y en el centro de cualquiera de sus lados. El icono que aparece al poner el ratn sobre ellas muestra las direcciones en las que permiten redimensionar.

19

Mover componentes: Un componente o conjunto de componentes seleccionados se puede desplazar en el tablero pulsando sobre cualquiera de ellos y arrastrndolo hasta situarlo en el lugar deseado.

Mostrar ventana de propiedades de componentes: Haciendo doble-clic

con el ratn sobre cualquier componente del tablero se abre la ventana que permite editar las propiedades de ese componente.

Mostrar mens desplegables: Pulsando el botn derecho del ratn sobre

cualquier punto del tablero o cualquiera de sus componentes se muestra un men desplegable que permite realizar diferentes acciones relacionadas con el tablero o con el componente pulsado.

4.3.2. Orden de barrido

Determina el orden de barrido de las celdas del tablero actual. Cuando una de ellas se aade a un tablero tambin se aade automticamente al nal del orden de barrido del mismo. Se puede modicar el orden seleccionando el componente que se quiere mover y pulsando sobre los botones respectivamente. o para adelantarlo o retrasarlo en el orden

4.3.3. Propiedades de un tablero

dades
Para mostrar la ventana de propiedades del tablero se puede pulsar

Tablero - Propie-

o, con la herramienta de seleccin activada, pulsar el botn derecho sobre el fondo

del tablero en el rea de edicin y seleccionar scroll vertical y horizontal.

Propiedades. La ventana de propiedades se

puede reescalar y si se reduce se podr tener acceso a todos sus componentes mediante

Las propiedades de un tablero son:

Nombre: Nombre del tablero que se mostrar en la lista de tableros. Tamao: Tamao del tablero en pxeles. Color de fondo:
Color de fondo del tablero. Tambin se puede seleccionar un color de gradiente para hacer un degradado en el tablero.

Sonido de fondo: Sonido que se reproducir al cargar el tablero en el Intrprete

durante la interpretacin del mismo.

Imagen de fondo: Imagen de fondo del tablero. Para seleccionar como se ajusta
la imagen al tamao del tablero se ofrecen tres opciones: 20

Centrada: La imagen se centra dentro del tablero. Si la imagen es mayor que

el tablero se reduce, pero sin perder sus proporciones.

Redimensionada: La imagen se redimensiona para que se ajuste al ancho o

al alto del tablero de forma que no pierda sus proporciones.

Ajustada: La imagen se redimensiona de forma que cubra todo el fondo del

tablero.

Orden de barrido: Determina el orden de barrido de las celdas del tablero. Esta
lista es la misma que se permite editar a travs de la ventana principal del Editor. El interfaz que permite modicarlo se muestra en la gura 4. La lista inferior es idntica a la mostrada en la ventana principal del Editor. La superior contiene las celdas que no se quiere que sean barridas. Para moverlas de una lista a otra se utilizan los botones y que permiten aadir a la lista inferior el elemento seleccionado de la superior y viceversa.

Figura 4: Interfaz de edicin de orden de barrido

4.4. Componentes de un tablero

En esta seccin se denen todos los posibles componentes de un tablero y sus propiedades. Como ya se ha explicado en la seccin 4.3, para insertar un nuevo componente hay

21

que utilizar la herramienta correspondiente al tipo de componente que se quiere insertar. En la gura 5 se puede ver un ejemplo de cada tipo de componente.

Para mostrar la ventana de propiedades de un componente, con la herramienta de seleccin activada, hay que hacer

piedades

doble-clic

o pulsar el botn derecho y seleccionar

Pro-

sobre el componente que se quiere modicar. Las ventanas de propiedades de

los distintos elementos son muy similares. Todas ellas estn formadas por un componente en el que las propiedades estn agrupadas por solapas, tres botones que permiten aceptar, aplicar o cancelar respectivamente las propiedades elegidas y, en algunos casos, un campo de texto que permite especicar el identicador del componente. La ventana de propiedades se puede reescalar y si se reduce se podr tener acceso a todos sus componentes mediante scroll vertical y horizontal. La gura 6 muestra un ejemplo de la ventana de propiedades de una celda.

4.4.1. Celdas
Las celdas son los componentes principales de un tablero. Junto con las celdas de control son los elementos con los que el usuario puede interaccionar directamente durante la interpretacin.

Las propiedades de una celda son:

Identicador: Identicador nico dentro de su tablero que determina la celda y

que se muestra en todos los interfaces donde sta puede ser seleccionada.

Texto: Texto que se muestra centrado verticalmente. Fuente: Fuente que se le aplica al texto de la celda. En la edicin Android no se
puede seleccionar ya que se usa la fuente de Android.

Borde: Anchura y color del borde rectangular que rodea la celda. Efectos de barrido: Anchura y color del borde rectangular que rodea la celda en
el momento del barrido en el Intrprete.

Fondo:

Color del fondo de la celda. Tambin se puede seleccionar un color de

gradiente para hacer un degradado en el fondo de la celda.

Imagen:
de ambos:

Imagen que se mostrar dentro de la celda. Puede seleccionarse una

imagen existente en el ordenador o bien desde la Galera de pictogramas (ver seccin 4.6). Si la celda tambin tiene texto se ofrecen tres opciones de posicionamiento

22

Celda

Celda de control

Cuadrcula

rea de texto

Etiqueta

Lnea

Rectngulo

Rectngulo redondeado

valo

Figura 5: Ejemplos de componentes

23

Figura 6: Ventanas de propiedades de una celda

24

Imagen arriba:
entre ambos. ambos.

La imagen se sita encima del texto dejando un margen

Imagen abajo: La imagen se sita debajo del texto dejando un margen entre Texto centrado: Ambos elementos se centran en la celda superponindose
el texto encima de la imagen.

Aunque en la edicin Android podemos seleccionar la posicin del texto, el Intrprete TICO4Android la ignorar, ya que la posicin del texto en este Intrprete depende de su propia conguracin (arriba, abajo o sin texto)

Acciones de interpretacin: Estas propiedades determinan las acciones dinmicas que realiza la celda durante la interpretacin:

Acumular: Cuando la celda es pulsada se aade a una lista que se muestra en

la ventana del Intrprete (ver seccin 5). Esta opcin permite la construccin de frases.

Ir a otro tablero: Cuando la celda es pulsada se termina la interpretacin

del tablero actual y se comienza la del tablero seleccionado. Ambos tableros debern pertenecer al mismo proyecto.

Imagen alternativa: Imagen que se muestra cuando el barrido est sobre la

celda o pasamos el ratn sobre ella.

Sonido: Sonido que se reproduce cuando se pulsa la celda. Texto a enviar: Cuando la celda es pulsada el texto que contiene se enva
al rea de texto seleccionada durante el tiempo especicado. Este texto se mostrar en el rea en vez del suyo propio original.

Vdeo: Vdeo que se reproduce cuando se pulsa la celda. Sonido de barrido: Sonido que se reproduce cuando el
en sus opciones el sonido alternativo.

barrido est sobre

la celda. Slo se reproduce en los modos de barrido y no sonar si estamos en seleccin directa. En el Intrprete Android adems tendr que estar activado

Entorno:

Esta propiedad determina la accin de control de entorno que debe

realizarse al pulsar la celda durante la interpretacin.

4.4.2. Celdas de control

Las celdas de control son un tipo especco de celdas. Junto con las celdas son los elementos con los que el usuario puede interaccionar directamente durante la interpretacin y permiten controlar las acciones a realizar en el Intrprete. La gura 7 muestra la ventana a travs de la que se congura una celda de control. Las propiedades de una celda de control son:

25

Figura 7: Ventanas de propiedades de una celda de control

Identicador:

Identicador nico que determina la celda de control y que se

muestra en todos los interfaces donde sta puede ser seleccionada.

Texto: Texto que se muestra en la parte inferior de la celda de control. Este texto
no se puede modicar y se corresponde con la accin de la celda de control.

Fuente: Fuente que se aplica al texto de la celda de control. En la edicin Android

no se puede seleccionar ya que se usa la fuente de Android.

Accin: Accin que realiza la celda de control cuando es pulsada durante la interpretacin de un proyecto. Las acciones que se pueden realizar son:

Leer: Realiza una lectura de las celdas acumuladas en el rea de acumulacin

del Intrprete TICO (ver seccin 5). La lectura consiste en reproducir por orden el sonido de las celdas acumuladas si lo tienen.

Volver: Vuelve al tablero que se interpret de forma inmediatamente anterior

al tablero actual.

Inicio: Vuelve al tablero inicial del proyecto que se est interpretando. Borrar celda: Borra la ltima celda acumulada en el rea de acumulacin. Borrar celdas: Borra todas las celdas acumuladas en el rea de acumulacin. Parar: Termina la interpretacin del proyecto actual. Salir: Cierra el Intrprete TICO.

Sonido de barrido: Sonido que se reproduce cuando el barrido est sobre la celda.
Slo se reproduce en los modos de barrido y no sonar si estamos en seleccin directa. En el Intrprete TICO4Android adems tendr que estar activado en sus opciones el sonido alternativo.

26

4.4.3. Cuadrculas
Las cuadrculas son herramientas para crear tablas de celdas de forma rpida. Pueden ser editadas en conjunto como cuadrcula despus de insertarla mientras estemos editando, pero al ser cargado un proyecto no se recuperar esa informacin y aparecern como celdas independientes, sin las opciones de agrupacin. Las cuadrculas no tienen propiedades.

4.4.4. reas de texto

Las reas de texto son componentes rectangulares que pueden contener varias lneas de texto con diferentes alineaciones. Durante la interpretacin de un tablero pueden recibir un texto temporal que se mostrar durante un tiempo determinado.

Las propiedades de una rea de texto son:

Identicador: Identicador nico dentro de su tablero que determina el rea de

texto y que se muestra en todos los interfaces donde sta puede ser seleccionada.

Texto: Texto que se muestra en el rea de texto. Alineacin: Determina la alineacin vertical y horizontal del texto. Fuente: Fuente que se le aplica al texto. En la edicin para Android est deshabilitada ya que se usa la fuente Android.

Borde: Anchura y color del borde rectangular que rodea el rea de texto. Fondo: Color del fondo del rea de texto. Tambin se puede seleccionar un color
de gradiente para hacer un degradado en el fondo del rea de texto.

4.4.5. Etiquetas
Las etiquetas son componentes de texto cuyo tamao se ajusta automticamente.

Las propiedades de una etiqueta son:

Texto: Texto que se muestra en la etiqueta. Fuente: Fuente que se le aplica al texto de la etiqueta. En la edicin para Android
est deshabilitada ya que se usa la fuente Android. 27

Borde: Anchura y color del borde rectangular que rodea la etiqueta. Fondo: Color del fondo de la etiqueta. Tambin se puede seleccionar un color de
gradiente para hacer un degradado en el fondo de la etiqueta.

4.4.6. Lneas
Las lneas son componentes visuales cuya representacin es una lnea que une dos de las esquinas del componente.

Las propiedades de una lnea son:

Color: Color de dibujo de la lnea. Anchura: Anchura de la lnea. 4.4.7. Polgonos

Dentro de este grupo se incluyen todos los componentes visuales que tienen idnticas propiedades y que nicamente vara su forma de representacin. Los posibles polgonos son: rectngulo, rectngulo redondeado y valo, teniendo cada uno la forma que su nombre indica.

Las propiedades de un polgono son:

Borde: Anchura y color del borde que rodea el polgono. Fondo:

Color del fondo del polgono. Tambin se puede seleccionar un color de gradiente para hacer un degradado en el fondo del polgono.

4.5. Utilidad de Validacin

Esta opcin del men valida tableros y proyectos y administra los elementos relacionados con la validacin. La gura 8 muestra la integracin de la herramienta en el Editor.

Dentro de esta opcin se encuentran las distintas alternativas a las que se puede acceder para manejar la informacin que proporciona esta herramienta:

28

Figura 8: Men Validacin en el Editor

Figura 9: Men de administracin

Administrar:

Facilita el acceso al mdulo de administracin para la edicin de

los distintos elementos de que est compuesto (gura 9).

Usuarios: Aade, modica o borra usuarios. Limitaciones: Crea o borra limitaciones y permite editar los atributos pro29

pios dentro de cada una de ellas.

Reglas: Crea, modica y borra reglas de validacin para posteriores validaciones.

Figura 10: Men de validacin

Validar:

Esta opcin da paso a la validacin completa de tableros y proyectos

(gura 10).

Tablero: Hace una validacin de los elementos que componen el tablero. Proyecto: Valida el conjunto de tableros de los que est formado el proyecto
y cada tablero por separado.

4.5.1. Administracin de usuarios

o borrar alumnos junto con sus caractersticas. Accediendo a travs del men Utilidades Validacin - Administrar - Usuarios se alcanzan las opciones de la ventana de la gura 11: La opcin de administrar usuarios permite al usuario intermedio introducir, modicar

Guardar usuario: Esta opcin permite:

Aadir: Se aade un nuevo alumno dando valores a las distintas limitaciones

que se muestran en pantalla dentro del rango permitido, escribiendo su nombre en el cuadro editable de la derecha y pulsando el botn Guardar usuario.

Modicar: Se modica un alumno que ya se encuentra en la base de datos.

Para esto hay que dar valores a las distintas limitaciones dentro del rango permitido, eligiendo en la lista desplegable de la derecha un nombre de entre los que se muestran y pulsando el botn Guardar usuario. Como resultado se mostrar un mensaje informativo si se ha guardado correctamente (gura 12) o un mensaje de error en caso contrario.

30

Figura 11: Ventana para la administracin de usuarios

Figura 12: Usuario guardado

Cargar usuario:

En este caso se cargan los datos de un alumno. Los valores

de las limitaciones que aparecen en pantalla se actualizarn con los que posee el alumno elegido de la lista desplegable de la parte izquierda al pulsar este botn (gura 13). Esto permite ver las caractersticas de un usuario concreto y, si lo creemos conveniente, modicarlo en base a los valores que ya posea tal y como se ha explicado anteriormente.

Borrar usuario: Eligiendo un alumno de la lista desplegable izquierda y pulsando el botn se le puede eliminar denitivamente. Antes de eliminarlo el sistema muestra un mensaje de conrmacin como el de la gura 14.

31

Figura 13: Cargar un usuario

Figura 14: Mensaje de conrmacin al borrar un usuario

4.5.2. Administracin de limitaciones

Esta ventana, mostrada en la gura 15, permite al usuario visualizar y modicar las limitaciones y sus propiedades. Est compuesta de distintas listas con los nombres de cada limitacin y una tabla con los valores dentro de stas.

Esta ventana permite:

En la seccin

Limitaciones.
32

Figura 15: Ventana de administracin de limitaciones

Aadir limitacin: La nueva limitacin queda almacenada escribiendo su nombre

en el cuadro editable y pulsando el botn.

Borrar limitacin: Permite borrar una limitacin seleccionada de entre las que
se encuentran en la lista desplegable al pulsar el botn. Inmediatamente aparece un mensaje de conrmacin como el de la gura 16.

En la seccin

Parmetros.

Aadir parmetro: Se ha de elegir a travs de la lista desplegable situada a la

izquierda, la limitacin en la que se quiere aadir un parmetro (gura 17); despus

33

Figura 16: Mensaje de conrmacin al borrar una limitacin

se escribe en el cuadro editable el nombre del nuevo parmetro y se elige el tipo de dato que va a guardar (numrico o verdadero/falso); nalmente se pulsa el botn.

Borrar parmetro: De la misma forma que para aadir, se elige la limitacin, se

busca el parmetro de la lista desplegable contigua que se desea borrar y se pulsa el botn.

La seccin

Requisitos a cumplir

muestra en una tabla los parmetros que contiene

cada limitacin, cuando en la seccin

Parmetros

se selecciona alguna de ellas. Tambin

reeja los cambios que se producen al aadir o borrar parmetros. La tabla permite modicar el valor de los parmetros y aumentar o disminuir el rango de la limitacin.

Aadir una la: En el caso de querer aadir un nuevo grado al rango de la limitacin se ha de pulsar el botn datos.

Aadir la

con lo que, automticamente, aparecer

una nueva la en la tabla, la cual habr que rellenar completamente con nuevos

Borrar una la completa:

el botn

A la hora de disminuir el nmero de grados de la

limitacin puede seleccionarse una la completa, pinchando sobre ella y pulsando

Borrar la completa.

Guardar modicaciones: Una vez modicados los valores de la tabla se pueden

guardar pulsando el botn. Si se ha aadido una nueva la y no se ha completado aparece el mensaje de aviso de la gura 18 y el mensaje de error de la gura 19.

Cargar valores predeterminados: Los parmetros y los valores que posea cada una de las limitaciones que existan al inicio de la instalacin y que todava se encuentran disponibles, son cargados mediante el botn Cargar valores predeterminados en la tabla para su visualizacin o para ser guardados.

34

Figura 17: Cargar una limitacin

Figura 18: Mensaje de aviso para completar todas las las

35

Figura 19: Error al guardar requisitos

Figura 20: Ventana para la administracin de reglas

36

Figura 21: Ventana para aadir nuevas reglas

4.5.3. Administracin de reglas

La gura 20 muestra la ventana que da acceso a la opcin encargada de administrar las reglas que servirn para la validacin de proyectos. Permite al usuario lo siguiente:

Modicar regla: Se puede editar la regla seleccionada mediante la lista desplegable, que puede mostrar todas o slo las clasicadas por: reglas para celdas, para tableros o para proyectos mediante los botones de seleccin. Se muestran sus atributos, parmetros, funcin utilizada y mensaje a mostrar en sus correspondientes posiciones. Adems, para cada una de estas propiedades de la regla se da la opcin de cambiar cada una de ellas y guardar la regla modicada pulsando el botn.

Borrar regla:

Permite borrar una regla, seleccionando la regla a eliminar de la

lista desplegable y pulsando el botn.

Aadir nueva regla:

Se puede insertar una nueva regla pulsando esta opcin,

la cual da paso a una nueva ventana para crear reglas. Como se muestra en la gura 21 existen listas desplegables para elegir el tipo de funcin, el/los atributo/s relacionado/s con las caractersticas de los componentes del tablero o proyecto que se quieren comprobar, el parmetro con el que se va a hacer la comparacin y el mensaje que se quiere mostrar por pantalla. La nueva regla quedar guardada pulsando el botn

Guardar regla

de esta ltima ventana. Se cargarn automticamente las reglas ini-

Cargar reglas predeterminadas:

37

Figura 22: Mensaje de conrmacin al cargar las reglas predeterminadas

ciales (y se borrarn las aadidas posteriormente a la instalacin de la aplicacin) con slo pulsar el botn, avisando al usuario mediante el mensaje de la gura 22 si desea continuar con la operacin.

4.5.4. Validacin de tableros

La opcin de validacin de tableros, analiza el tablero en s y todos los componentes dentro de l. Mediante la gura 23 se muestra el aspecto de la ventana.

Figura 23: Ventana de validacin de tableros

Para comenzar a validar es necesario dar valor a cada limitacin o cargar estos valores

38

de alguno de los usuarios que se encuentran en la base de datos, seleccionndolos desde la lista desplegable y cargndolos mediante el botn puede validar el tablero mediante el botn

Validar.

Cargar usuario.

Seguidamente se

Se mostrar una nueva ventana con

los resultados del anlisis, como en la gura 24. Tambin se puede pedir al sistema un conjunto de sugerencias de diseo de tableros para poder adaptar nuestro diseo a los requisitos mostrados. La gura 25 muestra esta ltima opcin.

Figura 24: Ventana de resultados para tableros

Figura 25: Ventana de sugerencias de diseo para tableros

4.5.5. Validacin de proyectos

La validacin de proyectos se realiza de la misma manera que la validacin de tableros, slo que en esta ocasin se analiza el proyecto en general y cada uno de los distintos tableros que lo componen en particular. La ventana de validacin, que puede verse en la gura 26, es muy similar a la de validacin de tableros, con las mismas opciones disponibles. Las guras 27 y 28 muestran los resultados de validar un proyecto y mostrar sugerencias de diseo respectivamente.

39

Figura 26: Ventana de validacin de proyecto

Figura 27: Ventana de resultados para proyectos

40

Figura 28: Ventana de sugerencias de diseo para proyectos

4.6. Utilidad Galera de pictogramas

opciones. La gura 29 muestra la integracin de esta opcin en el Editor.

La Galera no va incluida en la instalacin de TICO, sino que debe descargarse desde la pgina web del Proyecto TICO1 e incorporarse una vez instalado el programa.
La incorporacin de la Galera de pictogramas a la aplicacin TICO se explica en la seccin 4.6.1 de este manual.

Este men permite la gestin de la Galera de pictogramas a travs de diferentes

Figura 29: Men Galera de pictogramas en el Editor

Los pictogramas incluidos en la Galera son elaborados por ARASAAC - CATEDU

3 con la colaboracin de los profesionales del Colegio Pblico de Educacin Especial

Alborada de Zaragoza y la nanciacin del Departamento de Ciencia, Tecnologa y Universidad del Gobierno de Aragn y el programa Teruel Digital. Estos pictogramas se distribuyen bajo licencia de Creative Commons (BY-NC-SA).

1 2

http://www.proyectotico.es http://www.catedu.es/arasaac 3 http://www.catedu.es

41

Tambin pueden aadirse imgenes propias a la Galera. De esta forma se pueden encontrar rpidamente para usarlas en los tableros de comunicacin generados con TICO.

4.6.1. Cmo importar la Galera de pictogramas en el Editor

A continuacin se explican los pasos a realizar para importar la Galera de pictogramas en el Editor TICO.

1. Descargar la Galera desde la pgina web de TICO (http://www.proyectotico. en una ubicacin conocida de su equipo, por ejemplo, en el Escritorio. 2. Descomprimir el archivo

es), que se puede encontrar en la seccin Galera de pictogramas. Guardar el archivo

Pictogramas.zip

que se habr descargado. Se generar la

carpeta Pictogramas que debe contener las imgenes. 3. Abrir el Editor TICO. Acceder al men

portar Base de Datos.

Utilidades - Galera de pictogramas - Im-

4. Pulsar el botn la carpeta

Seleccionar

que abrir una ventana desde la que podremos selec-

cionar la carpeta que contiene las imgenes. Deberemos navegar hasta seleccionar

Pictogramas. Importar

5. Si nuestra Galera de pictogramas no contiene imgenes antes de importar, pulsamos el botn y esperamos a que nalice de importar las imgenes.

6. Si ya tenamos imgenes en la Galera y vamos a importarla de nuevo puede ser que haya imgenes que se repitan o tengan el mismo nombre. En este caso podemos elegir entre reemplazar las imgenes que tenamos por las nuevas, o aadir las nuevas imgenes a la Galera. Una vez seleccionada la opcin que queremos pulsamos el botn

Importar

y esperamos a que nalice de importar las imgenes.

Una vez importada la Galera se podrn realizar bsquedas para incorporar imgenes a los tableros de comunicacin.

4.6.2. Bsqueda de imgenes en la Galera

Dado que el nmero de pictogramas es muy elevado y sigue en crecimiento, la Galera permite la bsqueda de imgenes, tanto por trminos clave asociados a las mismas, como por nombre de la imagen. Estos trminos clave, que caracterizan una imagen, pueden ser

42

Figura 30: Ventana de bsqueda de imgenes

denidos y modicados desde el Editor y son, en principio, los conceptos representados por las imgenes: sinnimos, traducciones a otros idiomas, etc.

La gura 30 muestra la ventana de bsqueda de imgenes. En ella se pueden distinguir los siguientes elementos:

1.

Panel de bsqueda por trminos clave: Permite introducir la combinacin de

trminos clave que se quiere buscar y pulsando el botn se realiza la bsqueda.

2.

Panel de bsqueda por nombre:

Permite introducir el nombre de la imagen

que se quiere buscar y pulsando el botn se realiza la bsqueda. 3.

Panel de imgenes: Muestra el resultado de las diferentes bsquedas en grupos

de cuatro. Para ver el resto de las imgenes se pueden usar las echas situadas en la parte inferior o las echas izquierda y derecha del teclado.

43

Antes de realizar bsquedas es importante saber que: Cuando se quieren realizar bsquedas de los pictogramas de la Galera, stas deben hacerse por trminos clave, no por nombre de la imagen. Esto se debe a que el nombre de la imagen es un cdigo numrico que la identica en la Galera de pictogramas. De esta forma pueden hacerse bsquedas en los diferentes idiomas disponibles. La bsqueda por nombre de imagen es til cuando se han incorporado imgenes externas a la Galera. Se puede utilizar el carcter '*' como comodn introduciendo tantos asteriscos como se quiera, y en todas las posiciones. La bsqueda por '*' mostrar como resultado todas las imgenes de la Galera.

Bsqueda por trminos clave

Permite buscar hasta por tres trminos clave. Cuenta con tres cuadros de texto donde se pueden introducir los trminos a buscar y dos mens desplegables donde se puede elegir entre las opciones 'y' y 'o'. Si se elige 'y' se mostrarn como resultado las imgenes que pertenezcan a todos los trminos clave introducidos. Si se elige 'o', se mostrarn como resultado las imgenes que pertenezcan a alguno de los trminos clave introducidos. Estas opciones se pueden combinar para realizar bsquedas ms complejas. Se puede utilizar el smbolo '*' para seleccionar los trminos clave que empiezan, acaban o contienen la letra o conjunto de letras introducido. La gura 31 muestra dos ejemplos de bsquedas en la Galera por trmino clave.

Bsqueda por nombre de imagen

Permite buscar imgenes distintas a los pictogramas de ARASAAC que hayan sido insertadas en la Galera de la siguiente manera:

Por nombre exacto de la imagen: basta con poner el nombre de la imagen

que queremos buscar y pulsar en

Por nombres que empiecen por una letra o conjunto de letras:

queremos todas las imgenes que empiecen por la letra 'a' buscaremos a*.

Buscar.

si

queremos todos los instrumentos musicales buscaremos por instrumento* y si

Por nombres que nalicen por una letra o conjunto de letras: si queremos todas las palabras que nalicen en 'tor' buscaremos *tor y si queremos todas las palabras que acaban en la letra 'e' buscaremos *e.

Por nombres que contengan una letra o conjunto de letras:

si que-

remos todas las palabras que contengan la slaba 'de' buscaremos *de* y si queremos todas las palabras que contengan una letra 'y' buscaremos por *y*.

44

Figura 31: Ejemplos de bsquedas de imgenes por trmino clave

45

Figura 32: Ejemplo de bsqueda de imagen por nombre

Las guras 32 y 33 muestran dos ejemplos de bsquedas en la Galera por nombre de imagen.

4.6.3. Trminos clave

Esta ventana, mostrada en la gura 34 permite gestionar los trminos clave existentes en la Galera de pictogramas. Las acciones que se pueden realizar son:

Aadir:

Se pueden introducir nuevos trminos clave escribindolos en el cuadro

de texto separados por comas y pulsando despus el botn

Aadir.

Modicar:

Permite modicar un trmino clave. Para esto hay que seleccionarlo

previamente en la lista lo que provocar que aparezca escrito en el cuadro de texto. Despus de modicarlo en el cuadro de texto pulsamos el botn

Modicar.

Eliminar: Permite eliminar el trmino clave que se seleccione en la lista. El programa pedir conrmacin de que se desea eliminar el trmino. 46

Figura 33: Ejemplo de bsqueda de imagen por nombre

47

Figura 34: Ventana para la gestin de trminos clave

48

4.6.4. Insertar imagen

Esta opcin permite aadir una imagen en la Galera de pictogramas. La gura 35 muestra la ventana que permite realizarlo. En ella se pueden distinguir los siguientes elementos:

1.

Panel de seleccin de imagen: Permite seleccionar la imagen que se desea aadir

a la Galera.

2.

Opciones de insercin:

Al aadir una imagen a la Galera puede ser que ya

exista otra con el mismo nombre. Este panel permite seleccionar qu hacer en este caso. Las opciones disponibles son:

Reemplazar imagen:

Elimina la imagen que haba en la Galera con sus

trminos clave y aade la nueva imagen con sus trminos clave.

Aadir imagen: Aade a la Galera la nueva imagen con sus trminos clave
renombrndola. El renombrado de la imagen consiste en aadir un nmero al nal del nombre de la imagen. 3.

Panel de trminos clave: Permite seleccionar los trminos clave que queremos
que se asocien con la imagen que vamos a insertar. Adems permite aadir nuevos trminos escribindolos en el cuadro de texto separados por comas y pulsando en el botn

Aadir.

4.6.5. Modicar imagen

Esta opcin permite modicar una imagen de la Galera de pictogramas. La gura 36 muestra la ventana que permite realizarlo. A travs de ella se pueden realizar bsquedas de imgenes tal y como se explica en la seccin 4.6.2. Los resultados de las bsquedas se muestran en el panel de imgenes y pinchando sobre ellas se pueden seleccionar para su modicacin.

Las opciones existentes son:

1.

Modicar imagen: La gura 37 muestra la ventana que se abre al pulsar sobre

esta opcin. A travs de ella se pueden modicar los trminos clave que estn asociados a la imagen seleccionando o deseleccionando de la lista de trminos. Adems se pueden introducir nuevos trminos a travs del cuadro de texto escribindolos separados por comas y pulsando el botn

Aadir.

2.

Eliminar imagen: Pulsando sobre este botn se puede eliminar una imagen de la
Galera. El programa pide conrmacin al usuario. 49

Figura 35: Ventana para insertar una imagen en la Galera

50

Figura 36: Ventana para modicar imgenes de la Galera

4.6.6. Eliminar imgenes

Esta opcin permite eliminar varias imgenes de la Galera de pictogramas habiendo realizado previamente una bsqueda. La gura 38 muestra la ventana que permite realizarlo. A travs de ella se pueden realizar bsquedas de imgenes tal y como se explica en la seccin 4.6.2 para ser eliminadas.

En esta ventana se distinguen los siguientes elementos:

1.

Panel de bsqueda de imgenes: Este panel permite la bsqueda de imgenes

por trmino clave o por nombre de imagen para eliminarlas.

2.

Panel de imgenes: Este panel permite la visualizacin de los resultados de las

bsquedas.

3.

Barra de progreso: La ventana incorpora una barra de progreso para saber en

51

Figura 37: Ventana para modicar una imagen de la Galera

52

Figura 38: Ventana para eliminar imgenes de la Galera

cada momento la evolucin del borrado de imgenes.

Las imgenes se eliminan pulsando sobre el botn

Eliminar imgenes.

4.6.7. Importar Base de Datos

Esta opcin permite importar una base de datos con el formato adecuado para TICO. Esta base de datos se puede obtener o bien de la pgina web de TICO (ver seccin 4.6.1) o exportando la Galera de pictogramas del Editor (ver seccin 4.6.8). La gura 39 muestra la ventana que permite realizarlo.

53

Figura 39: Ventana para importar la Galera de pictogramas

En esta ventana se distinguen los siguientes elementos:

1.

Panel de seleccin de directorio: Este panel permite la seleccin del directorio

donde se encuentra la base de datos a importar.

2.

Opciones de importacin: Reemplazar imagen:

Al importar la base de datos de imgenes en la

Galera puede ser que ya existan imgenes con el mismo nombre. Este panel permite seleccionar qu hacer en este caso. Las opciones disponibles son: Elimina la imagen que haba en la Galera con sus

trminos clave y aade la nueva imagen con sus trminos clave.

Aadir imagen: Aade a la Galera la nueva imagen con sus trminos clave
renombrndola. El renombrado de la imagen consiste en aadir un nmero al nal del nombre de la imagen. 3.

Barra de progreso: La ventana lleva incorporada una barra de progreso para que
el usuario conozca en cada momento el estado de la importacin.

Pulsando el botn

Importar

comienza la importacin de la base de datos.

4.6.8. Exportar Base de Datos

Esta opcin permite realizar bsquedas de imgenes tal y como se explica en la seccin 4.6.2. para exportarlas a una base de datos que podr ser importada posteriormente.

54

La gura 40 muestra la ventana que permite realizarlo.

Figura 40: Ventana para exportar la Galera de pictogramas

En esta ventana se distinguen los siguientes elementos:

1.

Panel de bsqueda de imgenes: Este panel permite la bsqueda de imgenes

por trmino clave o por nombre de imagen. Es necesario realizar una bsqueda que indique las imgenes a exportar. En el panel de imgenes se muestran los resultados de las bsquedas.

2.

Panel de seleccin de directorio: Este panel permite la seleccin del directorio

donde se guardar la Galera de pictogramas exportada.

55

3.

Barra de progreso: La ventana lleva incorporada una barra de progreso para que
el usuario conozca en cada momento el estado de la exportacin.

Pulsando el botn

Exportar

comienza la exportacin de la base de datos.

4.7. Modos de edicin: Normal y Android

El Editor TICO puede ser usado para crear proyectos TICO tanto para el Intrprete normal de ordenador personal, como para el Intrprete TICO4Android. Los archivos resultantes para proyectos normales y Android tienen las extensiones tivamente.

.tco

.tcoa

respec-

El funcionamiento, aspecto y opciones de ambos modos de edicin son muy similares aunque con algunas diferencias. Durante la edicin, en todo momento podemos saber en qu modo estamos editando mirando la barra superior de la aplicacin. Si estamos en modo Normal en la barra superior aparecer escrito escrito

Editor Tico -

y el nombre del

proyecto que est siendo editado (ver gura 41). Si estamos en modo Android aparecer

Editor Tico ANDROID -

y el nombre del proyecto que est siendo editado (ver

gura 42).

Figura 41: Barra de la aplicacin Editor en modo Normal

El cambio de un modo a otro es automtico y depende de nuestras decisiones al crear un nuevo proyecto, abrir o guardar. El modo de edicin puede cambiar entre Normal y Android en los siguientes casos:

Al crear un nuevo proyecto. Para crear un nuevo proyecto tenemos dos opciones, tanto en la barra de herramientas como en los iconos,

Nuevo

Nuevo android

que crearn un proyecto nuevo en modo Normal o modo Android respectivamente.

Al abrir un proyecto existente.

En el dilogo de seleccin de archivo (ver

gura 43) podemos cambiar el ltro en

Archivos de Tipo

entre

Proyectos de Tico

56

Figura 42: Barra de la aplicacin Editor en modo Android

Proyectos de Tico Android. Si terminamos correctamente de abrir un proyecto el

De la misma forma que al abrir, en el dilogo de

Editor estar en el modo del tipo aqu seleccionado.

Al guardar un proyecto.
seleccionar

seleccin de archivo para guardar (el cual aparece al seleccionar

Guardar

Guardar como

o al

sin que se haya especicado previamente su nombre) podemos

cambiar el tipo de proyecto entre

Proyectos de Tico

Proyectos de Tico Android.

Si terminamos correctamente de guardar un proyecto el Editor pasar al modo del tipo aqu seleccionado. Podemos ver una imagen de la ventana de guardado en la gura 44

4.7.1. Diferencias entre modo Normal y Android

Las principales diferencias tanto de opciones como de visualizacin entre el modo Normal y el modo Android son:

En modo Android est deshabilitada la lista de fuentes de texto. El Intrprete Android usa su fuente propia, la

Droid Sans,

y por tanto durante la edicin para

Android todos los textos se mostrarn con dicha fuente. Las celdas y las celdas de control se visualizan de distinta manera. En el modo Android la imagen se hace del mximo tamao posible dentro de su celda guardando su proporcin de altura y anchura para su mejor visualizacin en pantallas pequeas de dispositivos Android. El texto se superpone alineado arriba o abajo (dependiendo de la opcin escogida en las propiedades de la celda). Se pueden ver ejemplos de cmo se visualiza un proyecto en modo Normal (ver gura 45) y en modo Android(ver gura 46). En las propiedades del proyecto en modo Android se aade la opcin TICO4Android para la visualizacin del proyecto (ver seccin 4.2.3).

orientacin.

Esta opcin determina la orientacin de pantalla que se forzar en el Intrprete

57

Figura 43: Ventana para la seleccin de proyecto a abrir

Al crear un nuevo proyecto Android se muestra un nuevo dilogo (ver gura 47) en el que se pide el tamao de tablero recomendado por la aplicacin TICO4Android para el dispositivo y la orientacin deseada. Esta informacin se guarda para que en futuros proyectos salgan por defecto.

58

Figura 44: Ventana para la seleccin de proyecto a guardar

59

Figura 45: Ventana del Editor en modo Normal

60

Figura 46: Ventana del Editor en modo Android

61

Figura 47: Ventana de propiedades iniciales del proyecto Android

62

4.8. Plantillas
Al instalar la aplicacin tambin se crean unas plantillas que se pueden utilizar para crear tableros ya inicializados con el tamao de fondo, textos y las celdas ya distribuidas. Estas plantillas estn pensadas para proyectos Android (por los tamaos escogidos) aunque pueden utilizarse tambin para proyectos normales.

Para usar estas plantillas hay que usar la opcin encuentran en la carpeta

templates dentro del directorio en el que instalamos la aplicacin

y

Archivo - Importar. Las plantillas se

TICO. En esta carpeta tenemos otras carpetas con la resolucin absoluta de pantalla de los dispositivos Android para los que estn pensados y a su vez dentro de ellas tenemos un par de carpetas

landscape

portrait

pensadas para la orientacin del dispositivo

horizontal y vertical respectivamente. Ya dentro de estas carpetas tenemos las plantillas con un nombre que nos indica las celdas que contiene en proporcin las por columnas y la resolucin del tablero entre parntesis.

Por ejemplo, la plantilla

3x4(480x608).brd

contiene 12 celdas distribuidas en tres las

de cuatro celdas y con un tamao de tablero de 480 pxeles de ancho por 608 de alto.

resoluciones

Esta plantilla es idnea para los dispositivos Android en los que al usar la opcin

Ver

del Intrprete Android (ver Manual del Intrprete Android) nos de una

resolucin portrait de 480 de ancho y 608 de alto.

63

5. Manual del Intrprete

5.1. Elementos del Intrprete
En esta seccin se muestra la aplicacin del Intrprete junto con su aspecto y funcionalidades. Tambin se explican las opciones de conguracin para su uso.

5.1.1. Ventana del Intrprete

La gura 48 muestra el aspecto de la ventana principal del Intrprete. En ella se pueden distinguir los siguientes elementos:

Figura 48: Ventana del Intrprete

1.

Barra de men: Permite congurar las opciones del Intrprete para la interpretacin de los proyectos y acceder a la mayora de sus funcionalidades.

2.

rea de interpretacin:

Lugar donde se colocan los distintos tableros de un

proyecto TICO cuando es cargado para la interpretacin.

64

3.

rea de acumulacin: Lugar donde se colocan las celdas acumulables que han
sido seleccionadas por el usuario.

5.1.2. Barra de men

La barra de men de la aplicacin contiene los siguientes submens que permiten realizar todo tipo de acciones sobre el Intrprete:

1.

Archivo: Acciones a realizar sobre un proyecto. Permite la carga de un proyecto

ya creado en el Editor, as como salir de la aplicacin.

2.

Conguracin: Permite congurar las opciones de la aplicacin: imagen del cursor durante el barrido, nmero mximo de celdas a acumular, espera del cursor durante el barrido automtico y el tipo de barrido. Adems se pueden congurar las preferencias de la aplicacin.

3.

Acciones:

Acciones de interpretacin sobre un proyecto. Entre estas acciones se

encuentran el comienzo de la interpretacin, el n de la interpretacin, la lectura de la zona acumulada, el borrado de la ltima celda acumulada y el borrado de todas las celdas acumuladas (ver gura 49).

Figura 49: Detalle del Intrprete donde se muestra el men Acciones

4.

Validacin:

Permite realizar la validacin de la conguracin del Intrprete de

acuerdo con las limitaciones especcas de los usuarios. 5.

Ayuda: Contiene el indispensable Acerca de...

aplicacin.

que muestra informacin sobre la

65

5.1.3. Preferencias del Intrprete

rencias.
Las preferencias del Intrprete se pueden modicar pulsando

Conguracin - Prefe-

Las preferencias son:

Idioma:

Especica el idioma de ejecucin de la aplicacin. Para que el cambio

surta efecto hay que reiniciar la aplicacin.

5.2. Conguracin del Intrprete

La gura 50 muestra las opciones que se pueden congurar en el Intrprete a travs del men

Conguracin - Opciones del intrprete

que son:

Figura 50: Ventana de conguracin de las opciones del Intrprete

66

1.

Imagen del cursor: Permite seleccionar la imagen para el cursor del ratn durante
la interpretacin del proyecto. Si no se congura se utilizar una imagen por defecto.

2.

Nmero mximo de celdas acumuladas: Indica el nmero mximo de celdas

que pueden acumularse en el rea de acumulacin hasta un mximo de 30. El valor que viene por defecto es 5.

3.

Espera del cursor en segundos: Si se selecciona como modo de ratn el barrido

automtico, indica el nmero de segundos que debe esperar el cursor antes de saltar al siguiente elemento del tablero. El valor por defecto es 1.

4.

Modo de ratn:

Permite seleccionar entre tres modos diferentes de realizar la

interpretacin del proyecto que son:

Seleccin directa: La interpretacin del tablero se realiza utilizando el ratn

convencional.

Barrido automtico: El programa realiza un barrido secuencial de las celdas

del tablero. Las celdas se seleccionan con el clic izquierdo del ratn. Para esta opcin se puede congurar el tiempo que el ratn debe permanecer sobre una celda antes de saltar a la siguiente.

Barrido manual:

Permite realizar un barrido controlado de las celdas del

tablero. El clic derecho del ratn cambia de celda y con el clic izquierdo se selecciona una celda.

5.3. Validacin del Intrprete

Esta opcin permite la validacin de las propiedades del Intrprete para ver si se adaptan a las caractersticas del alumno. La gura 51 muestra el men en la ventana del Intrprete a travs del que se accede a esta funcionalidad.

Figura 51: Opcin de validacin del Intrprete

Este men da paso a la validacin de la conguracin del Intrprete mediante la ventana que aparece en la gura 52. Se deben introducir a mano los valores de las limitaciones del usuario o cargar un usuario de la base de datos, seleccionndolo desde la lista desplegable y pulsando el botn

Cargar usuario.
67

Figura 52: Ventana de validacin del Intrprete

A continuacin se puede optar por realizar la validacin mediante el botn mostrar las sugerencias de diseo para el Intrprete mediante el botn

diseo,

Validar o Sugerencias de

mostrando la informacin en ambos casos de la misma manera que se muestra

en el caso del Editor (guras 53 y 54).

Figura 53: Ventana de resultados para el Intrprete

68

Figura 54: Ventana de sugerencias para el Intrprete

69

6. Crditos
TICO es fruto de una serie de Proyectos Fin de Carrera de Ingeniera Informtica de la Universidad de Zaragoza. Todos se han desarrollado bajo la direccin del Dr. Joaqun Ezpeleta Mateo, profesor de esta Universidad, junto con la colaboracin de Csar Canals Casass y Jos Manuel Marcos Rodrigo, profesores del Colegio Pblico de Educacin Especial Alborada de Zaragoza.

Desarrollo de herramientas para la creacin y utilizacin de tableros de comunicacin en el mbito de la educacin especial, desarrollado por
Fernando Negr Ramos y David Ramos Sigun. Noviembre de 2005.

Tico 2.0: Modicacin y extensin de una herramienta para la edicin y ejecucin de tableros interactivos de comunicacin, por Pablo Muoz
Orbaanos. Noviembre 2006.

Intrprete Tico 2.0: Herramienta para la ejecucin de tableros interactivos de comunicacin y control del entorno, por Antonio Rodrguez Villanueva. Agosto 2007.

Validacin automtica, basada en reglas, de la accesibilidad de los proyectos Tico, por Beatriz Mateo Mendaza. Junio 2008. Integracin de plugins en la aplicacin Tico. Desarrollo e integracin de un plugin para la gestin de una galera de imgenes, por Patricia Martnez
Jaray. Septiembre 2008.

TICO e1.0: mejora y extensin de la aplicacin TICO para su primera distribucin estable, por Carolina Palacio Julin. Junio 2010. TICO4Android: Implementacin de TICO para dispositivos mviles basados en Android R , por Eduardo Ferrer Domingo. Diciembre 2012.
Para cualquier sugerencia o duda puede consultar la pgina web o enviar un correo electrnico a la direccin

ticoproyecto@gmail.com.

70