🥇Fai da te o come personalizzare il telefono Snom. Parte 1 colori, font, sfondo

A molti di noi piace quando qualcosa è realizzato su misura per noi! Quando sentiamo una certa "sensazione di proprietà" che ci consente di distinguerci dalla "massa grigia". Le stesse sedie, tavoli, computer, ecc. Tutto come per tutti!

A volte anche un piccolo dettaglio, come il logo dell'azienda su una penna normale, ci fa sentire che è speciale e quindi più preziosa.

Siete d'accordo che la maggior parte dei clienti preferirebbe un telefono Snom, che non è comune (come gli altri), ma che per loro rappresenta qualcosa di speciale/personalizzato? Sono sicuro che, se siete fornitori di soluzioni per la telefonia, sareste anche d'accordo nell'associare la vostra azienda a questo fornitore di ciò che è "speciale" agli occhi del cliente.

Molti di voi sanno che Snom può offrire diversi livelli di personalizzazione per i telefoni da scrivania: dalle modifiche hardware e software molto complesse, che richiedono tempo per lo sviluppo, alle più semplici, che sono disponibili gratuitamente a tutti 'fuori dalla scatola'. È proprio di quest'ultima che vogliamo parlarvi oggi.

Il firmware del menu dei nostri telefoni è basato su XML e consente una personalizzazione flessibile dell'interfaccia utente per i seguenti parametri (elenco breve):

immagine di sfondo
font e colore
icone
lingua
suoni delle chiamate
assegnazione dei tasti
e molto altro

In questa prima parte del nostro articolo, parleremo di come modificare l'aspetto visivo del telefono Snom. Tratteremo diversi punti:

Modifica della palette di colori
Modifica dei font
Caricamento dell'immagine di sfondo
Esempi di temi

Nella seconda parte del nostro articolo (che uscirà presto) parleremo delle altre possibilità di personalizzazione. Quindi, non "sintonizzatevi" altrove.

1. Modifica della palette di colori

A partire dalla versione del firmware 10, l'interfaccia colorata del telefono può essere completamente modificata in termini di colore e trasparenza. Questo consente di personalizzare l'interfaccia utente per una leggibilità perfetta, chiarezza, preferenze cromatiche e ulteriori modifiche, ad esempio, la brand identity dell'azienda.

Per facilitare la comprensione, esiste uno schema per la descrizione della configurazione dei colori:

I colori sono configurabili tramite valori RGB

Nome

Valori consentiti

Valori di
default

Descrizione

color_del_titolo

Gruppo di 4
numeri, ognuno >=0 e <=255.

rosso, verde, blu, alpha (il valore alpha 255 significa completamente
visibile, e 0 - completamente trasparente).

51 51 51 255

Gestisce il colore e la trasparenza del testo in
la barra del titolo, ad esempio "Data", "Ora",
"Titolo" e altri.

colore_testo

51 51 51
255

Gestisce il colore e la trasparenza
del testo principale, ad esempio "Menu", "Modalità standby" e
tutti gli altri schermi di testo principale.

colore_subtesto

123 124 126 255

Gestisce il colore e la trasparenza
del sottotesto, ad esempio "Menu", "Modalità standby" e tutti
gli altri schermi di sottotesto.

colore_extratexto

123 124 126
255

Gestisce il colore e la trasparenza della prima
riga di testo visualizzata a destra nel menu, ad esempio, cronologia delle chiamate, data e
ora.

colore_extratext2

123 124 126
255

Gestisce il colore e la trasparenza della seconda
riga di testo visualizzata a destra nel menu, ad esempio, cronologia delle chiamate, data e
ora.

colore_sfondo_titlebar

226 226 226
255

Gestisce il colore e la trasparenza dello sfondo
della barra del titolo

colore_sfondo

242 242 242
255

Gestisce il colore e la trasparenza dello sfondo su
ogni schermo.

colore_sfondo_tasto_f

242 242 242
255

Gestisce il colore e la trasparenza
dei pulsanti contestuali.

colore_sfondo_tasto_f_premuto

61 133 198
255

Gestisce il colore e la trasparenza dello sfondo
dei tasti contestuali quando premuti.

colore_separatori_tasti_f

182 183 184
255

Gestisce il colore e la trasparenza
delle linee separatrici dei pulsanti contestuali.

colore_etichetta_tasto_f

123 124 126
255

Gestisce il colore e la trasparenza del testo,
utilizzato nei pulsanti contestuali

colore_etichetta_tasto_f_premuto

242 242 242
255

Gestisce il colore e la trasparenza del testo,
utilizzato nei pulsanti contestuali quando premi

selected_line_background_color

255 255 255
255

Gestisce il colore e la trasparenza dello sfondo
della linea selezionata, ad esempio, nel Menu o in qualsiasi schermo con elementi selezionabili

selected_line_indicator_color

61 133 198
255

Gestisce il colore e la trasparenza
dell'indicatore a sinistra della linea selezionata, ad esempio, nel Menu o in qualsiasi schermo con
elementi selezionati

selected_line_text_color

61 133 198
255

Gestisce il colore e la trasparenza del testo in
nella riga evidenziata, ad esempio, nel Menu o in qualsiasi schermo con elementi selezionati.
Gestisce anche il colore del carattere corrente durante l'iterazione attraverso
diverse opzioni nella finestra di input

