Обработка изображений в Alto CMS – что нас ждет?

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

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

б) У всех админов был бы однотипный механизм настройки этих фотографий в конфигурации сайта. Все настройки по загрузке фото куда бы то ни было будут собраны в одном месте в конфиг-параметре module.image.

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

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

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

То есть, кроме вставки изображений со своего компьютера, вставки из Интернета, появится в диалоговом окне еще вкладка – вставить из списка загруженных.

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

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

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

Фото в контексте статьи и прикрепленный набор фотографий, как уже объяснялось, это разные сущности. Набор фотографий – это примитивный аналог фотоальбома, который не является составной частью текста статьи, а дополняет его, идет не внутри, а вместе со статьей. Даже если фотосет встраивать в контент (напр., в виде слайдера), то все равно это будет то, что обычно называется «врезкой».

Итого: я не считаю, что вставку изображения в текст статьи и добавление фотосета нужно объединять. Но это вовсе не значит, конечно, что не нужно работать над интерфейсом и улучшением логики.

Например, выше я упомянул про «врезку» — давно предлагалось сделать это для фотосета, добавив возможность еще и настраивать представление фотосета – будет ли это некий блок с фотографиями, или слайдер, или что-то иное.

Но я уже неоднократно писал, что тут сначала нехилую работу должен выполнить дизайнер/UI-проектировщик, а потом уже – программист и верстальщик. Но пока каких-то внятных наработок от дизайнеров в этом плане не было, увы.

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

Вместо заключения
Очень важно понимать следующее: базовая версия движка при всем своем развитии никогда не будет удовлетворять своим функционалом абсолютно всех. Наиболее востребованные фичи, которые нужны подавляющему большинству, разумеется, будут реализовываться. Но все же значительная часть «хотелок» будет уходить на уровень плагинов.

Это касается и фотогалереи. Как сказано выше, фотосет – это примитивный аналог фотоальбома (и ничто не мешает вам именно так называть его на своих сайтах). И этот функционал будет развиваться. Но обсуждение показало, что в понятие Фотогалереи и в то, какой функционал у нее должен быть, разные пользователи вкладывают разный смысл, причем, порой довольно размытый. Возможно, кого-то вполне устроит тот функционал, который планируется в базовой версии движка. Кого-то устроит то описание, которое дал Андрей будущему плагину фотогалереи. А для кого-то, вероятно, нужно будет писать индивидуальный плагин, учитывающий специфику его сайта.

Но в любом случае, я, как обычно, открыт для обсуждения и предложений.

Похожие статьи

  • Проблема с изображениями
    При добавлении в топик фотосета, главная фотография не отображается, даже если установлена галочка «Отмечено как превью». Загруженные с компьютера изображения всегда показываются в начале топика, даже если их удалить....
  • Интерфейс загрузки изображений (концепт)
    В продолжение темы https://altocms.ru/1029.html , которая вызвала живую дискуссию участников сообщества, хочу предложить свое видение интерфейса загрузки изображений. Концепция за исключением мелочей отталкивается...
  • Плагин Alian - альтернативный вариант фотосета
    Плагин представляет собой некоторую доработку и расширение функционала стандартного фотосета, а так же предоставляет удобный инструмент управления всеми изображениями в топике.
  • Автопревью из фотосета и youtube
    Стоит плагин Topic-intro, проблемы: 1- указываю в топике ссылку на видео с ютуба, качество превью оч. низкого качества. 2- в топике загружаю картинки в фотосет, но автоматически превью из них не создается. По...

13 комментариев

0
Я внимательно следил за темой про «Фотогалерею» и в итоге пришел только к одному выводу. Я не программист, не дизайнер и т.д, но весь проект, администратором которого я являюсь, завязан именно на изображениях и данная тема для меня и актуальна, и болезненна. А вывод собственно таков: убрать фотосет из обычных топиков, создать новый тип топика «Фотоальбомы» с фотосетом и работать над визуальным представлением данного типа топика. Остальное нюансы, вполне себе решаемые на уровне базовых возможностей движка. В данном направлении мы и будем работать. Будет плагин «Фотоальбомов» — супер. Но, скорее всего, — это будет не скоро.
+1
Да, вполне себе рабочее решение без разработки дополнительного функционала. Тем более, что:

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

б) для конкретного типа топика можно создать свой шаблон как для вывода в ленте, так и для полного отображения статьи
+1
Да. Плюс можно реализовать вывод отдельного изображения в стандартном окне (bootstrap). Это даст возможность работать уже и с окнами (добавлять рядом с фото некий контент, например описания и т.п.), а показ в виде слайдшоу вывести отдельной ссылкой.

Вот самый просто вариант (делается за полчаса).

0
Да. Плюс можно реализовать вывод отдельного изображения в стандартном окне (bootstrap). Это даст возможность работать уже и с окнами (добавлять рядом с фото некий контент, например описания и т.п.), а показ в виде слайдшоу вывести отдельной ссылкой.

Это конечно супер конкурентное решение по отношению к галерее ЛС. прямо вижу как пользователи галереи отказываются от нее, со словами — «мы же можем реализовать в стандартном окне бутстрап» :D
+2
Глупая (простите) и беспочвенная ирония.
Всё что я слышу сегодня (от Вас в частности)- это «Я хочу» и «Должно быть так!». Собственно Вадим и ответил на эти хотелки… Здесь же — просто решение, ни в коем случае не претендующее на конкуренцию с LSGallery (ибо бред).
0
Глупая
Спасибо за оценку моего мнения. Делайте дальше на бутстрапе. Можете вообще на php фреймворк перейти, там еще больше возможностей.
+1
Всё что я слышу сегодня (от Вас в частности)- это «Я хочу» и «Должно быть так!».

