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
- directorio-de-instalación-de-SiteKiosk/Bitmaps/sitekiosk_title.ico
El icono de SiteKiosk en la parte superior izquierda de la barra de título de nuevas ventanas de navegador y en la selección de ventanas de la barra de tareas se puede reemplazar con su imagen. Para ello cree un fichero de icono con el nombre sitekiosk_title.ico en la carpeta ..\SiteKiosk\bitmaps.
- directorio-de-instalación-de-SiteKiosk/Bitmaps/watchdog_bg.jpg
Esta el la imagen de fondo del Watchdog de Software de SiteKiosk. Se puede ver, por ejemplo, si SiteKiosk reinicia mientras se está ejecutando.
- directorio-de-instalación-de-SiteKiosk/Skins/public/default/naverror.htm o directorio-de-instalación-de-SiteKiosk/SiteKioskNG/assets/errorPages/error.html
SiteKiosk mostrará esta página para los errores de navegación, es decir, para informar del error de navegación "404 página no encontrada". Puede reemplazar o editar este archivo para mostrar información personalizada o realizar tareas específicas en la página utilizando un script (con la ayuda de SiteKiosk Object Model).
- directorio-de-instalación-de-SiteKiosk/SiteRemote/background.bmp
Esta es la imagen de fondo de la opcional pantalla de mantenimiento para las conexiones VNC sobre SiteRemote.es.
- directorio-de-instalación-de-SiteKiosk/SiteRemote/protect.bmp
Se trata de la imagen de fondo de la opcional pantalla de mantenimiento que se puede visualizar en la ejecución de las tareas de SiteRemote.es. El archivo no existe por defecto y solamente se tiene que crear bajo el nombre, si desea una imagen diferente.
- La imagen del marcador de posición estandar para SiteCaster
(SiteCaster.png), que se muestra cuando no se ejecuta una campaña de
SiteCaster, se almacena en la siguiente ruta:
- Windows 7 / Windows 8: "C:\Users\Public\Documents\SiteCaster"
Si el terminal de SiteKiosk esta conectado con SiteRemote también puede enviar una tarea para reemplazar la imagen:-->Trabajos-->Plantillas de Trabajo-->Change Default SiteCaster Idle Image
Consulte más información sobre SiteRemote.
- SK-installation folder/SiteRemote/background.bmp
Esta es la imagen de fondo para la pantalla de mantenimiento de SiteRemote.es VNC.
- SK-installation folder/Skins/Chrome_NG_Skin/TrayWnd.html
En este archivo puede buscar <span class = "logo"> SiteKiosk </ span> para cambiar el trazo de SiteKiosk en el menú de inicio en la barra de tareas del navegadaor Chrome.
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".
- Ruta de acceso al Skin IE7: directorio-de-instalación-de-SiteKiosk/Skins/IE7
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".
- Ruta al diseño de telcado International: directorio-de-instalación-de-SiteKiosk/Skins/Provisio/lightweight_int
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í:
- Ruta al archivo skskin para el Skin IE7: directorio-de-instalación-de-SiteKiosk/Skins/IE7.skskin
El archivo skskin para el diseño de teclado International se puede encontrar aquí:
- Ruta al archivo skskin para el diseño de teclado international: directorio-de-instalación-de-SiteKiosk/Skins/provisio_lightweight_int.skskin
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í.
- Ruta de archivo de definición de los Skins IE7: SK-Installation folder/Skins/IE7/IE7Skindef.xml
Para obtener una descripción completa del archivo de definición para diseños de teclado, haga clic
aquí.
- Ruta al archivo de definición para el diseño de teclado internacional: SK-Installation folder/Skins/Provisio\lightweight_int/lightweight_int.xml
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.
- Default stringtable.xml: SK-Installation folder/Language/Browserskins/stringtable.xml
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:
- Ruta de acceso al Skin IE7: SK-Installlation folder/Skins/IE7/Img/Config/Preview.png
Y de la distribución del teclado internacional :
- Ruta al archivo diseño de teclado internacional: SK-Installation folder/Skins/Provisio/lightweight_int/preview.png
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.