Velen van ons vinden het erg leuk als er iets voor ons gemaakt wordt! Wanneer we een bepaald ‘niveau van eigendom’ voelen, waardoor we ons kunnen onderscheiden van de achtergrond van de ‘grijze massa’. Dezelfde stoelen, tafels, computers, etc. Alles is zoals iedereen!
Soms zorgt zelfs zoiets kleins als een bedrijfslogo op een gewone pen ervoor dat het speciaal en daardoor waardevoller aanvoelt.
Ben het ermee eens dat de meeste klanten een Snom-telefoon zullen verkiezen boven een gewone (zoals iedereen), een telefoon die ze associëren met iets speciaals/persoonlijks. Ik ben er zeker van dat als u een aanbieder van telefonieoplossingen bent, u er ook mee instemt om uw bedrijf in de ogen van de klant te associëren met de aanbieder van deze “special”.
Velen van jullie weten dat Snom zeer verschillende niveaus van aanpassing van desktoptelefoons kan bieden: van zeer complexe hardware- en softwarewijzigingen die ontwikkelingstijd vergen, tot zeer eenvoudige wijzigingen die voor iedereen kant-en-klaar beschikbaar zijn, helemaal gratis. Over dit laatste willen we u vandaag vertellen.
De menufirmware van onze telefoons is gebouwd op XML en stelt u in staat de gebruikersinterface flexibel aan te passen met de volgende parameters (korte lijst):
- achtergrond afbeelding
- lettertype en kleur
- pictogrammen
- taal
- beltonen
- sleuteltoewijzing
- en nog veel meer
In dit, het eerste deel van ons artikel, zullen we het hebben over hoe u het uiterlijk van uw Snom-telefoon kunt veranderen. Laten we het over een paar punten hebben:
- Veranderende kleuren
- Lettertypen wijzigen
- Een achtergrondafbeelding laden
- Onderwerp voorbeelden
In deel 2 van ons artikel (binnenkort beschikbaar) zullen we het hebben over de rest van de aanpassingsmogelijkheden. Dus niet ‘overstappen’.
1. Het kleurenschema wijzigen
Vanaf firmwareversie 10 kan de kleurinterface van de telefoon volledig worden gewijzigd qua kleur en transparantie. Hiermee kunt u de gebruikersinterface aanpassen voor ideale leesbaarheid, duidelijkheid, kleurvoorkeuren en verdere wijzigingen in bijvoorbeeld de huisstijl van het bedrijf.
Om het begrijpelijker te maken, is er een schema voor het beschrijven van kleurinstellingen:
Kleuren worden aangepast met behulp van RGB-waarden
Naam
Geldige waarden
Waarden door
standaard
beschrijving
titelbalk_tekst_kleur
Groep van 4
getallen, elk >=0 en <=255.
rood, groen, blauw, альфа (alfawaarde 255 betekent volledig
zichtbaar en 0 is volledig transparant).
51 51 51 255
Regelt de kleur en transparantie van tekst in
titelregel, bijvoorbeeld “Datum”, “Tijd”,
"Naam" enz.
tekst kleur
51 51 51
255
Regelt kleur en transparantie
hoofdtekst zoals “Menu”, “Standby-modus” en
alle andere hoofdtekstschermen.
subtekst_kleur
123 124 126 255
Regelt kleur en transparantie
subtekst, bijvoorbeeld "Menu", "Stand-bymodus" en alles
andere subtekstschermen.
extratext_kleur
123 124 126
255
Regelt de kleur en transparantie van de eerste
tekstregels die aan de rechterkant van het menu worden weergegeven, zoals belgeschiedenis, datum en
tijd.
extratext2_color
123 124 126
255
Regelt de kleur en transparantie van de seconde
tekstregels die aan de rechterkant van het menu worden weergegeven, zoals belgeschiedenis, datum en
tijd.
titelbalk_achtergrond_kleur
226 226 226
255
Regelt de achtergrondkleur en transparantie
kopregels
Achtergrond kleur
242 242 242
255
Regelt de kleur en transparantie van de achtergrond
elk scherm.
fkey_background_color
242 242 242
255
Regelt kleur en transparantie
contextgevoelige knoppen.
fkey_geperste_achtergrondkleur
61 133 198
255
Regelt de achtergrondkleur en transparantie
contextgevoelige toetsen wanneer ingedrukt.
fkey_separator_color
182 183 184
255
Regelt kleur en transparantie
Contextgevoelige knopscheidingslijnen
fkey_label_color
123 124 126
255
Regelt de kleur en transparantie van tekst,
gebruikt in contextgevoelige knoppen
fkey_geperst_label_kleur
242 242 242
255
Regelt de kleur en transparantie van tekst,
gebruikt in contextgevoelige knoppen wanneer erop wordt geklikt
geselecteerde_lijn_achtergrond_kleur
255 255 255
255
Regelt de achtergrondkleur en transparantie
geselecteerde regel, bijvoorbeeld in een menu of een ander selecteerbaar scherm
geselecteerde_lijn_indicator_kleur
61 133 198
255
Regelt kleur en transparantie
indicator links van de geselecteerde regel, bijvoorbeeld in het Menu of een ander scherm met
geselecteerde elementen
geselecteerde_lijn_tekst_kleur
61 133 198
255
Regelt de kleur en transparantie van tekst in
geselecteerde regel, bijvoorbeeld in een menu of een ander scherm met geselecteerde items.
Regelt ook de kleur van het huidige symbool terwijl het doorloopt
verschillende opties in het invoervenster
lijn_achtergrond_kleur
242 242 242
0
Regelt de achtergrondkleur en transparantie voor
elke regel van het menu of menu-item, of een lijstitem.
lijn_separator_kleur
226 226 226
255
Regelt kleur en transparantie
scheidslijn tussen menu's of menu-items en wordt alleen weergegeven
wanneer er meer dan één geselecteerd item beschikbaar is.
schuifbalk_kleur
182 183 184
255
Regelt de kleur en transparantie van de streep
scrollen weergegeven op elk scherm.
cursor_kleur
61 133 198
255
Regelt de kleur en transparantie van de cursor,
weergegeven op schermen met behulp van het ingangssignaal.
status_msgs_background_color
242 242 242
255
Regelt de achtergrondkleur en transparantie voor
statusberichten die verschijnen op de inactieve en oproepschermen. Deze waarde geldt ook voor de achtergrond
volumeveranderingen.
status_msgs_border_color
182 183 184
255
Bepaalt de kleur en transparantie van de rand
voor statusberichten die verschijnen op de inactieve en oproepschermen. Deze waarde geldt ook voor de rand
volumeveranderingen.
smartlabel_achtergrondkleur
242 242 242
255
Regelt de achtergrondkleur en transparantie van het SmartLabel.
smartlabel_geperste_achtergrondkleur
61 133 198
255
Regelt de achtergrondkleur en transparantie van het SmartLabel wanneer een functietoets wordt ingedrukt.
smartlabel_separator_kleur
182 183 184
255
Regelt de lijnkleur en transparantie
scheidingsteken tussen elke SmartLabel-functietoets.
smartlabel_label_kleur
123 124 126
255
Regelt de kleur en transparantie van tekst,
gebruikt in SmartLabel.
smartlabel_geperst_label_kleur
242 242 242
255
Regelt de kleur en transparantie van tekst,
gebruikt in SmartLabel wanneer u op een functietoets drukt.
Nu we weten waar en wat zich bevindt, kunnen we via de webinterface van de telefoon naar de sectie gaan Instellingen/Voorkeurenen vervolgens het tweede tabblad het Uiterlijk:
Hier kunt u de waarden wijzigen en als u op het vraagteken klikt, wordt u naar een beschrijvingspagina geleid, waar ook een opmerking staat over hoe u deze waarde kunt opgeven als u een XML-bestand gebruikt voor de configuratie. Voor onze eerste regel “Tekstkleur” bijvoorbeeld:
2. Lettertypen wijzigen
Lettertypen op alle snom-telefoons zijn vrij aanpasbaar en kunnen worden gewijzigd met behulp van autoprovisioning. Houd er rekening mee dat als het momenteel gebruikte TrueType- of bitmaplettertype wordt vervangen door een aangepast lettertype, er inconsistenties kunnen optreden in de tekstweergave, omdat de gebruikersinterface is geoptimaliseerd voor één specifiek TrueType-lettertype.
Om een lettertype te vervangen, moet u een tar-bestand maken met het nieuwe lettertype, dat exact dezelfde naam moet hebben als het oude lettertype dat zal worden vervangen.
"tar -cvf fonts.tar lettertypebestand.ttf"
Er moet dan naar dit tar-bestand worden verwezen in het XML-bestand, zodat het correct wordt geladen wanneer de telefoon opnieuw wordt opgestart.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Meer details over welke lettertypen vooraf zijn geïnstalleerd, vindt u op onze website.
Zo kun je jouw eigen lettertype downloaden naar je telefoon.
3. Upload een achtergrondafbeelding
Aan de hand van een voorbeeld laten we zien hoe je de achtergrond correct laadt en welke instellingen ertoe doen.
Via de webinterface → kunt u een achtergrondafbeelding uploaden voorkeuren → het Uiterlijk:
Deze instelling moet worden ingesteld op een toegankelijke afbeeldings-URL. Zodra de instelling is gewijzigd, wordt de achtergrondafbeelding vervangen.
Of u kunt deze instelling wijzigen met automatische registratie door de tag toe te voegen met een geldige waarde in uw XML-bestand.
Als deze parameter leeg is of de afbeeldings-URL onjuist is, wordt de standaardachtergrondafbeelding van de telefoon gebruikt.
Het is belangrijk: Als u software gebruikt vóór versie 10.1.33.33, moet u de achtergrondkleurwaarde instellen op volledig transparant.
Dit is nodig omdat de achtergrondafbeelding zich op een laag onder de standaard achtergrondkleur bevindt. Dit kunt u bereiken door de alfawaarde voor de achtergrondkleur op 0 te zetten.
Vanaf firmwareversie 10.1.33.33 past de transparantie van de achtergrondkleur zich automatisch aan de achtergrondafbeelding aan die op de telefoon wordt weergegeven. Helemaal transparant zal het echter niet zijn. Pas aan om volledige transparantie te bereiken moet nog steeds een alfawaarde van 0 hebben.
Om de achtergrondafbeelding correct weer te geven, moet u deze opslaan in png-, jpg-, gif-, bmp- of tga-formaat. We raden ten zeerste aan om .png-bestanden te gebruiken en deze te optimaliseren met "" om de bestandsgrootte te verkleinen en de prestaties te verbeteren.
Beeldgrootte afhankelijk van model:
Model
vergunning
D375/D385/D785
X 480 272
D335/D735/D765
X 320 240
D717
X 426 240
4. Voorbeeld van themaconfiguratie
1. "Donker thema":
Zien
<?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. "Kleurrijk thema":
Zien
<?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>We hopen dat dit onderwerp u zal helpen het probleem van handmatige aanpassing te begrijpen.
Wordt vervolgd ...
Bron: www.habr.com