Telescan Web

Активная разработка Веб-платформа

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

2023-2024

Период разработки

8+ месяцев

Время разработки

Full-stack

Тип проекта

Ключевые преимущества веб-версии

Облачная архитектура

Доступ из любого браузера без установки дополнительного ПО. Все данные безопасно хранятся в облаке с автоматическим резервным копированием.

Совместная работа

Многопользовательский доступ к проектам. Команда может работать над одним проектом одновременно с разных устройств и местоположений.

API-ориентированность

Полнофункциональный REST API для интеграции с другими системами. Легкая интеграция с CRM, ERP и другими корпоративными решениями.

О проекте

Telescan Web — это современная веб-платформа, представляющая собой полнофункциональную веб-версию популярного десктопного приложения для телеинспекции канализационных трубопроводов. Проект разработан для компании ТАРИС.

Платформа сохраняет все функции оригинального Telescan, добавляя преимущества веб-технологий: кроссплатформенную совместимость, мгновенные обновления, облачное хранение данных и расширенные возможности совместной работы.

Основной фокус проекта — создание производительного и отзывчивого веб-приложения, способного обрабатывать большие объемы видео данных и обеспечивать бесперебойную работу даже при медленном интернет-соединении.

API-ориентированная архитектура

RESTful API

Полнофункциональный REST API с 50+ эндпоинтами для управления проектами, пользователями, видео данными и отчетами. Поддержка версионирования API.

WebSocket для реального времени

Уведомления в реальном времени о статусе обработки видео, статусы пользователей онлайн, мгновенные обновления интерфейса при совместной работе.

Безопасность и авторизация

JWT аутентификация, OAuth2 для интеграций с третьими сторонами, ролевая модель доступа, защита от CSRF и XSS атак.

Ключевые функции

Основные модули

Загрузка видео и потоковое воспроизведение
Автоматическое распознавание дефектов труб
Интерактивная разметка и аннотации
Генерация отчетов в различных форматах
Управление проектами и командой
Система уведомлений и оповещений

Веб-специфичные функции

Поддержка PWA (Progressive Web App)
Оффлайн работа с синхронизацией
Адаптивный дизайн для всех устройств
Интеграция с облачными хранилищами
Мгновенный поиск по всем данным
Расширенная система разрешений

Технологии

Статистика проекта

Время разработки 8+ месяцев

Коммиты 842

API эндпоинты 56

Vue компоненты 47

Производительность 92/100

Метрики производительности

Загрузка страницы 1.2с

Обработка видео 2.8с

Ответ API 180мс

Клиент

ТАРИС

Производитель диагностического оборудования

Ведущий российский производитель оборудования для диагностики и очистки трубопроводов

Посетить сайт

Технические инновации

Потоковая обработка видео

Реализована технология потоковой обработки больших видеофайлов инспекции с использованием WebAssembly и Service Workers. Позволяет работать с видео любого размера без полной загрузки на клиентскую сторону.

Архитектура Offline-first

Приложение работает даже без подключения к интернету. Все изменения сохраняются локально и синхронизируются при восстановлении соединения. Использует IndexedDB и Background Sync API.

AI анализ дефектов

Интеграция с моделями машинного обучения для автоматического распознавания и классификации дефектов труб. Система постоянно обучается на новых данных и улучшает точность распознавания.

PWA как нативное приложение

Telescan Web устанавливается как нативное приложение на любое устройство через технологии PWA. Поддержка push-уведомлений, полноэкранного режима и доступа к аппаратным возможностям устройства.

Нужна современная веб-платформа?

Готов создать производительное и масштабируемое веб-решение для вашего бизнеса.

Обсудить проект Все проекты

Кейс проекта: Платформа Telescan Web

Полный разбор процесса разработки от десктопного приложения до веб-трансформации

Резюме проекта

Цели проекта

Создать веб-версию популярного десктопного приложения
Обеспечить облачные возможности и функции совместной работы
Реализовать API-first архитектуру для интеграций

Ключевые результаты

92/100 баллов в метриках производительности
Время загрузки страницы менее 1.2 секунд
Реализовано 56 API эндпоинтов

Технические вызовы и решения

Вызов: Обработка больших видеофайлов в браузере

Проблема

Обработка больших видеофайлов (до 10ГБ) в браузерной среде при сохранении отзывчивого интерфейса и производительности.

Решение

WebAssembly для обработки видео
Service Workers для фоновой обработки
Технология потокового воспроизведения видео

Результат:

Время обработки видео сокращено на 65% по сравнению с десктопной версией

Вызов: Сложная десктопная бизнес-логика в вебе

Проблема

Воссоздание сложной бизнес-логики десктопного приложения в веб-среде при сохранении всей функциональности.

Решение

Микросервисная архитектура с четким разделением
Vue.js 3 Composition API для сложного управления состоянием
Совместная работа в реальном времени с WebSocket

Результат:

100% функциональности десктопной версии сохранено с расширенными веб-возможностями

Результаты и влияние

92%

Оценка производительности

1.2с

Время загрузки

API эндпоинты

API стратегия

Ключевая особенность проекта — API-ориентированный подход:

56 REST API эндпоинтов с полной документацией OpenAPI
WebSocket для уведомлений в реальном времени и совместной работы
GraphQL для сложных запросов отчетности
Версионирование API для обратной совместимости
Ограничение частоты запросов и защита от DDoS атак
Подробная документация с примерами для разработчиков

Обсудить сотрудничество

Telescan Web

Ключевые преимущества веб-версии

Облачная архитектура

Совместная работа

API-ориентированность

О проекте

API-ориентированная архитектура

RESTful API

WebSocket для реального времени

Безопасность и авторизация

Ключевые функции

Основные модули

Веб-специфичные функции

Технологии

Бэкенд

Фронтенд

API & Реальное время

Статистика проекта

Метрики производительности

Клиент

Технические инновации

Потоковая обработка видео

Архитектура Offline-first

AI анализ дефектов

PWA как нативное приложение

Нужна современная веб-платформа?

Демо доступно по запросу

Кейс проекта: Платформа Telescan Web

Резюме проекта

Цели проекта

Ключевые результаты

Технические вызовы и решения

Вызов: Обработка больших видеофайлов в браузере

Проблема

Решение

Результат:

Вызов: Сложная десктопная бизнес-логика в вебе

Проблема

Решение

Результат:

Результаты и влияние

API стратегия