Иван Артемьев

Необходимо разработать мобильное приложение Android для печати чеков на ККМ.

ИНТЕРФЕЙСЫ / ФУНКЦИИ

0.1 Меню-слайдер
- значок НЕТ сети
- значок НЕТ связи ни с одной из ККМ
- новое сообщение

- Обновить данные (поялвяется первым после того как выполнен ВХОД)

- Вход в Админ-панель (пропадает, после того как выполнен ВХОД)

- Управление ККМ

- Мои заказы

- Сообщения

- Написать в поддержку

- Выход (поялвяется последним, после того как выполнен ВХОД)

0.2 Меню-иконки в подвале (слева-направо)
ККМ
Заказы
Сообщения


1. Вход в Админ-панель
поле ввода Логина / телефона
поле ввода Пароля + иконка вопросика (забыли пароль) = всплывалка с текстом кому звонить
кнопка Получить одноразовый код
поле ввода проверочного кода из СМС
кнопка Вход
Сообщение об ошибке
Сообщение об успешном входе и сроке действия сессии = до 23-50 текущего дня


2.1 Управление ККМ – список
тип ККМ: с собой / в офисе = значок у названия
название ККМ
ЮрЛицо ККМ
состояние: откр/закр смена = значок
число распечатанных за акт смену чеков

2.2 Управление ККМ – конкретная/новая ККМ
тип ККМ: с собой / в офисе (виртуальный чек = команда печати в офисе + электронный чек)
выбор bluetooth / wifi
переименовать ккм = Название ККМ
добавить связанное ЮрЛицо с кассой = Юридическое лицо
кнопка Проверить соединение
кнопка Открыть смену
кнопка Закрыть смену
кнопка Х-отчёт
кнопка Z-отчёт


3.1 Мои заказы – список
поле поиска: номер, фио покупателя, адрес, комментарий
список заказов на сегодня
значек: есть новые данные = Обновить данные по заказу этому
тип заказа: продажа / возврат
номер
сумма общая
стоимость доставки если не 0 = Включая доставку <NNNN> руб.
число товаров или мини-фото + название + цена за товар
фио + телефон покупателя
адрес доставки
комментарий менеджера по заказу

3.2 Мои заказы – один заказ
данные покупателя
данные по товарам
можно снять галку и не печатать в чек позицию
можно изменить число единиц в позиции
данные по ранее сделанным предоплатам
кнопка ПЕЧАТЬ чека (учёт изменений по товарам) === доступна, только если есть хотя бы одна подключенная ККМ
поле комментарий курьера по заказу + кнопка СОХРАНИТЬ === галки отметки товаров при выходе из заказа БЕЗ распечатки чека НЕ сохраняются

3.3 Мои заказы – один заказ – печать чека
сумма чека (если есть скидки/предоплата и пр.)
поле ввода телефона для отправки чека + Галка отправить эл.чек
поле ввода email для отправки чека + Галка отправить эл.чек
выбор способа оплаты наличные / электронно
если наличные: ввести сумму, расчёт сдачи
галка ПРЕДОПЛАТА (чтобы можно было распечатать чек на мЕньшую сумму)
кнопка ПЕЧАТЬ чека
кнопка НАЗАД к заказу === введенные данные сохраняются кроме сумм и галки предоплаты


4. Сообщения
облачка переписки:
от менеджеров: лично курьеру = синее (отметка прочтения по свайпу)
от менеджеров: всем курьерам = серое (при входе автопрочтение)
от менеджеров: конкретно к заказу = зеленое (отметка прочтения по свайпу)
от курьера обратно: белое

5. Написать в техподдержку
поле ввода текста сообщения
выбор темы:
Проблема с ККМ (селект с которой или ВСЕ)
Проблема с Приложением
Неверные данные по заказу
Другое
галка СРОЧНО!
к письму прикрепляется отладочная информация, которую можно собрать:
курьер
устройство
магазин
данные посл чека на ККМ если выбрана
сохраненный лог действий внутри приложения за прошлые+текущие сутки
кнопка отправить
телефон поддеркжи (наш офисный) если:
будни и с 10 до 17 часов
нажата галка СРОЧНО!


