Beaucoup d’entre nous aiment vraiment quand quelque chose est fait pour nous ! Quand nous ressentons un certain « niveau d’appropriation », qui nous permet de nous démarquer de la « masse grise ». Les mêmes chaises, tables, ordinateurs, etc. Tout est comme tout le monde !
Parfois, même une petite chose comme un logo d'entreprise sur un stylo ordinaire lui donne un aspect spécial et donc plus de valeur.
Convenez que la plupart des clients préféreront un téléphone Snom à un téléphone ordinaire (comme tout le monde), un téléphone qu'ils associent à quelque chose de spécial/personnel. Je suis sûr que si vous êtes un fournisseur de solutions de téléphonie, vous accepteriez également d'associer votre entreprise au fournisseur de ce « spécial » aux yeux du client.
Beaucoup d'entre vous savent que Snom peut offrir des niveaux très différents de personnalisation des téléphones de bureau : depuis des modifications matérielles et logicielles très complexes qui nécessitent du temps de développement, jusqu'à des modifications très simples qui sont accessibles à tous, prêtes à l'emploi, absolument gratuites. C'est de ce dernier dont nous souhaitons vous parler aujourd'hui.
Le firmware du menu de nos téléphones est construit sur XML et vous permet de personnaliser de manière flexible l'interface utilisateur des paramètres suivants (liste courte) :
- image de fond
- police et couleur
- Icônes
- langue
- sonneries
- affectation des touches
- et de plus
Dans cette première partie de notre article, nous parlerons de la façon dont vous pouvez modifier l'apparence visuelle de votre téléphone Snom. Parlons de quelques points :
- Changer les couleurs
- Changer les polices
- Chargement d'une image de fond
- Exemples de sujets
Dans la deuxième partie de notre article (à venir), nous parlerons du reste des options de personnalisation. Alors ne « changez » pas.
1. Changer la palette de couleurs
À partir de la version 10 du firmware, l'interface couleur du téléphone peut être complètement modifiée en termes de couleur et de transparence. Cela vous permet de personnaliser l'interface utilisateur pour une lisibilité, une clarté, des préférences de couleur idéales et d'autres modifications, par exemple, l'identité d'entreprise de l'entreprise.
Pour faciliter la compréhension, il existe un schéma de description des paramètres de couleur :
Les couleurs sont ajustées à l'aide des valeurs RVB
Nom
Valeurs valides
Valeurs par
défaut
description
barre de titre_text_color
Groupe de 4
nombres, chacun >=0 et <=255.
rouge, vert, bleu, alpha (la valeur alpha 255 signifie complètement
visible et 0 est complètement transparent).
51 51 51 255
Contrôle la couleur et la transparence du texte dans
ligne de titre, par exemple « Date », « Heure »,
"Nom", etc.
couleur_texte
+51 (51)51
255
Contrôle la couleur et la transparence
corps de texte tel que « Menu », « Mode veille » et
tous les autres écrans de texte principaux.
couleur_subtexte
123 124 126 255
Contrôle la couleur et la transparence
sous-texte, par exemple, « Menu », « Mode veille » et tout
d'autres écrans de sous-texte.
couleur_extratexte
+123 (124)126
255
Contrôle la couleur et la transparence du premier
lignes de texte affichées sur le côté droit du menu, telles que l'historique des appels, la date et
temps.
extratext2_color
+123 (124)126
255
Contrôle la couleur et la transparence de la seconde
lignes de texte affichées sur le côté droit du menu, telles que l'historique des appels, la date et
temps.
titlebar_background_color
+226 (226)226
255
Contrôle la couleur et la transparence de l'arrière-plan
lignes d'en-tête
Couleur de l'arrière plan
+242 (242)242
255
Contrôle la couleur et la transparence de l'arrière-plan sur
chaque écran.
fkey_background_color
+242 (242)242
255
Contrôle la couleur et la transparence
boutons contextuels.
fkey_pressed_background_color
+61 (133)198
255
Contrôle la couleur et la transparence de l'arrière-plan
touches contextuelles lorsque vous appuyez dessus.
fkey_separator_color
+182 (183)184
255
Contrôle la couleur et la transparence
Lignes de séparation des boutons contextuels
fkey_label_color
+123 (124)126
255
Contrôle la couleur et la transparence du texte,
utilisé dans les boutons contextuels
fkey_pressed_label_color
+242 (242)242
255
Contrôle la couleur et la transparence du texte,
utilisé dans les boutons contextuels lorsque vous cliquez dessus
selected_line_background_color
+255 (255)255
255
Contrôle la couleur et la transparence de l'arrière-plan
ligne sélectionnée, par exemple dans un menu ou tout écran sélectionnable
selected_line_indicator_color
+61 (133)198
255
Contrôle la couleur et la transparence
indicateur à gauche de la ligne sélectionnée, par exemple, dans le menu ou dans tout écran avec
éléments sélectionnés
selected_line_text_color
+61 (133)198
255
Contrôle la couleur et la transparence du texte dans
ligne sélectionnée, par exemple dans un menu ou n'importe quel écran avec des éléments sélectionnés.
Contrôle également la couleur du symbole actuel lors de son défilement
diverses options dans la fenêtre de saisie
line_background_color
+242 (242)242
0
Contrôle la couleur d'arrière-plan et la transparence de
chaque ligne du menu ou élément de menu, ou tout élément de liste.
line_separator_color
+226 (226)226
255
Contrôle la couleur et la transparence
ligne de démarcation entre les menus ou les éléments de menu et est affichée uniquement
lorsque plusieurs éléments sélectionnés sont disponibles.
barre de défilement_couleur
+182 (183)184
255
Contrôle la couleur et la transparence de la bande
défilement affiché sur n’importe quel écran.
couleur_curseur
+61 (133)198
255
Contrôle la couleur et la transparence du curseur,
affichés sur les écrans en utilisant le signal d’entrée.
status_msgs_background_color
+242 (242)242
255
Contrôle la couleur d'arrière-plan et la transparence de
messages d'état qui apparaissent sur les écrans d'attente et d'appel. Cette valeur s'applique également à l'arrière-plan
changements de volume.
status_msgs_border_color
+182 (183)184
255
Contrôle la couleur et la transparence de la bordure
pour les messages d'état qui apparaissent sur les écrans d'attente et d'appel. Cette valeur s'applique également à la frontière
changements de volume.
smartlabel_background_color
+242 (242)242
255
Contrôle la couleur d'arrière-plan et la transparence du SmartLabel.
smartlabel_pressed_background_color
+61 (133)198
255
Contrôle la couleur d'arrière-plan et la transparence du SmartLabel lorsqu'une touche de fonction est enfoncée.
smartlabel_separator_color
+182 (183)184
255
Contrôle la couleur et la transparence des lignes
séparateur entre chaque touche de fonction SmartLabel.
smartlabel_label_color
+123 (124)126
255
Contrôle la couleur et la transparence du texte,
utilisé dans SmartLabel.
smartlabel_pressed_label_color
+242 (242)242
255
Contrôle la couleur et la transparence du texte,
utilisé dans SmartLabel lorsque vous appuyez sur une touche de fonction.
Maintenant que nous savons où et ce qui se trouve, nous pouvons accéder à l'interface Web du téléphone dans la section Configuration/Préférences, puis le deuxième onglet Aspect:
Ici, vous pouvez modifier les valeurs, et si vous cliquez sur le point d'interrogation, vous serez redirigé vers une page de description, où se trouve également une note sur la façon de spécifier cette valeur si vous utilisez un fichier XML pour la configuration. Par exemple, pour notre première ligne « Text Color » :
2. Changer les polices
Les polices de tous les téléphones snom sont librement personnalisables et peuvent être modifiées à l'aide du provisionnement automatique. Veuillez noter que si la police TrueType ou bitmap actuellement utilisée est remplacée par une police personnalisée, il peut y avoir des incohérences dans le rendu du texte, car l'interface utilisateur est optimisée pour une police TrueType spécifique.
Pour remplacer une police, vous devez créer un fichier tar contenant la nouvelle police, qui doit porter exactement le même nom que l'ancienne police qui sera remplacée.
"tar -cvf fonts.tar fontfile.ttf"
Ce fichier tar doit ensuite être référencé dans le fichier XML afin qu'il se charge correctement au redémarrage du téléphone.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Plus de détails sur les polices préinstallées peuvent être trouvés sur notre site Web.
De cette façon, vous pouvez télécharger votre propre police sur votre téléphone.
3. Téléchargez une image d'arrière-plan
À l'aide d'un exemple, nous montrerons comment charger correctement l'arrière-plan et quels paramètres sont importants.
Vous pouvez télécharger une image de fond via l'interface Web → Préférences → Aspect:
Ce paramètre doit être défini sur une URL d’image accessible. Une fois le paramètre modifié, l'image d'arrière-plan sera remplacée.
Ou vous pouvez modifier ce paramètre à l'aide du provisionnement automatique en ajoutant la balise avec une valeur valide dans votre fichier XML.
Si ce paramètre est vide ou si l'URL de l'image est incorrecte, l'image d'arrière-plan par défaut du téléphone sera utilisée.
Il est important: Si vous utilisez un logiciel antérieur à la version 10.1.33.33, vous devez définir la valeur de couleur d'arrière-plan sur entièrement transparente.
Ceci est nécessaire car l'image d'arrière-plan est située sur un calque situé en dessous de la couleur d'arrière-plan standard. Ceci peut être réalisé en définissant la valeur alpha sur 0 pour la couleur d'arrière-plan.
À partir de la version 10.1.33.33 du firmware, la transparence de la couleur d'arrière-plan s'adapte automatiquement à l'image d'arrière-plan affichée sur le téléphone. Cependant, cela ne sera pas complètement transparent. Pour obtenir une transparence totale, ajustez devrait toujours avoir une valeur alpha de 0.
Pour afficher correctement l'image de fond, vous devez l'enregistrer au format png, jpg, gif, bmp ou tga. Nous vous recommandons fortement d'utiliser des fichiers .png et de les optimiser avec "" pour réduire la taille du fichier et améliorer les performances.
Taille de l'image selon le modèle :
Modèle
permis
D375 / D385 / D785
480 x 272
D335 / D735 / D765
320 x 240
D717
426 x 240
4. Exemple de configuration de thème
1. « Thème sombre » :
regarder
<?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. « Thème coloré » :
regarder
<?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>Nous espérons que ce sujet vous aidera à comprendre le problème de la personnalisation manuelle.
A suivre ...
Source: habr.com