Home > Personalización (Skins)

Personalizar SiteKiosk

Las plantillas de diseño de navegador, página principal Start Page, y diseño teclados en pantalla se pueden personalizar para ajustarse a CUALQUIER uso concreto o necesidad. 

La tecnología SiteKiosk está basada en estándares de Internet, tales como HTML, Javascript, XML, etc. y su uso es similar a la configuración de un sitio web.

1. Diseños de Navegador (Skin)

El diseño de navegador o skin se muestra cuando abre una nueva ventana de navegador. SiteKiosk utiliza este navegador en el cual está embebido la ventana de navegación. La comunicación entre estas dos ventanas de navegador es posible.

El diseño del skin se basa principalmente en HTML y tiene funciones especiales que pueden controlarse mediante el javascript propietario llamado SiteKiosk Object Model.


2. Diseños Start Page 

Unas plantillas especiales con más funciones específicas son las denominadas Start Page.

Esas plantillas Start Page se utilizan como página principal del navegador SiteKiosk. Dan acceso al usuario a las distintas funciones para las que han sido diseñadas, y en general para permancer siempre visible en el escritorio. Permiten a su vez abrir nuevas ventanas en un diseño de navegador determinado en la mayoría de los casos.

Dado que las Start Page se diseñan para objetivos de uso distinto, el funcionamiento concreto y opciones de configuración difieren de un modelo a otro. 


3. Diseños de Teclados en Pantalla

Los diseños de teclados en pantalla se basan en al menos dos imágenes .jpg; una muestra las teclas presionadas, y la otra liberadas. Estas imágenes se usan, de forma similar a la parte cliente en un mapa de imagen uitilizado en páginas web, para definir las áreas que pueden pulsarse.

Se definen en un fichero basado en xml. A partir de este esquema tan sencillo SiteKiosk proporciona esta importante función para permitir el uso de terminales desde pantalla táctil, despliegue automático (opcional) al entrar en un área de texto, cambio de teclado según el idioma, etc.


4. Asistente de Configuración

La herramienta de configuración de SiteKiosk está basada en HTML y puede ser rediseñada completamente. Si tiene alguna duda, puede contactarnos.


5. Personalizar el Teclado (modificar mapa de teclado)

En la industria del kiosco, los terminales públicos a menudo utilizan teclados (hardware) especiales con funciones que pueden ejecutarse.

Es posible, por ejemplo, implementar un teclado que en contraste con los teclados convencionales tiene una tecla "http://" y otros botones de desplazamiento adicionales. SiteKiosk le permite, por ejemplo, atribuir a la tecla F4 con una función "Avance Página". También es posible asignar teclas a un enlace a un sitios web de anunciantes, etc.


6. Archivos personalizables

Por favor tenga en cuenta:
Para crear un nuevo diseño de navegador o teclado es necesario un conocimiento mínimo de programación. Por razones comprensibles, no podemos ofrecer soporte gratuito para asistirle en la creación de sus propios scripts (salvo la documentación desarrollada aquí y la documentación del SiteKiosk Object Model).

7. Opciones configurables manualmente

Algunas opciones de configuración de SiteKiosk no se pueden editar mediante la herramienta gráfica del Asistente de Configuración de SiteKiosk. Se trata de determinadas opciones que normalmente no necesitan cambiarse. Un resumen de estas opciones se desarrolla en esta página.

8. Componentes requeridos para la creación de diseños de navegador, de Start Page o de teclados para pantalla táctil

8.1 Plantilla
Por favor utilice una plantilla de diseño de navegador o teclado ya existente.
Si quiere crear un diseño de navegador, puede utilizar como plantilla el Skin IE7 de SiteKiosk, pues este skin ya contiene todos los componentes necesarios y será más sencillo personalizar un Skin existente para ajustarlo a sus necesidades.

Antes de probar sus presonalizaciones, por favor haga una copia de seguridad de la carpeta Skins/IE7" y el archivo Skins/IE7.skskin".

