Интерактивный каталог «Via Ferrata»

22 ноября 2021 г.

Задача: сделать каталог «Via Ferrata» электронным.

Заказчик решил отказаться от прекрасных красочных бумажных каталогов в пользу электронной версии.

Первоначально планировали сделать каталог под iPad в формате ePub, и это было то, с чего мы начали. Однако достаточно быстро выяснилось, что заказчик хочет, чтобы каталоги были универсальными и открывались на любом устройстве. К сожалению, ePub оказался совершенно неподходящим для этой задачи.

К тому же заказчик сообщил, что собирается использовать интерактивную презентационную стойку на выставке — и на ней тоже должен быть этот каталог.

Возвращаться к pdf было поздно и почти бессмысленно, поэтому каталог превратился в мини сайт.

Поскольку большинство материалов уже было завёрстано в редакторе Sigil, на руках уже имелся набор раздельных HTML-файликов. Мы написали микродвижок — листалку страниц с XML-оглавлением, который позволил собрать sigil-овский контент в одну структуру, а также безболезненно добавлять, удалять и перемещать страницы. Также мы научили его знать главное оглавление, шмуцы, составлять постраничные и алфавитные индексы.

Отдельно пришлось повозиться с видеороликами. Предоставленный заказчиком материал оказался не видеоконтентом, а набором jpeg-картинок, анимированных при помощи js. Концы дизайнера, делавшего эту работу, конечно, давно потерялись, доступ к сайту тоже не задался, потому пришлось писать скрипт-граббер картинок для псевдовидео :-O

В итоге, всё было оптимизировано под этот презентационный экранчик.

На самой презентационной стойке подняли сервер apache+php, чтобы не зависеть от интернет-соединения на выставке и загрузили локальную версию каталога.

Посмотреть, что получилось, можно онлайн: vf.test.simplecreative.ru

Действующие лица

Дмитрий Скородумов
Программист, верстальщик