Viele von uns lieben es, wenn etwas ganz individuell für uns gestaltet ist! Wenn wir ein gewisses „Eigentumsgefühl“ erleben, das uns ermöglicht, uns von der „grauen Masse“ abzuheben. Die gleichen Stühle, Tische, Computer usw. Alles wie bei allen!
Manchmal kann schon ein kleines Detail, wie das Firmenlogo auf einem einfachen Stift, dazu führen, dass wir ihn als besonders und somit wertvoller empfinden.
Sie werden zustimmen, dass die meisten Kunden ein Snom-Telefon bevorzugen, das sie mit etwas Besonderem oder Persönlichem verbinden, anstelle eines gewöhnlichen (wie bei allen) Telefons. Ich bin mir sicher, dass auch Sie, wenn Sie Anbieter von Telefonielösungen sind, Ihre Firma mit diesem „Besonderen“ im Auge des Kunden assoziieren möchten.
Viele von Ihnen wissen, dass Snom sehr unterschiedliche Anpassungslevel für Desktop-Telefone bieten kann: von sehr komplexen Hardware- und Softwareanpassungen, die Zeit für die Entwicklung benötigen, bis hin zu den einfachsten, die allen „out of the box“ völlig kostenlos zur Verfügung stehen. Genau darüber möchten wir heute sprechen.
Die Firmware-Menü unserer Telefone basiert auf XML und ermöglicht Ihnen eine flexible Anpassung der Benutzeroberfläche in folgenden Bereichen (kurze Liste):
- Hintergrundbild
- Schriftart und Farbe
- Icons
- Sprache
- Klingeltöne
- Tastenbelegung
- und vieles mehr
In diesem ersten Teil unseres Artikels werden wir erläutern, wie Sie das visuelle Erscheinungsbild des Snom-Telefons ändern können. Wir werden einige Punkte besprechen:
- Ändern des Farbschemas
- Ändern der Schriftarten
- Hochladen eines Hintergrundbildes
- Beispiele für Themes
Im zweiten Teil unseres Artikels (der bald erscheint) werden wir über die weiteren Anpassungsmöglichkeiten sprechen. Also bleiben Sie dran.
1. Ändern des Farbschemas
Seit der Firmware-Version 10 kann die Farboberfläche des Telefons in Bezug auf Farbe und Transparenz vollständig angepasst werden. Dies ermöglicht die Anpassung der Benutzeroberfläche für optimale Lesbarkeit, Klarheit, Farbpräferenzen und weitere Modifikationen, z. B. das Corporate Design.
Damit es einfacher zu verstehen ist, gibt es ein Schema zur Beschreibung der Farbkonfiguration:
Farben werden mit RGB-Werten angepasst
Bezeichnung
Zulässige Werte
Werte nach
Standard
Beschreibung
titlebar_text_color
Gruppe von 4
Zahlen, jede >=0 und <=255.
rot, grün, blau, alpha (Alpha-Wert 255 bedeutet vollständig
sichtbar, und 0 – vollständig transparent).
51 51 51 255
Steuert die Farbe und die Transparenz des Textes in
der Titelleiste, zum Beispiel „Datum“, „Zeit“,
„Titel“ usw.
text_color
51 51 51
255
Steuert die Farbe und die Transparenz
des Haupttexts, zum Beispiel „Menü“, „Standby-Modus“ und
allen anderen Bildschirmen des Haupttexts.
subtext_color
123 124 126 255
Steuert die Farbe und die Transparenz
des Untertexts, zum Beispiel „Menü“, „Standby-Modus“ und allen
anderen Untertextbildschirmen.
extratext_color
123 124 126
255
Steuert die Farbe und die Transparenz der ersten
Textzeile, die rechts im Menü angezeigt wird, zum Beispiel Anrufliste, Datum und
Zeit.
extratext2_color
123 124 126
255
Steuert die Farbe und die Transparenz der zweiten
Textzeile, die rechts im Menü angezeigt wird, zum Beispiel Anrufliste, Datum und
Zeit.
titlebar_background_color
226 226 226
255
Steuert die Farbe und die Transparenz des Hintergrunds
der Titelleiste
background_color
242 242 242
255
Steuert die Farbe und die Transparenz des Hintergrunds auf
jedem Bildschirm.
fkey_background_color
242 242 242
255
Steuert die Farbe und die Transparenz
kontextabhängiger Tasten.
fkey_pressed_background_color
61 133 198
255
Steuert die Farbe und die Transparenz des Hintergrunds
Hintergrund von kontextabhängigen Tasten beim Drücken.
fkey_separator_color
182 183 184
255
Steuert die Farbe und die Transparenz
Trennlinien von kontextabhängigen Tasten
fkey_label_color
123 124 126
255
Steuert die Farbe und die Transparenz des Textes,
der in kontextabhängigen Tasten verwendet wird.
fkey_pressed_label_color
242 242 242
255
Steuert die Farbe und die Transparenz des Textes,
wird in kontextabhängigen Schaltflächen verwendet, wenn man darauf klickt
selected_line_background_color
255 255 255
255
Steuert die Farbe und die Transparenz des Hintergrunds
des ausgewählten Elements, beispielsweise im Menü oder auf einem Bildschirm mit auswählbaren Elementen
selected_line_indicator_color
61 133 198
255
Steuert die Farbe und die Transparenz
Indikator links von der ausgewählten Linie, zum Beispiel im Menü oder auf einem Bildschirm mit
ausgewählten Elementen
selected_line_text_color
61 133 198
255
Steuert die Farbe und die Transparenz des Textes in
in der hervorgehobenen Zeile, beispielsweise im Menü oder auf einem Bildschirm mit ausgewählten Elementen.
Steuert auch die Farbe des aktuellen Zeichens beim zyklischen Durchlaufen der
verschiedenen Optionen im Eingabefeld
line_background_color
242 242 242
0
Steuert die Farbe und Transparenz des Hintergrunds für
jede Zeile im Menü oder Menüpunkt oder jeden Listeneintrag.
line_separator_color
226 226 226
255
Steuert die Farbe und die Transparenz
Trennlinie zwischen Menüs oder Menüpunkten, die nur angezeigt wird
wenn mehr als ein ausgewähltes Element verfügbar ist.
scrollbar_color
182 183 184
255
Steuert die Farbe und Transparenz der
Scrollbar, die auf jedem Bildschirm angezeigt wird.
cursor_color
61 133 198
255
Steuert die Farbe und Transparenz des Cursors,
der auf Bildschirmen mit Eingabeverzögerung angezeigt wird.
status_msgs_background_color
242 242 242
255
Steuert die Farbe und Transparenz des Hintergrunds für
Hintergrundfarbe der Statusmeldungen, die auf Warte- und Aufrufbildschirmen erscheinen. Dieser Wert gilt auch für den Hintergrund
der Lautständerung.
status_msgs_border_color
182 183 184
255
Steuert die Farbe und Transparenz des Rahmens
für Statusmeldungen, die auf Warte- und Anrufbildschirmen angezeigt werden. Dieser Wert gilt auch für den Rahmen
der Lautständerung.
smartlabel_background_color
242 242 242
255
Steuert die Farbe und Transparenz des Hintergrunds von SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Steuert die Farbe und Transparenz des Hintergrunds von SmartLabel beim Drücken der Funktionstaste.
smartlabel_separator_color
182 183 184
255
Steuert die Farbe und Transparenz der Linie
des Trennzeichens zwischen jeder Funktionstaste von SmartLabel.
smartlabel_label_color
123 124 126
255
Steuert die Farbe und die Transparenz des Textes,
die in SmartLabel verwendet wird.
smartlabel_pressed_label_color
242 242 242
255
Steuert die Farbe und die Transparenz des Textes,
die in SmartLabel verwendet wird, beim Drücken der Funktionstaste.
Jetzt, da wir wissen, wo was ist, können wir im Webinterface des Telefons zum Abschnitt Setup/Preferences, dann zur zweiten Registerkarte Erscheinungsbild:
Hier können die Werte angepasst werden, und wenn Sie auf das Fragezeichen klicken, gelangen Sie zu einer Beschreibungseite, auf der auch eine Anmerkung enthalten ist, wie dieser Wert im Falle der Verwendung einer XML-Datei zur Konfiguration angegeben werden kann. Zum Beispiel für unsere erste Zeile „Textfarbe“:
2. Schriftarten ändern
Die Schriftarten auf allen snom Telefonen sind frei anpassbar und können über die automatische Bereitstellung geändert werden. Bitte beachten Sie, dass bei der Ersetzung einer aktuell verwendeten TrueType- oder Bitmap-Schriftart durch eine benutzerdefinierte Schriftart bestimmte Inkonsistenzen bei der Anzeige von Text auftreten können, da die Benutzeroberfläche für eine spezifische TrueType-Schriftart optimiert ist.
Um eine Schriftart zu ersetzen, müssen Sie eine tar-Datei erstellen, die die neue Schriftart enthält, die genau den Namen der alten Schriftart, die ersetzt werden soll, tragen muss.
„tar -cvf fonts.tar fontfile.ttf“
Im Anschluss muss auf diese tar-Datei im XML-Dokument verwiesen werden, damit sie beim Booten des Telefons korrekt geladen wird.
Eine detaillierte Übersicht über die vorinstallierten Schriftarten finden Sie bei uns auf
So können Sie Ihre eigene Schriftart auf das Telefon laden.
3. Hochladen eines Hintergrundbildes
Am Beispiel zeigen wir, wie man einen Hintergrund richtig hochlädt und welche Einstellungen dabei wichtig sind.
Ein Hintergrundbild kann über die Web-Oberfläche → Einstellungen → Erscheinungsbild:
In diesem Parameter sollte eine verfügbare URL für das Bild festgelegt sein. Sobald der Parameter geändert wird, wird das Hintergrundbild ersetzt.
Alternativ können Sie diese Einstellung über das Auto-Provisioning ändern, indem Sie das Tag mit einem gültigen Wert in Ihre XML-Datei einfügen.
Wenn dieser Parameter leer ist oder die Bild-URL ungültig ist, wird das Standard-Hintergrundbild des Telefons verwendet.
Wichtig: Wenn Sie eine Software-Version vor 10.1.33.33 verwenden, muss der Hintergrundfarbe ein vollständig transparenter Wert zugewiesen werden.
Das ist notwendig, da das Hintergrundbild unter der Standard-Hintergrundfarbe liegt. Dies kann erreicht werden, indem der Alpha-Wert 0 für die Hintergrundfarbe festgelegt wird.
Ab der Firmware-Version 10.1.33.33 wird die Farbtransparenz des Hintergrunds automatisch an das angezeigte Hintergrundbild des Telefons angepasst. Sie wird jedoch nicht vollständig transparent sein. Um vollständige Transparenz zu erreichen, muss die Einstellung trotzdem einen Alpha-Wert von 0 haben.
Für die korrekte Anzeige des Hintergrundbildes muss es im Format png, jpg, gif, bmp oder tga gespeichert werden. Wir empfehlen dringend, .png-Dateien zu verwenden und diese mit "", zu optimieren, 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 Themenkonfiguration
1. „Dunkles Thema“:
Ansehen
43 49 56 255
242 242 242 255
43 49 56 255
242 242 242 255
224 224 224 255
158 158 158 255
158 158 158 255
43 49 56 255
61 133 198 255
70 90 120 255
224 224 224 255
242 242 242 255
242 242 242 0
50 60 80 255
61 133 198 255
61 133 198 255
70 90 120 255
70 90 120 255
61 133 198 255
43 49 56 255
70 90 120 255
43 49 56 255
61 133 198 255
70 90 120 255
224 224 224 255
242 242 242 2552. „Buntes Thema“:
Ansehen
http://192.168.0.1/background.png
0 0 0 0
242 242 242 255
43 49 56 40
242 242 242 255
224 224 224 255
224 224 224 255
224 224 224 255
43 49 56 40
43 49 56 140
0 0 0 0
224 224 224 255
224 224 224 255
0 0 0 0
43 49 56 40
61 133 198 255
61 133 198 255
0 0 0 0
61 133 198 255
61 133 198 255
61 133 198 255
61 133 198 255
43 49 56 40
43 49 56 140
0 0 0 0
242 242 242 255
242 242 242 255Wir hoffen, dieses Thema hilft Ihnen, die Frage der manuellen Anpassung zu klären.
Die Fortsetzung folgt…
Quelle: habr.com
