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

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

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

Зачем вам на сайт добавлять пиктограмму ЭЦП с данными об электронной подписи ?

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

Требованиями определена достаточность использования простой электронной подписи для подписания информации в электронной форме.

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

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

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

Пример как это выглядит в коде:

для вывода текста используется title у картинки и при наведении на нее все отображается.

Как внедрить решение на сайт, чтобы следовать требованиям по закону №831 ?

Для решения мы предлагаем следующее:

1. Используем свободный модуль каталог (файлов, статей, сайтов, объявлений или игр) или же Блог / Новости. Выбор на ваше усмотрение, главное, чтобы модуль вами ранее не использовался под другие задачи. Активируйте свободный модуль.

Важно! Для нашего примера мы использовали модуль "Каталог файлов".

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

3. Отметить ниже в настройках модуля пункт "Использовать дополнительные поля", выберите количество 7 (если используете каталог).

Если используете Блог / Новости, выберите 2 так как по умолчанию 5 полей в этих модулях уже имеется, нам нужно будет всего 7. Подключите все 7 полей отметив их галочкой и сохраните изменения.

4. После перейдите в "Замена стандартных надписей" по адресу ваш-сайт.ру /panel/?a=signs находим в списке модуль, который мы используем и переименовываем названия полей:

1. Дополнительное поле 1 → Ф.И.О
2. Дополнительное поле 2 → Организация
3. Дополнительное поле 3 → Дата создания
4. Дополнительное поле 4 → Сертификат
5. Дополнительное поле 5 → Выдан
6. Дополнительное поле 6 → Период действия сертификата
7. Дополнительное поле 7 → Ссылка на документ
8. Краткое описание материала → Электронная подпись

не забываем после изменения названий полей сохранить изменения нажав на кнопку "Сохранить".

5. Перейдите в Панель управления » Главная » Пользователи » Группы пользователей » Установка прав для всех групп » Каталог файлов, находим строки:

• Разрешить HTML тэги при добавлении материалов
• Разрешить ББ-коды при добавлении материалов

напротив этих двух строк в группы администраторы убираем галочку и жмем кнопку "Сохранить".

6. В настройках модуля Каталог файлов ниже найти пункт: Максимальная длина краткого описания, выставьте в нем значение 9999 и сохраните изменения.

7. Переходим в шаблон "Вид материалов" модуля каталог файлов по адресу ваш-сайт.ру /panel/?a=tmpl;m=11;t=7 стандартный код, который там будет весь удаляем и устанавливаем следующий:

Важно! В коде выше прописаны ссылки на изображения:

1. https://ecp-test.ucoz.net/img/icon_check.svg
2. https://ecp-test.ucoz.net/img/icon_key.svg
3. https://ecp-test.ucoz.net/img/icon_sign.svg

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

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

Для добавления новых документов всегда нужно будет добавлять новый материал именно в модуле Каталог файлов или другой какой вы выберите.

Подписанные документы заранее нужно будет загрузить в папку в файловый менеджер, после копировать ссылку на документ и прописывать в 7 поле "Ссылка на документ".

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

Важно! В поле "Электронная подпись", вам нужно вставлять код ключа ЭЦП, обычно достаточно длинный набор символов.

Важно! Корректность / Достоверность данных (информации), которую вы будете вводить в поля зависит исключительно от вас, мы автоматически за вас на уровне модуля вводить ничего не можем, информацию придется вводить вручную.

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

Какое программное обеспечение использовать для подписи документов ?

• Простая электронная подпись создается бесплатно, но с помощью программы КРИПТО-ПРО и КРИПТО-АРМ, которые придется приобрести.
• Электронный документ формата PDF можно подписать только в программе версии Adobe Acrobat PRO (платная программа), нужно так же приобретать лицензию.
• Чтобы подписать документ из семейства MS Office необходимо приобрести и установить специальный плагин от КРИПТО-АРМ.

Как подписать документ с помощью ЭЦП ?

Более детальное рассмотрение о том как подписать документы, вы можете на видео немного ниже:

Как создать электронную подпись ?

О том как это выполнить, мы предлагаем вам к просмотру видео, на котором демонстрируется весь процесс с использованием ПО Крипто-АРМ:

Как распознать, подписан ли документ с помощью ЭЦП ?

Более детальное рассмотрение о том как проверить документы на признак наличия ЭЦП, вы можете на видео немного ниже:

Дополнительно можем рекомендовать проверку подписи через сайты:

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

Онлайн-сервис
визуализации ЭЦП

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

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

