Рекомендации по разработке ИФ Доступ к ИФ
Доступ пользователей ЕПГУ к интерактивным формам подачи заявлений осуществлятеся по принципу соответствия данных по услуге (цели) ФРГУ и текущему типу аторизации пользователя: физическое лицо (подтвержденная / проверенная / упрощенная учетная запись), иностранный гражданин, индивидуальный предприниматель, представитель юридического лица.
В случае несоответствия текущего типа пользователя списку возможных получателей услуги в ФРГУ доступ на форму блокируется.
Компоновка страницы ИФ
Страница ИФ состоит из типовых блоков (см. Рисунок 4 и Рисунок 5):
Шапка, в которой располагаются элементы навигации по порталу;
Рабочая область формы;
Подвал, в котором располагаются элементы навигации по порталу.
Рисунок 4. Компоновка верхней части страницы ИФ
Рисунок 5. Компоновка нижней части страницы ИФ
Все блоки, кроме рабочей области формы, не подлежат изменению при разработке ИФ и относятся к основной функциональности ЕПГУ.
Разделы формы и элементы навигации
Все формы заполняются в один шаг. Не допускается создание многошаговых форм с возможностью перехода вперед или назад по информационным блокам с помощью кнопок навигации формы «Вперед» и «Назад».
Дополнительный шаг формы может быть отображен только в случае запроса ведомством дополнительной информации (статус заявления 14).
Разбиение полей и блоков полей формы на разделы должно быть обусловлено удобством заполнения формы пользователем. Например, в первом разделе формы пользователю необходимо указать персональные данные (ФИО, адрес регистрации, адрес места жительства, контактная информация). В следующем разделе пользователю необходимо указать данные, касающиеся предмета оказания услуги с логическим разбиением на блоки. В следующем разделе пользователю необходимо приложить к заявлению электронные образы документов. А в последнем разделе пользователю необходимо выбрать дату, время и территориальный орган оказания услуги.
Введенные в поля интерактивной формы данные при переходах между разделами сохраняются в черновике заявления.
Компоненты, реализующие функциональность элементов навигации и работы с черновиками содержится в библиотеках типового функционала ЕПГУ и их изменение не рекомендуется.
Информационные блоки
Элементы на форме должны быть расположены таким образом, чтобы пользователю было удобнее заполнять заявление. Элементы должны быть сгруппированы по логическим блокам данных (ФИО, адрес и т.п.), блоки разнесены по разделам формы (сведения о заявителе, выбор варианта оказания услуги и т.п.).
Ширина элементов должна быть примерно одинаковой на всей форме, но в случае, если не предполагается ввод длинных значений (серия и номер документа) – ширину элемента ввода уместно сократить. Например, типовая ширина полей может составлять:
100%: ввод адреса, комментарий, полное название;
60%: ФИО, краткое название;
40%: серия и номер документа, телефон;
20%: дом, корпус.
Поля предпочтительно располагать по одному на строке, а не несколько в ряд.
Объединение полей в блоки производится в шаблоне для формирования html-страницы, который разрабатывается для каждой ИФ.
Базовые элементы управления
Компоненты, реализующие функциональность описанных в данном разделе элементов формы содержится в библиотеках типовой функциональности ЕПГУ и их изменение не рекомендуется. Расположение и свойства элементов на форме определяется шаблоном html-страницы, который разрабатывается для каждой ИФ.
Чек-бокс
Элемент, который позволяет пользователю осуществлять возможность множественного выбора. Чек-бокс имеет два состояния: включено, выключено.
Рисунок 6. Пример чек-бокса
Чек-бокс меняет свое состояние при нажатии на него мышью.
Переключатель (радио)
Элемент, который позволяет пользователю выбрать одну опцию (пункт) из предопределенного набора (группы). Переключатель не должен существовать в неопределенном состоянии. Всегда должен быть выбран какой-то вариант.
Рисунок 7. Пример переключателя
Переключатель меняет свое состояние при нажатии мышью на любой из пунктов группы.
Текстовое поле
Поле предназначено для ввода коротких текстовых значений, содержащих небольшое количество символов (до 255 символов).
Рисунок 8. Пример текстового поля
Текстовая область (многострочное поле)
Поле предназначено для ввода текстовых значений, содержащих большое количество символов (более 255 символов).
Рисунок 9. Пример многострочного поля
Поле для ввода даты
Поле предназначено для ввода даты.
Рисунок 10. Пример поля для ввода даты
Поле для выбора года
Поле предназначено для выбора года из списка возможных лет.
Рисунок 11. Пример поля для выбора года
Поле для выбора месяца
Поле предназначено для выбора месяца из списка.
Рисунок 12. Пример поля для выбора месяца
Выпадающий список
Поле для выбора значения из списка возможных. Заполняется путем настройки поля на определенный справочник ЕПГУ при разработке формы. Предусмотрена возможность поиска значения из списка.
Рисунок 13. Пример выпадающего списка
Выпадающий список с множественным выбором
Поле для выбора одного и более значений из списка возможных. Заполняется путем настройки поля на определенный справочник ЕПГУ при разработке формы. Предусмотрена возможность поиска значения из списка.
Рисунок 14. Пример выпадающего списка с множественным выбором
Иерархический список
Поле для выбора значения из иерархического справочника. При наличии у значения справочника дочерних записей снизу появляется дополнительное поле для выбора значения из перечня этих дочерних записей. И т.д.
Рисунок 15. Пример иерархического списка
Виджет ФИАС
Элемент позволяет пользователю ввести адресные данные с использованием справочника ФИАС (на ИФ для ввода адресной информации предпочтительно использовать ФИАС).
Рисунок 16. Пример поля ввода адреса с использованием справочника ФИАС
Виджет КЛАДР
Элемент позволяет пользователю ввести адресные данные с использованием справочника КЛАДР. Дополнительно предусмотрена возможность ручного ввода адресных данных.
Рисунок 17. Пример ввода адреса с использованием виджета КЛАДР
На форме выбранный адрес выглядит следующим образом:
Рисунок 18. Пример отображения адресной строки и управляющих кнопок на форме
Виджет Местоположение
Элемент позволяет пользователю ввести данные местоположения с использованием справочника КЛАДР (до города, населенного пункта или улицы). Дополнительно предусмотрена возможность ручного ввода адресных данных. Предусмотрена возможность скрыть поле «Улица».
Рисунок 19. Пример ввода местоположения
На форме выбранный адрес выглядит следующим образом:
Рисунок 20. Пример отображения адресной строки и управляющих кнопок на форме
Загрузка файла
Элемент формы, позволяющий пользователю прикреплять к заявлению различные файлы. Ограничение на формат файла устанавливается на этапе разработки формы.
Рисунок 21. Пример поля для загрузки файла
Кнопка
Элемент формы, который выполняет некоторую последовательность действий, например, копирование блока полей:
Рисунок 22. Пример кнопки
Таблица
Позволяет отобразить табличные данные.
Рисунок 23. Пример таблицы
Карта
Элемент позволяет отобразить карту с объектами. При построении используется сервис Яндекс.Карты.
Рисунок 24. Пример карты
|
