Интерфейс администрирования FASTEP
Клиент: Spider Group, APPS / AI / AR / IOT
Интерфейс
администрирования FASTEP
администрирования FASTEP
Специфическая веб-панель администратора для платформы информационной поддержки пользователей бытовой техники
![Вход в систему](/static/blob/content/works/fastepadmin/images/section01_img01.png)
Задача
Сделать интерфейс администрирования для FASTEP, внутреннего стартапа Spider Group. Это платформа с инструкциями дополненной реальности для бытовой техники, от микроволновки до посудомоечной машины. Задачу осложняло отсутствие на рынке прямых аналогов для изучения.
![](/static/blob/content/works/fastepadmin/images/section02_img01.png)
Справочник
В Справочнике пользователь создаёт и редактирует части фраз для инструкций. Здесь тоже доступен подробный фильтр, чтобы редактор мог находить самые редкие варианты в обширном списке.
![](/static/blob/content/works/fastepadmin/images/section02_img03.png)
![](/static/blob/content/works/fastepadmin/images/section02_img02.png)
Инструкции
Вкладка управления инструкциями позволяет редактировать каталог категорий техники, брендов, моделей и сами инструкции. Быстрое редактирование доступно с экрана со списком инструкций.
![](/static/blob/content/works/fastepadmin/images/section03_img01.png)
Инструкции можно собирать из заготовленных в Справочнике фраз, как конструктор.
Мы применили фасеточную фильтрацию с возможностью использовать сочетания из нескольких фильтров для точного поиска, а также сортировку и два варианта вывода результатов: списком и плитками.
Выезжающая панель фильтра открывает доступ к гибкому поиску по одному или нескольким тегам, категориям, брендам, статусам инструкций и датам их публикации.
Если пройти в глубину иерархии до модели, можно интуитивно добавить к ней инструкцию.
![](/static/blob/content/works/fastepadmin/images/section03_img02.png)
![](/static/blob/content/works/fastepadmin/images/section03_img03.png)
![](/static/blob/content/works/fastepadmin/images/section03_img04.png)
Создание новой инструкции
Интерфейс добавления инструкции состоит из заранее заготовленных полей с подсказками. Пользователь вводит данные и загружает фотографию техники согласно требованиям, затем приступает к разметке инструкции и добавлению шагов.
Каждую инструкцию не нужно размечать с нуля: иногда достаточно перемещать и менять уже созданные метки, чтобы тратить меньше времени на техническую работу.
![](/static/blob/content/works/fastepadmin/images/section03_img05.png)
Порядок шагов инструкции можно менять перетаскиванием, а модератор оставит редактору комментарии по доработке. Вернуть инструкцию на доработку без комментария нельзя.
Вы можете протестировать распознавание маркера нейросетью на датасете — наборе данных примерно из сотни фотографий. Если нейросеть узнаёт элементы интерфейса, всё в порядке.
Добавляйте фотографии в датасет нажатием одной кнопки.
![](/static/blob/content/works/fastepadmin/images/section03_img06.png)
![](/static/blob/content/works/fastepadmin/images/section03_img07.png)
Пользователи
У разных пользователей есть разные уровни доступа: например, администратор получает полный доступ, а контент-менеджер — узкий набор функций.
Мы добавляем менеджеров брендов-партнёров в FASTEP с уровнями доступа в соответствии с их обязанностями. Так компании могут контролировать качество инструкций для своих продуктов.
![](/static/blob/content/works/fastepadmin/images/section04_img01.png)
Заявки
Все инструкции проходят модерацию. Модератор управляет списком пользователей и проверяет контент, принимая решения о доработке и публикации.
![](/static/blob/content/works/fastepadmin/images/section04_img02.png)
![](/static/blob/content/works/fastepadmin/images/section04_img03.png)
![](/static/blob/content/works/fastepadmin/images/section04_img04.png)
Панель администратора
В Spider Group на вас работает более чем двадцатилетний опыт в разработке мобильных приложений, веба, серверных проектов, дополненной реальности, искусственного интеллекта и Интернета вещей.