ЕПС

Размещение официального сайта на Единой платформе официальных сайтов органов государственной власти и органов местного самоуправления муниципальных образований в ЯНАО

Что нужно сделать для размещения сайта на ЕПС

Постановление Правительства Ямало-Ненецкого автономного округа "О региональном центре обработки данных Ямало-Ненецкого автономного округа"

Регламентирующие документы:

"Регистрация доменных имён третьего уровня YANAO.RU ЯНАО.РФ"

"Размещение ИС в региональном центре обработки данных Ямало-Ненецкого автономного округа"

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

Если вам нужно зарегистрировать более одного домена/ИС - регистрируйте сначала один домен/ИС и следуйте инструкции направленной на ваш контактный email адрес.


"Порядок размещения официальных сайтов владельцами сайтов в государственной информационной системе «Единая платформа официальных сайтов органов государственной власти и органов местного самоуправления муниципальных образований в Ямало-Ненецком автономном округе»"

"Шаблон приказа об утверждении положения об официальном сайте, размещенном на Единой платформе сайтов, и порядка размещения информации на сайте"

Шаг 1

Заходим по ссылке https://nic.yanao.ru/ 

image.png

Кликаем по ссылке Регистрация домена 

nic.yanao.ru_domain_create.png

Заполняем все поля

в поле доменное имя вводим ***lbt.yanao.ru или ***-lbt.yanao.ru, где *** ваше произвольное имя (чаще всего название вашей организации записанное транслитом)

ставим галочку я не робот и жмем сохранить.

Через некоторое время отведенное на обработку заявки вам будет выдано доменное имя третьего имени в зоне yanao.ru.

Шаг 2

Возвращаемся на главную страницу сайта https://nic.yanao.ru/ 

Переходим в раздел Регистрация ЕПС

image.png

nic.yanao.ru_eps_create.png

Заполняем все поля, в поле Доменное имя официального сайта вводим доменное имя полученное на этапе 1.

В поле Идентификатор организации на сайте госуслуг вставляем oid Госуслуг Как-найти-oid-на-Госуслугах_.pdf

Далее прикладываем сопроводительное письмо на имя генерального директора ГКУ "Ресурсы Ямала" "О намерении присоединиться к Единой платформе сайтов", оформленного на официальном бланке организации и подписанного уполномоченным должностным лицом (руководителем) и светокопию приказа о сайте организации с приложениями.

Модуль баннеров ссылок на автоматизированные информационные системы


image.png

Авторизуемся на сайте через ЕСПД

image.png

image.png

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

image.png

В блоке содержимое тычем в пиктограмму исходный код

image.png

Вставляем код блока баннеров-ссылок АИС

image.png

Жмем кнопку сохранить

image.png

Исходный код блока баннеров-ссылок АИС

