Интерактивная ТВ-программа

«Интерсвязь» — лидер телекоммуникационного рынка Южного Урала, уже 18 лет обеспечивает сверхскоростной Интернет и надёжность связи. Сейчас оказывает услуги подключения к интернету, цифрового и кабельного телевидения для физических лиц и юридических лиц.

Задачи

Спроектировать, сверстать и запрограммировать интерактивную ТВ-программу для сайта is74.ru

Перед нами стояла задача перейти от статичного «газетного» формата ТВ-программы к интерактивной программе в виде таймлайна. В таком формате удобно смотреть «что идет сейчас» или «что посмотреть вечером». Должны были появиться фильтры по дате, по диапазону времени и по жанрам. Отдельным техническим вызовом был мгновенный поиск с группировкой по дате-времени.

Что мы сделали

  • Проектирование
    таймлайна
    01
  • Дизайн
    элементов управления
    02
  • Верстка
    и программирование
    03

Ускорение загрузки от 30,0 до 1,5 секунд

Бизнес-логика написана на PHP+JavaScript. Первая версия таймлайна загружалась очень долго — около 30 секунд. Это время, необходимое браузеру для обработки и вывода около 8000 записей за каждый день (200 каналов по 40 телепередач).

Во второй версии интерфейса для оптимизации быстродействия была реализована пакетная загрузка данных. В таком варианте страница загружалась быстрее — за 7-10 секунд. Но все понимали, что можно и нужно сделать еще быстрее.

В итоге, после нескольких «мозговых штурмов» и экспериментов на разных объемах данных был разработан механизм кэширования на стороне сервера. Также, в ходе проекта была значительно оптимизирована вся скриптовая бизнес-логика на стороне браузера.

В опубликованном варианте интерфейса раз в сутки получаются данные по специально разработанному API и формируется серверный кэш. В результате время загрузки и отображения данных сократилось до приемлемых 1,5 секунд.

Мы справились!



Благодарим

Антона Примакова и Антона Воронина из компании «Интерсвязь» за оперативные ответы и нацеленность на бизнес-результат. Проект получился интересным и многогранным, мы такие любим :)

Рабочая группа

  • Директор
    Виталий Дудка
  • Ведущий специалист
    Валентин Хонин
  • Руководитель отдела интерфейсов
    Игорь Лесневский
  • Дизайнер
    Андрей Быков
  • Руководитель отдела проектов
    Марина Согрина
  • Менеджер отдела проектов
    Илья Белов
  • Технический директор
    Андрей Васильев

Центр разработки «Создаватель»

Cкачать презентацию (pdf, 4 Mb)