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

Molti di noi apprezzano molto quando qualcosa è fatto su misura per noi! Quando avvertiamo un certo 'livello di proprietà' che ci consente di distinguerci dalla 'massa grigia'. Le stesse sedie, tavoli, computer, ecc. Tutto come tutti!

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

Ammettiamo che la maggior parte dei clienti potrebbe preferire, invece di un normale telefono (come quello di tutti), un Snom, un telefono che per loro è associato a qualcosa di speciale/personale. Sono sicuro che se sei un fornitore di soluzioni telefoniche, saresti d'accordo nell'associare la tua azienda a un fornitore di questo 'speciale' agli occhi del cliente.

Molti di voi sanno che Snom può offrire vari livelli di personalizzazione dei telefoni da tavolo: da modifiche hardware e software molto complesse, che richiedono tempo per lo sviluppo, a quelle più semplici, disponibili per tutti 'dal pacchetto', completamente gratuite. Oggi vogliamo parlarvi di quest'ultima.

Il firmware del menu dei nostri telefoni è basato su XML e permette una flessibile personalizzazione dell'interfaccia utente nei seguenti parametri (lista breve):

immagine di sfondo
carattere e colore
icone
lingua
melodie di chiamata
assegnazione dei tasti
e molto altro

In questa prima parte del nostro articolo, parleremo di come modificare l'aspetto visivo dei telefoni Snom. Discuteremo alcuni punti:

Modifica della gamma di colori
Modifica dei caratteri
Caricamento dell'immagine di sfondo
Esempi di temi

Nella seconda parte del nostro articolo (che uscirà presto) discuteremo delle altre possibilità di personalizzazione. Quindi non 'cambiate canale'.

1. Modifica della gamma 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 adattare l'interfaccia utente per una chiarezza perfetta, preferenze di colore e ulteriori modifiche, ad esempio, lo stile aziendale.

Per rendere più facile la comprensione, esiste uno schema che descrive come impostare i colori:

I colori sono impostati utilizzando valori RGB

Nome

Valori consentiti

Valori di default
titlebar_text_color

Descrizione

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

rosso
alfa

(il valore alfa di 255 significa completamente, verde, blu, opaco) (il valore alpha 255 significa completamente
visibile, mentre 0 è completamente trasparente).

51 51 51 255

Gestisce il colore e la trasparenza del testo in
richiesta, ad esempio, "Data", "Ora",
"Nome" e altro.

text_color

51 51 51
255

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

subtext_color

123 124 126 255

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

extratext_color

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
orario.

extratext2_color

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
orario.

titlebar_background_color

226 226 226
255

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

background_color

242 242 242
255

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

fkey_background_color

242 242 242
255

Gestisce il colore e la trasparenza
dei pulsanti contestuali.

fkey_pressed_background_color

61 133 198
255

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

fkey_separator_color

182 183 184
255

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

fkey_label_color

123 124 126
255

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

fkey_pressed_label_color

242 242 242
255

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

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
della linea evidenziata, ad esempio, nel Menu o in qualsiasi schermo con elementi selezionati.
Gestisce anche il colore del carattere corrente durante il passaggio ciclico tra
le 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 di qualsiasi voce di elenco.

line_separator_color

226 226 226
255

Gestisce il colore e la trasparenza
della linea separatrice 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 utilizzando 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 al volume.

status_msgs_border_color

182 183 184
255

Gestisce il colore e la trasparenza del bordo
per messaggi di stato che appaiono sugli schermi di attesa e chiamata. Questo valore si applica anche al bordo
delle modifiche al 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 viene premuto un 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 viene premuto un tasto funzionale.

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

Qui è possibile modificare i valori, e se si clicca sul punto interrogativo, si verrà reindirizzati a una pagina di descrizione, che include anche una nota su come impostare questo valore se si utilizza un file XML per la configurazione. Ad esempio, per la nostra prima riga "Text Color":

2. Modifica dei font

I font su tutti i telefoni snom sono liberamente configurabili e possono essere modificati tramite provisioning automatico. Ricordate che se il font TrueType o raster attualmente in uso viene sostituito con un font personalizzato, potrebbero sorgere alcune discrepanze nella visualizzazione del testo, poiché l'interfaccia utente è ottimizzata per un particolare font TrueType.

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

"tar -cvf fonts.tar fontfile.ttf"

Successivamente, è necessario fare riferimento a questo file tar nel file XML, affinché venga caricato correttamente al riavvio del telefono.

In maggior dettaglio, quali font sono preimpostati possono essere trovati da noi su wiki
In questo modo puoi caricare il tuo font personale nel telefono.

3. Caricamento di un'immagine di sfondo

Utilizzeremo un esempio per mostrare come caricare correttamente lo sfondo e quali impostazioni sono rilevanti.

L'immagine di sfondo può essere caricata tramite l'interfaccia web → Preferences → Appearance:

In questo parametro deve essere impostato un URL disponibile per l'immagine. Una volta che il parametro verrà modificato, l'immagine di sfondo verrà sostituita.

Oppure puoi modificare questa impostazione tramite il provisioning automatico, 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 stai utilizzando un software precedente alla versione 10.1.33.33, è necessario impostare il valore del colore di sfondo su completamente trasparente.

È necessario farlo poiché l'immagine di sfondo si trova su un livello sotto il colore di sfondo standard. Ciò può essere ottenuto impostando il valore alfa 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 mostrata sul telefono. Tuttavia, non sarà completamente trasparente. Per ottenere una piena trasparenza, la configurazione deve comunque avere un valore alfa 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 di ottimizzarli con "optipng", per ridurre le dimensioni del file e migliorare le prestazioni.

Dimensione dell'immagine a seconda del 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. "Tema Scuro":

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 capire la questione della personalizzazione manuale.

Continua…

Fonte: habr.com