<style>
.new-payments {
padding-top: 32px;
padding-bottom: 48px;
}
.grid-wrap {
margin-left: auto;
margin-right: auto;
position: relative;
width: 85%;
}
.grid-wrap__row-sm--full-width {
margin-left: 0;
margin-right: 0;
}
.grid-wrap__col-sm-full-width {
width: 100%;
}
.grid-wrap__col-sm-auto {
width: auto;
}
.grid-wrap__col-sm-1 {
width: 16.66667%;
}
.grid-wrap__col-offset-sm-1 {
margin-left: 16.66667%;
}
.grid-wrap__col-sm-2 {
width: 33.33333%;
}
.grid-wrap__col-offset-sm-2 {
margin-left: 33.33333%;
}
.grid-wrap__col-sm-3 {
width: 50%;
}
.grid-wrap__col-offset-sm-3 {
margin-left: 50%;
}
.grid-wrap__col-sm-4 {
width: 66.66667%;
}
.grid-wrap__col-offset-sm-4 {
margin-left: 66.66667%;
}
.grid-wrap__col-sm-5 {
width: 83.33333%;
}
.grid-wrap__col-offset-sm-5 {
margin-left: 83.33333%;
}
.grid-wrap__col-sm-6 {
width: 100%;
}
.grid-wrap__col-offset-sm-6 {
margin-left: 100%;
}
.new-payment-item {
background: #FFF;
box-shadow: 0 24px 48px 0 rgba(230, 235, 245, 0.40), 0 1px 4px 0 #E3EBFC;
border-radius: 12px;
padding: 154px 24px 24px;
position: relative;
display: block;
min-height: auto;
text-decoration: none;
}
.payment-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 154px;
border-radius: 12px 12px0 0;
background-position: center;
text-align: center;
overflow: hidden;
padding-top: 24px;
}
.payment-icon img {
    position: relative;
    width: 130px;
    height: auto;
}
.new-payment-item-header {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    margin-top: 2em;
    text-align: center;
}
.new-payment-item-description {
font-size: 16px;
line-height: 24px;
margin-top: 12px;
text-align: center;
}
.align-center {
  text-align: center;
}
.emergency-page-wrap {
background: #FAFCFF;
min-height: 100vh;
height: auto;
width: 100%;
display: flex;
flex-direction: column;
}
.main {
flex: 1 0 auto;
}
.full-content.hide {
display: none;
}
.full-content {
padding-top: 8px;
padding-left: 32px;
font-size: 16px;
line-height: 24px;
}
.full-content p {
padding: 0;
font-size: 16px;
line-height: 24px;
}
.full-content ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
.full-content ul li {
position: relative;
margin-bottom: 12px;
padding-left: 20px;
font-size: 16px;
line-height: 24px;
}
.full-content ul li:before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 2px;
border-radius: 1px;
background-color: #4D83FA;
} 
.full-content ul li:last-child {
margin-bottom: 0;
}
.toggle {
position: relative;
padding-left: 32px;
display: inline-block;
}
.toggle svg {
position: absolute;
top: 0;
left: 0;
}
.toggle.opened svg {
transform: rotate(180deg);
}
@media all and (min-width: 768px) and (max-width: 1190px) {
.new-payment-item-description.dk {
display: none;
}
.new-payment-item-description.tablet {
display: block;
}
.new-payment-item-description.mob {
display: none;
}
.main-navigation {
height: 60px;
display: flex;
}
.grid-wrap {
max-width: 1135px;
width: 85%;
}
.grid-wrap__col-md-1 {
width: 8.33333%;
}
.grid-wrap__col-offset-md-1 {
margin-left: 8.33333%;
}
.grid-wrap__col-md-2 {
width: 16.66667%;
}
.grid-wrap__col-offset-md-2 {
margin-left: 16.66667%;
}
.grid-wrap__col-md-3 {
width: 25%;
}
.grid-wrap__col-offset-md-3 {
margin-left: 25%;
}
.grid-wrap__col-md-4 {
width: 33.33333%;
}
.grid-wrap__col-offset-md-4 {
margin-left: 33.33333%;
}
.grid-wrap__col-md-5 {
width: 41.66667%;
}
.grid-wrap__col-offset-md-5 {
margin-left: 41.66667%;
}
.grid-wrap__col-md-6 {
width: 50%;
}
.grid-wrap__col-offset-md-6 {
margin-left: 50%;
}
.grid-wrap__col-md-7 {
width: 58.33333%;
}
.grid-wrap__col-offset-md-7 {
margin-left: 58.33333%;
}
.grid-wrap__col-md-8 {
width: 66.66667%;
}
.grid-wrap__col-offset-md-8 {
margin-left: 66.66667%;
}
.grid-wrap__col-md-9 {
width: 75%;
}
.grid-wrap__col-offset-md-9 {
margin-left: 75%;
}
.grid-wrap__col-md-10 {
width: 83.33333%;
}
.grid-wrap__col-offset-md-10 {
margin-left: 83.33333%;
}
.grid-wrap__col-md-11 {
width: 91.66667%;
}
.grid-wrap__col-offset-md-11 {
margin-left: 91.66667%;
}
.grid-wrap__col-md-12 {
width: 100%;
}
.grid-wrap__col-offset-md-12 {
margin-left: 100%;
}
.md-offset-bottom-24 {
margin-bottom: 24px;
}
.md-offset-top-24 {
margin-top: 24px;
}
.new-payment-item {
min-height: 136px;
box-shadow: 0 24px 48px rgba(230, 235, 245, 0.4);
}
}
@media all and (max-width: 1215px) {
.new-payment-item-description.dk {
display: none;
}
.new-payment-item-description.tablet {
display: none;
}
.new-payment-item-description.mob {
display: block;
}
.sm-offset-top-24 {
margin-top: 24px;
}
.sm-offset-bottom-24 {
margin-bottom: 24px;
}
.main-navigation {
height: 60px;
display: flex;
}
.sm-flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.go-to-portal {
display: block;
width: 100%;
}
.button-wrap {
padding: 16px 0;
}
.button-base {
width: 100%;
text-align: center;
}
}
@media all and (min-width: 1216px) {
.mb-lg-24 {
margin-bottom: 24px;
}
.mb-lg-32 {
margin-bottom: 32px;
}
.mt-lg-40 {
margin-top: 40px;
}
.grid-wrap__row--nowrap-lg {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.grid-wrap {
width: 1216px;
margin-left: auto;
margin-right: auto;
position: relative
}
.grid-wrap__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-gap: 32px;
}
.grid-wrap__row--nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.grid-wrap__col-lg-8 {
width: 29%;
}
.grid-wrap__col-offset-lg-1 {
margin-left: 48px
}
.lg-offset-top-64 {
margin-top: 64px
}
.lg-offset-top-32 {
margin-top: 32px
}
.lg-offset-bottom-24 {
margin-bottom: 24px
}
.lg-offset-top-24 {
margin-top: 24px
}
.lg-offset-top-16 {
margin-top: 16px
}
.lg-h-title-16-big {
font-size: 16px;
line-height: 24px
}
.lg-h-title-14 {
font-size: 14px;
line-height: 20px
}
.lg-h-title-16 {
font-size: 16px;
line-height: 20px
}
.lg-title-20 {
font-size: 20px;
line-height: 24px
}
.new-payments {
padding-top: 40px;
padding-bottom: 64px;
}
.new-payment-item {
box-shadow: 0 24px 48px rgba(230, 235, 245, 0.4);
min-height: 250px;
}
.new-payment-item-description.dk {
display: block;
}
.new-payment-item-description.tablet {
display: none;
}
.new-payment-item-description.mob {
display: none;
}
}
.button-base {
  padding: 14px 40px;
  font: 16px/24px Lato, Arial, sans-serif;
  border-radius: 8px;
  border: 2px solid #0D4CD3;  
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  color: #0D4CD3;
}

