Мы в Telegram
Добавить новость
Новости сегодня

Новости от TheMoneytizer

Доработать frontend на React

Написан веб клиент на React. Надо внести некоторые изменения в дизайн и API.

Веб клиент используется для работы с охранным камерой. Выполняет функции получения списка событий и отображения в ленте, а также управления конфигурацией устройства.
Страница хостится на самом устройстве (как, к примеру, админка на роутере). Связывается с “back end” по WebSocket API.

Основные функции:
  1. Получение события и мгновенное отображение в лентах
  2. Получение исторической ленты событий
  3. Управление настройками устройства
  4. Отображение видео стрима WebRTC
  5. Генерация отчета о событиях (отчет генерируется на стороне back end, front end только отправляет запросы по API)
Front end состоит из трех вкладок:
  1. Мониторинг тревог. Тут отображаются все незавершенные тревоги (тревога считается завершенной, когда пользователь кликнул на кнопку “Пометить как завершенную”). Отображается видео стрим (web rtc). В нижней части экрана отображается горизонтальная лента событий. При клике по событию в ленте оно отображается в детальном виде в правой части экрана.
    Дизайн вкладки в фигме - страница “NEW Alarm screen”
  2. Лента событий. Отображается вертикальная лента всех событий. При клике по событию в ленте оно отображается в детальном виде в правой части экрана.
    Вверху ленты есть панель для включения/выключения фильтров отображаемых в ленте событий. Также есть меню для генерации отчета о событиях.
    Дизайн вкладки в фигме - страница “NEW Events feed”
  3. Настройки. Слева меню с разделами настроек. В каждом разделе свой набор элементов ввода.
    Дизайн вкладки в фигме - страница “Настройки”


Уже имеется готовый веб клиент на react для предыдущей версии данного проекта.
В сравнении с предыдущей версией, изменилось:
- дизайн некоторых элементов на вкладках Мониторинг и Лента событий
- дизайн окна настроек (в прошлой версии вообще не было его)
- API в части получения событий: изменился набор JSON полей
- API для настроек (в прошлой версии его вообще нет)


План работ:
  1. Сделать новую верстку вкладок Мониторинг и Лента, доработать там API.
  2. Сделать одну вкладку в настройках, которая отвечает за конфигурацию системы оповещений (вкладка “Контроль”). Реализовать API для ее работы
  3. Сделать остальные вкладки в Настройках. Реализовать API (спецификация API для этих команд будет дополнена, сейчас в документе ее нету).
  4. Сделать работу с выгрузкой отчетов (спецификация API для этих команд будет дополнена, сейчас в документе ее нету)

Дизайн в фигме, спецификация API, прочие подробности проекта - при личном общении.

Проект срочный. Интересует независимый исполнитель, студии/команды/etc не интересуют. Просьба в отклике указать, что Вы прочитали эту строку.

Читайте на 123ru.net


Новости 24/7 DirectAdvert - доход для вашего сайта



Частные объявления в Вашем городе, в Вашем регионе и в России



Smi24.net — ежеминутные новости с ежедневным архивом. Только у нас — все главные новости дня без политической цензуры. "123 Новости" — абсолютно все точки зрения, трезвая аналитика, цивилизованные споры и обсуждения без взаимных обвинений и оскорблений. Помните, что не у всех точка зрения совпадает с Вашей. Уважайте мнение других, даже если Вы отстаиваете свой взгляд и свою позицию. Smi24.net — облегчённая версия старейшего обозревателя новостей 123ru.net. Мы не навязываем Вам своё видение, мы даём Вам срез событий дня без цензуры и без купюр. Новости, какие они есть —онлайн с поминутным архивом по всем городам и регионам России, Украины, Белоруссии и Абхазии. Smi24.net — живые новости в живом эфире! Быстрый поиск от Smi24.net — это не только возможность первым узнать, но и преимущество сообщить срочные новости мгновенно на любом языке мира и быть услышанным тут же. В любую минуту Вы можете добавить свою новость - здесь.




Новости от наших партнёров в Вашем городе

Ria.city

Застрелившего мужчину на западе Москвы ликвидировали при задержании

«Третьяковка» выпустила игру для тренировки памяти

РФ и Турция создадут систему сбора и переработки текстиля в российских городах

Впервые в парке «Ивановские пруды» провели свадебную церемонию

Музыкальные новости

Почта России выпустила марку в честь 225-летия со дня рождения А.С. Пушкина

Почта России помогла детям-подопечным благотворительных фондов встретиться с футболистами ЦСКА

Эксперты рассказали, в каких городах РФ можно найти недорогое жилье на лето

ЦСКА забрал кубок из Казани // Армейцы вернули себе титул чемпиона Единой лиги ВТБ

Новости России

В метро шести российских городов можно будет «платить взглядом»

Замглавы «Роскачества» Михалева рассказала о достижениях производств Подмосковья

Собянин: Спортивный кластер в Крылатском станет одним из знаковых мест Москвы

Впервые в парке «Ивановские пруды» провели свадебную церемонию

Экология в России и мире

Глава "Рексофт" - в топ-100 отечественных ИТ-лидеров

Добрые рисунки: «585*ЗОЛОТОЙ» запустила конкурс ко Дню защиты детей

Бурятский Театр кукол Ульгэр в Улан-Улан-Удэ показал в Этнографическом музее народов Забайкалья перед детьми и родителями в семейный праздник сказку Колобок - Новости и Культура, Дети и Россия

Как избежать больших проблем при одиночном путешествии: туристкам дали важные советы по безопасности

Спорт в России и мире

Андреева рассказала о своих планах на предстоящий матч с Соболенко во Франции

Джокович — о травме: На данный момент, вроде все нормально, но я не знаю, что будет утром

Осталась в одиночестве: Андреева победила Грачёву и вышла в четвертьфинал «Ролан Гаррос», Медведева остановил де Минор

Джокович снялся с Открытого чемпионата Франции по теннису

Moscow.media

Мобилизованного свердловчанина приговорили к 23 годам "строгача" за подрыв гранаты в казарме

За один день работники Уссурийского ЛРЗ и их дети выполнили сменно-суточное задание по ремонту 129 паровозиков

Старую но редкую BMW M5 2002 года продали за 130 000 $

На Орловщине 8-летний мальчик опрокинулся на электросамокате







Топ новостей на этот час

Rss.plus





СМИ24.net — правдивые новости, непрерывно 24/7 на русском языке с ежеминутным обновлением *