Разделы

Сайт медорганизации
Сайт школы

SIMAI: Framework

SIMAI Framework - это набор технологий, инструментов  и принципов позволяющий быстро и качественно разрабатывать интернет проекты на базе платформы «1С-Битрикс».

Данная технология была создана в компании «Симай» в 2013 году как средство для оптимизации разработки интернет проектов и в последующее время претерпело значительное изменение став единой и гибкой платформой позволяющей создавать и сопровождать сайты любого уровня сложности. 

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

Что входит в SIMAI Framework:

  1. Гибкий шаблон сайта с широкими возможностями изменения внешнего вида с помощью настроек и подключения 4-х типов включаемых областей.
  2. Система настройки сайта и использование этих данных для автоматического отображения данных для целого ряда компонентов.
  3. Структурированный набор стилей и скриптов с автоматизированной системой подключения, позволяющие реализовать широкий набор элементов интерфейса сайта.
  4. CSS помощники, позволяющие быстро изменять внешний вид элементов интерфейса без изменения стилей сайта https://github.com/simai/helpers.
  5. Набор настроек структуры сайта, позволяющие включать и отключать заголовок, навигационную цепочку, колонки сайта.
  6. Отдельные компоненты хедера и футера, позволяющие гибко менять внешний вид сайта без вмешательства в шаблон сайта.
  7. Широкий набор динамических компонентов позволяющих решать различные задачи.

История изменений:

Версия 1.0

Версия 2.0

  • SIMAI: Framework стал составной частью решении без выделения в отдельный модуль. 
  • Bootstrap обновлен до версии 3.
  • Новая версия базового шаблона. Более 200 различных готовых блоков для формирования страниц сайта.
  • Настройка режима отображения сайта (на всю ширину или в боксе).
  • Установка базовой ширины левой, правой колонок и центральной части через настройки решения.
  • Стандартизирована структура шаблона сайта. Данная структура позволяет широко менять внешний вид сайта без изменения самого шаблона сайта.
  • Возможность настройки отображения колонок через свойства раздела.
  • Подготовлено более 100 готовых шаблонов компонентов. 
  • Интегрирована версия для слабовидящих.
  • Создана первая версия CSS помощников. Для быстрого изменения внешнего вида без изменения таблицы стилей.

Версия 2.5

  • Создана единая структура хранения стилей и скриптов фреймворка.
  • Автоматизирована система подключения стилей и скриптов фреймворка. Позволяет изменять порядок и возможность подключения путем изменения название файла.  
  • Переработан шаблон сайта. Изменена структура данных. Появилась возможность подключения дополнительных включаемых областей (верхняя, нижняя, левая и правая) как для раздела, так и для страниц.
  • Хедер и футер сайта вынесены в отдельные компоненты. Это позволяет менять внешний вид сайта в режиме многосайтовости или для различных разделов без изменения шаблона сайта.
  • Создан центр настройки решения. В одном месте можно гибко менять внешний вид сайта, реквизиты, социальные сети и подключать скрипты без необходимости вмешательства в шаблоны решения.
  • Подключаемые области вынесены в папку /include/. В режиме многосайтовости это позволяет иметь единый шаблон но разные подключаемые области.  
  • Файлы для оформления разделены на системные (хранящиеся в шаблоне сайта) и пользовательские (хранящиеся в папке /imarges/) это позволяет менять оформление в режиме многосайтовости без изменения шаблона сайта.
  • Подготовлены готовые наборы для изменения базового цвета, фона хедера, футера и самого сайта. Возможность комбинирования фона на основе прозрачных паттернов и цвета. Гибкие режимы отображения фона (повторение, на весь экран).
  • Добавлено автоматическая настройка некоторых настроек «1С-Битрикс» (название, email) сразу во всех необходимых местах.
  • Автоматическая установка названия и логотипа сайта на основе настроек решения. Размер шрифта названия сайта автоматический подбирается исходя из длины слова.
  • Автоматическое отображение контактов во всех нужных местах на основе настроек решения. Автоматическое формирование карты. Возможность добавления филиалов.
  • Автоматическая подготовка виджетов и кнопок  для социальных сетей на основе настроек.
  • Подготовлен компонент фотогалереи с множественной загрузкой и автоматическим уменьшением размеров загружаемых изображений.
  • Адаптивные кнопки расшаривания контента. В десктопной версии показывает счетчиком количество расшариваний для каждого типа социальной сети. 
  • Добавлена микроразметки opengraph и breadcrumbs для Google.
  • Добавлен механизм сообщения об ошибке. Если выделить текст и нажать CTR+Enter, то выйдет специальная форма, которая отправит сообщение администратору сайта и сохранит информацию в специальном инфоблоке.
  • Сильно переработаны и дополнены CSS помощники. 
  • В CSS помощники добавлены цвета Material Design.
  • Улучшена работа сайта в режиме версии для слабовидящих.
  • Подготовлены снипеты для быстрой и правильной вставки таблиц и списков.

Версия 2.6

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

Версия 3.0

  • Полностью переработаны стили и скрипты визуальных компонентов. Переход на концепцию БЭМ.
  • Визуальная составляющая подготовлена на принципах Material Design.
  • Использование SVG в качестве иконок.
  • Принято соглашение о наименовании. Переход к единым стандартам именования html блоков и стилей.
  • Разработана новая структура шаблона с учетом БЭМ и соглашения о наименовании.
  • Подготовлен компонент для оперативной работы со статическими блоками. simai.block.static
  • Подготовлена система работы с модальными окнами и системами уведомлений.