Новый 2018 год - обновленный сайт ib.ru

Cайт ib.ru ® ‐ работает на новой платформе

Давно известно, что в быстро меняющемся мире IT, да и не только, выигрывают те, кто непрерывно развивается. Остановился — значит проиграл. Это особенно актуально в сайтостроении, прежде всего в отношении систем управления контентом (CMS).

CMS Drupal 8

15 января 2018 года наша компания, после тщательной подготовки (начало активной фазы - октябрь 2017 г) и успешного завершения всех подготовительных работ, перевела сайт ib.ru ® на новую платформу - CMS Drupal 8. По сравнению со своей предшественницей, CMS Drupal 8 включает до 1 000 нововведений и изменений (подробнее...). Значительная часть новаций связана с упрощением доступа всех пользователей сайта к его многочисленным возможностям. При этом, никаких дополнительных знаний и навыков не требуется.

С этого момента в течение нескольких дней на сайте непрерывно велись широкомасштабные работы по окончательной отладке всех его компонентов, - от системы безопасности, до стилизации (оформления).

Специалисты компании, практически, круглосуточно работают над скорейшим приведением всех компонентов сайта в соответствие с ожиданиями пользователей, а также с техническими и административными требованиями. Однако в период отладки отдельные страницы и разделы сайта (в частности, "Интернет-магазин", "Форум", страницы загрузки ...), могут работать в режиме ограниченной функциональности. Не исключены и незначительные стилевые искажения.

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

И самые серьёзные потери - информационные. В лучшем случае, у нас бы появилось два сайта - "старый" и "новый". Да, мы бы постарались, объяснить, а вы бы умом поняли (не душой), почему, к примеру, поиск возможен только по новым сообщениям, а сообщения прошлых лет приходится искать на другом сайте (в другом информационном пространстве) да ещё и устаревшими поисковыми инструментами.

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

Главная цель первого этапа - достижение "дореформенной" функциональности всех компонентов сайта ib.ru в самые короткие сроки. Этот этап сейчас успешно завершается. Правда, ещё очень много предстоит сделать. Так как мы стремимся не иметь на обновлённом сайте никаких временных и устаревших решений (никаких "костылей") поэтому отдельные компоненты, в частности "форумы", "закачки", "Инфо-Право" и пр. дорабатываются уже в ходе эксплуатации.

Параллельно активно решаются задачи второго этапа: наращивание функциональности всех компонентов сайта и приведение внешнего вида сайта в соответствие с замыслами разработчиков и требованиями руководства компании Инфо-Бухгалтер. В невероятно короткий срок (всего за один месяц), нашими специалистами была разработана собственная полнофункциональная тема оформления сайта, основанная на самом популярном в мире фреймворке Bootstrap. Важно отметить, что на сайте применена самая новая и революционная версия Bootstrap 4, выпущенная 18 января 2018 года! Это стало возможным благодаря тому, что на сайте широко использовались новые элементы Bootstrap 4, начиная с её альфа версии - bootstrap-4.0.0-alpha (август 2015 г.). Всё, что получало статус "deprecated", "dropped" и пр. немедленно исключалось из применения. Конечно, имели место и регрессы, но они, благодаря прекрасному документированию изменений, негативных последствий не имели.

Всю документацию разработчики публиковали исключительно на английском языке. На английском же велась и активно продолжается переписка и общение с разработчиками ядра и модулей Drupal, а также с командой Bootstrap. Это красноречиво говорит о мастерстве наших разработчиков, ведь на таком уровне "google English диалект", мягко говоря, неприемлем.

К сведению: разработчики аналогичной темы для "Bootstrap 4 for Drupal 8" только приступили к её созданию. Выпуск ожидается лишь осенью 2018 года.

Теперь мы можем с уверенностью сказать, что наш сайт один из самых современных. Он полностью соответствует стратегии Mobile First и принципам адаптивного дизайна.

В результате посетители и пользователи нашего сайта ib.ru ® могут не только комфортно просматривать его страницы при помощи любых, даже мобильных устройств (смартфонов и планшетов), но и легко создавать (редактировать) сообщения на форумах, а также разрабатывать и совершенствовать другие материалы (в соответствии с правами).

Технические особенности обновлённого сайта ib.ru ®

CMS Drupal-8x

Изменения в интерфейсе

С целью упрощения работы пользователей на сайте (без дополнительных знаний и навыков) наиболее востребованная функциональность добавлена в ядро CMS Drupal 8. В частности:

Inline редактирование
Редактирование контента стало очень простым и удобным: кликнув по значку карандаша, возле нужного контента — он становится доступным для редактирования (требуются соответствующие права).
Модуль Views в ядре
Views — позволяет обновлять и редактировать отдельные части отдельных страниц сайта.
CKEditor редактор
Удобный текстовый редактор CKEditor, позволяющий редактировать сообщения на форумах, а также статьи в базе знаний и другие материалы, теперь встроен в ядро. Этот редактор имеет все функции и возможности, которые необходимы большинству пользователей текстовых процессоров "MS Word" или "LiO Writer".
Добавление изображений
Есть возможность вставлять изображения в нужное место в тексте (без установки дополнительных модулей). Также недопустима одновременная загрузка нескольких изображений.
Новый тулбар
Тулбар полностью переделан. Он стал адаптивным, удобным и интуитивным.
Изменение формы ноды
Изменять отображение формы ноды, теперь можно без написания кода.
Новые типы полей
Часто используемые дополнительные типы полей встроены в ядро. В частности:
- Entity Reference (позволяет устанавливать связь между контентами),
- Date (для событий ),
- Link, Telephone, Email, Picture.
Система управления конфигурированием
Полностью переделана система конфигурирования. Теперь данные о настройках хранятся не в базе, а в отдельных файлах. Что позволяет легко экспортировать/импортировать настройки, использовать разные настройки для разработки и релиза а также, хранить данные в системе управления версиями (GIT. SVN).
Прочие изменения
Удалена из ядра часть модулей
Удалены из ядра, но по-прежнему доступны, некоторые модули. В частности: Dashboard, Poll, Blog, Profile, Open ID, PHP filter, Trigger.
Апгрейт с предыдущих версий
Для обновления (перехода с предыдущих версий), в ядро интегрирован модуль Migrate. Этот модуль позволит напрямую обновляться с 6, 7 до 8.
Изменения для разработчиков

Очевиден отход от привычной для Drupal технологии разработки в сторону ООП и использования компонентов Symfony2. Переход к ООП — делает изучение Drupal более простым и доступным. Ядро Drupal, еще никогда не было так хорошо документировано, благодаря отличной документации компонентов Symfony2.

Использование ООП
ООП частично использовалось и раньше. Но в D8 официально принято применение ООП и начат постепенный отход от процедурного программирования и использования хуков, которые применялись ранее в необходимом для PHP объеме. В связи с этим появилось много новых, для Drupal, концепций и понятий. При этом, для пространств имен принято следовать стандарту PSR-0 (возможно PSR-4). В D8 пока не сделан полный переход к ООП и частичное наследие в виде процедурного кода всё еще останется. Это будет окончательно осуществлено в Drupal 9.

Компоненты применяемые совместно Drupal 8

Применение Bootstrap 4

Об этом уже говорилось. Следует ещё раз подчеркнуть, что причиной нашей успешной миграции на новую версию Bootstrap 4 явилось то, что мы с постоянно отслеживали и практически использовали все новации, начиная с 19 августа 2015 года (v4.0.0 alpha). Официальный выпуск Bootstrap 4 состоялся лишь через два с половиной года - 18 января 2018 г.

SVG

Мы стали широко применять SVG

SVG (от англ. Scalable Vector Graphics — масштабируемая векторная графика) — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML. Поддерживает как неподвижную, так и анимированную интерактивную графику — или, в иных терминах, декларативную и скриптовую. Не поддерживает описание трёхмерных объектов (не путать с имитацией трёхмерности путём светотени). Это открытый стандарт, который является рекомендацией консорциума W3C — организации, разработавшей такие стандарты, как HTML и XHTML. В основу SVG легли языки разметки VML и PGML. Разрабатывается с 1999 года. В 2001 году вышла версия 1.0, в 2011 — версия 1.1, которая остаётся актуальной до сегодняшнего дня. В настоящее время в активной разработке находится версия 2.
Преимущества SVG
  • Масштабирование без изменения качества: в отличие от растровой графики, SVG не теряет в качестве при масштабировании, поэтому ее удобно использовать для разработки под retina.
  • Малый размер: объекты SVG весят намного меньше растровых изображений.
  • Отображаемость: просмотреть содержимое файла .svg можно практически любым браузером (IE, Chrome, Opera, FireFox, Safari и т.д.
  • Уменьшение HTTP-запросов: при использовании SVG сокращается количество обращений к серверу, соответственно увеличивается скорость загрузки сайта.
  • Гибкость. Стайлинг и скриптинг: при помощи CSS можно менять параметры графики на сайте, например фон, прозрачность или границы.
  • Анимация и редактирование: при помощи javascript можно анимировать SVG, а также редактировать в текстовом или графическом редакторе (InkScape или Adobe Illustrator).

Недостаток единственный - некоторые старые браузеры "плохо видят". Рекомендуем обновить браузер. Увидите сами!

Иконочные шрифты ibicons и Font Awesome 5

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

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

Несмотря на то, что Font Awesome содержит около 700 великолепных иконок, нам существенно не хватало иконок, для наших программ Инфо-Бухгалтер ®. Однако, усилиями нашего замечательного дизайнера, мы легко преодолели недостаток. В результате был создан и успешно развивается наш собственный иконочный шрифт ibicons, который хорошо сочетается и дополняет широко известный Font Awesome 5.

Поделитесь с коллегами: