Видеозаписи онлайн-митапа "Интерфейс в 1С"

Константин Гейнрих, программист-фрилансер

Работает в сфере 1С около 11 лет, из них последние 4 года занимается фрилансом. Старается заниматься необычными, сложными и интересными задачами.

Постоянный докладчик конференций Инфостарта

Владимир Конырев

1СMaker

Как без знаний программирования и 1С быстро и просто создать UI\UX дизайн и согласовать его с Заказчиком

- встречают по одежке, а провожают по функционалу. Роли и место UI\UX в ИТ проектах
- как UI\UX влияет на бюджет проекта  
- кто такой UI\UX дизайнер в проекте на 1С
- инструменты UI\UX дизайна форм на 1С

Анна Гнатюк

Арбис, руководитель группы разработки

Из арт-директора веб-студии в команду разработки продукта на платформе 1С

— Предыстория и первое впечатление от платформы.
— В чем схожесть и отличия подходов к разработке интерфейса.
— Какие приемы работы и технологии удалось перенести.
— Что нового пришлось придумать.
— Инструменты прототипирования: от конфигуратора до figma.
— Роль ux-дизайнера в команде разработки.
— Разделение труда: перетягивание одеяла между дизайнером и разработчиком. Кто отвечает за бизнес-логику и UX. Как разделить обязанности и договориться. Как принести пользу и не навредить общему делу.

Матвей Серегин

Арбис, руководитель отдела разработки

Когда интерфейсам 1С нужны веб-технологии

1. Проблематика. Обзор задач и примеры реализации:
  — Маркетинговая информация. Лендинги, отображение видео и аудио;
  — Управленческие интерфейсы. Повышенная плотность интерфейса и визуальная иерархия;
  — Дашборды и отчеты. Расширенная и настраиваемая визуализация данных;
  — CRM и канбан-доски. Обработка нестандартных событий: перехват движения мыши, перетаскивания, ховеры;
  — Мессенджеры. Подгрузка элементов с нестандартной компоновкой по скроллу, отображение миниатюр файлов;
  — Другие интерфейсы.
2. Способы внедрения: частичное и полноэкранное.
3. Три варианта технической реализации, проверенные практикой.
4. Выводы, плюсы и минусы. Когда не стоит использовать веб.

Дмитрий Макаров

ООО "Информационные Технологии", руководитель проектного отдела

Промышленные интерфейсы в 1С

Промышленные - интерфейсы используемый на терминалах сбора данных или стационарных терминалах ввода данных, рабочие места для оперативной работы.
Отличие ""пользовательского"" интерфейса от промышленного, что необходимо учесть при разработке.
Хитрости, приемы и ошибки при разработке промышленных интерфейсов.

Сергей Харламов

Ангелы АйТи, ведущий разработчик 1С

Уникальный дизайн в 1С на примере разработки реального продукта

- «Уникальный дизайн в 1С на примере разработки реального продукта МедАнгел».
- Зачем нужен уникальный дизайн в 1С или как мы смогли конкурировать с веб-приложениями и справиться с возражениями: «только не 1С», «нам не нравится интерфейс».
- 8 советов от дизайнера или особенности проектирования интерфейса в 1С с учетом существующих ограничений.
- Что такое UI Kit для 1С и его пример.
- Парадигма интерфейса: журналы/документы/списки – не всегда должна использоваться, даже в учётных системах.
- Поддержка SVG большой шаг со стороны 1С, но, как всегда, есть особенности.
- Что такое SVG и почему именно такой способ используем для реализации своего интерфейса на 1С.
- Как переносить код SVG картинки в 1С с демонстрацией на реальном примере.

Игорь Антонов

HTML Academy, автор интенсивных курсов по JavaScript

Реактивный интерфейс для 1С:Предприятия

Как разработать фронтенд для «1С:Предприятия» и не сойти с ума. Какие взять для этого технологии и как убедиться, что всё действительно работает после внесения очередных изменений в конфигурацию? Какие есть проблемы и ограничения в производительности? Ответы на эти многие другие вопросы в моём докладе.

- На практических примерах разберём подходы к построению веб-интерфейса для 1С. Узнаем как не привязываться к бекэнду.
- Обсудим проблемы с производительностью и узнаем о способах их решения.
- Разберём вопрос кэширования на клиенте (Service Worker) и сервере (Node.js).
- Узнаем как тестировать REST API сервис (Supertest) и веб-интерфейс (Puppeteer).
- Обсудим как сэкономить на разработке фронтенда и посмотрим какие есть технологические решения.

Доклад будет завязан- на практические примеры. Для этого подготовлю отдельный репозиторий с примерами. Каждый участник сможет склонировать его себе и повторить всё то, что будет в презентации."

Илья Низамов

ИП

Разработка HTML интерфейса в мобильном приложении 1С

1. Инструменты. Прототипирование Adobe XD, верстка html Jetbrains Webstorm, разработка мобильного приложения 1С EDT 2020.4.
2. Создаем прототип в Adobe XD.
3. Переносим прототип в html.
4. Стилизуем html.
5. Пишем обработчик нажатий на кнопки на Javascript.
6. Собираем итоговый макет.
7. Создаем мобильное приложение в EDT.
8. Переносим html макет в 1С.
9. Проверяем работу на устройстве.