Timeline

Веб-приложение для создания интерактивных хронологических шкал

Slide background
Slide background
Slide background
Slide background
Slide background
body-wd5

Задача

В компанию Магора Системс поступил заказ на разработку веб-приложения, с помощью которого можно было бы создать интерактивные и визуально наполненные хронологические шкалы с событиями. Клиенту было особенно важно иметь инструмент, который бы легко конвертировал временные диаграммы формата HTML в PDF-файлы. Как раз в этом и состояла основная трудность в реализации идеи.

body-wd61

Решение

Нам предстояло найти решение, которое могло бы не только легко конвертировать HTML со стилями, но и SVG графику в PDF файлы. В процессе разработки мы предпочли использовать Phantom JS. Эта утилита прекрасно справилась с возложенной на неё задачей, а также дополнила веб-сервис новыми полезными функциями.

body-wd61

Результат

Наличие большого количества медиа-функций выгодно отличает этот проект. Пользователь может нарисовать свою собственную шкалу времени, добавить события, фотографии, картинки, ссылки на документы, книги или видео. Отличительная особенность этого проекта заключается в том, что несколько отдельно созданных временных линий могут быть объединены в одну, и никакая информация в этом случае не потеряется. Система удобно интегрирована с социальными сетями, поэтому хронологическими лентами легко поделиться. Веб-приложение «Timeline» успешно используется в учебных целях в университетах.


Технологии: PHP, Yii Framework, AJAX, MVC, Single-page application, REST API, HTML5, CSS3, SVG, jQuery, AngularJS,  Raphael, PhantomJS.