Как установить пиктограмму электронной подписи на сайте джумла

Обновлено: 06.07.2024

Добрый день! По новому закону рособрнадзора №831 от 14.08.2020 часть документов на сайте должна быть подписана электронной подписью.

В комментариях к приказу написано:

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

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

Т.е. подпись, как я понимаю, должна быть невидимой.

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

Для реализации этого требования, создана инструкция по настройке и выводу пиктограммы ЭЦП:

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

Также можно использовать виджеты на страницах созданных в редакторе страниц.
Для этого подходят виджеты 14 и 30.

Самый простой, вывод информации с использованием тега title.
Пример кода:

Ссылка на ваш документ

Установка расширения производится стандартно: "Раcширения" -> "Менеджер расширений" -> "Установка" , где производим загрузку скаченного zip-архива плагина. После чего плагин появится в списке "Раcширения" -> "Плагины", по умолчанию плагин сразу активируется автоматически, но если этого не произошло, то активируйте его вручную.

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

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

Так как данное поле не имеет встроенного редактора, то приходится текст вписывать в виде html-кода.

Здесь, в параметр title="" вписывается заголовок всплывающей подсказки (можно оставить пустым, если вывод заголовка не требуется), в content="" вписывается само содержимое подсказки (img - тег картинки с параметром src="" - путь до изображения из корневой папки медиаменеджера, например изображение podpis.jpg здесь загружено в корень).

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

Настройка плагина Regular Labs Tooltips Free

Вставка кода всплывающей подсказки Regular Labs Tooltips Free в редакторе материалов CMS Joomla

Отображение ПЭП документа на сайте с помощью всплывающей подсказки плагина Regular Labs Tooltips Free

ПЭП на CMS WordPress

Мы же рассмотрим плагин, который имеет множество удобных возможностей в том числе и функцию вспливающей подсказки. Это плагин Shortcodes Ultimate от автора Vladimirа Anokhinа, плагин полностью бесплатен. Если Вы использовали для разработки сайта наш стартовый пакет, то этот плагин у Вас уже установлен, если нет, то его установка доступна через консоль администратора WordPress.

После установки и активации плагина на панели управления консоли WP появляется раздел "Шорткоды", в котором можно ознакомится со всеми возможностями плагина, а так же правилами написания шорткодов и их параметров для каждой функции.

Приказ внес изменения в конструкцию сайта образовательной организации и параметры размещения материалов, которые раньше определялись Приказом № 785, утратившим свою силу. Кроме того, разъяснен порядок размещения электронных документов на сайте ОО, а также требования к визуализации ЭЦП на сайте школы, детского сада, колледжа или другой образовательной организации.

Любое образовательное учреждение может проверить свой сайт на соответствие актуальным правилам на сайте Рособрнадзора. Ниже в статье мы даем ответы на основные вопросы по главным изменениям, введенным приказом Рособрнадзора от 14 августа 2020 года № 831, а также подскажем, как визуализировать электронную подпись на сайте образовательной организации (создать пиктограмму ЭП (иконку ЭП)) с помощью сервиса PicToDoc.

Какие новые требования к структуре официального сайта образовательной организации устанавливаются?

Все обязательные сведения, которые школа должна опубликовать согласно Федеральному закону № 273-ФЗ «Об образовании в Российской Федерации» должны быть помещены в особый раздел сайта «Сведения об образовательной организации».

Структура раздела должна отвечать определенным требованиям. В частности установлен перечень подразделов, который необходимо разместить на сайте и заполнить. Некоторые рубрики в прежних требованиях отсутствовали:

«Доступная среда»
«Международное сотрудничество».

Другие перестали быть обязательными:

«Образовательные стандарты»
«Стипендии и меры поддержки».

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

Какие подразделы должен содержать специальный раздел «Сведения об образовательной организации»?

Специальный раздел включает в себя следующие подразделы:

Наименование

Изменение статуса

«Структура и органы управления образовательной организацией»

«Руководство. Педагогический (научно-педагогический) состав»

«Материально-техническое обеспечение и оснащенность образовательного процесса»

«Платные образовательные услуги»

«Вакантные места для приема (перевода) обучающихся»

«Стипендии и меры поддержки обучающихся»

Какие требования установлены ко всем обязательным страницам сайта образовательной организации?

Рособрнадзор периодически выпускает рекомендации для наглядной

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

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

Пример html разметки для раздела сайта «Основные сведения»:

Данные образовательной организации

Атрибуты

Пример заполненного шаблона

Какие новые подразделы были введены?

Приказом № 831 были введены следующие подразделы: «Международное сотрудничество» и «Доступная среда».

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

Какую информацию содержит подраздел «Международное сотрудничество» на официальном сайте школы в соответствии с приказом № 831?

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

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

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

