ProHoster > Blog > Administration > Do it yourself or how to customize a Snom phone. Part 2 icons and images

Do it yourself or how to customize a Snom phone. Part 2 icons and images

As we promised in the first part, this continuation is dedicated to self-changing icons in Snom phones.

So, let's begin. Step one, you need to get the firmware in tar.gz format. You can download from our resource here. All snom icons are available and included in each firmware version.

Note: Please note that each firmware version contains configuration files specific to that version ΠΈ model phone. Using settings files that do not match the firmware or phone will cause problems.

After downloading and opening the customizing.tar.gz file, it should look like this. The actual content of the files depends on the phone version and firmware:

Do it yourself or how to customize a Snom phone. Part 2 icons and images

Step two, preparing icons for phones. As you know, Snom phones come with a color and monochrome screen, respectively, and the icons will be different.

I. Change icons for phones with color display

Icons and images on phones with a color display are stored in PNG format. This allows them to be easily edited in almost all modern image editors. However, after editing, it is recommended to optimize the png files with tools such as optipng, pngquant or pngcrush to remove any redundant information and optimize the file size.

Icon image sizes:

  • Context-Sensitive Key Icons 24x24px
  • Smart Label 24x24px & 18x18px
  • Titlebar Icons 18x18px
  • Menu (Menu Icons) 18x18px
  • During a call (Call Screen Icons) 18x18px - 48x48px
  • Format (File Format): PNG

After creating the desired icons, download them to the phone. You can download in two ways:

  1. Through the web interface in manual mode
  2. With auto provisioning

Let's start with the first option – download via web interface. To download, go to the web interface of the phone to the tab Preference/Appearance and choose Custom Images:

Do it yourself or how to customize a Snom phone. Part 2 icons and images

Next, we find the icon we want to change and load our own version:

Do it yourself or how to customize a Snom phone. Part 2 icons and images

If you don’t like your own version or β€œcrooked”, then you can always roll back by clicking on the β€œReset” button

Do it yourself or how to customize a Snom phone. Part 2 icons and images

Note. "Software Update" and "Factory Reset" do not delete downloaded images.

As you can see in manual mode everything is quite simple, but if you need to change several phones, then this process will take quite a long time. So let's move on to the second option.

Option two – loading via auto provisioning.

First of all, you need to create a tar archive from the previously downloaded archive customizing.tar.gz. When creating the archive, delete all files and directories that you don't need to change, but make sure you save directory structure.

Note. You don't need to archive all the files that were originally in the archive. It is sufficient and recommended to only archive the files you have modified. The more files you put in the archive, the longer it will take the phone to set it up.

Next, we take several steps:

1) create an XML file, for example, branding.xml and copy it to your web server (HTTP), i.e. http://yourwebserver/branding.xml:

<?xml version="1.0" encoding="utf-8" ?>
<settings>
 <uploads>
  <file url="http://yourwebserver/branding/branding.tar" type="gui" />
</uploads>
</settings>

2) Go to the web interface of the phone in the section Advanced -> Update -> Setting URL and specify a link to our file yourwebserver/branding.xml

Do it yourself or how to customize a Snom phone. Part 2 icons and images

Do it yourself or how to customize a Snom phone. Part 2 icons and images

Do it yourself or how to customize a Snom phone. Part 2 icons and images

3) Reboot the phone and admire the result

Give an example. The goal is to change the LDAP icon in the phone

Do it yourself or how to customize a Snom phone. Part 2 icons and images

  • First, we need a tar archive for the current version of the software. In this example I used version 10.1.30.0 on D785 so I used "snomD785-10.1.30.0-customizing.tar.gz"
  • Download the snomD785-10.1.30.0-customizing.tar.gz and find the LDAP icon in it (you'll find it under the name ldap.png). We delete all other files and directories, do not forget to save the file name ldap.png, and also save the directory structure.
  • Editing the ldap.png file to make it look the way you want.

Note: You can replace the image with a new one, but in this case you need to make sure that the resized image is the same size as the original (in this example, the size is 24x26)

  • Create a tar archive of the file, making sure that retained the original directory structure. The path will look like this: colored / fkey_icons / 24x24 / ldap.png
  • Create an xml file to tell the phone to download the tar:

<?xml version="1.0" encoding="utf-8" ?> 
<uploads> 
<file url="http://192.168.137.1/customize/customize_16156_doc/colored3.tar" type="gui" />   
</uploads>

  • Specify the link in the web interface and reboot the phone
  • Check the result after reboot

Do it yourself or how to customize a Snom phone. Part 2 icons and images

II. Changing icons for phones with a monochrome display

Icons on monochrome devices are not stored in normal image files such as .png or .jpg, but are bitmap fonts that include all the icons used in the user interface. In the private use area of ​​the unicode table starting with U+EB00, snom icons are defined and can be directly modified using tools such as "Font ForgeΒ».

Opening a bitmap font file with Font Forge should show a list of icons that are in use. The actual content of the files depends on the phone version and firmware:

Do it yourself or how to customize a Snom phone. Part 2 icons and images

Specification of icons for phones with a monochrome display.

For models D305, D315, D345, D385, D745, D785, D3, D7:

  • Context-Sensitive Key Icons 17x17 - Baseline x β†’ 0 / y β†’ -2
  • Titlebar Icons 17x17 - Baseline x β†’ 0 / y β†’ -2
  • Label Panel Icons 17x17 - Baseline x β†’ 0 / y β†’ -2
  • Maximum Size of Icons 32Γ—32

For models D120, D710, D712, D715, D725:

  • Context-Sensitive Key Icons 7Γ—7 - Baseline x β†’ 0 / y β†’ 0
  • Titlebar Icons 7x7 - Baseline x β†’ 0 / y β†’ 0
  • SmartLabel Icons 7x7 - Baseline x β†’ 0 / y β†’ 0
  • Maximum Size of Icons 32Γ—32

After creating the required "image" and then exporting from Font Forge, the following settings must be used:

Do it yourself or how to customize a Snom phone. Part 2 icons and images

After exporting, create a tar file containing the newly created file with the name of the file to be replaced.

tar -cvf fonts.tar fontfile.bdf

Since we are actually changing not the pictures, but the font, then load it through auto provisioning as a font, specifying in the settings xml file:

<?xml version="1.0" encoding="utf-8" ?>
<settings>
 <uploads>
  <file url="http://192.168.23.54:8080/fonts.tar" type="font" />
 </uploads>
</settings>

Thus, we have examined in detail the possibilities of customizing Snom phones, which you can use to change the design and functionality of phones for yourself or your customer. Below are some examples of the result of such customization:

For hotel

Do it yourself or how to customize a Snom phone. Part 2 icons and images

Do it yourself or how to customize a Snom phone. Part 2 icons and images

Do it yourself or how to customize a Snom phone. Part 2 icons and images

For airport

Do it yourself or how to customize a Snom phone. Part 2 icons and images

And that's all. We hope that the article was useful for you and you can customize Snom phones as you wish.

Source: habr.com

Add a comment