Viele von uns freuen sich sehr, wenn etwas für uns gemacht wird! Wenn wir ein gewisses „Maß an Eigenverantwortung“ spüren, das uns aus der „grauen Masse“ hervorstechen lässt. Dieselben Stühle, Tische, Computer usw. Alles ist wie bei allen anderen!
Manchmal vermittelt uns sogar eine so kleine Sache wie das Firmenlogo auf einem gewöhnlichen Stift das Gefühl, dass dieser etwas Besonderes und daher wertvoller ist.
Stimmen Sie zu, dass die meisten Kunden einem normalen Snom-Telefon (wie jeder andere auch) ein Telefon vorziehen würden, mit dem sie etwas Besonderes/Persönliches verbinden. Ich bin sicher, dass Sie als Anbieter von Telefonielösungen auch damit einverstanden wären, Ihr Unternehmen in den Augen des Kunden mit dem Anbieter dieses „besonderen“ Dings in Verbindung zu bringen.
Viele von Ihnen wissen, dass Snom sehr unterschiedliche Anpassungsstufen für Tischtelefone anbieten kann: von sehr komplexen Hardware- und Softwareänderungen, deren Entwicklung Zeit erfordert, bis hin zu den einfachsten Änderungen, die sofort und absolut kostenlos für jeden verfügbar sind. Über Letzteres möchten wir Ihnen heute berichten.
Die Firmware des Menüs unserer Telefone basiert auf XML und ermöglicht Ihnen eine flexible Anpassung der Benutzeroberfläche der folgenden Parameter (kurze Liste):
- Hintergrundbild
- Schriftart und Farbe
- Symbole
- Sprache
- Klingeltöne
- Tastenbelegung
- und vieles mehr
In diesem 1. Teil unseres Artikels erklären wir Ihnen, wie Sie die visuelle Darstellung Ihres Snom-Telefons ändern können. Lassen Sie uns über einige Punkte sprechen:
- Ändern des Farbschemas
- Schriftarten ändern
- Hintergrundbild wird geladen
- Themenbeispiele
In Teil 2 unseres Artikels (demnächst verfügbar) werden wir über weitere Anpassungsoptionen sprechen. Wechseln Sie also nicht.
1. Ändern des Farbschemas
Ab der Firmware-Version 10 lässt sich die Farboberfläche des Telefons hinsichtlich Farbe und Transparenz komplett ändern. So können Sie die Benutzeroberfläche individuell an Ihre Bedürfnisse anpassen, um optimale Lesbarkeit, Übersichtlichkeit, Farbvorlieben und weitere Anpassungen, beispielsweise an den Corporate Style Ihres Unternehmens, zu gewährleisten.
Zum besseren Verständnis gibt es ein Diagramm, das die Farbeinstellungen beschreibt:
Die Farben werden mithilfe von RGB-Werten angepasst.
Name
Gültige Werte
Werte von
Ursprünglich
Beschreibung
Titelleistentextfarbe
Gruppe von 4
Zahlen, jeweils >=0 und <=255.
rot, grün, blau, Alpha (der Alpha-Wert 255 bedeutet völlig
sichtbar und 0 ist vollständig transparent).
51 51 51 255
Steuert die Farbe und Transparenz von Text in
Titelleiste, wie "Datum", "Uhrzeit",
"Titel" usw.
Textfarbe
51 51 51
255
Steuert Farbe und Transparenz
Haupttexte wie „Menü“, „Standby-Modus“ und
alle anderen Haupttextbildschirme.
Untertextfarbe
123 124 126 255
Steuert Farbe und Transparenz
Untertext, zum Beispiel "Menü", "Standby-Modus" und alle
andere Subtext-Bildschirme.
extratext_color
123 124 126
255
Steuert die Farbe und Transparenz des ersten
eine Textzeile auf der rechten Seite des Menüs, wie Anrufverlauf, Datum und
Zeit.
extratext2_color
123 124 126
255
Steuert die Farbe und Transparenz des zweiten
eine Textzeile auf der rechten Seite des Menüs, wie Anrufverlauf, Datum und
Zeit.
Titelleisten-Hintergrundfarbe
226 226 226
255
Steuert die Hintergrundfarbe und Transparenz.
Kopfzeilen
Hintergrundfarbe
242 242 242
255
Steuert die Hintergrundfarbe und Transparenz auf
jedem Bildschirm.
fkey_background_color
242 242 242
255
Steuert Farbe und Transparenz
kontextsensitive Schaltflächen.
fkey_pressed_background_color
61 133 198
255
Steuert die Hintergrundfarbe und Transparenz.
kontextsensitive Tasten beim Drücken.
fkey_separator_color
182 183 184
255
Steuert Farbe und Transparenz
Trennlinien kontextsensitiver Schaltflächen
fkey_label_color
123 124 126
255
Steuert die Farbe und Transparenz von Text,
wird in kontextsensitiven Schaltflächen verwendet
fkey_pressed_label_color
242 242 242
255
Steuert die Farbe und Transparenz von Text,
Wird in kontextsensitiven Schaltflächen verwendet, wenn diese gedrückt werden
ausgewählte_Zeilenhintergrundfarbe
255 255 255
255
Steuert die Hintergrundfarbe und Transparenz.
ausgewählte Zeile, zum Beispiel im Menü oder einem beliebigen Bildschirm mit auswählbaren Elementen
Farbe der ausgewählten Zeilenanzeige
61 133 198
255
Steuert Farbe und Transparenz
Indikator links neben der ausgewählten Zeile, beispielsweise im Menü oder auf einem beliebigen Bildschirm mit
ausgewählte Elemente
ausgewählte_Zeilentextfarbe
61 133 198
255
Steuert die Farbe und Transparenz von Text in
eine hervorgehobene Zeile, beispielsweise in einem Menü oder einem beliebigen Bildschirm mit ausgewählten Elementen.
Steuert auch die Farbe des aktuellen Zeichens beim Durchlaufen
verschiedene Optionen im Eingabefenster
Linienhintergrundfarbe
242 242 242
0
Steuert die Hintergrundfarbe und Transparenz für
jede Menüzeile oder jedes Menüelement oder jedes Listenelement.
Zeilentrennzeichenfarbe
226 226 226
255
Steuert Farbe und Transparenz
Trennlinie zwischen Menüs oder Menüpunkten und wird nur angezeigt
wenn mehr als ein ausgewählter Artikel verfügbar ist.
Bildlaufleistenfarbe
182 183 184
255
Steuert die Farbe und Transparenz des Streifens.
Scrollen auf jedem Bildschirm.
Cursorfarbe
61 133 198
255
Steuert die Farbe und Transparenz des Cursors,
mithilfe des Eingangssignals auf Bildschirmen angezeigt.
Statusnachrichten-Hintergrundfarbe
242 242 242
255
Steuert die Hintergrundfarbe und Transparenz für
Statusmeldungen, die auf den Warte- und Anrufbildschirmen angezeigt werden. Dieser Wert gilt auch für den Hintergrund.
Lautstärkeänderungen.
Statusnachrichten-Rahmenfarbe
182 183 184
255
Steuert die Farbe und Transparenz des Rahmens.
für Statusmeldungen, die auf den Warte- und Anrufbildschirmen angezeigt werden. Dieser Wert gilt auch für die Grenze
Lautstärkeänderungen.
Smartlabel-Hintergrundfarbe
242 242 242
255
Steuert die Farbe und Transparenz des SmartLabel-Hintergrunds.
smartlabel_gepresste_Hintergrundfarbe
61 133 198
255
Steuert die Farbe und Transparenz des SmartLabel-Hintergrunds, wenn die Funktionstaste gedrückt wird.
Smartlabel_Separator_Farbe
182 183 184
255
Steuert die Farbe und Transparenz der Linie.
Trennzeichen zwischen den einzelnen SmartLabel-Funktionstasten.
Smartlabel_Etikettenfarbe
123 124 126
255
Steuert die Farbe und Transparenz von Text,
wird in SmartLabel verwendet.
smartlabel_gepresste_Etikettenfarbe
242 242 242
255
Steuert die Farbe und Transparenz von Text,
Wird in SmartLabel verwendet, wenn eine Funktionstaste gedrückt wird.
Nachdem wir nun wissen, wo und was sich befindet, können wir zur Weboberfläche des Telefons im Abschnitt Setup/Einstellungen, dann die zweite Registerkarte Aussehen:
Hier können Sie die Werte ändern und gelangen mit einem Klick auf das Fragezeichen auf eine Seite mit einer Beschreibung, die auch einen Hinweis enthält, wie Sie diesen Wert angeben, wenn Sie eine XML-Datei zur Konfiguration verwenden. Beispielsweise für unsere erste Zeile „Textfarbe“:
2. Schriftarten ändern
Die Schriftarten aller snom-Telefone sind frei konfigurierbar und können per Autoprovisionierung geändert werden. Bitte beachten Sie, dass beim Ersetzen der aktuell verwendeten TrueType- oder Bitmap-Schriftart durch eine benutzerdefinierte Schriftart einige Inkonsistenzen bei der Textdarstellung auftreten können, da die Benutzeroberfläche für eine bestimmte TrueType-Schriftart optimiert ist.
Um eine Schriftart zu ersetzen, müssen Sie eine TAR-Datei mit der neuen Schriftart erstellen, deren Name genau mit dem der alten Schriftart übereinstimmen muss, die ersetzt wird.
„tar -cvf Schriftarten.tar Schriftartdatei.ttf“
Dann muss in der XML-Datei auf diese TAR-Datei verwiesen werden, damit sie beim Neustart des Telefons korrekt geladen wird.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings> Weitere Informationen zu den vorinstallierten Schriftarten finden Sie auf unserer Website
Auf diese Weise können Sie Ihre eigene Schriftart auf Ihr Telefon hochladen.
3. Hintergrundbild hochladen
Anhand eines Beispiels zeigen wir, wie Sie den Hintergrund richtig laden und welche Einstellungen wichtig sind.
Sie können ein Hintergrundbild über die Weboberfläche hochladen → Einstellungen → Aussehen:
Dieser Parameter muss auf eine zugängliche URL des Bildes gesetzt werden. Sobald die Einstellung geändert wird, wird das Hintergrundbild ersetzt.
Oder Sie können diese Einstellung mithilfe der automatischen Bereitstellung ändern, indem Sie das Tag durch den tatsächlichen Wert in Ihrer XML-Datei.
Wenn dieser Parameter leer ist oder die Bild-URL ungültig ist, wird das Standardhintergrundbild des Telefons verwendet.
Es ist wichtig,: Wenn Sie Software vor Version 10.1.33.33 verwenden, müssen Sie den Hintergrundfarbwert auf vollständig transparent einstellen.
Dies ist notwendig, da sich das Hintergrundbild auf einer Ebene unterhalb der Standardhintergrundfarbe befindet. Dies kann erreicht werden, indem der Alphawert für die Hintergrundfarbe auf 0 gesetzt wird.
Ab der Firmware-Version 10.1.33.33 passt sich die Transparenz der Hintergrundfarbe automatisch an das auf dem Telefon angezeigte Hintergrundbild an. Allerdings wird es nicht völlig transparent sein. Um vollständige Transparenz zu erreichen, richten Sie sollte immer noch einen Alphawert von 0 haben.
Um das Hintergrundbild korrekt anzuzeigen, muss es im PNG-, JPG-, GIF-, BMP- oder TGA-Format gespeichert sein. Wir empfehlen dringend, PNG-Dateien zu verwenden und diese mit "", um die Dateigröße zu reduzieren und die Leistung zu verbessern.
Bildgröße je nach Modell:
Modell
Auflösung
D375/ D385/ D785
480 x 272
D335/ D735/ D765
320 x 240
D717
426 x 240
4. Beispiel für eine Themenkonfiguration
1. «Dunkles Design»:
Sehen
<?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. „Farbenfrohes Thema“:
Sehen
<?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>Wir hoffen, dass dieses Thema Ihnen hilft, das Problem der manuellen Anpassung zu verstehen.
To be continued ...
Source: habr.com