6. Выход
текст о том, что при выходе будет попытка завершения смены на всех <N> подключённых ККМ
галка отмеченная: Завершить смены на всех ККМ (её можно снять)
кнопка Выход и (если есть галка доп текст) завершить смены на <N> ККМ




Фоновые операции:
проверка соединения с интернетом
проверка связи с ККМ с собой
проверка связи с ККМ в офисе
проверка данных по заказам
проверка новых заказов
проверка новых сообщений
отправка изменённых состояний заказов на сервер


Обработка жестов:
свайп сверху-вниз:
ККМ = опросить все ККМ о текущем их состоянии
Заказы = обновить данные по всем заказам + отправить данные на сервер
Сообщения = считать новые сообщения
свайп справа-налево:
ККМ = выключить/закрыть смену с окном подтверждения // или включить/открыть смену у ранее выключенной ККМ
Заказы = пропустить заказ -> всплывалка с окном поле ввода текста причины + кнопка ПРОПУСТИТЬ
Сообщения = отметить прочитанным личное/по заказу сообщение


Локальное сохранение лога действий пользователя приложения:
вход
выход
подключение ККМ
действия с ККМ (открыть/закрыть смену / X/Z отчёты)
обновление данных
попытка печати чека по заказу
успех печати чека по заказу

Вертка интернет-сайта по готовой html-структуре (структуру предоставляем)
HTML5, CSS3
Совместимость: IE10+, FireFox, Opera, Yandex, Chrome, Safari
Фиксированный размер, тянется только верхняя синяя и нижняя серая полоски
Графики по-минимуму. Использовать стили: закругления, рамки, тени, градиенты, плавная смена цвета и др.
Точное соответствие дизайну: шрифты, размеры, отступы. Строго pixel perfect.

Общие.

1-1 Фикс размер 1200
1-2 Логотип чуть вылезает влево, на макете видно — см.направляющие линии.
1-3 Шрифт roboto, подключение шрифтов уже есть в файле fonts.css
1-4 Строго pixel perfect
1-5 Группы в шапке (текстиль/приготовление и др.) выровнены влево, так как ихможет быть разный набор. Фикс ширина видимого блока.
1-6 День святого валентина – может быть разный текст, соответственно и ширина кнопки может быть разная. Указана МАКС ширина. Если шире, то overflow:hidden
1-7 Все иконки ГРАФИКА, по возможности png (кроме фото товаров). Сделать заглушки стилей для Retina


Пример:

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
background-image: url(../js/vendor/fancybox/fancybox_sprite@2x.png?1371161548);
background-size: 44px 152px
}

#fancybox-loading div {
background-image: url(../js/vendor/fancybox/fancybox_loading@2x.gif?1371161548);
background-size: 24px 24px
}
}


1-8 Структура стилей = независимые блоки. Пример по запросу.
т.е. чтобы не было таки длинных селекторов:
.b1 .b2.b3 .b4 .b5 .b6:pseudo-sel {}

пусть будет просто
.b4 .b5

1-9 Полоски у заголовков реализовать НОРМАЛЬНО.

<h1 class="h1--border"><b>Стиль жизни от Bellissima Casa</b></h1>

.h1--border {
font-family: serif; color:#555; font-size: 22px; line-height: 1.4; background: url('/img_m/h1_line.gif') center center repeat-x; margin: 10px 0; padding:0;
}
.h1--border b {
font-weight: 300; background-color: #fff; display: inline-block; max-width: 80%; padding:0 18px;
}


1-10 Если есть проблемы или сложности в подготовке графики – пишите мне сразу. Вырежем, подготовим. Чтобы были нормальные рамки у кнопок, зубцы и фоны.

1-11 Фикс блоки в шапке:
-- новинки/акции/популярные
-- поиск + фильтр + коллекции/ бренды
-- телефон/график + перезвоните мне
-- все товары

1-12 Блоки в шапке, где может быть контент разного размера, нужно учесть в размерах / скрывании.
-- о нас/ доставка/ оплата/ контакты
-- корзина
-- группы каталога текстиль/приготовление и др.
-- цветная кнопка = быстрый ТЭГ

1-13 Блок в подвале доставка по все города и регионы, раскрывается точно в такие же блоки как и на текущем сайте.

1-14 При наведении ссылки красные, цвета как Перезвоните мне