Эскизы экранов подсистемы «Мобильное приложение»
Навигация по экранам Подсистемы П2 приведена на Рис. 1. Эскизы и описания экранов Подсистемы П2 приведены на рисунках ниже.

Рис. 1 Диаграмма навигации по экранам Подсистемы мобильное приложение
Стандартные элементы экранаСтандартными элементами окна приложения, всегда присутствующими на экране, должны являться:
- Кнопка ||| в левом верхнем углу для вызова Левого меню на всех экранах; Надпись справа от кнопки |||:
- На Главном экране: название системы – «МК Лайт»: плюс Название БП - Банка партнера; На остальных экранах: название последней нажатой кнопки в Левом или Правом меню;
Стандартными элементами окна приложения, ситуативно присутствующими на экране, должны являться:
- Кнопка «+». Должна появляться внизу справа экрана при возможности создать новый элемент. Например:
- На Э2.7.1 Список шаблонов перевода - На любой закладке нажать на пиктограмму "+" (плюс) и выбрать тип перевода для создаваемого шаблона.
Форма аутентификации ПМП

Рис. 2 Э2.0.1 Аутентификация ПМП
Главная форма приложения

Рис. 3 Э2.0.2 Главная форма
На главной форме приложения должно отображаться:
- список карт пользователя, с возможностью просмотра детальной информации по карте (Э2.2.1 Список карт); 10 последних операций картам пользователя, с возможностью просмотра детальной информации по операции (Э2.2.3 Просмотр карты Tab 2: Выписка со скрытым полем Период формирования: 10 последних операций); кнопка вызова Левого меню. Нижнее меню.
Левое навигационное меню

Рис. 4 Э2.0.2.1 Левое меню
Левое меню содержит список операций, доступных Клиенту при работе с системой:
Пункт меню/ подменю (закладки) | Содержание пункта |
Клиент | Просмотр и редактирование информации учетной записи Клик по Клиент и переход на форму Э2.1.5 Просмотр / Редактирование учетной записи Клиента |
Карты | просмотр списка доступных карт Клик по Карты и переход на форму Э2.2.1 Список карт |
Виртуальные карты 2-й этап | Создание виртуальной карты. Переход на форму Э2.2.5 Просмотр карты Tab 4: Создать виртуальную карту |
Платежи | |
Совершить платеж | Выполнение платежа в пользу какого-либо поставщика (например, оператора сотовой связи, интернет-провайдера, поставщиков коммунальных услуг) |
Мои платежи | Создание просмотр и редактирование шаблонов платежей. Возле названия пункта меню отображается пиктограмма с количеством настроенных шаблонов |
История платежей | Просмотр истории выполненных платежей Для просмотра истории платежей необходимо: 1. Выбрать в левом навигационном меню пункт Платежи | История платежей. 2. Заполнить параметры фильтра истории |
Переводы | |
Совершить перевод | Выполнение немедленного перевода одного из трех типов. Клик по Совершить перевод и переход на форму Э2.6.2 Задать тип перевода |
Мои переводы | Создание просмотр и редактирование шаблонов платежей. Возле названия пункта меню отображается пиктограмма с количеством настроенных шаблонов Клик по Создать шаблон перевода и переход на форму Э2.7.1 Список шаблонов перевода |
История переводов | просмотр истории выполненных переводов Клик по ЛМ/ История переводов и переход на Э2.6.3 Фильтр история переводов. 2. Заполнить параметры фильтра истории |
Обменный курс | Курсы конвертации Банка-партнера на текущую дату Клик по ЛМ/ Обменный курс и переход на Э2.8.2 Обменный курс |
Установки | Настройка параметров входа в приложение Клик по ЛМ/ Установки и переход на Э2.8.6 Установки |
О приложении | Информация о программе, телефоны информационно-сервисной службы (колл-центр МК) Клик по ЛМ/ О приложении и переход на Э2.8.3 О приложении |
Выход | Клик по Выход и переход на Э2.0.1 Аутентификация Клиента |
Нижнее навигационное меню

Рис. 5 Э2.0.2.2 Нижнее меню
Нижнее меню содержит список функций, доступных пользователю при работе с системой:
Пункт меню | Описание |
Главный экран | Клик по кнопке и переход на форму Э2.0.2 Главная форма |
Персональные финансы (PFM) | Группировка операций по категориям, с возможностью аналитики за заданный период(месяц) Клик по НМ/ Персональные финансы и переход на Э2.8.4 Персональные финансы |
Переводы | Клик по НМ/ Переводы и переход на форму Э2.6.2 Задать тип перевода |
Лента операций | Просмотр истории операций клиента по картам Мои операции На закладке можно посмотреть историю операций, выполненных пользователем в приложении за определенный период (задается в полях Начальная дата и Конечная дата). Клик по НМ/ Лента операций и переход на Э2.8.5 Лента операций |
Банкоматы рядом | Ближайшие банкоматы группы ВТБ: Просмотр списка ближайших банкоматов с возможностью фильтрации списка и просмотра детальной информации по каждому банкомату Клик по НМ/ Банкоматы рядом и переход на Э2.8.1 Банкоматы рядом |

Рис. 6 Ф2.1 Навигация по экранам

Рис. 7 Э2.1.1 Регистрация Клиента11

Рис. 8 Э2.1.2 Код из SMS

Рис. 9 Э2.1.3 Настройки доступа Клиента

Рис. 10 Э2.1.4 Подтверждение регистрации
Клиент

Рис. 11 Э2.1.5 Просмотр / Редактирование учетной записи Клиента
На форме должны отображаться следующие поля:
- ФИО. Дата и место рождения (если заданы). Логин (Цифровой и текстовый псевдоним) с возможностью смены. Пароль с возможностью смены кода Клиента для входа. Дата и время последнего входа в приложение. Срок действия аккаунта, используемого для входа в приложение.
Для редактирования параметров профиля необходимо в левом навигационном меню выбрать пункт Клиент или нажать на логин, отображаемый под аватаром.
С помощью пиктограммы (
) в правом верхнем углу экрана можно сменить код Клиента для входа, используемый для входа в приложение. При выполнении операции необходимо указать новый код Клиента для входа и подтвердить его ввод для исключения ошибок. Если администратором системы выполнены соответствующие настройки, то при смене кода Клиента для входа может также потребоваться ввод текущего его значения. Кнопка подтверждения смены пароля неактивна, если пользователь ввел разные значения в полях Новый пароль и Повторите пароль.

Рис. 12 Ф2.2 Навигация по экранам
Карты

Рис. 13 Э2.2.1 Список карт
Для выполнения операций с картами необходимо в левом навигационном меню выбрать пункт Карты. На экране отобразится список доступных карт.
Tab 1: Все. На первой закладке отображаются все карты пользователя, на остальных - карты, сгруппированные по их типу: - 1 этап
Tab 2: Пластиковые. На физическом носителе, - 2 этап
Tab 3: Виртуальные. – 2 этап
При просмотре информации по карте доступны следующие закладки:
Информация

Э2.2.2 Просмотр карты Tab 1: Информация.
На закладке отображается краткая информация по карте:
- Описание карты (для редактирования описания следует нажать пиктограмму (
Выписка

|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 |


