JP — генератор PDF в браузере

Создание множества макетов на основе шаблона — самая частая операция. Так почему бы не создавать эти макеты автоматически и прямо в браузере?

Как это работает?

  1. Заходите на сайт в любом браузере
  2. Вводите данные в поля и смотрите на превью
  3. Нажимаете «Скачать».

Если указать Гугл-таблицу, где данные разложены по столбцам, можно скачать все макеты одним ZIP-архивом в 1 клик.

Перед скачиванием можно пройтись по списку данных и посмотреть превью каждого макета.

Кому пригодится?

Дизайн-студиям

Вы экономите на верстальщиках и на возможных ошибках копирования. Имея доступ к Гугл-таблице с исходными текстами, любой менеджер может генерить макеты в любое время.

Транспортным компаниям или разработчикам навигации

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

Зачем в браузере, если можно это делать в Adobe InDesign?

При заполнении шаблонов данными в программах Adobe Illustrator или InDesign есть несколько минусов:

  1. Нельзя анализировать условия и контент. Например, есть стрелка или нет? Стрелка слева или справа? Выравнивать стрелки между собой или нет?
  2. Нельзя брать данные из интернета — Гугл-таблиц или аналогичных сервисов.
  3. Каждому пользователю на каждый месяц работы требуется лицензия Adobe.

Используя JP, всё это делать можно. Вернее как раз для таких операций он и создан!

Где использовался?

Движок JP начал разрабатываться в 2021 году, обрастая с каждым проектом всё более и более новыми возможностями.

Генератор транспортных расписаний и расписания Челябинска (2022 год)

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

Публичный генератор городских табличек Днепра (2022 год)

Генератор табличек названия улиц, номеров домов, подъездов — всего 14 шаблонов в веб-интерфейсе.

Генератор навигационных указателей для Дизайн-кода Екатеринбурга (2021 год)

Моментальная вёрстка сотни макетов на основе данных в Гугл-таблице.

Публичный генератор уличных табличек Киева (2021 год)

Генератор уличных названий, номеров домов.

Сколько времени требуется на разработку шаблона?

Это, конечно, зависит от макета. Можно привести примеры.

Можно пример?

Вот шаблон дорожного указателя, который состоит из 3 элементов:

  1. Название движения прямо
  2. Стрелка, которая рисуется во всю высоту указателя.
  3. Названия левого направления, которые состоят из имени и жёлтого номера маршрута (не обязателен).
PDF в браузере

Возможности

Почему движок удобно использовать для генерации навигации, если любую html-страницу можно конвертировать в PDF-файл распространёнными библиотеками?

Вот список самых полезных возможностей движка при генерации навигации:

  • абсолютное и относительное позиционирование — выравнивание элементов по другим;
  • выравнивание элементов по размерам документа или по стеку элементов (нескольким элементам);
  • работа с миллиметрами или пунктами;
  • цветовые модели CMYK и RGB;

А если делать генератор публичным?

Надо для каждого шаблона делать форму ввода? Это же долго!

У JP-движка есть 2 основных способа ввода данных: форма в браузере и импорт данных из Гугл-таблиц. Ввод данных в форму обязывает каждому шаблону делать форму со всеми полями, а также обновлять превью pdf-файла при изменении данных пользователя.

Поэтому у JP-движка есть механизм, который на основе содержания знака сам создаёт форму со всеми типами полей: ввод текста, выбор из списка и так далее.

Например, для предыдущего примера указываем движку модель данных: название + массив названий с маршрутами — и движок сам рисует все поля в форму.

PDF в браузере