A molti di noi piace davvero quando qualcosa viene fatto per noi! Quando sentiamo un certo “livello di proprietà”, che ci consente di distinguerci dallo sfondo della “massa grigia”. Le stesse sedie, tavoli, computer, ecc. Tutto è come tutti gli altri!
A volte anche una cosa così piccola come il logo di un'azienda su una normale penna la fa sembrare speciale e quindi più preziosa.
Concordo sul fatto che la maggior parte dei clienti preferirà un telefono Snom invece di uno normale (come tutti gli altri), un telefono che associano a qualcosa di speciale/personale. Sono sicuro che se sei un fornitore di soluzioni di telefonia, accetteresti anche di associare la tua azienda al fornitore di questo “speciale” agli occhi del cliente.
Molti di voi sanno che Snom può offrire livelli molto diversi di personalizzazione del telefono fisso: da modifiche hardware e software molto complesse che richiedono tempo di sviluppo, a modifiche molto semplici che sono disponibili a tutti immediatamente, in modo assolutamente gratuito. È di quest'ultimo che vogliamo parlarvi oggi.
Il firmware del menu dei nostri telefoni è basato su XML e consente di personalizzare in modo flessibile l'interfaccia utente dei seguenti parametri (breve elenco):
- immagine di sfondo
- carattere e colore
- icone
- lingua
- suonerie
- assegnazione dei tasti
- e altro ancora
In questa prima parte del nostro articolo parleremo di come modificare l'aspetto visivo del tuo telefono Snom. Parliamo di alcuni punti:
- Colori cangianti
- Modifica dei caratteri
- Caricamento di un'immagine di sfondo
- Esempi di argomenti
Nella seconda parte del nostro articolo (disponibile a breve) parleremo del resto delle opzioni di personalizzazione. Quindi non "cambiare".
1. Modifica della combinazione di colori
A partire dalla versione firmware 10, l'interfaccia a colori del telefono può essere completamente modificata in termini di colore e trasparenza. Ciò consente di personalizzare l'interfaccia utente per garantire leggibilità, chiarezza, preferenze di colore ideali e ulteriori modifiche, ad esempio, all'identità aziendale dell'azienda.
Per facilitare la comprensione, esiste uno schema per descrivere le impostazioni del colore:
I colori vengono regolati utilizzando i valori RGB
Nome
Valori validi
Valori di
difetto
descrizione
barra del titolo_testo_colore
Gruppo di 4
numeri, ciascuno >=0 e <=255.
rosso, verde, blu, alfa (il valore alfa 255 significa completamente
visibile e 0 è completamente trasparente).
51 51 51 255
Controlla il colore e la trasparenza del testo in
riga del titolo, ad esempio "Data", "Ora",
"Nome" ecc.
colore del testo
51 51 51
255
Controlla il colore e la trasparenza
corpo del testo come "Menu", "Modalità standby" e
tutte le altre schermate di testo principali.
sottotesto_colore
123 124 126 255
Controlla il colore e la trasparenza
sottotesto, ad esempio "Menu", "Modalità standby" e tutto
altre schermate di sottotesto.
extratesto_colore
123 124 126
255
Controlla il colore e la trasparenza del primo
righe di testo visualizzate sul lato destro del menu, come cronologia chiamate, data e
tempo.
extratesto2_colore
123 124 126
255
Controlla il colore e la trasparenza del secondo
righe di testo visualizzate sul lato destro del menu, come cronologia chiamate, data e
tempo.
barra_titolo_colore_sfondo
226 226 226
255
Controlla il colore e la trasparenza dello sfondo
righe di intestazione
colore di sfondo
242 242 242
255
Controlla il colore e la trasparenza dello sfondo
ogni schermo.
fkey_ background_color
242 242 242
255
Controlla il colore e la trasparenza
pulsanti sensibili al contesto.
fkey_pressed_ background_color
61 133 198
255
Controlla il colore e la trasparenza dello sfondo
tasti sensibili al contesto quando vengono premuti.
fkey_separator_color
182 183 184
255
Controlla il colore e la trasparenza
Linee di divisione dei pulsanti sensibili al contesto
fkey_label_color
123 124 126
255
Controlla il colore e la trasparenza del testo,
utilizzato nei pulsanti sensibili al contesto
fkey_pressed_label_color
242 242 242
255
Controlla il colore e la trasparenza del testo,
utilizzato nei pulsanti sensibili al contesto quando si fa clic
selezionata_linea_colore_dello_sfondo
255 255 255
255
Controlla il colore e la trasparenza dello sfondo
riga selezionata, ad esempio in un menu o in qualsiasi schermata selezionabile
select_line_indicator_color
61 133 198
255
Controlla il colore e la trasparenza
indicatore a sinistra della riga selezionata, ad esempio, nel Menu o in qualsiasi schermata con
elementi selezionati
select_line_text_color
61 133 198
255
Controlla il colore e la trasparenza del testo in
riga selezionata, ad esempio in un menu o in qualsiasi schermata con elementi selezionati.
Controlla anche il colore del simbolo corrente mentre scorre
varie opzioni nella finestra di input
linea_sfondo_colore
242 242 242
0
Controlla il colore e la trasparenza dello sfondo
ogni riga del menu o voce di menu o qualsiasi voce di elenco.
line_separator_color
226 226 226
255
Controlla il colore e la trasparenza
linea di demarcazione tra i menu o le voci di menu e viene visualizzata solo
quando è disponibile più di un elemento selezionato.
scrollbar_color
182 183 184
255
Controlla il colore e la trasparenza della striscia
scorrimento visualizzato su qualsiasi schermata.
cursore_colore
61 133 198
255
Controlla il colore e la trasparenza del cursore,
visualizzati sugli schermi utilizzando il segnale di ingresso.
status_msgs_ background_color
242 242 242
255
Controlla il colore e la trasparenza dello sfondo
messaggi di stato visualizzati sulle schermate di inattività e di chiamata. Questo valore si applica anche allo sfondo
variazioni di volume.
status_msgs_border_color
182 183 184
255
Controlla il colore e la trasparenza del bordo
per i messaggi di stato visualizzati nelle schermate di inattività e di chiamata. Questo valore vale anche per il confine
variazioni di volume.
smartlabel_ background_color
242 242 242
255
Controlla il colore di sfondo e la trasparenza della SmartLabel.
smartlabel_pressed_ background_color
61 133 198
255
Controlla il colore dello sfondo e la trasparenza della SmartLabel quando viene premuto un tasto funzione.
smartlabel_separator_color
182 183 184
255
Controlla il colore e la trasparenza della linea
separatore tra ciascun tasto funzione SmartLabel.
smartlabel_etichetta_colore
123 124 126
255
Controlla il colore e la trasparenza del testo,
utilizzato in SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Controlla il colore e la trasparenza del testo,
utilizzato in SmartLabel quando si preme un tasto funzione.
Ora che sappiamo dove e cosa si trova, possiamo accedere alla sezione dell'interfaccia web del telefono Impostazioni/Preferenze, quindi la seconda scheda Forma :
Qui puoi modificare i valori, e se clicchi sul punto interrogativo, verrai portato ad una pagina di descrizione, dove c'è anche una nota su come specificare questo valore se usi un file XML per la configurazione. Ad esempio, per la nostra prima riga “Colore testo”:
2. Modifica dei caratteri
I caratteri su tutti i telefoni snom sono liberamente personalizzabili e possono essere modificati utilizzando l'autoprovisioning. Tieni presente che se il carattere TrueType o bitmap attualmente utilizzato viene sostituito con uno personalizzato, potrebbero verificarsi alcune incoerenze nel rendering del testo poiché l'interfaccia utente è ottimizzata per uno specifico carattere TrueType.
Per sostituire qualsiasi font, è necessario creare un file tar contenente il nuovo font, che dovrà avere lo stesso nome del vecchio font che verrà sostituito.
"tar -cvf fonts.tar fontfile.ttf"
È quindi necessario fare riferimento a questo file tar nel file xml in modo che venga caricato correttamente al riavvio del telefono.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Maggiori dettagli su quali caratteri sono preinstallati possono essere trovati sul nostro sito web.
In questo modo puoi scaricare il tuo carattere sul tuo telefono.
3. Carica un'immagine di sfondo
Utilizzando un esempio, mostreremo come caricare correttamente lo sfondo e quali impostazioni contano.
È possibile caricare un'immagine di sfondo tramite l'interfaccia Web → Preferenze → Forma
:
Questa impostazione deve essere impostata su un URL di immagine accessibile. Una volta modificata l'impostazione, l'immagine di sfondo verrà sostituita.
In alternativa, puoi modificare questa impostazione utilizzando il provisioning automatico aggiungendo il tag con un valore valido nel file xml.
Se questo parametro è vuoto o l'URL dell'immagine non è corretto, verrà utilizzata l'immagine di sfondo predefinita del telefono.
È importante: Se si utilizza un software precedente alla versione 10.1.33.33, è necessario impostare il valore del colore di sfondo su completamente trasparente.
Ciò è necessario perché l'immagine di sfondo si trova su un livello sotto il colore di sfondo standard. Ciò può essere ottenuto impostando il valore alfa su 0 per il colore di sfondo.
A partire dalla versione firmware 10.1.33.33, la trasparenza del colore di sfondo si adatta automaticamente all'immagine di sfondo visualizzata sul telefono. Tuttavia, non sarà completamente trasparente. Per ottenere una trasparenza completa, regolare dovrebbe avere ancora un valore alfa pari a 0.
Per visualizzare correttamente l'immagine di sfondo è necessario salvarla in formato png, jpg, gif, bmp o tga. Consigliamo vivamente di utilizzare file .png e di ottimizzarli con "" per ridurre le dimensioni del file e migliorare le prestazioni.
Dimensioni dell'immagine a seconda del modello:
Modello
permesso
D375/D385/D785
480 x 272
D335/D735/D765
320 x 240
D717
426 x 240
4. Esempio di configurazione del tema
1. "Tema scuro":
Vedere
<?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 colorato":
Vedere
<?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>Ci auguriamo che questo argomento ti aiuti a comprendere il problema della personalizzazione manuale.
To be continued ...
Fonte: habr.com