Cada pantalla de TE consta de múltiples elementos, incluidos el texto de las teclas, los campos del cursor, las etiquetas de datos, los campos, los encabezados y los elementos de menú.Cada uno de ellos se puede editar con la consola de Velocity, que ofrece múltiples opciones de configuración para crear estilos únicos o de marca, que se aplican mediante el motor de presentación HTML y CSS integrado en la aplicación.
1.Lista de pantallas. Aquí se listan todas las pantallas asociadas con un proyecto junto a las etiquetas y nombres de plantillas.Puede navegar ente pantallas seleccionando una pantalla numerada desde aquí.
2.Pantallas importadas. Las pantallas tradicionales negras y verdes capturadas del cliente TE.Esta columna muestra la pantalla antes de cualquier reformateo moderno.
3.Pantalla reformateada. Las pantallas capturadas en TE se presentan con el motor HTML y CSS integrado en Velocity para mostrar diseños de pantalla más modernos.Se puede seleccionar cada elemento y editar las propiedades desde Columna de elementos de la pantalla.
4.Elementos de la pantalla. Desde aquí puede manipular las propiedades de cada uno de los elementos reformateados.
Las funciones siguientes para editar elementos de la pantalla están disponibles con la consola de Velocity:
•Pantallas predictivas y de plantilla. Después de importar las pantallas a la consola de Velocity, las pantallas negras y verdes se traducen automáticamente para obtener una apariencia más cercana al móvil.Estas pantallas están etiquetadas como "Predictivas", que significa que no se han hecho cambios manuales y que está sujeta al motor de presentación HTML y CSS integrado en Velocity y sus estilos universales.Cuando se hacen cambios a la pantalla, se convierte en una "Plantilla" con nombre, con estilos y formateo único en esa página.Para importar pantallas al proyecto y así editar el estilo de los elementos de la pantalla, consulte Importar pantallas.
•Temas. Los elementos de una pantalla se pueden editar pantalla a pantalla, lo que quiere decir que los cambios que se hacen en un elemento de una pantalla no se aplicarán a todos los elementos de tipo similar.O, mediante el uso de temas, puede crear estilos de formateo para cada tipo de elemento que se aplicará en todas las pantallas.Si se cambia el tema global del proyecto, no se cambia el estado "Predictivo" de la pantalla a "Plantilla". Para obtener más información sobre los temas, consulte Configurar Ajustes del proyecto.
Los temas que se ajustan en la pestaña Tema se reemplazan cuando se editan elementos individuales en la pestaña Pantallas.
•Texto de tecla y zonas de cursor. Con el texto de las teclas, se puede crear una plantilla de pantalla en la que se basarán los cambios de reformateo.Si otras pantallas contienen el texto de clave seleccionado, esa pantalla se reformateará según el estilo que se aplique en la pantalla en la que esté actualmente ubicado el texto clave.También se pueden crear zonas de cursor que establezcan múltiples reglas de plantillas en una única pantalla que cambie la plantilla a medida que los usuarios se desplacen de un campo a otro.
•Distribución. Se pueden mover elementos individuales y colocarlos uno junto a otros para expansión de elementos.Por ejemplo, en un dispositivo Android se pueden distribuir los campos de texto de nombre de usuario y de contraseña con sus etiquetas de datos para que aparezcan uno junto a otro.
•Tablas. Estructure el diseño de los elementos en filas y columnas agregando una tabla a la pantalla reformateada.Cuando se crea una tabla, ésta consta de celdas contenedoras vacías a las que se pueden arrastrar y soltar elementos.Esto es especialmente útil para presentar múltiples elementos como etiquetas y campos de datos o incluso múltiples elementos de menú.
Todas las pantallas asociadas con una pantalla de proyecto se muestran aquí en una lista ordenada en la que se capturaron desde el cliente TE.Además, esta lista muestra etiquetas asociadas y la plantilla aplicada.El objetivo de las etiquetas es permitirle organizarlas según las pantallas inacabadas, grupos específicos de pantallas y funciones de pantallas, por nombrar algunos.
Para ayudar con la agrupación de pantallas similares o para localizar más fácilmente una pantalla específica, se pueden utilizar etiquetas para describir el contenido de una pantalla.Se pueden agregar etiquetas manualmente haciendo doble clic en el espacio que hay a la derecha del número de la pantalla.Agregue las palabras de etiquetas relevantes, separadas por comas.
Además, puede reordenar las pantallas arrastrando y soltando el número de pantalla en el orden deseado.
No se pueden incluir símbolos con etiquetas.
Si se asocia la misma etiqueta a múltiples pantallas, se puede utilizar la barra de búsqueda para filtrar por etiquetas individuales o múltiples.Se pueden utilizar operadores lógicos como + y - para incluir o excluir etiquetas desde una búsqueda.
Agregar pantallas
Inicia un diálogo a través del cual se pueden seleccionar pantallas importadas del cliente TE.Si ha capturado pantallas mediante el cliente TE, éstas aparecerán como archivo único que contenga todas las pantallas agregadas.Cuando se agrega este archivo, todas las pantallas asociadas se mostrarán en la columna Lista de pantallas.
Cuando se selecciona una pantalla, el contenido original negro y verde aparece en la columna Pantalla importada, mientras que la versión representada aparece en la Pantalla reformateada.
Se pueden agregar múltiples archivos de capturas de pantalla a un proyecto.Las nuevas pantallas que se agregan se juntan a la lista de la parte inferior de la pantalla.
Pantallas importadas
Las pantallas originales negras y verdes se han capturado del cliente TE se muestran en esta columna.Todos los campos de texto de aquí se identifican y se representan con el motor de HTML y CSS integrado de Velocity.
Mientras que la mayoría de acciones de Velocity se realizan desde la Pantalla reformateada y las columnas de elementos de pantallas, se pueden realizar funciones desde aquí, como hacer coincidir plantillas, agregar zonas de cursor y crear elementos nuevos.
Se pueden agregar múltiples campos de texto claves para la coincidencia de plantillas.Otras pantallas se comparan con esta y, si se localiza el texto de tecla identificado, esas pantallas se adjuntarán a la misma plantilla.
Si se crean dos campos de texto uno junto a otro, automáticamente se combinan en un único campo de texto de tecla.
1.Haga doble clic donde desee agregar el texto de tecla en el panel Pantalla importada.
1.Desde el panel Pantalla importada, haga doble clic o haga clic y arrastre hasta el lugar donde desee agregar la zona de cursor.
2.Haga clic en el botón Agregar zona de cursor.
3.Haga clic en Guardar para guardar los cambios.
La primera zona de cursor que se agrega a una pantalla debe ser el lugar en el que se encuentre actualmente el cursor en la pantalla importada.Del mismo modo, no es posible eliminar una zona de cursor con el cursor ubicado en ella hasta que se hayan eliminado todas las demás zonas de cursor.
Pantalla reformateada
Esta columna muestra la pantalla importada en la que se ha aplicado el motor de presentación HTML y CSS integrado.Lo que es negro y blanco en la pantalla de la columna Pantalla importada ahora son campos, etiquetas y botones aptos para móviles.Se puede seleccionar cada elemento y editar las propiedades desde Columna de elementos de la pantalla.
Plantilla
Asigna un nombre a la plantilla cuando se realizan cambios a una pantalla.Todas las pantallas con la misma plantilla muestran el mismo nombre de plantilla.Si se altera una pantalla con la misma plantilla, se crea una nueva plantilla para evitar realizar cambios en otras pantallas.
Cuando se agrega texto de tecla o se eliminan zonas de cursor, de manera que una plantilla que antes se había emparejado ya no esté emparejada, se crea una nueva plantilla.De igual manera, si realiza cambios en campos individuales, se crea una nueva plantilla.Para combinar una plantilla anterior, se deben eliminar los cambios que se agregaron anteriormente o volver a agregar las zonas de cursor.Al hacerlo, se avisa a los usuarios de los cambios y se les pide que los confirmen.Si se confirma, la plantilla original se reemplaza con la plantilla actual.Cuando se crea una plantilla nueva a partir de los cambios que se han realizado, recibe una prioridad superior a las demás plantillas.Esto significa que las plantillas modificadas siempre anulan las plantillas anteriores.
Si desea volver a la plantilla anterior, haga clic en el botón Eliminar plantilla de la pestaña Pantallas.
Los nombres de plantillas se utilizan cuando se crean ámbitos específicos para pantallas. Al crear un nombre de pantalla, puede asociar secuencias de comandos que se ejecuten sólo cuando se acceda a esta pantalla (y cualquier otra que esté compartiendo el mismo nombre de plantilla).
Se puede cambiar manualmente el nombre de la plantilla, según necesite.
El nombre de la plantilla se usa desde la pestaña Secuencias de comandos para identificar los ámbitos específicos de plantillas para una secuencia de comandos.Utilice este valor, precedido por el símbolo@ .
Agregar tabla
Agrega un elemento contenedor de tablas que le permite arrastrar elementos existentes y colocarlos unos junto a otros dentro de un contenedor con filas y columnas.Las tablas pueden incluir todo tipo de elementos.
Elementos de la pantalla
Esta columna ofrece todos los ajustes y opciones para manipular los elementos formateados.Desde aquí, puede modificar el formateo de elementos, agregar menús contextuales y crear encabezados de pantallas.Sólo debe seleccionar un elemento de la columna Pantalla reformateada y empezar a editar aquí sus propiedades.
Establece el color de fondo de toda la pantalla. Esto se puede ajustar por pantallas o usando temas.
Suprimir encabezado
Oculta un encabezado global en las pantallas individuales.Si se crea un encabezado a nivel de tema, es opción le permite ocultarlo en determinadas pantallas.Esta opción no se puede modificar hasta que se establezca un encabezado global.
Elemento de encabezado
Activa un elemento de encabezado que aparece en la parte superior de la pantalla.Cuando se ajusta como Activo, la aplicación le lleva a la pestaña Elementos para aplicar el estilo, ajustar el título de un encabezado o cargar una imagen de logotipo.Esto se puede ajustar por pantallas o usando temas.
Elemento del pie de página
Agrega un pie de página a la parte inferior de la pantalla.Se pueden arrastrar y soltar elementos nuevos o existentes a este elemento.El pie de página y cualquier elemento que incluya se fijan a la parte inferior de la pantalla, aunque se desplace.
Fondo del pie de página
Establece el color de fondo del elemento del pie de página. Esto sólo se puede hacer si está habilitado el Elemento del pie de página.
Eliminar plantilla
Elimina la plantilla de la pantalla seleccionada y resetea el formato de la pantalla.
Establece el número total de filas que contiene la tabla.De manera predeterminada, se ajusta como 2.
Si se reduce el número de filas de una tabla, no se elimina ningún elemento ubicado en las celdas que se eliminan.Estos elementos se eliminan de la tabla y se colocan debajo.
Columnas
Establece el número total de columnas que contiene la tabla.De manera predeterminada, se ajusta como 2.
Si se reduce el número de columnas de una tabla, no se elimina ningún elemento ubicado en las celdas que se eliminan.Estos elementos se eliminan de la tabla y se colocan debajo.
Ancho
Define la cantidad de la pantalla que ocupa la tabla en horizontal.De manera predeterminada, se ajusta como 100%.
La tabla siempre se justifica a la izquierda.
Color de fondo
Establece el color de fondo de este elemento. Esto se puede ajustar en la tabla o en el nivel de temas.
Color de fila alterno
Ajusta el color de fondo de cada fila de la tabla, empezando por la segunda fila.Esto se puede ajustar en la tabla o en el nivel de temas.
Dinámico
Le permite tratar una tabla como dinámica con los campos seleccionables.Si activa esta opción, tendrá acceso a las opciones Comando navegar hacia arriba, Comando navegar hacia abajo y Seleccionar comando. Las filas seleccionadas se distinguen de las otras para avisar a los usuarios de las filas que se estén utilizando.
Comando Navegar hacia arriba
Envía un valor de pulsación para desplazarse hacia arriba en una fila de una tabla dinámica.
Comando Navegar hacia abajo
Envía un valor de pulsación para desplazarse hacia abajo en una fila de una tabla dinámica.
Seleccionar comando
Envía un valor de pulsación para seleccionar el campo actual para introducir datos en una tabla dinámica.
Propiedades del elemento
Tipo de elemento
Especifica el tipo o clase de elemento.Cuando se establece un tema, los elementos del mismo tipo están sujetos al mismo estilo.Sólo se pueden editar tipos de elementos por pantallas.
Los tipos de elementos disponibles incluyen:
•Encabezado. El texto de los encabezados que identifica la pantalla que está activa actualmente.No se puede agregar un encabezado a elementos panorámicos.
•Etiqueta de datos. El texto del subtítulo estático que se utiliza para etiquetar los campos. Este elemento le permite cambiar la etiqueta de una pantalla reformateada, pero no modificará la versión negra y verde de esta etiqueta.
•Valor de datos. El texto del subtítulo estático que se utiliza para etiquetar los campos. El texto para este valor no se puede modificar.
•Campo. Campos de texto vacíos en los que los usuarios finales pueden introducir texto manualmente.
•Elemento de menú. Botones que navegan los usuarios finales en diferentes pantallas. No se puede agregar un elemento de menú a elementos panorámicos.
•Botón. Botones que navegan los usuarios finales en diferentes pantallas. Son similares a los Elementos de menú, pero se formatean para mostrarse en pantallas.Estos se pueden agregar a elementos panorámicos y a pies de página.
Cada elemento tiene sus propios estilos predeterminados asociados, que vienen establecidos por el formateo predictivo de Velocity. Para obtener más información, consulte Formateo predictivo.
Eliminar\Eliminar todo
•Si selecciona Eliminar, se elimina el elemento de pantalla seleccionado de la pantalla preformateada.Si selecciona Eliminar todo, se eliminan todos los elementos de la pantalla preformateada.Para agregar un elemento de pantalla, consulte los pasos siguientes.Esto no se puede ajustar en el nivel de temas.
Propiedades del banner
Título
Crea un elemento de encabezado que aparece en la parte superior de cada pantalla.El texto que se introduzca aquí aparecerá dentro del elemento.Cuando se carga también una imagen, el texto de este campo aparece a la derecha de la imagen del logotipo.Esta opción sólo aparece cuando se habilita Elemento báner.
Imagen
Carga una imagen de logotipo y la coloca en la parte superior de cada pantalla.Las imágenes no pueden ser más anchas de 100 píxeles ni más altas de 60. Esta opción sólo aparece cuando se habilita Elemento báner.
Propiedades de fuente
Familia
Especifica la familia de fuentes que se utilizan para el elemento.Cuando se establece un tema, los elementos del mismo tipo están sujetos al mismo estilo de la familia de la fuente.
•Serif
•Sans-serif
•Monospace
Tamaño
Ajusta el tamaño del texto de la fuente del elemento.Esto se puede ajustar de 10 a 20 puntos.El valor predeterminado depende del tipo de elemento seleccionado.
Negrita
Si selecciona esta opción, se pone en negrita el texto del elemento.Por defecto, no está seleccionado.
Cursiva
Si selecciona esta opción, se pone en cursiva el texto del elemento.Por defecto, no está seleccionado.
ç
Si selecciona esta opción, se subraya el texto del elemento.Por defecto, no está seleccionado.
Color de fuente
Ajusta el color del texto visible de este elemento.
Color de fondo
Establece el color de fondo de este elemento.
Texto
El texto que aparece para este elemento en la pantalla reformateada.Este ajuste no reemplaza el texto de las pantallas negras y verdes estándar.Esto no se puede ajustar en el nivel de temas.
Comando
Asocia una pulsación de tecla específica con un elemento del menú. Cuando se selecciona, el comportamiento asociado con esa pulsación se envía al perfil del host.Por ejemplo, en el servidor de prueba, el comando de un elemento de menú puede ser el número 3. Cuando se envía, el usuario accede a la pantalla siguiente.Esto no se puede ajustar en el nivel de temas.
Entre los comandos aceptados se incluyen las pulsaciones de teclas siguientes:
•F1 a F24
•CTRL-[una letra, mayúscula o minúscula]
•Valores hexadecimales Keycode (por ejemplo, {hex:E03B}para F1), sin una \ o con 0x antes del valor hexadecimal
•Macros (por ejemplo, {hex:E050}{hex:E04D}{pause}{AutoEnter} para "down," "right," una pausa de 250 milisegundos, y luego pulsaciones "Enter")
Ajusta el comportamiento para que emerja el teclado cuando se selecciona un elemento del campo.Esto no se puede ajustar en el nivel de temas.
•Mostrar. El teclado aparece automáticamente cuando se usa el tabulador para acceder al campo.
•Ocultar. Si el teclado está activo, automáticamente se oculta cuando se usa el tabulador para acceder al campo.
•Deshabilitar. Ni los teclados personalizados ni los predeterminados se pueden utilizar cuando se usa el tabulador hasta el campo.
Teclado vertical
Ajusta el teclado personalizado predeterminado que se utilizará cuando una pantalla se muestre en modo vertical.Esto no se puede ajustar en el nivel de temas.
Si se deja en blanco, se utiliza el teclado personalizado predeterminado, que es el teclado que aparece más arriba en la lista del Panel Teclados de la pantalla de Teclados.
Teclado horizontal
Ajusta el teclado personalizado predeterminado que se utilizará cuando una pantalla se muestre en modo horizontal.Esto no se puede ajustar en el nivel de temas.
Si se deja en blanco, se utiliza el teclado personalizado predeterminado, que es el teclado que aparece más arriba en la lista del Panel Teclados de la pantalla de Teclados.
Id. de componente
Especifica el identificador del campo.Este campo no se puede modificar y se asigna automáticamente tras la creación del elemento.El objetivo de este valor es de referencia en secuencias de comandos que afectan a campos específicos.
Id. de ámbito
Especifica el ámbito de pantalla y de campo.Esto no se puede modificar y se asigna inmediatamente tras la creación del elemento.
El valor aquí consta de un nombre de plantilla y una ID de componente, separados por dos puntos y precedido por el símbolo @. Debe copiar y pegar el valor de este campo cuando ajuste un ámbito específico desde la pestaña Secuencias de comandos.
Agrega un nuevo elemento de menú contextual, lo que le permite especificar un Título del elemento de menú y un Comando de acceso directo. Los elementos del menú no se pueden agregar a nivel de tema.
Agregar voz
Habilita las capacidades texto a voz y voz a texto para el elemento del menú.Además, esto agrega el campo Frase coincidente, que requiere una macro de voz en Comandos de acceso directo para completar una acción de voz específica.
Elemento de menú global
Especifica el elemento del menú como específico de una pantalla o global.Si se ajusta como Activado, el elemento del menú aparece en el menú contextual de todas las pantallas.Si se ajusta como Desactivado, el elemento del menú aparece sólo en el menú contextual de la pantalla actual.
Elementos del menú
Crea y edita elementos de menú para el menú contextual.
Desde esta sección puede configurar los ajustes siguientes:
•Título del elemento del menú. El texto que aparece como etiqueta para un elemento del menú contextual.
•Comando de acceso directo. Asocia una pulsación de tecla específica con un elemento del menú. Para ejemplos de comandos aceptados, consulte Códigos de teclado y Comandos.
•Eliminar. Elimina el elemento del menú seleccionado.
•Heno. Aplica los cambios al menú contextual, que son visibles en el panel Pantalla reformateada.
Voz habilitada
Habilita el uso de frases activadas por voz para acceder a las funciones del menú contextual.Esto hace visible el campo Frase coincidente.
Frase correspondiente
Establece el comando de voz para que active el elemento del menú.Aquí se puede introducir cualquier frase, siempre que el cliente la pueda pronunciar.Las frases coincidentes sólo se pueden crear para los elementos de menú contextuales.
Cuando se detecta una frase que coincida, automáticamente se ejecuta cualquier macro, texto o secuencia de comandos que tenga asignada en el campo Comandos de acceso directo.
Comandos de accesos directos de voz
Cuando se utiliza el cliente de Velocity con Speakeasy, viene cargado con comandos predeterminados.Para invocar estos comandos, deben incluirse en el menú contextual global o de pantalla con el valor que se lista abajo.Estos comandos no requieren gramáticas adicionales.
Subir volumen
{voice:volumeUp}
Bajar volumen
{voice:volumeDown}
Volver a decir
{voice:repeat}
Hablar más rápido
{voice:faster}
Hablar más despacio
{voice:slower}
Calibrar
{voice:calibrate}
Edición de elementos
Los elementos individuales del panel Pantalla reformateada son interactivos, lo que le permite manipular los elementos de estilo y hasta crear nuevos elementos que no se encuentren en la pantalla importada.
1.Seleccione y arrastre el elemento deseado de la pantalla desde el panel Pantalla reformateada.
Aparece una flecha roja junto al lado izquierdo del panel para indicar dónde se colocará un elemento cuando se suelte.Las Etiquetas de datos, Valores de datos y Campos se pueden colocar unos con otros para la vista panorámica horizontal, y los elementos se mostrarán junto a los dispositivos.
1.Seleccione un elemento existente y arrástrelo hasta otro elemento.
2.Si aparece > rojo, indica la colocación junto al elemento estático, libere el elemento.
El elemento que arrastró aparece junto al elemento existente.Puede extender elementos adicionales y automáticamente envolverán la siguiente línea cuando se coloquen suficientes elementos juntos.
No se pueden agregar encabezados ni elementos del menú para extensiones del elemento.
1.Haga clic en el botón Agregar tabla que hay sobre el panel Pantalla reformateada. Aparece una tabla de dos columnas por dos filas en la parte superior de la pantalla.
2.Muévala a la ubicación deseada de la pantalla reformateada.
3.Haga clic y arrastre los elementos a las celdas individuales para agregarlos a la tabla.No se puede agregar más de un elemento en una celda.
Ver un vídeo relacionado (3:16)
Para agregar correspondencia de plantillas de texto de teclas