.button-base:hover {
  background: #1D5DEB;
  color: #fff;
}
</style>
<div class="new-payments">
<div class="grid-wrap">
<div class="grid-wrap__row grid-wrap__row--nowrap-lg">
<div class="grid-wrap__col-lg-8 grid-wrap__col-md-12 grid-wrap__col-sm-6 md-offset-bottom-24 sm-offset-bottom-24">
<div class="new-payment-item">
<div class="payment-icon" style="background-image: url('/upload/uf/8a4/nt57kmvywtmecw7kvpwc8tab2oq2fiv6/first_bg.svg');"><img src="/upload/uf/656/pjdg5qva6c6dymybabtqnga06cy8enxo/logo_gos.svg" alt="Единый портал государственных услуг и функций"></div>
<div class="new-payment-item-header align-center">Госуслуги</div>
<div class="new-payment-item-description align-center mb-16 mb-lg-32"><br>Единый портал<br>государственных услуг<br>и функций<br></div>
<p class="align-center mt-0 mb-0 plain-text"><a href="https://gosuslugi.ru/" target="_blank" class="button-base button-small button-long-phone sm-offset-top-24" type="button">Перейти</a></p>
</div>
</div>
<div class="grid-wrap__col-lg-8 grid-wrap__col-md-12 grid-wrap__col-sm-6 md-offset-bottom-24 sm-offset-bottom-24">
<div class="new-payment-item">
<div class="payment-icon" style="background-image: url('/upload/uf/d21/n5ecgvbe3aeynjnjgoa32rsgn4d5thfd/second_bg.svg');"><img src="/upload/uf/727/k03nhm2aat12xpv5zcam0p9qxw932wj7/logo_sgo.svg" alt="Образование Ямала"></div>
<div class="new-payment-item-header align-center">Образование<br>Ямала</div>
<div class="new-payment-item-description align-center mb-16 mb-lg-24">Государственная<br>информационная система<br><br></div>
<p class="align-center mt-0 mb-0 plain-text"><a href="https://sgo.yanao.ru/" target="_blank" class="button-base button-small button-long-phone sm-offset-top-24" type="button">Перейти</a></p>
</div>
</div>
<div class="grid-wrap__col-lg-8 grid-wrap__col-md-12 grid-wrap__col-sm-6 md-offset-bottom-24 sm-offset-bottom-24">
<div class="new-payment-item">
<div class="payment-icon" style="background-image: url('/upload/uf/275/t7pbyi4xtaorpjq011obapd8o0z6opfq/third_bg.svg');"><img src="/upload/uf/295/g27e8sbwjorxhx7rp0hmiys9mwcxow98/gerbrf.svg" alt="Портал образовательных услуг"></div>
<div class="new-payment-item-header align-center">Портал<br>образовательных услуг</div>
<div class="new-payment-item-description align-center mb-16 mb-lg-24">
<p class="mt-0 mb-0">Государственные и муниципальные<br>услуги в сфере образования<br><br></p>
</div>
<p class="align-center mt-0 mb-0 plain-text"><a href="https://e-uslugi.yanao.ru/" target="_blank" class="button-base button-small button-long-phone sm-offset-top-24" type="button">Перейти</a></p>
</div>
</div>
</div>
</div>
</div>

