Banyak dari kita yang sangat suka jika sesuatu dibuat untuk kita! Ketika kita merasakan “tingkat kepemilikan” tertentu yang memungkinkan kita menonjol dari latar belakang “massa abu-abu”. Kursi, meja, komputer, dll yang sama. Semuanya seperti orang lain!
Kadang-kadang bahkan hal kecil seperti logo perusahaan pada pena biasa membuatnya terasa istimewa dan karenanya lebih berharga.
Setuju bahwa sebagian besar pelanggan akan lebih memilih telepon Snom daripada telepon biasa (seperti orang lain), telepon yang mereka kaitkan dengan sesuatu yang istimewa/pribadi. Saya yakin jika Anda adalah penyedia solusi telepon, Anda juga akan setuju untuk mengasosiasikan perusahaan Anda dengan penyedia yang “khusus” ini di mata pelanggan.
Banyak dari Anda yang tahu bahwa Snom menawarkan tingkat penyesuaian telepon desktop yang sangat berbeda: dari perubahan perangkat keras dan perangkat lunak yang sangat kompleks yang memerlukan waktu pengembangan, hingga perubahan yang sangat sederhana yang tersedia untuk semua orang, benar-benar gratis. Hal terakhir inilah yang ingin kami sampaikan kepada Anda hari ini.
Firmware menu ponsel kami dibuat berdasarkan XML dan memungkinkan Anda menyesuaikan UI secara fleksibel dengan parameter berikut (daftar pendek):
- gambar latar belakang
- font dan warna
- ikon
- bahasa
- nada dering
- penugasan kunci
- dan masih banyak lagi
Di bagian pertama artikel kami ini, kami akan membahas tentang bagaimana Anda dapat mengubah tampilan visual ponsel Snom Anda. Mari kita bicara tentang beberapa poin:
- Mengubah warna
- Mengubah font
- Memuat gambar latar belakang
- Contoh Topik
Di Bagian 2 artikel kami (segera hadir), kami akan membahas opsi penyesuaian lainnya. Jadi jangan "beralih".
1. Mengubah skema warna
Dimulai dengan firmware versi 10, antarmuka warna ponsel dapat diubah sepenuhnya dalam hal warna dan transparansi. Hal ini memungkinkan Anda menyesuaikan antarmuka pengguna untuk keterbacaan, kejelasan, preferensi warna yang ideal, dan perubahan lebih lanjut, misalnya, pada identitas korporat perusahaan.
Agar lebih mudah dipahami, berikut skema penjelasan pengaturan warna:
Warna disesuaikan menggunakan nilai RGB
Nama
Nilai yang valid
Nilai oleh
bawaan
Описание
bilah judul_teks_warna
Kelompok 4
angka, masing-masing >=0 dan <=255.
merah, hijau, biru, alpha (nilai alpha 255 artinya sepenuhnya
terlihat, dan 0 sepenuhnya transparan).
51 51 51 255
Mengontrol warna dan transparansi teks di dalamnya
baris judul, misalnya, “Tanggal”, “Waktu”,
"Nama" dll.
warna teks
51 51 51
255
Mengontrol warna dan transparansi
teks isi seperti “Menu”, “Mode siaga” dan
semua layar teks utama lainnya.
subteks_warna
123 124 126 255
Mengontrol warna dan transparansi
subteks, misalnya, “Menu”, “Mode siaga” dan semuanya
layar subteks lainnya.
ekstrateks_warna
123 124 126
255
Mengontrol warna dan transparansi yang pertama
baris teks yang ditampilkan di sisi kanan menu, seperti riwayat panggilan, tanggal dan
waktu.
extratext2_color
123 124 126
255
Mengontrol warna dan transparansi detik
baris teks yang ditampilkan di sisi kanan menu, seperti riwayat panggilan, tanggal dan
waktu.
bilah judul_latar belakang_warna
226 226 226
255
Mengontrol warna latar belakang dan transparansi
baris tajuk
warna latar belakang
242 242 242
255
Mengontrol warna dan transparansi latar belakang
setiap layar.
fkey_background_color
242 242 242
255
Mengontrol warna dan transparansi
tombol peka konteks.
fkey_pressed_background_color
61 133 198
255
Mengontrol warna latar belakang dan transparansi
tombol peka konteks saat ditekan.
fkey_separator_color
182 183 184
255
Mengontrol warna dan transparansi
Garis pemisah tombol peka konteks
fkey_label_color
123 124 126
255
Mengontrol warna dan transparansi teks,
digunakan dalam tombol sensitif konteks
fkey_pressed_label_color
242 242 242
255
Mengontrol warna dan transparansi teks,
digunakan dalam tombol sensitif konteks saat diklik
dipilih_garis_latar belakang_warna
255 255 255
255
Mengontrol warna latar belakang dan transparansi
baris yang dipilih, misalnya di Menu atau layar mana pun yang dapat dipilih
dipilih_garis_indikator_warna
61 133 198
255
Mengontrol warna dan transparansi
indikator di sebelah kiri baris yang dipilih, misalnya, di Menu atau layar mana pun dengan
elemen yang dipilih
dipilih_line_text_color
61 133 198
255
Mengontrol warna dan transparansi teks di dalamnya
baris yang dipilih, misalnya di Menu atau layar mana pun dengan item yang dipilih.
Juga mengontrol warna simbol saat ini saat digilir
berbagai opsi di jendela input
garis_latar belakang_warna
242 242 242
0
Mengontrol warna latar belakang dan transparansi
setiap baris Menu atau item menu, atau item daftar apa pun.
garis_pemisah_warna
226 226 226
255
Mengontrol warna dan transparansi
garis pemisah antara menu atau item menu dan hanya ditampilkan
ketika lebih dari satu item yang dipilih tersedia.
bilah gulir_warna
182 183 184
255
Mengontrol warna dan transparansi garis
bergulir ditampilkan di layar mana pun.
kursor_warna
61 133 198
255
Mengontrol warna dan transparansi kursor,
ditampilkan di layar menggunakan sinyal input.
status_pesan_latar belakang_warna
242 242 242
255
Mengontrol warna latar belakang dan transparansi
pesan status yang muncul pada layar siaga dan layar panggilan. Nilai ini juga berlaku untuk latar belakang
perubahan volume.
status_msgs_border_color
182 183 184
255
Mengontrol warna dan transparansi perbatasan
untuk pesan status yang muncul pada layar siaga dan layar panggilan. Nilai ini juga berlaku untuk perbatasan
perubahan volume.
smartlabel_background_color
242 242 242
255
Mengontrol warna latar belakang dan transparansi SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Mengontrol warna latar belakang dan transparansi SmartLabel saat tombol fungsi ditekan.
smartlabel_separator_color
182 183 184
255
Mengontrol warna garis dan transparansi
pemisah antara setiap tombol fungsi SmartLabel.
smartlabel_label_color
123 124 126
255
Mengontrol warna dan transparansi teks,
digunakan di SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Mengontrol warna dan transparansi teks,
digunakan di SmartLabel saat Anda menekan tombol fungsi.
Sekarang kita tahu di mana dan apa lokasinya, kita bisa pergi ke antarmuka web ponsel ke bagian tersebut Pengaturan/Preferensi, lalu tab kedua Penampilan:
Di sini Anda dapat mengubah nilainya, dan jika Anda mengklik tanda tanya, Anda akan dibawa ke halaman deskripsi, di mana juga terdapat catatan tentang cara menentukan nilai ini jika Anda menggunakan file XML untuk konfigurasi. Misalnya, untuk baris pertama kita “Warna Teks”:
2. Mengubah font
Font di semua ponsel snom dapat disesuaikan secara bebas dan dapat diubah menggunakan penyediaan otomatis. Perlu diketahui bahwa jika font TrueType atau bitmap yang saat ini digunakan diganti dengan font khusus, beberapa ketidakkonsistenan mungkin terjadi dalam rendering teks karena antarmuka pengguna dioptimalkan untuk satu font TrueType tertentu.
Untuk mengganti font apa pun, Anda harus membuat file tar yang berisi font baru, yang namanya harus sama persis dengan font lama yang akan diganti.
"tar -cvf font.tar fontfile.ttf"
File tar ini kemudian perlu direferensikan dalam file xml agar dapat dimuat dengan benar saat ponsel di-boot ulang.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Detail lebih lanjut tentang font apa yang sudah diinstal sebelumnya dapat ditemukan di situs web kami.
Dengan cara ini Anda dapat mengunduh font Anda sendiri ke ponsel Anda.
3. Unggah gambar latar belakang
Dengan menggunakan contoh, kami akan menunjukkan cara memuat latar belakang dengan benar dan pengaturan apa yang penting.
Anda dapat mengunggah gambar latar belakang melalui antarmuka Web → preferensi → Penampilan:
Setelan ini harus disetel ke URL gambar yang dapat diakses. Setelah pengaturan diubah, gambar latar belakang akan diganti.
Atau Anda dapat mengubah setelan ini menggunakan penyediaan otomatis dengan menambahkan tag dengan nilai yang valid ke dalam file xml Anda.
Jika parameter ini kosong atau URL gambar salah, gambar latar default ponsel akan digunakan.
Ini penting: Jika Anda menggunakan perangkat lunak sebelum versi 10.1.33.33, Anda harus mengatur nilai warna latar belakang menjadi transparan sepenuhnya.
Hal ini diperlukan karena gambar latar belakang terletak pada lapisan di bawah warna latar standar. Hal ini dapat dicapai dengan mengatur nilai alpha ke 0 untuk warna latar belakang.
Dimulai dengan firmware versi 10.1.33.33, transparansi warna latar belakang secara otomatis menyesuaikan dengan gambar latar belakang yang ditampilkan di ponsel. Namun, hal itu tidak akan sepenuhnya transparan. Untuk mencapai transparansi penuh, sesuaikan harus tetap memiliki nilai alpha 0.
Untuk menampilkan gambar background dengan benar, Anda harus menyimpannya dalam format png, jpg, gif, bmp atau tga. Kami sangat menyarankan penggunaan file .png dan mengoptimalkannya dengan "" untuk mengurangi ukuran file dan meningkatkan kinerja.
Ukuran gambar tergantung model:
Model
izin
D375/ D385/ D785
X 480 272
D335/ D735/ D765
X 320 240
D717
X 426 240
4. Contoh konfigurasi tema
1. "Tema Gelap":
Lihat
<?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 Berwarna-warni":
Lihat
<?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>Kami berharap topik ini akan membantu Anda memahami masalah penyesuaian manual.
Untuk dilanjutkan ...
Sumber: www.habr.com