Siga las mismas pautas cuando quiera crear un diseño de teclado. Utilice, por ejemplo el diseño International como base para su teclado personalizado. En este caso, cree una copia de seguridad de la carpeta "skins/Provisio/lightweight_int" y archivo "skins/provisio_lightweight_int.skskin".
8.2 Archivo skskin
Este archivo XML le asegura que el diseño se muestre en la configuración de SiteKiosk. El nombre del Skin y también la imagen de vista previa para la configuración se definen en este archivo.
Abajo se muestra un ejemplo del archivo skskin del Skin IE7 (directorio-de-instalación-de-SiteKiosk/Skins/IE7.skskin):

<skin name="IE7 Skin" filename="IE7.skskin">
          <browserskin name="IE7 Skin">
                    <preview>skins\IE7\Img\Config\Preview.png</preview>
                    <skindef>skins\IE7\IE7Skindef.xml</skindef>
          </browserskin>
</skin>

El archivo aplicable para el Skin IE7 se encuentra aquí:
El archivo skskin para el diseño de teclado International se puede encontrar aquí: Puede encontrar información detallada para el archivo skskin aquí.
8.3 Archivo de definición
Este archivo XML contiene todas las definiciones que determinan el diseño básico del navegador o el teclado en pantalla y apunta a otros archivos necesarios para una visualización correcta.

Para obtener una descripción completa del archivo de definición para diseños de navegador, haga clic aquí.
Para obtener una descripción completa del archivo de definición para diseños de teclado, haga clic aquí.
8.4 Tabla de String (Elementos de idioma del Skin)
Teóricamente, puede hacer que SiteKiosk esté disponible en todos los idiomas que necesite. En el archivo de definición de los Skins del navegador, los idiomas disponibles para un Skin se definen y vinculan a un archivo stringtable.xml correspondiente que se refiere a la traducción.
Al presionar el botón Cerrar sesión o cuando se activa el protector de pantalla, el idioma de la pantalla se restablece automáticamente al idioma predeterminado del sistema.

Los diseños de teclado y diseños de página de inicio no tienen un stringtable.xml separado. Los diseños de la página de inicio generalmente recurren a los archivos de traducción del diseño del navegador. Las definiciones de idioma relevantes para un diseño de teclado se pueden encontrar directamente en el archivo de definición de diseños del teclado.
8.5 Vista Previa de un Skin
Para mostrar una vista previa del diseño del navegador en la herramienta de configuración, SiteKiosk necesitará una imagen de vista previa del skin. Este debe ser el formato de archivo .png (con una profundidad de color de 24 bits) y las dimensiones de la imagen de 256 píxeles de ancho por 92 píxeles de alto. Los programas populares de edición de imágenes ofrecen la creación de este formato.

Archivo correspondiente del Skin IE7:
Y de la distribución del teclado internacional :
8.6 Archivos de Skin
Una amplia variedad de archivos como HTML, Javascript, XML, CSS y archivos de imagen, etc. forman el Skin. Estos archivos son parte del Skin. Algunos de estos archivos se mencionan explícitamente en el archivo de definición del diseño. Luego, SiteKiosk los utiliza para representar directamente el diseño del Skin.
Los otros archivos, como las imágenes en archivos HTML, a su vez están vinculados y forman los elementos visuales de un Skin. El contenido de estos archivos es demasiado diverso para ser cubierto aquí. Como ya se mencionó, recomendamos la introducción al tema con los archivos de las máscaras existentes para tener una idea de las posibilidades.
Más información:

Vea también

Bienvenido
Nuevas Funciones
Descarga e Instalación
Soporte
Requisitos de Sistema
Restricciones de Versión Demo
Registrar SiteKiosk (Licencias)
Información de Contacto
Administración Remota (SiteRemote)
Guía de Primeros Pasos Usuario
Versión Basic
Versión Plus
Versión Pay
Gestor de Seguridad
SiteKiosk Object Model
Componentes OpenSource
Acerca de


Volver arriba