В связи с высокими требованиями к информационной открытости образовательной организации, закреплёнными в Федеральном законе от 29 декабря 2012 года № 273-ФЗ «Об образовании в РФ», необходим стали изменения в законодательстве, которые касаются сайтов учебных учреждений, стандартов их ведения и оформления. Разберем основные вопросы по оформлению официального сайта образовательной организации.

Вопросы и ответы

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

С 01 января 2021 года вступил в силу Приказ Рособрнадзора от 14 августа 2020 года № 831 «Об утверждении Требований к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети «Интернет» и формату представления информации» (далее — приказ № 831). Действовать данный документ будет до 31 декабря 2026 года. Этот приказ регламентирует стандарты ведения сайта школ, дошкольных учреждений, техникумов, колледжей, лицеев, порядок размещения информации на официальном сайте, структуру сайта на территории Российской Федерации. В силу вступает ряд нововведений, на которые необходимо обратить внимание руководству организаций, осуществляющих образовательную деятельность и лицам, ответственным за ведение официального сайта в сети Интернет.

Вступление в законную силу данных требований отменило действие приказа Рособрнадзора № 785 от 29.05.2014 года, действовавшего до 2021 года.

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

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

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

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

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

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

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

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

• Основные сведения.
• Структура и органы управления Образовательной организацией.
• Документы.
• Образование.
• Руководство. Педагогический (научно-педагогический) состав.
• Материально-техническое обеспечение и оснащенность образовательного процесса.
• Платные образовательные услуги.
• Финансово-хозяйственная деятельность.
• Вакантные места для приема (перевода) обучающихся.
• Доступная среда.
• Международное сотрудничество.

Информация об образовательном учреждении

Структура и органы управления

Структура и органы управления школой

Руководство. Педагогический состав.

Руководство. Научно-педагогический состав.

Руководство. Сведения о руководителях.

Материально-техническое обеспечение и основные образовательные ресурсы

Оснащение образовательного процесса

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

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

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

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

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

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

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

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

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

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

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

Как должен выглядеть подраздел «Доступная среда» — какая информация должна быть размещена?

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

В этом подразделе должны быть отражены сведения о:

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

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

Что такое ЭП (электронная подпись)? Какие бывают ЭП, виды электронных подписей?

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

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

Порядок создания и использования электронной подписи регламентирован законодательным актом N 63-ФЗ «Об электронной подписи» от 06.04.2011г.

Могу ли я использовать сервис Пиктодок на сайте созданном при помощи Вордпресс?

Сгенерированный сервисом код пиктограммы будет корректно отображаться на сайте, сконструированном при помощи любой популярной CMS: WordPress (Вордпресс), Joomla (Джумла), Ucoz (Юкоз), ИС Школы России (eduru.ru), NetCat (roovr.ru)

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

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

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

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

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

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

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

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

Как создать пиктограмму ЭП для сайта образовательной организации, предусмотренную комментариями к приказу 831 Рособрнадзора? Как визуализировать ЭП на сайте школы? Как сделать иконку подписи для сайта ОО?

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

Важно, что с помощью данного сервиса, можно сделать значок подписи, в формате, оговоренном в комментариях Рособрнадзора к приказу 831 от 14.08.2020. .

Отсоединенная электронная подпись (открепленная ЭП) – это электронная подпись, которая формируется в отдельном от документа файле. Имя файла подписи совпадает с названием файла документа, но имеет расширение .sig или .sgn. Сам же файл-документ после обработки остается доступным для просмотра без каких-либо криптографических программ.

Ниже по пунктам расписан процесс создания отсоединенной ЭП с использованием программы Крипто АРМ.

Установить ПО КриптоАРМ на автоматизированное рабочее место.

Нажать правой кнопкой мыши на файл, который нужно подписать, и выбрать КриптоАРМ. Появится выпадающий список, в котором нужно выбрать «Подписать…».

Откроется «Мастер создания электронной подписи». Необходимо нажать «Далее».

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

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

В разделе «Использование подписи» указать «Подписано», отметить «Сохранить подпись в отдельном файле» и нажать «Далее».

Выбрать сертификат подписи через кнопку «Выбрать» и нажать «Далее».

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

В результате должен получиться ZIP-архив с двумя файлами.

Произвести дальнейшую визуализацию ЭП (создать пиктограмму ЭП) для размещения на сайте образовательного учреждения можно с помощью сервиса PicToDoc (для получения доступа, заполните форму обратной связи). Сервис позволяет получить значок (иконку) ЭП, реализующий требования приказа 831.

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

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

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

Также файлы можно дополнительно разместить не только в цифровом, но и в графическом формате. В соответствии с предписаниями, размер любых файлов не может быть более 15 мб. Если файл занимает больший объём, то необходимо разделить его на несколько файлов.

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

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

