Задание: Веб-программист. Корпоративная онлайн трансляция слайдов (Дистанционная работа)
Добрый день!
Необходимо решение для корпоративной онлайн-трансляции слайдов.
Суть: в офисе два ТВ. Необходимо программное решение чтобы с компьютера можно было запустить программу, которая будет транслировать в режиме слайдов:
1. Цель
· Разработка веб-приложения для вывода динамического контента на офисные телевизоры. Данные подгружаются через API (источник — 1С).
2. Технические требования
2.1. Стек технологий
· Фронтенд:
· React.js (или Vue.js) + TypeScript
· CSS-анимации / GSAP для плавных переходов
· Axios / Fetch для работы с API
· Node.js (Express)
· Хостинг:
· reg.ru
2.2. Функционал
· Слайд-ротация (автопереключение блоков):
· Блок "Дни рождения" (ФИО, фото, должность, текст поздравления, задний фон, Курс валют ЦБ РФ" (USD, EUR, CNY) + дата обновления бегущая строка
· Блок "Корпоративные новости" (заголовок, краткий текст, дата, возможно фото, Курс валют ЦБ РФ" (USD, EUR, CNY) + дата обновления, бегущая строка
· Блок "Корпоративное видео о нас" (будет проигрываться раз в час , после чего идет переход обратной блоки : "Дни рождения», «Корпоративные новости".
Нижняя строка:
· Бегущая строка с текущим временем (HH:MM: SS), датой (DD.MM.YYYY) и доп. данными (погода/курсы).
2.3. Интеграции
API 1С (формат JSON/XML):
Внешние API:
· Погода: OpenWeatherMap или Яндекс.Погода
· Курсы валют: ЦБ РФ (https://www.cbr-xml-daily.ru)
3. Особенности реализации
Тайминги:
· Смена слайдов каждые 30 секунд.
· Обновление данных с API:
· Курсы валют — раз в час.
· Погода — раз в 3 часа.
· Дни рождения/новости — раз в сутки или при изменении в 1С.
Анимации:
· Плавное затухание/появление (fade-in/fade-out).
· Горизонтальное смещение для бегущей строки.
4. Дизайн
https://www.figma.com/design/gDkB6iETj3BjQHQnBDEAxs/Ventz?node-id=0-1&p=f
(будет дорабатываться по мере разработки)
Интуитивно понятный интерфейс для секретаря, позволяющий легко добавлять, удалять и настраивать слайды.
