June 24th, 2015

The Photo Blog Editor v.0.1.1

Моя недавняя попытка устроиться инженером программного обеспечения в парижский офис Google, к сожалению, закончилась неудачей. Хоть я и продвинулся дальше, чем ожидал изначально, и меня пригласили на серию интервью в офисе, в итоге коммисия по найму новых сотрудников решила, что, не смотря на неплохое решение задач на собеседовании, мне не хватает опыта разработки серьёзного ПО в больших компаниях. Попробуй, сказали, приятель набраться этого опыта и пиши нам через годик-другой.

Пока я раздумываю, куда бы мне податься (думаю, большинство топовых компаний-разработчиков ПО мне, увы, скажут то же самое), или начать строить свой Google, с блэк-джеком и шлюхами (для этого у меня точно опыта маловато), решил чуть допилить и показать вам проект, идея которого у меня зародилась во время подготовки заметок для своего трэвл-блога (который я в последнее время подзабросил). Если он понравится достаточному количеству людей, возможно на нём я и сосредоточусь в ближайшее время.

Итак, The Photo Blog Editor, он же Фото-блог редактор. Решает задачу эффективной и удобной подготовки статей для блогов, особенно заметок богатых иллюстрациями. Это в отличии от кучи других редакторов, которые просто подменяют необходимость знания основ HTML-разметки необходимостью копаться в многочисленных меню, ни на секунду не экономя время пользователя и не помогая делать заметки быстро, красиво и эффективно. На данный момент, существует в виде сыроватой демо-версии, в которой есть ошибки и не хватает кучи инструментов и возможностей, но которая уже работает с ЖЖ блогами (и этот пост я пишу с её помощь). Сейчас я расскажу, что он уже может делать, а в конце дам ссылку чтобы вы могли его попробовать сами.

Общий вид The Photo Blog Editor v.0.1.1. В левой части находится собственно редактор статей, в правой - панель для выбора, редактирования и вставки иллюстраций в статью.

Увеличенное изображение верхней части редактора статей, с открытым под-меню для вставки/редактирований гипер-ссылок. Текстовый редактор, на данный момент, следующие основные операции: выделение текста жирным шрифтом и курсивом, подчёркивание/перечёркивание, вставка ссылкок. Всё это доступно с помощью кнопок в верхней части редактора, а так же по "горячим" клавишам (Ctrl+B, Ctrl+I, Ctrl+U, Ctrl+'-', Ctrl+L). За кнопкой с иконкой "+" пока прячется вставка/редактирование названия статьи (на данном иллюстрации название - "Sample document").

Панель для выбора, редактирования и вставки иллюстраций. Лента внизу показывает уменьшенные изображения картинок в выбранной дирректории (сразу над этой областью находятся кнопки для выбора активной дирректории). Ленту можно прокручивать мышью или стрелками клавиатуры, выбранное в данный момент изображение показывается крупно в верхней части панели.

Кнопки в верхней части панели, слева и справа от большого изображения, позволяют его редактировать. Пока это только повороты, выравнивание и настройка контраста/яркости. Сейчас все эти операции не изменяют исходное изображение, а только применяются к их копиям, вставляемым в статью. Для вставки служат кнопки под большим изображением: они появляются/исчезают в зависимости от операций, доступных в данный момент, и об их функциях - ниже.

С иллюстрациями в статьях редактор поступает так: он вставляет их блоками, содеражащими одну и более картинок. Каждый блок занимает полную ширину страницы и автоматически масштабируется вместе с ней. Если в блоке более одной картинки и их исходники достаточно большие по размеру (например, фотографии с камеры), то их размеры автоматически подбираются так, чтобы они имели одинаковую высоту и занимали полную ширину страницы. Если исходники каких-то из картинок слишком маленькие, тогда вставляемые изображения ограничиваются своими исходными размерами, то-есть могут, при необходимости, сжиматься, но не могут быть растянуты более оригинального размера. На мой вкус, результат выглядит очень хорошо. Да, для каждой картинки редактор позволяет написать отдельную подпись, и автоматически добавить копирайт (как это сделано выше в этом посте).

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

Слева направо: (1) Вставка выбранной картинки в текущую позицию в документе (в качестве нового блока изображений); (2 и 3) Вставка выбранной картинки в новый блок изображений, перед/после выбранного в документе блока изображений; (4 и 5) Вставка выбранной картинки внутрь выбранного в документе блока изображений, слева или справа от выбранной в нём картинки; (5) Удаление из выбранного в документе блока изображений выбранной в нём картинки (вместе с подписью); (6) Удаление выбранного в документе блока изображений целиком.

В качестве копирайта в правый-нижний угол вставляемых иллюстраций пишется строка, указанная в диалоге, доступном через меню "File > Document properties", кроме этого в том же диалоге можно указать ещё несколько параметров:

Сверху вниз: (1) Максимальная высота вставляемых изображений. Поскольку блоки изображений стремятся занять всю ширину страницы, вставка одной портретной фотографии могла бы привести к через чур "высокой" иллюстрации. Этот параметр позволяет избежать такой проблемы; (2) Максимальная ширина документа. Документ, генерируемый редактором, в браузере будет растягивается/сжимается по ширине страницы. Этот параметр позволяет ограничить его максимальную ширину; (3) Расчётная ширина документа. При публикации документа в блог, все изображения автоматически масштабируются с рассчётом, что ширина документа равна указанному тут значению; (4) Копирайт - текст, который добавляется в нижний правый угол вставляемых в документ изображений.

Создаваемые документы можно сохранять у себя на компьютере с помощью команд меню "File > Save", "File > Save As", "File > Save Copy As" и загружать с помощью "File > Load". Документы он сохраняются в своём формате ".pbe", исходники всех используемые изображений так же сохраняются внутри этих ".pbe" файлов.

Наконец, созданные документы можно публиковать в блогах LiveJournal, с помощью "File > Upload to LiveJournal". Там вы увидете такой простенький диалог:

Вводите имя пользователя LiveJournal, пароль, жмёте кнопку "Upload" и ждёте, пока ваша заметка не загрузится в блог.

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

Скачайте и поробуйте последнюю версию The Photo Blog Editor прямо сейчас!

Скорее всего, Chrome и Windows будут вас многократно предупреждать, что это непонятная программа и запускать её не стоит, но, поверьте мне, с ней всё окей - пользоваться совершенно безопасно.

Замечания/пожелания можете оставлять в комментариях, либо пишите мне на support@photo-blog-editor.com.

Published with help of The Photo Blog Editor


ДОБАВИТЬ В ДРУЗЬЯ