Общий перечень требований к сайту образовательной организации:

• Сайт ОО должен быть.
• Размещаться сайт должен на территории РФ.
• Он должен быть удобным для использования, навигация должна быть понятна всем пользователям.
• При создании сайта ОО должна соблюдать все требования ФЗ «О персональных данных».
• На сайте должен быть размещён специальный раздел «Сведения об образовательной организации» со всеми необходимыми подразделами. Оформлен он должен быть с помощью специальной html-разметкой.
• Сайт должен иметь версию для слабовидящих.
• Все документы на сайте должны быть выложены в виде копий или электронных документов, подписанных электронной подписью.

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

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

1. Перейдите по ссылке на страницу сервиса по адресу https://pictodoc.ru
2. Нажмите на ссылку «Войти» как показано на картинке
3. Введите адрес эл. почты и предоставленный вам пароль, затем нажмите кнопку «Войти»

1. Форма загрузки документа
2. Карточка документа
3. Ссылка на html-код для размещения на вашем сайте
4. Ссылка на предварительный просмотр результата
5. Кнопка скачать документ
6. Кнопка удалить документ

Визуализация электронно-цифровой подписи (ЭЦП)

Приказ № 831 от 14.08.2020г. «Об утверждении Требований к структуре официального сайта образовательной организации в информационно — телекоммуникационной сети «Интернет» и формату представления информации» вступил в силу 01 января 2021 года.

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

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

Преимущества функционала:

• Простая и понятная система интерфейса
• Возможность загрузки и генерации документа в 4 форматах размещения
• Тестирование, проверка корректной работы модуля
• Доступ к административной панели «Личного кабинета»
• Техническая поддержка на протяжении всего срока действия договора

Поможем обеспечить все меры по соблюдению законодательства РФ (Приказ ФС по надзору в сфере образования и науки РФ N 831) (выполнение государственных нормативных требований)

• Гарантия оперативной и квалифицированной поддержки
• Лицензия РОСКОМНАДЗОРА № 160210
• Аккредитация Минкомсвязи
• Свидетельство о государственной программе РОСПАТЕНТ
• Более 1300 установленных модулей «Визуализация ЭЦП»

Подписываем документы электронной цифровой подписью

Согласно Приказу Федеральной службы по надзору в сфере образования и науки РФ от 14 августа 2020 г. № 831 “Об утверждении Требований к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети «Интернет» и формату представления информации”, документы, размещенные на сайте образовательной организации должны быть подписаны простой электронной подписью, в соответствии с Федеральным законом от 6 апреля 2011 г. № 63-ФЗ «Об электронной подписи».

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

Рассмотрим подробно, как подписать документ и загрузить документ и подпись на сайт, созданный на конструкторе сайтов Нубекс:

1. Установка КриптоЭкспресс

1. Необходимо перейти по ссылке: КриптоЭкспресс и скачать бесплатную программу КриптоЭкспресс:

2. Запускаем скачанный установочный файл и нажимаем кнопку «Далее»:

3. Нажимаем кнопку «Принимаю»:

4. Дожидаемся, пока программа установится на ваше рабочее место и после оповещения «Установка завершена», нажимаем кнопку «Закрыть»:

5. Программа КриптоЭкспресс запущена, она находится в трее (рядом с часами и датой):

Переходим к следующему этапу — подписываем документ при помощи программы КриптоЭкспресс

2. Подписываем документ электронной цифровой подписью

1. Нажимаем на иконку КриптоЭкспресс в трее, а затем кнопку «Подписать файл»:

2. Нажимаем на кнопку «Выберите файл»:

3. Следующим шагом:

1)Выбираем файл для подписи (файл может быть формата .pdf, .docx, .odt, .xls), название файла после выбора будет отображаться в окне «Файл»;

2) в поле «Назначение подписи» из выпадающего списка необходимо выбрать «Отсоединенная подпись в формате DER»

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

4) нажимаем кнопку «Подписать»:

4. После нажатия кнопки «Подписать», открывается папка, куда будет сохранена подпись, её можно выбрать. Тип файла поставить SIG и нажать кнопку «Сохранить» (токен с ключом электронной подписи должен быть вставлен в компьютер):

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

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

1. Переходим систему администрирования вашего сайта на конструкторе сайтов «Нубекс», заходим в раздел «Образовательная организация» => «Документы»:

2. Загрузим, например, Устав образовательной организации:

3. Нажимаем кнопку «Загрузить файлы»:

4. После загрузки файла:

1) видим в системе загруженный файл;

2) видим уведомление об отсутствии подписи;

3) нажимаем кнопку «Загрузить подпись»:

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

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

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

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