Пресс-центр Министерства просвещения Российской Федерации

image.png

Авторизуемся на сайте через ЕСПД

image.png

image.png

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

image.png

Отмечаем радиокнопку типовой блок

В поле тип блока из выпадающего списка выбираем: RSS виджет

Вводим название блока для отображения: Пресс-центр Министерства просвещения Российской Федерации

Вводим ссылку на RSS-ленту: https://edu.gov.ru/press/_rss

Количество новостей для отображения: 6

Количество символов в названии новости: 100

Сохраняем блок.

image.png

Модуль "Горячая линия по вопросу организации учебного процесса в дни с неблагоприятными метеоусловиями"

2024-04-02_08-54-18.jpg

1. Кликаем по кнопке добавить блок

2024-04-02_08-54-34.jpg

2. В поле содержимое блока кликаем по пиктограмме исходный код

2024-04-02_08-55-19.jpg

3. В открывшееся окно вставляем код представленный ниже:

<div class="requests-anticorruption-block__body">
	<div class="requests">
		<div class="requests__icon-wrapper"><img src="https://edulbt.yanao.ru/upload/uf/c5a/xro8by1vlj0podvrd80goe3dtglnjpd0/gorline.png" alt="ГИА" width="73" height="61"></div>
		<div class="requests__title">
			<p>&laquo;Горячая линия&raquo; по вопросу организации учебного процесса в дни с неблагоприятными метеоусловиями</p>
			<hr>
			<p><a href="https://edulbt.yanao.ru/presscenter/news/144051/" target="_blank">Шкала температур</a></p>
		</div>
		<div class="requests__button-wrapper">+7 912-433-96-78 (круглосуточно)<br>+7 (34992) 5-72-10 добавочный 2210, 2212 (в рабочие часы)</div>
	</div>
</div>

4. Сохраняем все!

Блок "Горячая линия по вопросам проведения государственной итоговой аттестации"

2024-04-02_08-56-24.jpg

1. Кликаем по кнопке добавить блок

2024-04-02_08-54-34.jpg

2. В поле содержимое блока кликаем по пиктограмме исходный код

2024-04-02_08-55-19.jpg

3. В открывшееся окно вставляем код представленный ниже:

