Интерфейсы современных CMS

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

Идея CMS заключалась не в том, чтобы удобно редактировать сайт напрямую из сети. Эта часть как раз наоборот больше раздражала администраторов, т.к. первые системы были далеко не совершенны.

Краткая история развития CMS

Первые системы управления «тормозили», неправильно сохраняли и отображали контент, не было поддержки основных браузеров и так далее. По сути, их использовали исключительно для того, чтобы не переписывать каждый раз все страницы сайта под каждое изменение одного общего элемента (например шапки или навигации). Они представляли собой набор связанных между собой Perl или PHP файлов, с подключаемыми HTML.

Позднее, с развитием этого направления, был добавлен веб-интерфейс управления, построенного на чистом HTML. Для клиентской части изобрели BB коды, которые позволили имитировать пользователям некоторое оформление для своих постов или комментариев, нечто подобное использовалось и в административной части.

Потом появились первые визуальные редакторы, которые позволяли наглядно отображать HTML. Технологии, позволяющие нормально реализовывать подобные инструменты, появились спустя десятилетие, а тем временем профессиональные верстальщики продолжали править код страниц в HTML режиме. Наличие визуального редактора использовали в маркетинговых целях для повышения продаж платных CMS, а также предоставления простейшего интерфейса управления содержанием, понятного широкому кругу потребителей. Стоит признать, что после таких «правок» все равно приходилось самостоятельно вносить коррективы — удалять «левые» теги, ставить переносы строк и так далее… 😮

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

Современные CMS и их преимущества

На сегодняшний день оптимальным вариантом считается трёхколоночный интерфейс, который используют такие системы, как Bitrix и WordPress.

Административный раздел 1С-Битрикс: Управление сайтом

Административный раздел WordPress

Разделение колонок на основной контент, главное и вспомогательное меню позволяют эффективно управлять содержимым сайта — такая группировка считается более удобной на широкоформатных мониторах. Изначально она создавалась под планшеты и впервые ее применил Apple для почтового клиента в iPad. Затем подобный интерфейс взяли к себе на вооружение Google, Rambler и Яндекс. Вам кажется такой интерфейс слишком громоздким и отвлекающим? У Вордпресс есть возможность переключиться в полноэкранный режим редактирования, где ничто не будет отвлекать от творчества.

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

Административный раздел Boolive

С нетерпением хочется посмотреть на вторую версию этой системы, работа над которой сейчас ведется.

Архитектура Boolive

Стоит отметить CMS E5, чей интерфейс является классическим (табличным) с возможностью быстрой правки одновременно нескольких материалов. Возьмём к примеру типичную задачу — Вам нужно вручную поменять цены на товары. В обычной системе пришлось бы либо изменять каждый товар в отдельности, но CMS E5 предоставляет возможность быстрой правки любых данных непосредственно в таблице представления материалов.

Административный раздел E5

И это работает не через Ajax, из-за чего пришлось бы удерживать значительные паузы между правками. Всё просто — изменили цены и нажали на кнопку «Применить изменения», при этом есть возможность сразу же деактивировать некоторые позиции.

Кроме стандартных, построенных на HTML, нужно упомянуть системы управления контентом, работающие на Flash. Есть два вида использования данной технологии в CMS. Первая подразумевает 100% сайт на флеше (при этом административный модуль может быть на HTML+PHP), а вторая означает сайт на HTML, но административный модуль выполнен целиком на Flash. Какие в этом преимущества?

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

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