Моя задача как пользователя CMS доносить и объяснять то, что я хочу. Да я так хочу, и объясняю почему. В частности я так хочу потому что так хотят мои пользователи. И моя святая обязанность добиватьсяот разработчиков того, что нужно моим пользователям. Так уж устроена эта система. А если сидеть и молчать, при этом еще и как в известном анекдоте «в крестах на кладбище видеть плюсы», то ничего не останется как собирать костыли уговаривая себя что это отличное решение.
0
inliquid , я лишь написал о том, на чём остановились лично мы на своем проекте. Откуда у Вас такие дикие выводы в отношении моих комментариев? Я разделяю Ваше рвение и буду безмерно счастлив появлению в Альто добротной Галереи… Сейчас же нет вообще ничего — и Вы о том же говорите. Помоги Бог и простите, если обидел

*смайлик удивленно пожимающий плечами*
0
К слову, я и в LSGalley отключал prettyPhoto в пользу bootstrap-a.
0
Итого: я не считаю, что вставку изображения в текст статьи и добавление фотосета нужно объединять. Но это вовсе не значит, конечно, что не нужно работать над интерфейсом и улучшением логики.

Например, выше я упомянул про «врезку» — давно предлагалось сделать это для фотосета, добавив возможность еще и настраивать представление фотосета – будет ли это некий блок с фотографиями, или слайдер, или что-то иное.

Но я уже неоднократно писал, что тут сначала нехилую работу должен выполнить дизайнер/UI-проектировщик, а потом уже – программист и верстальщик. Но пока каких-то внятных наработок от дизайнеров в этом плане не было, увы.

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


Очень, очень, очень странное решение!

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

Фото в контексте статьи и прикрепленный набор фотографий, как уже объяснялось, это разные сущности.

— по барабану. Какое ему дело?

Существующее решение в плане юзабилити, буду называть вещи своими именами — ужасно. Предложение делать «врезку» это костыль, и перенос со своей головы, на чужую. Дескать вы же можете там на уровне представления перелопатить — ну придумайте что-нибудь. И это при том что целый ряд пользователей высказались что им нужна одна кнопка и один тип загрузки НЕСКОЛЬКИХ изображений и в топики, и в КОММЕНТАРИИ!

Вадим, вы везде декларируете что прислушиваетесь к пользователям, но где же реальные дейтсвия?

На всякий случай, чтобы не говорили что требования размыты и нереализуемы. Вот есть простое и элегантное решение:
yogatalk.ru/forum/69-kak-dobavlyat-kartinki

1. И в «топике» и в комментариях можно добавить любое количество картинок, если после этого сохранить файл — они будут отображаться в виде миниатюр внизу поста. (В два (!!) клика)
2. Если нажать на кнопочку «встроить в текст» напротив файла — в текст добавляется ссылка и изображение исчезает из миниатюр.

Это решение не идеально, например оно не позволяет из коробки разворачивать встроенное в текст изображение на полный экран. Или при добавлении картинки не показывает ее миниатюру, только после сохранения. А лайтбокс для просмотра миниатюр есть только в виде плагина (с кучей багов). Но вы же можете учесть все эти нюансы и сделать по-настоящему удобно.
+1
Ну мы же уже это обсуждали. Я ведь даже не поленился, и зарегистрировался на этом ресурсе. И вот что вижу:

При создании топика есть обычная панель редактирования текста, где есть кнопка Изображение для вставки в текст. И внизу — отдельная кнопка Прикрепить файл. И инструкция: если надо вставить изображение, то надо кликать не по кнопке Изображение, а по кнопке Прикрепить файл, а потом уже… (далее по тексту).

Вам такое решение кажется элегантным. Мне — нет. Если Вы скажете, что лично Вам и пользователям Вашего ресурса нужно именно так, и никак иначе — охотно поверю. Но то, что так должно быть прямо из коробки — не соглашусь.

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

Но вы же можете учесть все эти нюансы и сделать по-настоящему удобно
Я, к сожалению, не проектировщик интерфейсов и не дизайнер. А выше я уже писал, что все изменения в плане интерфейса должны начинаться именно с этой части работ. Когда речь идет об интерфейсах, то тут мало сказать: «нужно чтоб вот примерно как там, только лучше, круче и удобней». Это все еще надо изобразить в реальных скриншотах. А потом уже думать, как реализовать программно. Почти все, что Вы просите, решается на уровне шаблона, плюс небольшие доработки фронтенда (небольшой модуль javascript). И если найдется дизайнер, который все это отрисует, и верстальщик, который сверстает, создав, в итоге, шаблон Вашей мечты, то я поддержу и того, и другого всем, чем только смогу.
0
При создании топика есть обычная панель редактирования текста, где есть кнопка Изображение для вставки в текст. И внизу — отдельная кнопка Прикрепить файл. И инструкция: если надо вставить изображение, то надо кликать не по кнопке Изображение, а по кнопке Прикрепить файл, а потом уже… (далее по тексту).

Вам такое решение кажется элегантным. Мне — нет. Если Вы скажете, что лично Вам и пользователям Вашего ресурса нужно именно так, и никак иначе — охотно поверю. Но то, что так должно быть прямо из коробки — не соглашусь.
Кнопка в панели нужна только для вставки в виде ссылки с другого ресурса! Это стандартная для любого форума логика. А вот такое прикрпление реализуется на самом деле плагином!

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

А у нас сейчас как — кнопкой в тулбаре редактора — одно изображение за раз, которое встраивается в текст. Либо несколько, но в виде сета, и прикрепляется только к топику а не к комментарию. А если я хочу встроить одно из них в текст?

Если вы говорите, что эту логику не сложно исправить, то я вообще не вижу причин этого не делать!
Отредактирован:
+1

Такая мазайка, на мой взгляд, самое верное решение!
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.