Что такое ЭЦП (ЭП)? Какие бывают ЭЦП, виды ЭП?

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

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

Какие бывают виды электронной подписи и в чем разница между ними?

Простая электронная подпись

Усиленная электронная подпись

Неквалифицированная

Квалифицированная

Что из себя представляет

Логин и пароль или код доступа

Уникальная последовательность символов, записанная на USB-носителе

Как выглядит

Визуально не отображается, увидеть можно в свойствах документа

Может быть графическая картинка (напоминает штамп) или отдельный файл с расширением sig (в этом случае на документе подпись визуально не отображается)

Кто создает

Система, где она будет использоваться

Удостоверяющий центр, имеющий аккредитацию Минкомсвязи России, который применяет программное обеспечение, одобренное ФСБ России

Что подтверждает

Подписание документа определенным лицом

Подписание документа определенным лицом и наличие изменений в документе

Степень защиты информации

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

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

Какие виды ЭП могут быть использованы на сайте образовательной организации?

Для публикации сведений на сайте образовательного учреждения применяется простая электронная подпись. Однако, согласно официальной позиции Рособрнадзора, изложенной в комментариях к новому приказу, использование квалифицированной/неквалифицированной электронной подписи допустимо и не является нарушением.

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

Как создать ЭЦП (электронную подпись) для официального сайта школы или другой образовательной организации?

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

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

Примеры удостоверяющих центров, в которые можно обратиться для получения подписи: СКБ Контур, ЦентрИнформ и другие.

Правила публикации электронных документов на сайте образовательной организации

Согласно Приказу № 831 информация на школьном сайте должна размещаться в виде копии и электронного документа. Электронный документ – это не что иное, как информация в электронном формате.

Электронные документы должны быть опубликованы так, чтобы пользователю было удобно в них ориентироваться. Должна быть предусмотрена возможность копирования и сохранения текста. Размер файла – не более 15 мегабайт. Также нужно обращать внимание на разрешение, чтобы файл визуально был читаемым. Как и раньше необходимо загрузить файл. Разница в том, что теперь вместо отсканированного документа с подписью и печатью, на сайт загружается файл, подписанный электронной подписью.

Очень важно, что визуально ЭЦП на сайте образовательной организации, должна выглядеть как пиктограмма, установленного формата, содержащая данные о подписавшем лице. Как показывает практика, именно с корректной визуализацией ЭЦП на сайте школы возникает наибольшее количество трудностей. Очень удобно использовать для правильной визуализации электронной подписи сервис PicToDoc, он позволяет мгновенно создавать и размещать на своем сайте пиктограмму электронной подписи ИМЕННО в том виде, в котором это предусмотрено требованиями Рособрнадзора.

В каком виде должна отображаться ЭП на сайте образовательной организации? Какая пиктограмма используется для отображения ЭП?

Когда электронный документ опубликован на сайте, возле его названия можно увидеть пиктограмму. Через пиктограмму пользователь может ознакомиться со всеми основными данными о подписи. Если речь идет о простой электронной подписи, отображается Ф.И.О. должностного лица, дата и время подписания и специальный программный ключ в виде набора символов. Если используется квалифицированная электронная подпись, к указанным данным добавляются сведения о сертификате (кем и когда выпущен и до какого срока действует). Реализовать это позволяет онлайн-сервис PicToDoc.

С 1 января 2021 года устанавливаются новые требования к структуре официального сайта образовательной организации в сети интернет (приказ №831 Рособрнадзора). Что они собой представляют и чем отличаются от старых — в этом материале.

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

Ниже даны ответы на основные вопросы по изменениям внесенным приказом Рособрнадзора от 14 августа 2020 года № 831 «Об утверждении Требований к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети "Интернет" и формату представления информации», а также описано, как визуализировать электронную подпись на сайте образовательной организации (создать пиктограмму ЭП (иконку ЭП)) с помощью сервиса PicToDoc.

Когда вступил в силу Приказ Рособрнадзора от 14 августа 2020 г. № 831

Приказ Рособрнадзора от 14 августа 2020 г. № 831 в действие вступил в начале 2021 года. Он затрагивает вопросы организации инфотелекоммуникационных сетей, рассматривает принципы оформления официальных ресурсов учреждений образования. Учитывать изложенные пункты должны все учреждения отрасли. Именно это поможет им вести деятельность согласно закону, не сталкиваться с лишними сложностями.

Новые требования к структурным особенностям

Приказ вносит такие структурные корректировки:

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

Теперь на сайтах в обязательном порядке должны прописываться программы практик. Подраздел «Образование» будет оформляться полностью в формате электронного документа. Сведения о лицензии на ведение образовательной деятельности переносятся в пункт «Образование» (ранее были «Документы»). В подразделах «Руководство» теперь будут содержаться ссылки на личные странички ППС.

