KiriTt

Всем привет в прошлом посте (Хочу программировать. Связь между приложениями) я рассказывал о приложении для хранения газетных статей «Планер» и о его связи с Adobe InDesign с помощью панели на основе CEPHtmlEngine. Сейчас хочу чуть-чуть рассказать про саму панель. Написана она на JavaScript с использованием фреймворка Vue.js, может работать как с хранилищем файлов JSON, так и с документами InDesign. Вот так она выглядела раньше:

Мне не нравился внешний вид элементов. В свободное время переделывал дизайн. Получилось так:

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

Учитывая, что подобные CEP панели, хотя и гораздо меньшие по функционалу, есть у меня в Adobe Premiere и Adobe After Effects, то к ним я тоже применю эту библиотеку и сделаю все оформление универсальным. Но это в планах. Не знаю, насколько такой подход в оформлении правильный, но для меня он очень удобен. Буду пользоваться.

Еще нарисовал новые SVG иконки. Они хранятся в отдельном файле и подключаются к странице с помощью JS. В нужных местах они используются через id.

И напоследок хотелось бы еще попросить помощи. Может ли кто подсказать, где почитать/посмотреть инфу по правильному созданию библиотек CSS? Сам ничего путного не нашел. Заранее спасибо. И на этом все. Всем пока

Всем привет. Продолжение поста Хочу программировать. От WEB-приложения до ПК версии

Сейчас в приложении можно добавить материал, в него – текст и фото. Можно редактировать, переносить между полосами/номерами, удалять, копировать и т. д. Выглядит все это так:

После первых тестов при реальных условиях работы изменил способ хранения информации. Изначально все материалы каждого газетного номера хранились в общем JSON файле. Однако при таком способе стали возникать проблемы при его совместном использовании: во время синхронизации в облачном хранилище временами сталкивались запросы к одному и тому же файлу, что приводило к конфликтам и созданию ненужных резервных копий. В итоге от единого файла я отказался, заменив его на папку с файлами. Каждая папка – отдельный номер, в ней подпапки с номерами газетных полос, а уже в них каждый материал хранится в отдельном JSON. На этом проблемы при совместной работе прекратились.

Второй серьезный этап – связать хранилище газетных статей с Adobe InDesign. Реализовано это на основе Adobe CEP HTML Engine. Самодельная панель с гордым именем "ВЕРСТАЛЬНЯ". Основная функция – читать материал из JSON и расставлять его элементы по определенному шаблону, добавляя к тексту изображения. Помимо этого панель может подгонять содержимое, видоизменять графические фреймы, экспортировать готовые полосы в PDF, измерять площадь объектов, работать с некоторой информацией открытых файлов и т. д.

Такой подход сократил время на однообразные повторяющиеся операции в несколько раз. Можно сосредоточиться на более полезных вещах. Совместно с написанием панели пошел изучать SVG и в Adobe Illustrator сделал верхний ряд иконок. Раньше вместо них были кнопки с текстом, которые занимали гораздо больше места.

Основной объем работы проделан. Дальше – допиливание мелких функций и исправление найденных ошибок...

Всем привет. 7 месяцев прошло с моего последнего поста. Вот этого:

Когда помощь зашла...

Тогда на VueJS я реализовал веб-приложение для хранения и обмена текстами новостных сюжетов. Вот уже 7 месяцев оно вполне адекватно работает на сервисе Heroku.

Чуть позже я добавил функционал, который позволил копировать части текста из приложения так, чтобы CEPHtmlEngine в Adobe Premiere мог самостоятельно расставлять небольшие участки видео, в частности интервью, а After Effects в автоматическом режиме создавал титры для интервью.

Панели в Adobe, кстати, я тоже написал самостоятельно. В них так же используется JavaScript.

У меня давно зрела мысль написать подобное приложение и для газетных статей по той же технологии. Начал я его давно. Дело продвигалось ооочень медленно. Сказались и малое количество свободного времени, и внезапные продолжительные больничные, и пополнение в семействе... А местами, что уж греха таить, и банальное нежелание что-то делать.

Так или иначе, дело шло. Медленно, но стабильно... Ровно до того момента, пока ввиду определенных событий не начался большой исход зарубежных компаний из России. А так как моей целью был зарубежный сервис Heroku, то я начал немного переживать, а вдруг и он уйдет... А приложение пишется...

Приложение на VueJS... Других языков программирования я не знаю... И единственное решение, которое я для себя нашел - фреймворк Electron. На момент написания поста приложение находится в стадии подготовки к компиляции для Windows.

В качестве хранилища информации я выбрал сетевой диск от mail.ru. Данные хранятся в формате JSON. Может, не самое правильное решение, но дешево и сердито. На крайний случай все может работать и с локальным сетевым диском, если выключится вообще все вместе с интернетом.

В планах после запуска приложения в работу написать CEP панель для InDesign, которая будет подхватывать данные из сохраненных JSON и вставлять тексты по шаблону на верстаемые полосы. Пока все. Спасибо за внимание и до новых встреч...