<div class="requests-anticorruption-block__body">
	<div class="requests">
		<div class="requests__icon-wrapper"><img src="https://edulbt.yanao.ru/upload/uf/d96/ibbxad9bmnnsuanhcm3ua32la2hdefep/gia.png" alt="ГИА" width="73" height="61"></div>
		<h2 class="requests__title">Горячая линия по вопросам проведения государственной итоговой аттестации</h2>
		<div class="requests__button-wrapper">ГИА-9 +7 (34992) 5-72-10 #2226 <br>ГИА-11 +7 (34992) 5-72-10 #2225</div>
	</div>
</div>

4. Сохраняем все!

Инструкция по организации доступа к Платформе обратной связи (ПОС)

image.png

Платформа обратной связи (ПОС) позволяет гражданам обратиться в адрес образовательной организации. Взаимодействие осуществляется при помощи установленного на сайте образовательной организации виджета ПОС. Для работы виджета ПОС необходимо генерировать код в личном кабинете образовательной организации сайта https://pos.gosuslugi.ru. (Для каждой образовательной организации необходим  индивидуальный код виджета). Администратор личного кабинета образовательной организации сайта https://pos.gosuslugi.ru (назначенный в самой образовательной организации) должен координировать работу образовательной организации на данном сайте.

Подтверждение готовности личного кабинета портала (ЛКО) ПОС к работе

После подтверждения учетной записи для работы в личном кабинете образовательной организации портала ПОС (переход по ссылкам с электронных адресов, указанных в заявках от организаций, полученных с сайта Госуслуги) достаточно:
администратору ЛКО и еще одному лицу из назначенных ролей (руководитель, координатор, куратор, исполнитель), указанному в заявке от организации, зайти в личный кабинет (ЛКО) ПОС:

Роль «Администратор личного кабинета организации (ЛКО)» самостоятельно менять нельзя!!!! Только по заявке на электронные адреса: pos@omskportal.ru или sd@sc.minsvyaz.ru
!!! Администратор ЛКО  может самостоятельно назначать роли. !!!

Инструкция для администратора личного кабинета
1. Пройдите по ссылке https://pos.gosuslugi.ru/admin и войдите в личный кабинет сотрудника организации с ролью «Администратор личного кабинета организации (ЛКО)» через Единую систему идентификации и аутентификации (ЕСИА).

image.png

2, Выберите организацию и нажмите на «Перейти в ЛКО».

image.png

3. Выберите вкладку «Функционирование ЛКО».

image.png

Добавление виджета Платформы обратной связи

Для начала необходимо зайти в ЛКО на https://pos.gosuslugi.ru/backoffice/login 
1. В настройках ЛКО, на вкладке «Функционирование ЛКО» выберите один из вариантов оформления баннера.
2. Нажмите кнопку «Сгенерировать код».
3. Скопируйте код электронной формы, нажав кнопку «Скопировать код»

image.png

 

image.png

 

ВНИМАНИЕ!!!
Установленный на сайте образовательной организации виджет может не  отправлять сообщения в случае, если в ЛКО в разделе «Функционирование ЛКО» указан не актуальный адрес сайта или допущена ошибка в адресе сайта организации.
Для устранения этой проблемы необходимо обратиться в техническую поддержку, указав в заявке название организации, ОГРН организации и актуальный адрес сайта.
После замены адреса сайта необходимо заново сгенерировать код виджета и заменить на него ранее установленный код виджета на сайте организации.

Как добавить код виджета на сайт расположенный на единой платформе сайтов

Войти на сайт от имени администратора:

image.png

2. Кликнуть по кнопке добавить блок:

image.png

3. Установить чекбокс Типовой блок - Да

4. Тип блока выбрать - виджет ПОС

5. В поле код виджета сообщить о проблеме вставить код виджета сгенерированный платформой обратной связи расположенной по адресу https://pos.gosuslugi.ru/admin/:

image.png

Не забываем сохранить сделанные изменения:

image.png

Важно! После сохранения нового блока он автоматически помещается в самый низ главной страницы сайта!

Виджет ПОС должен располагаться в верхней части главной страницы