Описание графического интерфейса программы Kiosk 3.5

Описание графического интерфейса программы Kiosk 3.5

1. Общие сведения

Интерфейс программы строится автоматически при запуске на основе исходных данных. Изменение исходных данных приводит к автоматическому перестроению интерфейса после перезапуска программы. Для построения интерфейса используются графические изображения, хранящиеся в папке программы «images» в виде файлов с расширением «.png». Данный формат выбран не случайно. Файлы PNG используют сжатие без потери качества, а также поддерживают альфа-канал (канал прозрачности). Это позволяет добиться качественного изображения на экране и хорошей прорисовки теней при наложении изображений (например, кнопки с тенью на фоне окна). Также возможно использование элементов «пустых» внутри (например, кнопка в виде кольца – внутри кольца будет виден фон нижнего слоя вне зависимости от места расположения кнопки).

2. Графические элементы интерфейса

В настоящее время программа использует не более двух слоев для построения интерфейса. Соответственно все графические элементы делятся на две категории: изображения нижнего слоя (фон) и верхнего слоя. Все изображения нижнего слоя имеют размер 1024x768.

Список файлов:

Файл	Размер	Описание
step1.png	1024x768	Фон главного (первого) экрана
step2.png	1024x768	Фон второго экрана с предложением выбрать раздел для оплаты (экран «Выберите раздел»).
step3.png	1024x768	Фон третьего экрана с предложением выбрать поставщика услуг (экран «Выберите поставщика услуг»).
input1.png	1024x768	Фон экрана ввода номера мобильного телефона.
input2.png	1024x768	Фон экрана ввода номера городского телефона.
input3.png	1024x768	Фон экрана ввода номера лицевого счета.
info. png	1024x768	Фон экрана отображения информации (появляется после ввода номера телефона или лицевого счета).
sub. png	1024x768	Фон экрана с предложением выбрать поставщика услуг (экран «Выберите поставщика услуг») при разделении услуги на субсчета (субоператоров)
accept. png	1024x768	Фон экрана приема денег при пополнении счета.
message. png	1024x768	Фон. Используется на нескольких экранах: ·  экран с сообщением «Подождите, идёт получение данных…» (при получении информации о лицевом счете); ·  экран с сообщением «Обработка купюры»; ·  экран с сообщением «Купюра не принята»; ·  экран с сообщением «Идёт печать»; ·  экран с сообщением «Киоск временно не работает».
trd_backgr. png	1024x768	Фон. Используется на нескольких экранах: ·  экран «Что вы желаете купить?» при покупке PIN-кода; ·  экран «Выберите компанию и Вам будет предложен список номиналов» при покупке PIN-кода; ·  экран «Выберите номинал для покупки» при покупке PIN-кода.
trd_backgr_podl. png	1024x768	Фон. Используется на нескольких экранах: ·  экран «Ваш выбор: Купить или Отказаться» при покупке PIN-кода; ·  экран приема денег при покупке PIN-кода; ·  экран «Слишком большая купюра» при покупке PIN-кода.
0.png 1.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png	89x91	Кнопки с цифрами от 0 до 9 для набора номера или лицевого счета.
10.png	179x93	Кнопка «Удалить». Используется с цифрами для набора номера или лицевого счета.
backButton. png	157x157	Кнопка «Назад». Используется на многих экранах.
nextButton. png	157x157	Кнопка «Далее». Используется на многих экранах.
contButton. png	128x128	Кнопка «Продолжить». Используется на табличках с различными предупреждающими сообщениями.
bigButton. png bigButton_dis. png	452x75	Большая прямоугольная кнопка (активный и неактивный вариант). Используется на многих экранах с различными надписями.
smallButton. png smallButton_dis. png	421x49	Маленькая прямоугольная кнопка (активный и неактивный вариант). Используется на многих экранах с различными надписями.
windowReminder. png	640x480	Табличка с различными предупреждающими сообщениями. Появляется, например, при недостаточном количестве введенных цифр клиентом.
windowWarning. png	640x480	Табличка с различными предупреждающими сообщениями. Появляется, например, при ожидании действий клиента. Всегда отображается с таймером обратного отсчета.