Блог Дмитрия Серженко

Всю сознательную жизнь работаю в области информатизации образования.

В настоящее время работаю заместителем директора по информатизации и учителем информатики школы № 509; по совместительству — в двух городских организациях. Веду предпринимательскую деятельность.
Ранее — заведующий ЦИО ИМЦ Петродворцового района, сотрудник поддержки ВКонтакте, инженер ЦИО ИМЦ Красносельского района, педагог дополнительного образования, переводчик и проч., проч., проч.…

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

Меня можно найти: VKFacebookInstagramTwitterGoogle+ХабрахабрWebfolio

«Территория смыслов — 2018». Смена «Образование будущего»

5 — 11 июля во Владимирской области проходила смена «Образование будущего» молодёжного форума «Территория смыслов на Клязьме». Традиционно смены «ТС» ориентированы одновременно на представителей нескольких сообществ. Наша смена «Образование будущего» проводилась для молодых педагогов, студентов — будущих педагогов, муниципальных и региональных кураторов РДШ и представителей медиа/блогеров. Мы с коллегой, учителем математики школы № 509 Мариной Беловой, приняли участие в форуме в составе делегации Санкт-Петербурга: я в качестве «медийщика», Марина — в качестве молодого педагога.

Буквально с «проходной» мы были приятно удивлены продуманностью и «чёткостью» форума. Очень порадовала организация и оформление пространства. В плане дизайна — всё было стильно и минималистично, и везде прослеживался фирменный стиль: от оформления лекториев и сцены до объявлений на холодильнике с мороженым на фуд-корте. Понравились и инженерные (в частности, IT-) решения.

В этот раз программа форума позиционировалась организаторами не как «образовательная», а как «программа личностного развития». Забегая вперёд, скажу, что не зря.

Большое значение отведено нетворкингу — деятельности, направленной на выстраивание новых отношений с ранее незнакомыми людьми. И действительно, в смене приняли участие 1000 молодых людей со всей России — от Калининграда до Камчатки. Молодых людей, работающих в одной профессиональной плоскости. Это и правда очень благоприятная среда для новых знакомств и профессиональных бесед.

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

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

Перед нами выступили руководитель Федерального агентства по делам молодёжи Александр Бугаев с лекцией «Россия — страна возможностей» и его заместитель Екатерина Драгунова с рассказом о том, как «Россия удивляет». Глава ведомства Александр Бугаев представил участникам смены «Образование будущего» ведущие проекты Росмолодёжи, в том числе и Российское движение школьников. Директор ФГБУ «Росдетцентр», ответственный секретарь Координационного совета РДШ Алиса Крюкова рассказала о проектах РДШ.

С темой «Новое образование» выступил Григорий Трубников, первый заместитель Министра науки и высшего образования РФ.

Великолепное выступление «Теория поколений — Y» Валерии Касамара, Заведующей Научно-учебной лабораторией политических исследований НИУ «ВШЭ», буквально растащили на цитаты :) [Презентация с выступления]

Директор Росдетцентра Алиса Крюкова и Герой России, лётчик-космонавт, председатель РДШ Сергей Рязанский, рассказали об Российском движении школьников — направлениях и приоритетах развития организации.

О «Школе, устремлённой в будущее», рассказали Исак Фрумин, член Ученого совета НИУ ВШЭ, и Олег Федоров, руководитель образовательной программы ВШЭ, академический руководитель программ «Педагогическое образование» и «Учитель России».

Зинаида Драгункина, председатель Комитета Совета Федерации Федерального Собрания Российской Федерации по науке, образованию и культуре, выступила с лекцией «Современная школа — новые пути развития образования и воспитания». Как отметила Зинаида Федоровна, сегодня не бывает таких законов, которые в процессе не получают доработок и поправок. Так, в ходе совместной работы были внесены поправки в принятый в 2012 году «Закон об образовании». Удалось добиться возвращения медалей выпускникам школ, льгот для поступления в вузы для сирот, а также узаконили школьную форму. Сегодня ведётся работа, в том числе над улучшением ЕГЭ. С законодательными инициативами выступили и сами участники. Зинаида Фёдоровна обещала вынести озвученные из зала идеи на обсуждение в комитете Совета Федерации.

Участники форума встретились и с Ольгой Васильевой, Министром просвещения Российской Федерации. Ключевой темой более полуторачасового общения стали цели и задачи, которые стоят перед Министерством Просвещения: создание конкурентоспособного образования и вхождения системы образования России в 10-ку лучших в мире. Разумеется, речь зашла не только о инфраструктурных изменениях образования, но и в содержательном аспекте. Министерство просвещения ставит перед собой задачи до конца 2018 года: внедрение стандартов базового образования и формирование Федерального перечня учебников. Отвечая на вопросы участников форума, Ольга Юрьевна рассказала про приоритетный проект для учителей — платформу «Российская электронная школа», обсудили классное руководство, а также роль родителей в образовании детей.

Елена Ульянова, Президент Институт Ускорения Экономического Развития (Рыбаков Фонд), и Лариса Смышляева, Директор Института психологии и педагогики Томского государственного педагогического университета, говорили о «Равенстве возможностей» — обсудили особенности инклюзивного образования в нашей стране.

Елена Шмелева, руководитель Фонда «Талант и успех» (детский центр «Сириус») в своём выступлении говорила о том, «Что такое талант и как его выявить»

Встреча с Ярославом Кузьминовым, ректором Национального исследовательского университета «Высшая школа экономики», дала возможность подискутировать о том, должно ли быть высшее образование платным, как быть с научными трудами, заочном образовании, конкуренции российской и западной школы, онлайн-университетах.

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

Помимо интенсивных общих лекций каждый участник мог посетить мастер-классы и «точки смысла» по своему выбору. Лично для меня очень интересен оказался мастер-класс «Как устроена работа пресс-службы Форума ТС18» от Сергея Никифорова, руководитель пресс-службы и СППИ [службы по производству искусства] Форума. Буду стараться внедрить что-то из услышанного в работу школьной пресс-службы и школьного медиацентра.

Конечно, одними лишь образовательными активностями деятельность на форуме не ограничивалась. Участникам предлагались творческие мастер-классы и занятия спортом, а также были доступны настольные и спортивные игры. Ну и куда же без конкурсов. :)

А ещё каждый из дней был посвящён одной из ценностей, становившейся «хэштегом» дня: добро, счастье, семья, любовь, дружба. К выбранной ценности были приурочены микроконкурсы в течение дня и активности на утренней и вечерней «Картах дня» (что-то вроде общефорумных линеек).

Форум зарядил новыми идеями. Осталось уложить всё в голове как следует. Спасибо, «Территория смыслов»! ТС навсегда! :)

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

htmlacademy

htmlacademy — игрофицированная интерактивная обучающая среда для изучения современных веб-технологий — предлагает программу HTML Academy — учителям.

Отлично подходит для изучения основ «сайтостроения» (HTML, CSS, JavaScript) — и не только основ.

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

Условия:

  • Кабинет учителя доступен для преподавателей учебных учреждений: школ, вузов, колледжей, техникумов и так далее.
  • Подключение и использование кабинета учителя — бесплатное.
  • Срок использования кабинета — неограничен.
  • Все ученики получают доступ к 20 интерактивным курсам, состоящим из более 300 интерактивных упражнений.
  • 30 ученикам можно предоставить полный доступ, который включает все 56 курсов из более 1100 интерактивных упражнений.
  • Полный доступ предоставляется сроком на год.
  • Количество полных доступов обновляется каждый год.

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

И более детальную статистику, в разрезе курсов:

Увлекательно! :) Первый вопрос детей после урока: «А дома можно продолжить???»

P.S. Зарегистрировавшись по моей ссылке, Вы получите один день бесплатной подписки на расширенные курсы.

Telegram SOCKS5 proxy

Если у вас сегодня перестал работать Telegram, а вы не террорист и хотите продолжать им пользоваться, то перейдите по этой ссылке на любом устройстве, на котором установлен Telegram: https://serzhenko.me/socks.php

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

Должно сработать автоматически на Android, iOS, Windows и macOS. Если вдруг автоматической настройки не случилось, вы можете сделать это вручную — необходимые данные указаны на той же странице.

За идею спасибо Денису и Андрею. У Андрея кстати есть подробная инструкция, как абсолютно без технических знаний сделать свой собственный прокси за 5$ в месяц.

16 апреля   Telegram

Новый порядок применения ЭО и ДОТ

Зарегистрирован в Минюсте и опубликован приказ Минобрнауки от 23 августа 2017 года № 816 «Об утверждении Порядка применения организациями, осуществляющими образовательную деятельность, электронного обучения, дистанционных образовательных технологий при реализации образовательных программ». Приказ вступает в силу с 1 октября 2017 года и отменяет ранее действовавший Порядок, утверждённый приказом Минобрнауки от 9 января 2014 года № 2.

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

2017   e-mail

TimelineJS — сервис для создания интерактивных веб-таймлайнов

Удобным и наглядным способом отобразить последовательность событий, имеющих конкретные даты или временные рамки, является таймлайн («временная шкала»).

Одним из бесплатных инструментов (более того — с открытым исходным кодом), позволяющих создавать интерактивные таймлайны, является библиотека TimelineJS. Созданные таймлайны могут быть размещены на любом веб-сайте или блоге, позволяющем встраивать IFrame’ы либо JavaScript и CSS.

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

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

Разработчики библиотеки предлагают на сайте удобный сервис-конструктор встраиваемого кода. В простейшем варианте для создания своего таймлайна необходимо выполнить несколько простых действий:

  1. Создать гугл-таблицу по предоставленному разработчиками шаблону.
  2. Заполнить её данными.
  3. Опубликовать таблицу, получив публичную ссылку.
  4. Вставить полученную на предыдущем шаге ссылку в конструктор кода.
  5. Готово! Сервис сразу же выдаёт код, готовый для встраивания в веб-страницы.
    Код, предлагаемый по умолчанию, готов к использованию. Но таймлайн весьма гибко настраивается, если стандартные опции не подходят. В частности, предлагаемый по умолчанию код подразумевает английскую локализацию (language=en), однако русская локализация поддерживается в полной мере (language=ru).

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

Пример использования таймлайна можно посмотреть на сайте школы № 509 в разделе «История школы»: на временную шкалу нанесены важные и интересные события в пока ещё недолгой (двухлетней) истории школы-новостройки:

Изменения в Правилах размещения информации на сайте ОО

Постановлением Правительства РФ от 17 мая 2017 года № 575 вносятся изменения в Правила размещения на официальном сайте образовательной организации в информационно-телекоммуникационной сети Интернет и обновления информации об образовательной организации, утверждённые Постановлением Правительства РФ от 10 июля 2013 года № 582.

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

При помощи сервиса Mergely очень удобно делать это онлайн. По ссылке доступно сравнение действующей редакции (слева) и вступающей в силу (справа). Цветами размечены удалённые, внесённые и изменённые фрагменты текста.

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

Изменения вступают в силу с 27 мая 2017 года. В 785-м приказе Рособрнадзора эти изменения пока не отражены, поэтому пока на сайте эту информацию размещаем сами по смыслу: изменения затрагивают информацию, содержавшуюся в подразделах «Образование», «Материально-техническое обеспечение и оснащённость образовательного процесса», «Стипендии и иные виды материальной поддержки» специального раздела «Сведения об образовательной организации».

Обновление ЕСИР — возможность настройки виджета

Тихо и незаметно выкатили обновление виджета ГИС «ЕСИР».

В соответствии с Постановлением Правительства Санкт-Петербурга от 08.08.2011 № 1136 «О государственной информационной системе Санкт-Петербурга „Единая система информационных ресурсов официальных сайтов исполнительных органов государственной власти Санкт-Петербурга и государственных учреждений Санкт-Петербурга“» сайты государственных учреждений должны быть включены в ГИС ЕСИР.

При включении сайта в ЕСИР на сайте размещается JavaScript-виджет «Навигатор по государственным сайтам Санкт-Петербурга», и ранее не было возможности влиять на внешний вид виджета. Он существовал в единственном варианте:

Теперь же в личном кабинете оператора ЕСИР появилась возможность конфигурирования виджета: можно выбрать одну из трёх цветовых схем (прежнюю стандартную серую либо одну из двух новых: светлую или тёмную), а также отключить поле поиска.

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

Также генерируемый код виджета обновлён для лучшей поддержки сайтов, работающих по безопасному протоколу HTTPS: если ранее код виджета генерировался с указанием конкретной URL-схемы (http://esir.gov.spb.ru/...), то теперь схема опущена (//esir.gov.spb.ru/...), что интерпретируется браузером как указание использовать тот же протокол, что и при загрузке самого сайта, на котором и вставлен виджет. А значит, при загрузке HTTPS-зайтов браузер не будет выдавать предупреждения о небезопасном содержимом.

Подробная инструкция по подключению к ЕСИР размещена на сайте ИМЦ Красносельского района. Краткая — в виде блок-схемы — на сайте ЕСИР.

Акция «Читайте с любовью»

14 февраля 2017 в школе № 509 впервые прошла акция «Читайте с любовью», приуроченная ко Дню книгодарения и Дню всех влюблённых.

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

Участники акции получали на память сувенир — значок с символикой акции.

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

Как это работает?

Инфопанель в этом холле представляет собой SmartTV, напрямую (без ПК) подключённый к школьной локальной сети по Ethernet. Обычно изображение для трансляции (видео, фото, объявления) телевизор берёт со школьного медиасервера. Самый оптимальный вариант для трансляции динамического контента — использование встроенного в ПО телевизора веб-браузера.

Была свёрстана веб-страница, на которой отображается счётчик подаренных книг. Раз в 5 секунд страница отправляет AJAX-запрос на сервер и запрашивает значение счётчика. Если в ответ приходит значение, отличное от текущего, счётчик обновляется с анимацией.

Как же обновляется значение на сервере? Был свёрстан второй интерфейс — для управления счётчиком. Он адаптирован для мобильных устройств. Управляющий интерфейс содержит две кнопки: «−» и «+» — а также текущее значение счётчика. Нажатие каждой из кнопок вызывает AJAX-запрос на сервер, содержащий один параметр — запрошенное действие. Соответственно, происходит либо декремент, либо инкремент счётчика.

Специально обученный волонтёр, принимая книжку, выдаёт значок и нажимает кнопку в своём мобильном интерфейсе. На сервер уходит запрос, обновляется значение, примерно в течение 5 секунд счётчик обновляется на экране — как раз за это время волонтёр успевает помочь прикрепить значок :) Участник акции счастлив — видит свой вклад визуализированно: «вот я принёс книжку и меня посчитали!»

Что интересно — в ходе подобной акции ссылка на страницу со счётчиком в принципе без опаски может быть размещена в публичном пространстве (в соцсетях и/или на сайте школы). Тогда следить за прогрессом акции смогут не только ученики внутри школы, но и, например, их родители. Но мы в этот раз не размещали. :)

Одноразовая ли это история? Думаю, что нет. Очень легко адаптировать этот счётчик к любым другим акциям — считать количество отжиманий в ходе спортивных праздников, количество сданных использованных батареек (спасённых ёжиков) в рамках экологических акций и т. п. :)

Чуть-чуть сугубо технических деталей

Использованные технологии, библиотеки, фреймворки:

  • PHP
  • jQuery
  • CSS-фреймворк Bootstrap 3 для ускорения и упрощения вёрстки
  • key-value хранилище Redis и php-библиотека Predis для работы с ним
  • JS-библиотека FlipClock для создания анимированного счётчика в виде «циферблата»

Значение на сервере хранится в key-value хранилище Redis в виде одного целого числа. На уровне хранилища поддерживаются атомарные операции инкремента/декремента.

Почему делается pull-запрос с клиентской стороны раз в 5 секунд, а не push с сервера или long-polling? Потому что браузер телевизора иногда ведёт себя странно при, казалось бы, самых банальных операциях. Например, вылетает при просмотре YouTube-роликов (через браузер, а не спец. приложение). Поэтому принято решение, во избежание лишних крэшей, максимально упростить клиентский код.

Ранее Ctrl + ↓