¡A muchos de nosotros nos gusta mucho cuando algo está hecho para nosotros! Cuando sentimos un cierto “nivel de propiedad” que nos permite destacarnos del fondo de la “masa gris”. Las mismas sillas, mesas, ordenadores, etc. ¡Todo es como todos los demás!
A veces, incluso algo tan pequeño como el logotipo de una empresa en un bolígrafo normal lo hace sentir especial y, por tanto, más valioso.
Esté de acuerdo en que la mayoría de los clientes preferirán un teléfono Snom en lugar de uno normal (como todos los demás), un teléfono que asocian con algo especial/personal. Estoy seguro de que si usted es un proveedor de soluciones de telefonía, también aceptará asociar su empresa al proveedor de este “especial” a los ojos del cliente.
Muchos de ustedes saben que Snom puede ofrecer niveles muy diferentes de personalización de teléfonos de escritorio: desde cambios de hardware y software muy complejos que requieren tiempo de desarrollo, hasta cambios muy simples que están disponibles para todos de forma inmediata y totalmente gratuita. Es de esto último de lo que queremos hablaros hoy.
El firmware del menú de nuestros teléfonos está construido en XML y le permite personalizar de manera flexible la interfaz de usuario de los siguientes parámetros (lista corta):
- imagen de fondo
- fuente y color
- Iconos
- idioma
- tonos de llamada
- asignación de claves
- y mucho más
En esta, la primera parte de nuestro artículo, hablaremos sobre cómo puedes cambiar la apariencia visual de tu teléfono Snom. Hablemos de algunos puntos:
- Cambio de colores
- Cambiar fuentes
- Cargando una imagen de fondo
- Ejemplos de temas
En la Parte 2 de nuestro artículo (próximamente) hablaremos del resto de opciones de personalización. Así que no "cambies".
1. Cambiar la combinación de colores
A partir de la versión 10 del firmware, la interfaz de color del teléfono se puede cambiar completamente en términos de color y transparencia. Esto le permite personalizar la interfaz de usuario para lograr una legibilidad, claridad, preferencias de color ideales y cambios adicionales, por ejemplo, en la identidad corporativa de la empresa.
Para que sea más fácil de entender, existe un esquema para describir la configuración de color:
Los colores se ajustan utilizando valores RGB.
Nombre
Valores válidos
Valores por
defecto
Descripción
barra de título_texto_color
grupo de 4
números, cada uno >=0 y <=255.
rojo, verde, azul, alfa (el valor alfa 255 significa completamente
visible y 0 es completamente transparente).
51 51 51 255
Controla el color y la transparencia del texto en
línea de título, por ejemplo, “Fecha”, “Hora”,
"Nombre", etc.
color de texto
51 51 51
255
Controla el color y la transparencia.
texto del cuerpo como “Menú”, “Modo de espera” y
todas las demás pantallas de texto principales.
color_subtexto
123 124 126 255
Controla el color y la transparencia.
subtexto, por ejemplo, “Menú”, “Modo de espera” y todo
otras pantallas de subtexto.
color_extratexto
123 124 126
255
Controla el color y la transparencia del primero.
líneas de texto que se muestran en el lado derecho del menú, como historial de llamadas, fecha y
tiempo.
extratexto2_color
123 124 126
255
Controla el color y la transparencia del segundo.
líneas de texto que se muestran en el lado derecho del menú, como historial de llamadas, fecha y
tiempo.
barra de título_fondo_color
226 226 226
255
Controla el color de fondo y la transparencia.
líneas de encabezado
color de fondo
242 242 242
255
Controla el color y la transparencia del fondo en
cada pantalla.
fkey_fondo_color
242 242 242
255
Controla el color y la transparencia.
Botones sensibles al contexto.
fkey_pressed_background_color
61 133 198
255
Controla el color de fondo y la transparencia.
teclas sensibles al contexto cuando se presionan.
fkey_separator_color
182 183 184
255
Controla el color y la transparencia.
Líneas divisorias de botones sensibles al contexto
fkey_label_color
123 124 126
255
Controla el color y la transparencia del texto,
utilizado en botones sensibles al contexto
fkey_pressed_label_color
242 242 242
255
Controla el color y la transparencia del texto,
Se utiliza en botones sensibles al contexto cuando se hace clic.
color_de_fondo_línea_seleccionado
255 255 255
255
Controla el color de fondo y la transparencia.
línea seleccionada, por ejemplo en un menú o cualquier pantalla seleccionable
color_indicador_línea_seleccionado
61 133 198
255
Controla el color y la transparencia.
indicador a la izquierda de la línea seleccionada, por ejemplo, en el Menú o en cualquier pantalla con
elementos seleccionados
color_texto_línea_seleccionada
61 133 198
255
Controla el color y la transparencia del texto en
línea seleccionada, por ejemplo en un menú o en cualquier pantalla con elementos seleccionados.
También controla el color del símbolo actual a medida que avanza.
varias opciones en la ventana de entrada
línea_fondo_color
242 242 242
0
Controla el color de fondo y la transparencia de
cada línea del Menú o elemento del menú, o cualquier elemento de la lista.
color_separador_linea
226 226 226
255
Controla el color y la transparencia.
línea divisoria entre menús o elementos de menú y se muestra solo
cuando hay más de un artículo seleccionado disponible.
color_barra de desplazamiento
182 183 184
255
Controla el color y la transparencia de la raya.
desplazamiento mostrado en cualquier pantalla.
color_cursor
61 133 198
255
Controla el color y la transparencia del cursor,
mostrados en las pantallas utilizando la señal de entrada.
estado_msgs_fondo_color
242 242 242
255
Controla el color de fondo y la transparencia de
mensajes de estado que aparecen en las pantallas inactiva y de llamada. Este valor también se aplica al fondo.
cambios de volumen.
estado_msgs_border_color
182 183 184
255
Controla el color y la transparencia del borde.
para mensajes de estado que aparecen en las pantallas inactiva y de llamada. Este valor también se aplica a la frontera.
cambios de volumen.
color_fondo_etiqueta inteligente
242 242 242
255
Controla el color de fondo y la transparencia de SmartLabel.
etiqueta_inteligente_color_de_fondo_presionado
61 133 198
255
Controla el color de fondo y la transparencia de SmartLabel cuando se presiona una tecla de función.
color_separador_etiqueta inteligente
182 183 184
255
Controla el color y la transparencia de las líneas.
separador entre cada tecla de función SmartLabel.
etiqueta_inteligente_etiqueta_color
123 124 126
255
Controla el color y la transparencia del texto,
utilizado en SmartLabel.
etiqueta_inteligente_etiqueta_prensada_color
242 242 242
255
Controla el color y la transparencia del texto,
utilizado en SmartLabel cuando presiona una tecla de función.
Ahora que sabemos dónde y qué se encuentra, podemos ir a la interfaz web del teléfono a la sección Configuración / Preferencias, luego la segunda pestaña Apariencia:
Aquí puede cambiar los valores y, si hace clic en el signo de interrogación, accederá a una página de descripción, donde también hay una nota sobre cómo especificar este valor si utiliza un archivo XML para la configuración. Por ejemplo, para nuestra primera línea "Color del texto":
2. Cambiar fuentes
Las fuentes de todos los teléfonos snom se pueden personalizar libremente y se pueden cambiar mediante el aprovisionamiento automático. Tenga en cuenta que si la fuente TrueType o de mapa de bits utilizada actualmente se reemplaza por una personalizada, puede haber algunas inconsistencias en la representación del texto porque la interfaz de usuario está optimizada para una fuente TrueType específica.
Para reemplazar cualquier fuente, debe crear un archivo tar que contenga la nueva fuente, que debe tener exactamente el mismo nombre que la fuente anterior que será reemplazada.
"tar -cvf fonts.tar fontfile.ttf"
Luego, es necesario hacer referencia a este archivo tar en el archivo xml para que se cargue correctamente cuando se reinicie el teléfono.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Puede encontrar más detalles sobre las fuentes preinstaladas en nuestro sitio web.
De esta manera puedes descargar tu propia fuente a tu teléfono.
3. Sube una imagen de fondo
Usando un ejemplo, mostraremos cómo cargar el fondo correctamente y qué configuraciones son importantes.
Puede cargar una imagen de fondo a través de la interfaz web → Preferencias → Apariencia:
Esta configuración debe establecerse en una URL de imagen accesible. Una vez que se cambia la configuración, se reemplazará la imagen de fondo.
O puede cambiar esta configuración usando el aprovisionamiento automático agregando la etiqueta con un valor válido en su archivo xml.
Si este parámetro está vacío o la URL de la imagen es incorrecta, se utilizará la imagen de fondo predeterminada del teléfono.
Es importante: Si está utilizando software anterior a la versión 10.1.33.33, debe establecer el valor del color de fondo en completamente transparente.
Esto es necesario porque la imagen de fondo se encuentra en una capa debajo del color de fondo estándar. Esto se puede lograr estableciendo el valor alfa en 0 para el color de fondo.
A partir de la versión de firmware 10.1.33.33, la transparencia del color de fondo se adapta automáticamente a la imagen de fondo que se muestra en el teléfono. Sin embargo, no será completamente transparente. Para lograr una transparencia completa, ajuste todavía debería tener un valor alfa de 0.
Para mostrar la imagen de fondo correctamente, debes guardarla en formato png, jpg, gif, bmp o tga. Recomendamos encarecidamente utilizar archivos .png y optimizarlos con "
Tamaño de imagen según modelo:
modelo
permiso
D375/D385/D785
480 x 272
D335/D735/D765
320 x 240
D717
426 x 240
4. Ejemplo de configuración del tema
1. "Tema oscuro":
mirar
<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
<!-- When the background image is set, it automatically applies alpha changes to all elements.
Therefore it has to be listed at the beginning, so that all styles afterwards correctly apply-->
<custom_bg_image_url perm=""></custom_bg_image_url>
<!-- Background color is set to be not transparent because no background image is configured -->
<background_color perm="">43 49 56 255</background_color>
<titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
<titlebar_background_color perm="">43 49 56 255</titlebar_background_color>
<text_color perm="">242 242 242 255</text_color>
<subtext_color perm="">224 224 224 255</subtext_color>
<extratext_color perm="">158 158 158 255</extratext_color>
<extratext2_color perm="">158 158 158 255</extratext2_color>
<fkey_background_color perm="">43 49 56 255</fkey_background_color>
<fkey_pressed_background_color perm="">61 133 198 255</fkey_pressed_background_color>
<fkey_separator_color perm="">70 90 120 255</fkey_separator_color>
<fkey_label_color perm="">224 224 224 255</fkey_label_color>
<fkey_pressed_label_color perm="">242 242 242 255</fkey_pressed_label_color>
<line_background_color perm="">242 242 242 0</line_background_color>
<selected_line_background_color perm="">50 60 80 255</selected_line_background_color>
<selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
<selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
<line_separator_color perm="">70 90 120 255</line_separator_color>
<scrollbar_color perm="">70 90 120 255</scrollbar_color>
<cursor_color perm="">61 133 198 255</cursor_color>
<status_msgs_background_color perm="">43 49 56 255</status_msgs_background_color>
<status_msgs_border_color perm="">70 90 120 255</status_msgs_border_color>
<!-- Settings for SmartLabel -->
<smartlabel_background_color perm="">43 49 56 255</smartlabel_background_color>
<smartlabel_pressed_background_color perm="">61 133 198 255</smartlabel_pressed_background_color>
<smartlabel_separator_color perm="">70 90 120 255</smartlabel_separator_color>
<smartlabel_label_color perm="">224 224 224 255</smartlabel_label_color>
<smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>
2. "Tema colorido":
mirar
<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
<!-- When the background image is set, it automatically applies alpha changes to all elements.
Therefore it has to be configured at the beginning so that all styles afterwards correctly apply-->
<custom_bg_image_url perm="">http://192.168.0.1/background.png</custom_bg_image_url>
<!-- Background color has to be transparent because a background image is configured -->
<background_color perm="">0 0 0 0</background_color>
<titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
<titlebar_background_color perm="">43 49 56 40</titlebar_background_color>
<text_color perm="">242 242 242 255</text_color>
<subtext_color perm="">224 224 224 255</subtext_color>
<extratext_color perm="">224 224 224 255</extratext_color>
<extratext2_color perm="">224 224 224 255</extratext2_color>
<fkey_background_color perm="">43 49 56 40</fkey_background_color>
<fkey_pressed_background_color perm="">43 49 56 140</fkey_pressed_background_color>
<fkey_separator_color perm="">0 0 0 0</fkey_separator_color>
<fkey_label_color perm="">224 224 224 255</fkey_label_color>
<fkey_pressed_label_color perm="">224 224 224 255</fkey_pressed_label_color>
<line_background_color perm="">0 0 0 0</line_background_color>
<selected_line_background_color perm="">43 49 56 40</selected_line_background_color>
<selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
<selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
<line_separator_color perm="">0 0 0 0</line_separator_color>
<scrollbar_color perm="">61 133 198 255</scrollbar_color>
<cursor_color perm="">61 133 198 255</cursor_color>
<status_msgs_background_color perm="">61 133 198 255</status_msgs_background_color>
<status_msgs_border_color perm="">61 133 198 255</status_msgs_border_color>
<!-- Settings for SmartLabel -->
<smartlabel_background_color perm="">43 49 56 40</smartlabel_background_color>
<smartlabel_pressed_background_color perm="">43 49 56 140</smartlabel_pressed_background_color>
<smartlabel_separator_color perm="">0 0 0 0</smartlabel_separator_color>
<smartlabel_label_color perm="">242 242 242 255</smartlabel_label_color>
<smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>
Esperamos que este tema le ayude a comprender el problema de la personalización manual.
To be continued ...
Fuente: habr.com