line_background_color

242 242 242
0

Gestisce il colore e la trasparenza dello sfondo per
ogni riga del Menu o voce di menu, o qualsiasi voce dell'elenco.

line_separator_color

226 226 226
255

Gestisce il colore e la trasparenza
la linea di separazione tra menu o voci di menu e viene mostrata solo
quando ci sono più di un elemento selezionato.

scrollbar_color

182 183 184
255

Gestisce il colore e la trasparenza della barra di
scorrimento, visualizzata su qualsiasi schermo.

cursor_color

61 133 198
255

Gestisce il colore e la trasparenza del cursore,
visualizzato sugli schermi tramite un input.

status_msgs_background_color

242 242 242
255

Gestisce il colore e la trasparenza dello sfondo per
dei messaggi di stato che appaiono sugli schermi di attesa e chiamata. Questo valore si applica anche allo sfondo
delle modifiche del volume.

status_msgs_border_color

182 183 184
255

Gestisce il colore e la trasparenza del bordo
per i messaggi di stato che appaiono sugli schermi di attesa e chiamata. Questo valore si applica anche al bordo
delle modifiche del volume.

smartlabel_background_color

242 242 242
255

Gestisce il colore e la trasparenza dello sfondo di SmartLabel.

smartlabel_pressed_background_color

61 133 198
255

Gestisce il colore e la trasparenza dello sfondo di SmartLabel quando si preme il tasto funzionale.

smartlabel_separator_color

182 183 184
255

Gestisce il colore e la trasparenza della linea
del separatore tra ciascun tasto funzionale di SmartLabel.

smartlabel_label_color

123 124 126
255

Gestisce il colore e la trasparenza del testo,
utilizzato in SmartLabel.

smartlabel_pressed_label_color

242 242 242
255

Gestisce il colore e la trasparenza del testo,
utilizzato in SmartLabel, quando si preme il tasto funzionale.

Ora che sappiamo dove e cosa si trova, possiamo passare all'interfaccia web del telefono nella sezione Setup/Preferences, poi la seconda scheda Appearance:

Qui puoi modificare i valori e se clicchi sul punto interrogativo, verrai indirizzato a una pagina con la descrizione, che include una nota su come impostare questo valore, se usi un file XML per la configurazione. Ad esempio, per la nostra prima riga «Testo colore»:

2. Modifica dei caratteri

I caratteri su tutti i telefoni snom sono completamente configurabili e possono essere modificati tramite il provisioning automatico. Tieni presente che se un font TrueType o bitmap attualmente in uso viene sostituito con uno personalizzato, potrebbero verificarsi alcune incongruenze nella visualizzazione del testo, poiché l'interfaccia utente è ottimizzata per un singolo font TrueType specifico.

Per sostituire un font, è necessario creare un file tar contenente il nuovo font, il cui nome deve corrispondere esattamente a quello del font esistente che verrà sostituito.

«tar -cvf fonts.tar fontfile.ttf»

Dopodiché, è necessario fare riferimento a questo file tar nel file xml in modo che venga caricato correttamente al riavvio del telefono.

Maggiore chiarezza su quali font siano preinstallati è disponibile sul nostro wiki
In questo modo puoi caricare il tuo font sul telefono.

3. Caricamento di un'immagine di sfondo

In questo esempio mostreremo come caricare correttamente uno sfondo e quali impostazioni siano rilevanti.

Puoi caricare un'immagine di sfondo tramite l'interfaccia web → Preferences → Appearance:

In questo parametro deve essere impostato un URL di immagine valido. Una volta modificato il parametro, l'immagine di sfondo verrà cambiata.

Oppure puoi modificare questa impostazione utilizzando l'autoprovvigionamento, aggiungendo il tag con un valore valido nel tuo file xml.

Se questo parametro è vuoto o l'URL dell'immagine è errato, verrà utilizzata l'immagine di sfondo predefinita del telefono.

Importante: se utilizzi un software precedente alla versione 10.1.33.33, è necessario impostare il valore del colore di sfondo su completamente trasparente.

Questo è necessario perché l'immagine di sfondo si trova su un livello sotto il colore di sfondo standard. Ciò può essere ottenuto impostando il valore alpha a 0 per il colore di sfondo.

A partire dalla versione del 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 raggiungere una trasparenza completa, l'impostazione deve comunque avere un valore alpha di 0.

Per visualizzare correttamente l'immagine di sfondo, è necessario salvarla in formato png, jpg, gif, bmp o tga. Ti consigliamo vivamente di utilizzare file .png e ottimizzarli con "optipng", per ridurre la dimensione del file e migliorare le prestazioni.

Dimensione dell'immagine in base al modello:

Modello
Risoluzione

D375/ D385/ D785
480 x 272

D335/ D735/ D765
320 x 240

D717
426 x 240

4. Esempio di configurazione dei temi

1. «Dark Theme»:

Visualizza


  
  
  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 255

2. «Tema Colorato»:

Visualizza


  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 255

Speriamo che questo tema aiuti a fare chiarezza sulla questione della personalizzazione manuale.

Continua...

Fonte: habr.com