{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Дмитрия Серженко: заметки с тегом школа № 509",
    "_rss_description": "Всю сознательную жизнь работаю в образовании.\r\n\r\nВ настоящее время — открываю Лицей информационных технологий Приморского района Санкт-Петербурга.\r\nРанее (в т.ч. по совместительству): зам. директора и  руководитель центра цифрового образования «ИнфинITи» школы № 509, сотрудник СПбЦОКОиИТ и Инспекции Комитета по образованию Санкт-Петербурга, заведующий ЦИО ИМЦ Петродворцового района, сотрудник поддержки ВКонтакте, инженер ЦИО ИМЦ Красносельского района, педагог дополнительного образования УМЦ «ИНФОБ» и лицея № 395, переводчик, индивидуальный предприниматель и проч., проч., проч.…\r\n\r\nDisclaimer. Вся информация, опубликованная в этом блоге, отражает персональное мнение частного лица, даже если затрагивает рабочие темы, и не представляет официальную позицию какой-либо организации или органа власти (хотя и может с таковой позицией совпадать… или не совпадать).",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/serzhenko.ru\/tags\/shkola-509\/",
    "feed_url": "https:\/\/serzhenko.ru\/tags\/shkola-509\/json\/",
    "icon": "https:\/\/serzhenko.ru\/pictures\/userpic\/userpic@2x.jpg?1762279385",
    "authors": [
        {
            "name": "Дмитрий Серженко",
            "url": "https:\/\/serzhenko.ru\/",
            "avatar": "https:\/\/serzhenko.ru\/pictures\/userpic\/userpic@2x.jpg?1762279385"
        }
    ],
    "items": [
        {
            "id": "28",
            "url": "https:\/\/serzhenko.ru\/all\/seminar-itns-2021\/",
            "title": "Семинар «Цифровая трансформация образования: новые вызовы — новые умения»",
            "content_html": "<p>24 марта 2021 года в <a href=\"https:\/\/school509.spb.ru\">школе № 509<\/a> прошёл <a href=\"https:\/\/itns2021.school509.spb.ru\/\">выездной онлайн-семинар «Цифровая трансформация образования: новые вызовы — новые умения»<\/a> <a href=\"https:\/\/conf.spbcokoit.ru\/\">XII Всероссийской конференции с международным участием «Информационные технологии для Новой школы»<\/a>. Конференция проводится ежегодно в рамках <a href=\"https:\/\/eduforum.spb.ru\/\">Петербургского международного образовательного форума<\/a>.<\/p>\n<p>В рамках семинара представлено 14 видеодокладов суммарной продолжительностью более двух часов. Административная команда и педагогический коллектив ГБОУ № 509 представили новые подходы к развитию методической системы школы, поделились опытом трансформации отдельных сегментов образовательной среды и своими ноу-хау — в части проектирования и реализации новых инструментов, преобразующих образовательную среду в соответствии с формирующимся образом цифровой школы.<\/p>\n<p>С материалами семинара ознакомились более 150 посетителей из Санкт-Петербурга, Москвы, Ленинградской, Кемеровской, Вологодской, Нижегородской, Омской, Калининградской, Ярославской, Амурской, Кировской, Свердловской областей, республик Карелия, Башкортостан, Татарстан, Пермского края, а также из города Минск республики Беларусь.<\/p>\n<p>В форме обратной связи посетители семинара отметили «интересное, содержательное знакомство с опытом школы» и высоко оценили актуальность и доступность изложения представленных материалов.<\/p>\n<p>В нескольких докладах — одном пленарном и нескольких секционных — поучаствовал и я.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Tc9gyrBzaUQ?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/vZtdeKHMTnQ?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Xz8d0lFPFbs?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/ZUlTFV9EJ4g?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/s1ihVib-aPw?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Все видеодоклады конференции постоянно доступны по ссылке: <a href=\"https:\/\/itns2021.school509.spb.ru\/\">https:\/\/itns2021.school509.spb.ru\/<\/a><\/p>\n",
            "date_published": "2021-03-24T16:37:00+03:00",
            "date_modified": "2021-04-04T16:43:12+03:00",
            "tags": [
                "Google Classroom",
                "боты",
                "ИТНШ",
                "квизы",
                "программирование",
                "ЦЦО",
                "школа № 509"
            ],
            "image": "https:\/\/serzhenko.ru\/pictures\/GBOU--509.jpg",
            "_date_published_rfc2822": "Wed, 24 Mar 2021 16:37:00 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "28",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/serzhenko.ru\/pictures\/GBOU--509.jpg",
                    "https:\/\/serzhenko.ru\/pictures\/remote\/youtube-Tc9gyrBzaUQ-cover.jpg",
                    "https:\/\/serzhenko.ru\/pictures\/remote\/youtube-vZtdeKHMTnQ-cover.jpg",
                    "https:\/\/serzhenko.ru\/pictures\/remote\/youtube-Xz8d0lFPFbs-cover.jpg",
                    "https:\/\/serzhenko.ru\/pictures\/remote\/youtube-ZUlTFV9EJ4g-cover.jpg",
                    "https:\/\/serzhenko.ru\/pictures\/remote\/youtube-s1ihVib-aPw-cover.jpg"
                ]
            }
        },
        {
            "id": "27",
            "url": "https:\/\/serzhenko.ru\/all\/online-workshop-quiz\/",
            "title": "Онлайн-воркшоп «Проведение интеллектуальных игр (квизов) в онлайн-формате»",
            "content_html": "<p>Рассказали с <a href=\"https:\/\/webfolio.school509.spb.ru\/profile.php?id=163\">Русланом Наильевичем<\/a> о том, как мы проводим онлайн-квизы — и как их проводить в других школах.<\/p>\n<p>Выступление:<\/p>\n<iframe src=\"https:\/\/vk.com\/video_ext.php?oid=-93144412&id=456239338&hash=394886377cc5cafe&hd=2\" width=\"853\" height=\"480\" allow=\"autoplay; encrypted-media; fullscreen; picture-in-picture;\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>Слайды:<\/p>\n<script async class=\"speakerdeck-embed\" data-id=\"0d1ddbb6e09d4a7ab05b8241d525f3d8\" data-ratio=\"1.77777777777778\" src=\"\/\/speakerdeck.com\/assets\/embed.js\"><\/script>\n<p>P.S. В конце — «сцена после титров», сладкий бонус ;-)<\/p>\n",
            "date_published": "2021-03-02T19:28:03+03:00",
            "date_modified": "2022-05-02T09:55:56+03:00",
            "tags": [
                "квизы",
                "школа № 509"
            ],
            "_date_published_rfc2822": "Tue, 02 Mar 2021 19:28:03 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "27",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "26",
            "url": "https:\/\/serzhenko.ru\/all\/doklad-pro-botov\/",
            "title": "Доклад про ботов",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/serzhenko.ru\/pictures\/banner-SPO-2020.jpg\" width=\"2013\" height=\"819\" alt=\"\" \/>\n<\/div>\n<p>29 октября 2020 года в <a href=\"https:\/\/rcokoit.ru\">Санкт-Петербургском центре оценки качества образования и информационных технологий (СПбЦОКОиИТ<\/a>) состоялась <a href=\"https:\/\/umr.rcokoit.ru\/pages\/events-it-in-education-free-soft-2020.html\">XIII научно-практическая конференция «Проблемы и перспективы внедрения свободного программного обеспечения в образовательных организациях Санкт-Петербурга»<\/a>. В этом году — в дистанционном формате.<\/p>\n<p>Одной из тематик секции «Свободно распространяемые системы управления и обучения» были «чат-боты в образовании».<\/p>\n<p>Представил в докладе и статье опыт применения чат-ботов ВКонтакте в воспитательно-образовательном процессе в нашей школы на примерах кейсов <a href=\"https:\/\/serzhenko.ru\/all\/chgk-bot\/\">ЧГК-бота<\/a> и <a href=\"https:\/\/serzhenko.ru\/all\/bot-dlya-akcii-pomnim\/\">бота акции «Помним»<\/a>.<\/p>\n<p>Слайды:<\/p>\n<script async class=\"speakerdeck-embed\" data-id=\"c033d97aa42c49699f6247a1d5c51440\" data-ratio=\"1.77777777777778\" src=\"\/\/speakerdeck.com\/assets\/embed.js\"><\/script>\n",
            "date_published": "2020-11-06T20:12:33+03:00",
            "date_modified": "2020-11-06T20:14:32+03:00",
            "tags": [
                "боты",
                "выступление",
                "конференция",
                "школа № 509"
            ],
            "image": "https:\/\/serzhenko.ru\/pictures\/banner-SPO-2020.jpg",
            "_date_published_rfc2822": "Fri, 06 Nov 2020 20:12:33 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "26",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/serzhenko.ru\/pictures\/banner-SPO-2020.jpg"
                ]
            }
        },
        {
            "id": "25",
            "url": "https:\/\/serzhenko.ru\/all\/bot-dlya-akcii-pomnim\/",
            "title": "Бот для акции «Помним»",
            "content_html": "<p>В преддверии Дня Победы ежегодно и повсеместно проходят акции в формате <a href=\"https:\/\/www.moypolk.ru\/\" class=\"nu\">«<u>Бессмертного полка<\/u>»<\/a>.<\/p>\n<p>В этом году, в связи с известными коронавирусными обстоятельствами, бо́льшая часть акций перешла в онлайн-формат. В частности «Российское движение школьников» <a href=\"https:\/\/vk.com\/wall-122623791_193161\">запустило акцию «Помним»<\/a>.<\/p>\n<p>Участникам акции предлагается:<\/p>\n<ol start=\"1\">\n<li>Скачать файл с рамкой;<\/li>\n<li>Наложить слой с рамкой на слой с фото в нужном порядке (да, рамка должна быть на переднем слое, т. к. у неё есть «уголочки», которые должны быть на фотографии, а не под);<\/li>\n<li>Добавить подписи (желательно — уместным шрифтом);<\/li>\n<li>Сохранить фото.<\/li>\n<\/ol>\n<p>Очевидно, что для многих потенциальных участников акции выполнение алгоритма станет не такой уж тривиальной задачей: требуются навыки работы с графическими редакторами или хотя бы онлайн-сервисами аналогичного назначения. Либо <a href=\"https:\/\/vk.com\/@rms_spb-kak-sdelat-fotografiu-bessmertnogo-polka\">использования «костылей» вроде PowerPoint’а<\/a>.<\/p>\n<p>Для того, чтобы повысить потенциальную вовлечённость наших обучающихся и их родителей в акцию, мы решили поэкспериментировать и максимально оптимизировать  процесс подготовки фото в рамке для публикации в школьной онлайн-колонне  «Бессмертного полка».<\/p>\n<div id=\"vk_post_-194939024_5\"><\/div><script type=\"text\/javascript\" src=\"https:\/\/vk.com\/js\/api\/openapi.js?168\"><\/script>\n<script type=\"text\/javascript\">\n  (function() {\n    VK.Widgets.Post(\"vk_post_-194939024_5\", -194939024, 5, 'Y45j8dVxdCE5SxHgfw_WoQ');\n  }());\n<\/script>\n<p>Был реализован следующий пользовательский сценарий:<\/p>\n<ol start=\"1\">\n<li>Бот в сети ВКонтакте принимает в качестве входных данных фотографию, ФИО и (опционально) звание героя.<\/li>\n<li>Подготавливает изображение, присылает его пользователю.<\/li>\n<li>Предлагает пользователю выполнить публикацию в сообществе.<\/li>\n<li>Если пользователь соглашается, фото загружается в альбом сообщества и публикуется на стене с заранее заготовленным набором соответствующих хэштегов. Получившийся пост отправляется пользователю, который может принять решение о лайке, репосте (или каком-либо другом действии в рамках стандартного взаимодействия с соцсетью).<\/li>\n<\/ol>\n<p>Важно, что без прямого на то намерения пользователя ничего никуда не публикуется и, пока пользователь не примет такого решения, никакие данные не выходят за пределы диалога «пользователь — бот».<\/p>\n<p>По сути сейчас нет никакой технической фильтрации ни текстового, ни графического контента, которые подаются на вход боту (кроме, разве что, «загрузите, пожалуйста, вертикальное фото»). Поэтому в целях предупреждения потенциального вандализма была организована команда модераторов, состоящая из педагогов и ребят-активистов, готовых оперативно устранять последствия актов вандализма, если таковые будут иметь место.<\/p>\n<p>Вот что получилось:<\/p>\n<!-- VK Widget --><div id=\"vk_groups\"><\/div><script type=\"text\/javascript\">\nVK.Widgets.Group(\"vk_groups\", {mode: 4, wide: 1, height: \"600\", width: \"auto\", no_cover: 1}, 194939024);\n<\/script>\n<p><hr><\/p>\n<p>Дальше — чуть-чуть технических подробностей разработки. Можете смело пропустить два следующих абзаца, если вас пугают слова и аббревиатуры PHP, API, SDK, NoSQL, «токен» или «standalone» :)<\/p>\n<p>Технически взаимодействие с пользователем осуществляется через <a href=\"https:\/\/vk.com\/dev\/bots_docs\">чат-бота VK<\/a>, серверной частью которого является PHP-приложение, написанное с использованием <a href=\"https:\/\/github.com\/VKCOM\/vk-php-sdk\">официального SDK VK<\/a>:<\/p>\n<ul>\n<li>Для генерации изображений используются библиотеки-обёртки над <a href=\"https:\/\/www.php.net\/manual\/ru\/book.image.php\">GD<\/a>: <a href=\"https:\/\/github.com\/Treinetic\/ImageArtist\">ImageArtist<\/a> и <a href=\"https:\/\/github.com\/stil\/gd-text\">gd-text<\/a>.<\/li>\n<li>Для хранения состояния сессии взаимодействия с пользователем используется NoSQL-хранилище <a href=\"https:\/\/redis.io\/\">Redis<\/a> и его <a href=\"https:\/\/github.com\/nrk\/predis\">PHP-клиент Predis<\/a>.<\/li>\n<li>В целом архитектура проекта такова, что при желании можно изменить (или расширить) платформы взаимодействия с ботом на другие соцсети и\/или мессенджеры, используя их API.<\/li>\n<\/ul>\n<p>Взаимодействие с пользователем осуществляется от имени специально созданного сообщества, однако в процессе разработки я столкнулся с одним логически неочевидным ограничением (однако прямо оговорённым в документации): токен доступа сообщества не позволяет загружать фотографии в альбомы сообщества и создавать записи на его стене. Это возможно только с ключом доступа пользователя, обладающего правами на такие действия в конкретном сообществе. Из этой ситуации был найден следующий выход: создано техническое standalone-приложение, для которого был получен токен пользователя-администратора сообщества с неограниченным сроком действия.<\/p>\n",
            "date_published": "2020-05-07T12:51:45+03:00",
            "date_modified": "2020-11-06T20:13:47+03:00",
            "tags": [
                "Бессмертный полк",
                "боты",
                "программирование",
                "школа № 509"
            ],
            "image": "https:\/\/serzhenko.ru\/pictures\/Bez-imeni-1.png",
            "_date_published_rfc2822": "Thu, 07 May 2020 12:51:45 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "25",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/serzhenko.ru\/pictures\/Bez-imeni-1.png"
                ]
            }
        },
        {
            "id": "23",
            "url": "https:\/\/serzhenko.ru\/all\/chgk-bot\/",
            "title": "ЧГК-бот",
            "content_html": "<p>С начала 2019 года я тренирую школьную команду по интеллектуальным играм.<\/p>\n<p>С этого учебного года она разрослась до школьного <a href=\"https:\/\/vk.com\/iq509\">Клуба интеллектуальных игр<\/a>.<\/p>\n<p>Для координации встреч и «онлайн-тренировок» была создана беседа ВКонтакте, где время от времени мы с ребятами практиковались «раскручивать» вопросы из <a href=\"https:\/\/db.chgk.info\">Базы вопросов ЧГК<\/a>. Во время каникул возникло острое желание, насколько это возможно, автоматизировать работу по выбору вопроса из базы и «зачёту» верного ответа.<\/p>\n<p>Так родился бот школьного клуба интеллектуальных игр.<\/p>\n<p>Методом гугления в ЖЖ-сообществе «Спортивное ЧГК» был обнаружен <a href=\"https:\/\/ru-chgk.livejournal.com\/982237.html\">пост<\/a>, описывающий XML API базы вопросов. Из этого поста можно было сделать сразу два вывода, один внезапнее другого:<\/p>\n<ol start=\"1\">\n<li>ЖЖ жив (о_0)<\/li>\n<li>У Базы API всё же есть.<\/li>\n<\/ol>\n<p>В результате дня изучения (вспоминания давно забытого) VK API был набросан proof-of-concept бота, который умеет:<\/p>\n<ul>\n<li>получать случайный вопрос из базы;<\/li>\n<li>писать его в чат с примитивной защитой от гугления;<\/li>\n<li>повторять его;<\/li>\n<li>выводить ответ на этот вопрос, если игроки сдаются («сливают» вопрос);<\/li>\n<li>читать ответы из чата;<\/li>\n<li>засчитывать правильные ответы и то, что похоже на правильные ответы (с точностью до е\/ё, кавычек и знаков препинания);<\/li>\n<li>вести рейтинг игроков.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"568\" data-ratio=\"0.81844380403458\">\n<img src=\"https:\/\/serzhenko.ru\/pictures\/2020-01-23_11-18-56.png\" width=\"568\" height=\"694\" alt=\"\" \/>\n<img src=\"https:\/\/serzhenko.ru\/pictures\/2020-01-23_11-20-01.png\" width=\"410\" height=\"343\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>В перспективе планирую сделать командный режим игры с ботом и хочу научить бота читать ответы в других падежах, с предлогами и т. п. — т. е. научить анализировать русский текст.<\/p>\n<p>P.S. Приходите в <a href=\"https:\/\/vk.com\/iq509\">Клуб<\/a>, попадайте в беседу, испытывайте свой интеллект на прочность! :-)<\/p>\n",
            "date_published": "2020-01-23T12:57:02+03:00",
            "date_modified": "2020-05-07T16:39:35+03:00",
            "tags": [
                "боты",
                "интеллектуальные игры",
                "школа № 509"
            ],
            "image": "https:\/\/serzhenko.ru\/pictures\/logo-3000-transp.png.jpg",
            "_date_published_rfc2822": "Thu, 23 Jan 2020 12:57:02 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "23",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/serzhenko.ru\/pictures\/logo-3000-transp.png.jpg",
                    "https:\/\/serzhenko.ru\/pictures\/2020-01-23_11-18-56.png",
                    "https:\/\/serzhenko.ru\/pictures\/2020-01-23_11-20-01.png"
                ]
            }
        },
        {
            "id": "24",
            "url": "https:\/\/serzhenko.ru\/all\/iuchitel-2\/",
            "title": "iУчитель",
            "content_html": "<p><a href=\"https:\/\/rybakovfoundation.ru\/\">Рыбаков Фонд<\/a> подвёл итоги <a href=\"https:\/\/rybakovschoolaward.ru\/\">Всероссийского конкурса «Школа»<\/a>. На конкурс было подано более 2800 заявок, и по итогам работы экспертов оглашены имена 50 победителей.<\/p>\n<p>В число <a href=\"https:\/\/lk.rybakovschoolaward.ru\/\">победителей в номинации «Я — iУчитель»<\/a> вошёл единственный педагог из Санкт-Петербурга — Ваш покорный слуга, Дмитрий Иванович Серженко, заместитель директора по информатизации, учитель информатики и руководитель <a href=\"https:\/\/vk.com\/iq509\">клуба интеллектуальных игр<\/a> <a href=\"https:\/\/school509.spb.ru\">школы № 509<\/a>. По итогам экспертной оценки у меня набрал 103.5 балла из 110 возможных, заняв пятое место в рейтинге среди всех участников конкурса.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/serzhenko.ru\/pictures\/X6p0BRWVc7A.jpg\" width=\"1240\" height=\"1753\" alt=\"\" \/>\n<\/div>\n<p>Стать частью Сообщества с большой буквы «С» — большая честь для меня и показатель того, что я двигаюсь в верном направлении.<\/p>\n<p>В конкурсе «Школа» Рыбаков Фонд объединил лучшее из трехлетней истории своих конкурсных программ «ТОПШкола» и «iУчитель», благодаря которым возникла уникальная среда для обмена опытом. Конкурс «Школа» запущен, чтобы поддержать лучшие практики школьных команд и учителей, раскрывающие потенциал ученика и преобразующие школу в центр социума. Организаторы конкурса убеждены: школа — это основа для становления личности и всего общества, именно поэтому вокруг школы должны быть сосредоточены ресурсы и усилия самых разных общественных институтов и неравнодушных граждан.<\/p>\n",
            "date_published": "2019-12-20T18:26:00+03:00",
            "date_modified": "2020-01-23T18:27:16+03:00",
            "tags": [
                "iУчитель",
                "Рыбаков фонд",
                "школа № 509"
            ],
            "image": "https:\/\/serzhenko.ru\/pictures\/X6p0BRWVc7A.jpg",
            "_date_published_rfc2822": "Fri, 20 Dec 2019 18:26:00 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "24",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/serzhenko.ru\/pictures\/X6p0BRWVc7A.jpg"
                ]
            }
        },
        {
            "id": "21",
            "url": "https:\/\/serzhenko.ru\/all\/geek-teachers-fest\/",
            "title": "Geek Teachers Fest",
            "content_html": "<p>31 октября 2019 года в школе № 509 мы провели грандиозный фестиваль-праздник для учителей <b>Geek Teachers Fest<\/b>, организованный проектом <a href=\"https:\/\/geekteachers.ru\">Geek Teachers<\/a> в партнёрстве со школой № 509 при генеральной поддержке Рыбаков Фонда.<\/p>\n<p>Посетителями фестиваля стали более полутора тысяч педагогов со всей России, которые приняли участие в образовательно-развлекательной программе в стиле гавайской вечеринки. Главная миссия фестиваля — показать, что образование — это вовсе не обязательно «серьёзно» и «скучно», а вполне может быть и «интересно» и «неформально»!<\/p>\n<p>Очень круто быть частью такого события и ещё более приятно быть в команде организаторов.<\/p>\n<p>Гостями мероприятия стали начальник Отдела образования администрации Красносельского района Санкт-Петербурга О. С. Нестеренкова, начальник отдела образовательных программ АНО «Россия — страна возможностей» А. С. Богданцев, первый проректор СПбАППО Ю. В. Ээльмаа, директор СПбЦОКОиИТ А. Б. Федосов.<\/p>\n<iframe src=\"\/\/vk.com\/video_ext.php?oid=-128649079&id=456239112&hash=aed9ab9020e0c37a&hd=2\" width=\"100%\" height=\"480\" frameborder=\"0\" allowfullscreen><\/iframe>\n",
            "date_published": "2019-11-01T07:45:00+03:00",
            "date_modified": "2019-11-08T07:52:08+03:00",
            "tags": [
                "Geek Teachers",
                "ивент",
                "школа № 509"
            ],
            "image": "https:\/\/serzhenko.ru\/pictures\/44EK5hog8Js.jpg",
            "_date_published_rfc2822": "Fri, 01 Nov 2019 07:45:00 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "21",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/serzhenko.ru\/pictures\/44EK5hog8Js.jpg"
                ]
            }
        },
        {
            "id": "8",
            "url": "https:\/\/serzhenko.ru\/all\/i-love-reading\/",
            "title": "Акция «Читайте с любовью»",
            "content_html": "<p>14 февраля 2017 в школе № 509 впервые прошла <a href=\"https:\/\/vk.com\/wall-128649079_416\">акция «Читайте с любовью»<\/a>, приуроченная ко Дню книгодарения и Дню всех влюблённых.<\/p>\n<p>В рамках этой акции в холле третьего этажа у библиотеки было организовано пространство для буккроссинга: каждый желающий ученик или сотрудник мог принести книгу и оставить её в дар кому-то конкретному, оставить на библиотечной тележке, чтобы кто-то впоследствии выбрал для себя... или вообще подарить школе, библиотеке.<\/p>\n<p>Участники акции получали на память сувенир — значок с символикой акции.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/serzhenko.ru\/pictures\/5NR0Si7EdEk.jpg\" width=\"1312\" height=\"984\" alt=\"\" \/>\n<\/div>\n<p>Для большей интерактивности и для увлечения «мимо проходящих» мы задействовали инфопанель, располагающуюся в этом же холле. На панели в течение всего дня отображался счётчик подаренных книг.<\/p>\n<h2>Как это работает?<\/h2>\n<p>Инфопанель в этом холле представляет собой SmartTV, напрямую (без ПК) подключённый к школьной локальной сети по Ethernet. Обычно изображение для трансляции (видео, фото, объявления) телевизор берёт со школьного медиасервера. Самый оптимальный вариант для трансляции динамического контента — использование встроенного в ПО телевизора веб-браузера.<\/p>\n<p>Была свёрстана веб-страница, на которой отображается счётчик подаренных книг. Раз в 5 секунд страница отправляет AJAX-запрос на сервер и запрашивает значение счётчика. Если в ответ приходит значение, отличное от текущего, счётчик обновляется с анимацией.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/serzhenko.ru\/pictures\/--_lg_55lw5600_side.png\" width=\"2500\" height=\"2500\" alt=\"\" \/>\n<\/div>\n<p>Как же обновляется значение на сервере? Был свёрстан второй интерфейс — для управления счётчиком. Он адаптирован для мобильных устройств. Управляющий интерфейс содержит две кнопки: «&minus;» и «&plus;» — а также текущее значение счётчика. Нажатие каждой из кнопок вызывает AJAX-запрос на сервер, содержащий один параметр — запрошенное действие. Соответственно, происходит либо декремент, либо инкремент счётчика.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/serzhenko.ru\/pictures\/--2017-04-09--18.11.40_iphone5s_gold_portrait.png\" width=\"2000\" height=\"2000\" alt=\"\" \/>\n<\/div>\n<p>Специально обученный волонтёр, принимая книжку, выдаёт значок и нажимает кнопку в своём мобильном интерфейсе. На сервер уходит запрос, обновляется значение, примерно в течение 5 секунд счётчик обновляется на экране — как раз за это время волонтёр успевает помочь прикрепить значок :) Участник акции счастлив — видит свой вклад визуализированно: «вот я принёс книжку и меня посчитали!»<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/serzhenko.ru\/pictures\/iluvreading.gif\" width=\"480\" height=\"270\" alt=\"\" \/>\n<\/div>\n<p>Что интересно — в ходе подобной акции ссылка на страницу со счётчиком в принципе без опаски может быть размещена в публичном пространстве (в соцсетях и\/или на сайте школы). Тогда следить за прогрессом акции смогут не только ученики внутри школы, но и, например, их родители. Но мы в этот раз не размещали. :)<\/p>\n<p>Одноразовая ли это история? Думаю, что нет. Очень легко адаптировать этот счётчик к любым другим акциям — считать количество отжиманий в ходе спортивных праздников, количество сданных использованных батареек (спасённых ёжиков) в рамках экологических акций и т. п. :)<\/p>\n<h2>Чуть-чуть сугубо технических деталей<\/h2>\n<p><i>Использованные технологии, библиотеки, фреймворки:<\/i><\/p>\n<ul>\n<li>PHP<\/li>\n<li>jQuery<\/li>\n<li>CSS-фреймворк <a href=\"http:\/\/getbootstrap.com\/\">Bootstrap 3<\/a> для ускорения и упрощения вёрстки<\/li>\n<li>key-value хранилище <a href=\"http:\/\/redis.io\">Redis<\/a> и php-библиотека <a href=\"https:\/\/github.com\/nrk\/predis\">Predis<\/a> для работы с ним<\/li>\n<li>JS-библиотека <a href=\"http:\/\/flipclockjs.com\/\">FlipClock<\/a> для создания анимированного счётчика в виде «циферблата»<\/li>\n<\/ul>\n<p>Значение на сервере хранится в key-value хранилище Redis в виде одного целого числа. На уровне хранилища поддерживаются атомарные операции инкремента\/декремента.<\/p>\n<p>Почему делается pull-запрос с клиентской стороны раз в 5 секунд, а не push с сервера или long-polling? Потому что браузер телевизора иногда ведёт себя странно при, казалось бы, самых банальных операциях. Например, вылетает при просмотре YouTube-роликов (через браузер, а не спец. приложение). Поэтому принято решение, во избежание лишних крэшей, максимально упростить клиентский код.<\/p>\n",
            "date_published": "2017-04-09T18:37:57+03:00",
            "date_modified": "2017-05-10T22:58:50+03:00",
            "tags": [
                "внутренние сервисы",
                "инфопанель",
                "школа № 509"
            ],
            "image": "https:\/\/serzhenko.ru\/pictures\/E15LrXm9xpE.jpg",
            "_date_published_rfc2822": "Sun, 09 Apr 2017 18:37:57 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "8",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/serzhenko.ru\/pictures\/E15LrXm9xpE.jpg",
                    "https:\/\/serzhenko.ru\/pictures\/5NR0Si7EdEk.jpg",
                    "https:\/\/serzhenko.ru\/pictures\/--_lg_55lw5600_side.png",
                    "https:\/\/serzhenko.ru\/pictures\/--2017-04-09--18.11.40_iphone5s_gold_portrait.png",
                    "https:\/\/serzhenko.ru\/pictures\/iluvreading.gif"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}