Подраздел «Образование»

Стало

Указание сроков только аккредитационных программ

Дополнительно указываются сроки социальных, профессиональных программ

Описание текущей программы плюс копия

Нужны также ссылки, загруженные по правилам электронные документы

Размещение учебного плана и его копии

Теперь обязательно загружается электронный документ

Публикация аннотации для каждой дисциплины плюс копия

Нужно подготавливать аннотации и приложения в формате электронного документа

Стоимость обучения и порядок расчета, установления платы тоже перенесены из пункта «Документы» в раздел с «Платными образовательными услугами». Также приказ исключает формулировки, которые использовались при публикации сведений для лиц с ОВЗ, инвалидов.

Подраздел «Документы»

Стало

Лицензия на ведение преподавательской деятельности с приложением

Перенесено в соответствующий подраздел «Образование»

Свидетельство о госаккредитации с приложениями

Добавлена приписка «при наличии»

План деятельности организации (финансовый, хозяйственный)

Перенос в раздел «Финансово-хозяйственная деятельность»

Правила внутреннего распорядка, трудового распорядка, пункты коллективного договора

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

Документом устанавливается обязательное включение копии плана ФХД в раздел «Платных образовательных услуг». Добавлено требование с возможностью поиска информации с применением средств онлайн-обозревателя в соответствующем разделе. Есть также требование для возможности по поиску сведений в уже скачанной документации. На данный момент большинство образовательных организаций разместили файлы на сайтах в пдф формате без возможности осуществления быстрого поиска. И еще момент – информация на сайте должна быть доступной для поиска в том числе при отключенных отображениях изображений.

Отдельно вынесены требования к электронной документации, использовании ЭЦП подписей. В создании правильной пиктограммы ЭП поможет <a href="https://pictodoc.ru/"> сервис PicToDoc</a>.

Подразделы спецраздела «Сведения об образовательной организации»

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

Обязательные подразделы пункта:

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

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

Требования к обязательным страницам сайта образовательной организации

При размещении информации на сайте образовательного учреждения в формате файлов нужно учитывать такие требования:

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

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

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

Файлы, размещенные на страницах соответствующих разделов, должны соответствовать таким условиям:

Максимальные размеры файлов – в пределах 15 Мб. Если они выше, то пласт данных должен делиться на несколько файлов или частей.
Сканирование документа выполняется с разрешением от 100 dpi.
Уже отсканированный текст должен быть нормально читаемым.

Какие новые подразделы были введены?

В частности, Требованиями предусмотрено создание в специальном разделе двух новых подразделов «Доступная среда» и «Международное сотрудничество». В первом прописываются сведения по специальным условиям обучения инвалидов, лиц с ограниченными возможностями.

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

Информация в подразделе «Международное сотрудничество»

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

Подраздел «Доступная среда»: основные моменты

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

оборудованные должным образом учебные кабинеты;
объекты для проведения практических занятий;
о спортивных объектах;
перечни средств воспитания, обучения;
создание беспрепятственного доступа в здания;
пр.

Что такое ЭЦП (ЭП)?

Электронная подпись – это информационный код в электронном виде, который присоединяется к другой информации в базе. ЭЦП или ЭП является аналогом обычной подписи, но предназначена для применения в онлайн-пространстве.

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

Какие виды ЭП могут быть использованы на сайте образовательной организации?

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

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

Как создать ЭЦП для официального сайта школы или другой образовательной организации?

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

Правила публикации электронных документов на сайте образовательной организации

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

Размещение документа в электронном виде предполагает публикацию файла или другого типа информации в той форме, в которой он был создан на планшете, компьютере, ноутбуке. На официальный сайт будет загружен файл с подтверждением простой либо усиленной ЭЦП.

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

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

В каком виде должна отображаться ЭП на сайте образовательной организации? Как создать пиктограмму ЭП?

Требования устанавливают, что те документы, которые образовательная организация самостоятельно разрабатывает и утверждает, должны размещаться на площадке в электронном виде, подписываться простой ЭП (она имеет вид пиктограммы). При наведении курсора на пиктограмму на экран будут выводиться сведения о времени, дате подписания, ФИО, должности ответственного лица, которое сформировало ключ.

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

Важно понимать, что просто подписав файл с документом электронной цифровой подписью невозможно выполнить требования приказа 831 и комментариев к нему Рособрнадзора. Необходима корректная визуализация ЭП, а именно создание иконки электронно цифровой подписи, предусмотренной комментариями, прилагаемыми к законодательному акту. Именно для этого и необходим сервис PicToDoc.

* Сохранить ссылку на статью у себя в браузере можно нажав на клавиатуре (Ctrl+D)

Читайте также: