Лучше чем МЭШ

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

Всё ли так хорошо в МЭШ? Просто факт: курс дистанционного обучения по работе с библиотекой МЭШ для учителя содержит 17 модулей, а таких курсов несколько. Каждый модуль по несколько страниц инструкций в стиле - "чтобы сделать это нажмите то, перейдите туда, помолитесь и может у вас что-то получится". Уже 220 год, люди! опомнитесь, давно придуман интуитивно понятный интерфейс!

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

Для работы по нашей технологии учитель должен подготовить презентацию урока в формате html файл index.html, опубликовать её в интернет (например, в Гугл или Яндекс облаке). В локальной сети, например в классе, опубликовать свою html страницу можно на компьютере учителя, запустив web-сервер. Для запуска web-сервера подойдёт следующая команда:

busybox httpd -f -h 'WWW' -p 8080

Этой командой мы запускаем httpd сервер из пакета busybox. Параметр -h определяет рабочую папку для сайта относительно домашней директории. У нас в папке WWW лежит файл презентации index.html. Параметр -p определяет порт на котором будет доступна наша презентация, по умолчанию 80.

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

http://192.168.1.7:8080

Где 192.168.1.7 IP адрес компьютера учителя 8080 - порт.

Секрет технологии кроется внутри файла index.html. На станице Index.html в самом начале вставьте следующий код:

<SCRIPT>
window.location.hash = "#1";
</SCRIPT>

А в самом конце вставьте этот:

<SCRIPT>
potok01 = setTimeout("window.location.href = 'http://192.168.1.7:8080/'",1000);
</SCRIPT>

В любом месте между открывающим и закрывающим тегом <head> вставьте строчку, запрещающую кэширование html станицы:

<meta http-equiv="Cache-Control" content="no-cache">

Все параграфы, абзацы, картинки и прочий контент к которому вы планируете обратиться в процессе проведения урока необходимо пометить метками, например, пронумеровать. Делается это следующим образом. Например, заголовки на html странице часто начинаются с теге h. В тег h вставляем атрибут id (метку):

<h1 id="1">НАЧАЛО РАБОТЫ С BRACKETS</h1>

Заголовок получил метку "1".

Абзацы начинаются с тега p или div. Пример установки метки на абзац:

<p id="2">Для тех из нас, кто до сих пор не запомнил значения ...

Помечаем картинки в теге img:

<img id="3" title="Linux OpenBox" src="/images/linux/install/OpenBox/ASUS.jpg" alt="Linux OpenBox">

Контент разметили, ученики перешли на вашу страницу начинаем урок:

На странице index.html, в самом начале в строке

window.location.hash = "#1";

После # поставили метку 1, сохранили файл и тут же в течении 1 сек. на экранах всех учеников страница прокручивется к метке 1. Ставим в той же строке вместо 1 2 и тут же в течении 1 сек. на экранах всех учеников страница прокручивется к метке 2.

Вы уже наверное догадались, что за обновление страницы на экране ученика отвечает строка:

potok01 = setTimeout("window.location.href = 'http://192.168.1.7:8080/'",1000);

Где время обновления определяет последний параметр. У нас задано 1000, это в мили секундах.

В этой статье мы показали принципы заложенные в основу технологии "Д-параграф". Вот так просто и без сложных лицензионных облачных решений можно провести online или offline урок с использованием мультимедийных технологий. Далее, можно добавить кнопочки и запрограммировать их на вставку номера метки в начале файла index.html, можно использовать визуальный редактор для редактирования файла index.html. Существует множество программных средств облегчающих жизнь учителя. Главное, не доводить автоматизацию до абсурда.

JavaScript