Web-технологии в профессиональной деятельности

 
С. С. Белоконова  
В. В. Назарова  
 
 
 
 
 
 
 
WEB-ТЕХНОЛОГИИ 
В ПРОФЕССИОНАЛЬНОЙ 
ДЕЯТЕЛЬНОСТИ УЧИТЕЛЯ  

 
 
Учебное пособие 
 
 
Для учащихся педагогических колледжей 
по специальностям 44.02.02; 44.02.03;44.02.04; 44.02.05; 
44.02.06, для студентов бакалавриата и магистратуры 
 
 
 
 
 

 
Москва 
Берлин 
2020 

УДК 37.026(075) 
ББК 74.026.843я723 
Б43 

Белоконова, С. С.

Б43
Web-технологии в профессиональной деятельности учителя :

учебное пособие / С. С. Белоконова, В. В. Назарова. — Москва ; 
Берлин : Директ-Медиа, 2020. — 178 с.

  ISBN 978-5-4499-0812-4

Учебное пособие содержит курс по выбору «Веб-технологии в профессиональной 
деятельности учителя» для учащихся педагогических 
колледжей по специальностям 44.02.02; 44.02.03;44.02.04; 44.02.05; 
44.02.06, а также для студентов бакалавриата и магистратуры. 
В курсе освещены вопросы создания и разработки онлайн образовательных 
инструментов, необходимых в профессиональной деятельности 
современного учителя. 

Текст печатается в авторской редакции. 

УДК 37.026(075)
ББК 74.026.843я723

ISBN 978-5-4499-0812-4 
© Белоконова С. С., Назарова В. В., текст, 2020 
© Издательство «Директ-Медиа», оформление, 2020 

Оглавление 

Предисловие ..................................................................................................................................... 3 

ВВЕДЕНИЕ .......................................................................................................................................... 6 

Глава 1. ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ ИСПОЛЬЗОВАНИЯ ВЕБ-
ТЕХНОЛОГИИ В ПРОФЕССИОНАЛЬНОЙ ДЕЯТЕЛЬНОСТИ УЧИТЕЛЯ .............. 7 
1.1. Цифровизация образования  и модель цифровой школы ..................... 7 
1.2. Профессиональные стандарты преподавателя ......................................... 10 
1.3. Программа курса по выбору «Web-технологии 
в профессиональной деятельности учителя» ..................................................... 14 

Глава 2. СОДЕРЖАНИЕ КУРСА ПО ВЫБОРУ  «ВЕБ-ТЕХНОЛОГИИ 
В ПРОФЕССИОНАЛЬНОЙ ДЕЯТЕЛЬНОСТИ УЧИТЕЛЯ» ......................................... 23 
2.1. Содержание лекционных занятий по курсу  «Web-технологии 
в профессиональной  деятельности учителя» .................................................... 23 
Лекция 1. Информационные технологии ......................................................... 23 
Лекция 2. Веб-технологии ......................................................................................... 29 
Лекция 3. Дистанционное обучение. E-Learning .......................................... 41 
Лекция 4. Облачные технологии ........................................................................... 52 
Лекция 5. Компьютерные презентации ............................................................ 56 
Лекция 6. Тестирование.  Веб-технологии в организации 
тестирования .................................................................................................................... 59 
Лекция 7. Образовательный веб-квест .............................................................. 67 
Лекция 8. Геймификация. Эдьютейнмент. Электронные 
игровые тренажеры и интерактивные приложения ................................ 72 
Лекция 9. QR-код в образовательном процессе ............................................ 76 
Лекция 10. Интеллект-карты .................................................................................. 79 
2.2. Перечень лабораторных работ по курсу  «Web-технологии 
в профессиональной деятельности учителя» ..................................................... 82 
Лабораторная работа 1. Электронные и цифровые 
образовательные ресурсы. Интернет-ресурсы ............................................. 82 
Лабораторная работа 2. Знакомство с виртуальными 
лабораториями и виртуальными досками ...................................................... 86 
Лабораторная работа 3. Онлайн-платформы дистанционного 
обучения ............................................................................................................................... 87 
Лабораторная работа 4.  Знакомство с облачным сервисом 
Google-класс ........................................................................................................................ 88 
Лабораторная работа 5.  Создание интерактивной презентации 
в web-сервисе .................................................................................................................... 95 

Лабораторная работа 6.  Разработка теста по теме учебного 
курса  с использованием инструментальных  программных 
средств ................................................................................................................................ 105 
Лабораторная работа 7. Разработка и создание 
образовательного веб-квеста ............................................................................... 121 
Лабораторная работа 8. Создание и разработка 
образовательных интерактивных приложений  в сервисе 
Learning Apps ................................................................................................................... 123 
Лабораторная работа 9. Создание и разработка 
образовательных интерактивных приложений  в сервисе 
Online Test Pad ................................................................................................................ 128 
Лабораторная работа 10. Создание и разработка 
образовательных интерактивных приложений  в сервисе 
ETRENIKI ............................................................................................................................ 136 
Лабораторная работа 11.  Знакомство с сервисами — 
генераторами QR-кодов ............................................................................................ 140 
Лабораторная работа 12.  Знакомство с сервисами для 
создания интеллект-карт ........................................................................................ 141 
2.3. Задания для самостоятельной работы студентов по курсу 
«Web-технологии  в профессиональной деятельности учителя» ........ 143 
Самостоятельная работа 1. Мобильное обучение. Технология 
BYOD ..................................................................................................................................... 143 
Самостоятельная работа 2.  Платформы электронного 
и дистанционного обучения .................................................................................. 144 
Самостоятельная работа 3. Знакомство  с онлайн-сервисом 
создания презентаций PREZI................................................................................. 144 
Самостоятельная работа 4.  Знакомство с сервисами 
онлайн-тестирования ................................................................................................ 145 
Самостоятельная работа 5. Разработка интерактивных 
приложений Smart Learning Suite Online......................................................... 149 
Самостоятельная работа 6.  Знакомство с сервисом ZUNAL ............... 151 
Самостоятельная работа 7.  Знакомство с сервисом LEARNIS ........... 155 
Самостоятельная работа 8.  Знакомство с сервисом UMAIGRA ......... 155 
Самостоятельная работа 9.  Использование QR-кода для 
геймификации образовательного процесса ................................................ 156 
Самостоятельная работа 10.  Знакомство с сервисами 
для создания интеллект-карт ............................................................................... 156 

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ ........................................................... 158 

ПРИЛОЖЕНИЕ ............................................................................................................................ 168 

Предисловие 

В пособии приводятся сведения о веб-технологиях в профессиональной 
деятельности учителя, возможности их использования в 
учебном процессе, а также их преимущества и недостатки.  
Введение раскрывает теоретическую и практическую значимость 
пособия. Данное пособие состоит из двух глав: в первой главе рассматривается 
актуальность курса по выбору «Web-технологии в профессиональной 
деятельности учителя», а также приводится рабочая 
программа курса: его структура, учебно-тематическое содержание, 
учебно-методическое и информационное обеспечение, вторая глава 
посвящена непосредственно содержанию курса.  
Курс состоит из лекций, лабораторных и самостоятельных работ. 
Предлагаемый курс предполагает аудиторную и внеаудиторную работу. 
Аудиторная работа включает лекционные (18 часов) и лабора-
торные занятия (36 часов). Внеаудиторная работа студентов предпо-
лагает выполнение заданий для самостоятельной работы (40 ч.), 
а также работу с учебной литературой и подготовку к лабораторным 
занятиям. В содержании курса подробно рассматриваются современ-
ные образовательные информационные технологии, в частности веб-
технологии такие, как: веб-ресурсы для создания и разработки обра-
зовательных интерактивных приложений и электронных игровых 
тренажеров, веб-сервисы для проведения вебинаров и телеконфе-
ренций, виртуальные лаборатории, веб-сервисы для организации 
дистанционного и электронного обучения, облачные технологии, 
веб-учебники, онлайн-библиотеки, онлайн-доски, веб-сервисы для 
организации онлайн-тестирования, онлайн-конструкторы для созда-
ния интерактивных презентаций, интернет-сервисы для организа-
ции и проведения веб-квестов. Лекции представляют собой теорети-
ческий 
материал 
о 
существующих 
современных 
цифровых 
образовательных технологиях, их возможностях, преимуществах и 
недостатках. Особое внимание акцентируется на способах примене-
ния веб-технологий в образовательном процессе. Лабораторные ра-
боты предлагают задания для отработки теории, то есть практиче-
ские задания по созданию и разработке онлайн образовательных 
инструментов. В ходе лабораторных занятий обучающиеся получат 
практические навыки по поиску и отбору электронных образова-
тельных ресурсов по профилю направления, навыки классификации 
интернет-ресурсов по этапам урока, познакомятся с принципами ра-
боты одного из веб-сервисов ДО, научатся создавать и разрабатывать 
собственный веб-квест по профилю обучения и т. д.  

ВВЕДЕНИЕ 

В настоящее время в условиях активного использования 
информационно-коммуникационных технологий во всех сфе-
рах человеческой жизни образование и педагогические прак-
тики претерпевают ряд существенных изменений: российское 
образовательное пространство переходит в эру цифровизации, 
то есть традиционные средства обучения частично заменяют-
ся на цифровые, отвечающие требованиям и реалиям совре-
менной жизни.  
В Российской Федерации успешно реализуются образова-
тельные проекты «Цифровая школа» и «Современная цифро-
вая образовательная среда». Основная цель данных проек-
тов — модернизация системы российского образования таким 
образом, чтобы она отвечала нуждам современного цифрового 
общества. Это предполагает, что в ходе учебного процесса обучающиеся 
овладевают навыками и компетенциями XXI века, 
а преподаватели, в свою очередь, оптимизируют образовательные 
траектории посредством применения различных 
цифровых образовательных средств.  
Современная образовательная среда более не ограничена 
рамками одной образовательной организации, ее образовательной 
политикой и взглядами преподавательского состава. 
В учебный процесс включаются различные средства (электронные 
учебники, образовательные интернет-платформы, 
образовательные онлайн-квесты, онлайн-олимпиады и викторины), 
позволяющие максимально расширить спектр изучаемого 
материала и доступ к различного рода открытым образовательным 
ресурсам и источникам, продемонстрировать 
различные точки зрения на различные учебные вопросы и 
проблемы, индивидуализировать траекторию обучения, повысить 
мотивацию обучающихся, а также сделать образовательный 
процесс более практико-ориентированным.  
В связи с вышеизложенным, любой современный препода-
ватель обязан владеть рядом профессиональных компетенций, 
позволяющих эффективно и рационально использовать все 
существующие цифровые средства обучения в учебном про-
цессе, а также разрабатывать новые средства обучения путем 
использования открытых ресурсов и конструкторов с целью 
реализации своей педагогической цели и учебных задач.  

Глава 1. ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ 
ИСПОЛЬЗОВАНИЯ ВЕБ-ТЕХНОЛОГИИ 
В ПРОФЕССИОНАЛЬНОЙ ДЕЯТЕЛЬНОСТИ 
УЧИТЕЛЯ 

1.1. Цифровизация образования 
и модель цифровой школы 

Современное образование переходит из периода информа-
тизации в период цифровизации или цифровой трансформа-
ции. Цифровая трансформация образования развивается по 
нескольким линиям: обучающиеся осваивают новые цифровые 
инструменты для повышения эффективности своего учебного 
процесса, развивают способности для их использования; педа-
гоги осваивают новые цифровые инструменты для повышения 
эффективности педагогической деятельности.  
Система цифрового образования состоит из телекоммуника-
ций, 
системы 
управления 
и 
информационных 
ресурсов. 
К телекоммуникациям относятся СМИ, телевидение, мобильные 
и сетевые среды. Под информационными ресурсами понимают 
образовательные порталы, интернет-сайты, информационные 
массивы данных и гиперколлекции. Система управления — это 
авторизация пользователей, контент, личное и коллективное 
пространство, базы данных, форму, чаты, тестирование.  
Под влиянием цифровизации происходит изменение педа-
гогической практики. Традиционное средство обучения заме-
няется на цифровое: например, бумажный учебник заменяется 
электронным, бумажный журнал — электронным журналом. 
Также цифровое средство обучения может расширить учебный 
процесс в отличие от традиционного: например, вместо демон-
страции бумажного плаката преподаватель показывает муль-
тимедийную интерактивную презентацию. Более того, цифро-
вые технологии могут расширить круг учебных задач: 
обучающиеся создают обучающий мультфильм или интерак-
тивный рассказ не только для отчета, но и для выступления 
перед одноклассниками.  
Ввиду того, что преимущества, которые дает цифровое об-
разование, давно отмечены и признаны в мире, в настоящее 
время Российская Федерация, перенимая опыт западных коллег, 

реализует проекты, направленные на внедрение информационных 
технологий в российское образовательное пространство. 
К таким проектам относят: приоритетный проект в области 
образования «Современная цифровая образовательная 
среда» и федеральный проект «Цифровая школа».  

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

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

Реализация данного проекта предусматривает ряд ключевых 
направлений: создание к 2020 году 3,5 тысяч онлайн-
курсов по программам среднего, высшего и дополнительного 
образования, создание информационного ресурса, объединяющего 
ряд онлайн-платформ и обеспечивающего доступ  

к онлайн-курсам, принятие правовых и нормативных актов, 
направленных на развитие онлайн-обучения, формирование 
системы экспертной и пользовательской оценки качества содержания 
онлайн-курсов, подготовка и обучение не менее 
10 000 преподавателей и экспертов в области онлайн-обучения.  
Следовательно, согласно вышеприведенной информации, 
к профессиональным компетенциям педагога будут относиться 
умения и навыки работы с онлайн-инструментами обучения 
(онлайн-курсами, онлайн-платформами и прочее).  
Также в рамках цифровизации происходит реализация федерального 
проекта «Цифровая школа». Согласно перечню 
запланированных мероприятий, в 2019 году актуализируется и 
принимается нормативная правовая база для реализации мероприятий 
проекта, также утверждены стандарт цифровой 
школы и стандарт наполнения информационных систем. 
К 2020 году планируют включить вопросы цифровизации образовании 
в образовательные программы подготовки новых 
педагогических кадров. К 2021 году планируется создание единой 
информационной системы «Цифровая школа» с использованием 
облачного хранения данных, технологий «больших 
данных», а также переподготовка кадрового состава по техно-
логиям цифровизации образования. В 2022 году, согласно плану 
проекта, будет создана система развития онлайн-образования. 
К 2023 году будут разработаны электронные ресурсы по раз-
ным образовательным предметам, также они будут адаптиро-
ваны для обучающихся с ограниченными возможностями здо-
ровья. К 2024 году планируется сформировать нормативные и 
организационные условия для проверки владения базовыми 
цифровыми навыками, интегрировать современные техноло-
гии в процесс преподавания школьных предметов.  
Таким образом, согласно вышеописанным проектам, в об-
разовательный процесс постепенно внедряются цифровые 
(информационные) технологии: цифровые и электронные 
образовательные ресурсы. Информационные технологии в 
узком смысле представляют собой подсистему информацион-
ных систем, включающую техническое обеспечение, базы дан-
ных, программное обеспечение и другие средства. В широком 
смысле информационные технологии — это совокупность не-
скольких информационных систем. В итоге, информационные 

или цифровые технологии — это совокупность методов и про-
граммно-технических средств, объединенных в технологиче-
скую цепочку, которая обеспечивает сбор, обработку и хране-
ние данных [2, 50]. Под электронными образовательными 
ресурсами понимают образовательные ресурсы в электронной 
цифровой форме, которые включают в себя структуру, содер-
жание и метаданные или компьютерное средство, спроектиро-
ванное педагогами для достижения целей обучения [6]. Под 
цифровыми образовательными ресурсами понимают учебные 
материалы, представленные в цифровой форме (фото-, ви-
деофрагменты и видеоруководства, статические и динамиче-
ские модели, объекты виртуальной реальности и интерактив-
ного 
моделирования, 
графические 
и 
картографические 
материалы, звукозаписи, аудиокниги, различные символьные 
объекты и деловая графика, текстовые бумаги) [61]. 
Современные цифровые образовательные инструменты 
позволяют расширить и углубить содержание учебных обла-
стей, расширить спектр методов учебной работы, дополнить 
образовательные результаты компетенциями XXI века, варьи-
ровать формы и методы организации учебной деятельности. 

1.2. Профессиональные стандарты преподавателя 

Профессиональный стандарт педагога является объектив-
ным измерителем квалификации преподавателя, средством 
отбора педагогических кадров в образовательное учреждение, 
инструментом повышения качества образования, а также ин-
струментом реализации образования [51].  
Согласно профессиональному стандарту педагога, трудо-
вые функции преподавателя заключаются в разработке и реа-
лизации программ учебных дисциплин, осуществлении про-
фессиональной деятельности в соответствии с требованиями 
федеральных государственных образовательных стандартов 
дошкольного, начального общего, основного общего, среднего 
общего образования, планировании и проведении учебных за-
нятий и анализе их эффективности, организации и осуществ-
ления контроля и оценки учебных достижений, формировании 
универсальных 
учебных 
действий, 
формировании 
ИКТ-
навыков, формировании мотивации учеников к обучению и 
объективной оценки их знаний.  

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

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

компонента: цифровые компетенции, цифровую безопасность 
и цифровое потребление [11].  
Иными словами, преподаватель должен понимать, какие 
современные цифровые образовательные инструменты могут 
быть включены в учебный процесс, как их правильно отбирать 
для определенных этапов урока, как ими правильно пользо-
ваться для решения профессиональной задачи. В результате 
этого ИКТ-компетентность педагога складывается из ряда 
компонентов [59].  
Мотивационный компонент ИКТ-грамотности заключается 
в положительной мотивации в получении знаний в области 
ИКТ, потребности использования ИКТ в учебном процессе, 
стремлении самостоятельно получать знания в сфере цифро-
вых технологий.  
Технологический компонент ИКТ-компетентности подра-
зумевает владение основами работы с компьютером, умения 
устанавливать и удалять электронные образовательные ре-
сурсы, владение цифровым оборудованием (например, интер-
активной доски) на уроке.  
Информационный компонент ИКТ-компетентности — это 
наличие представлений об электронных образовательных ре-
сурсах в своей предметной области, умение эффективно искать 
информацию в различных источниках, формирование соб-
ственной коллекции электронных образовательных ресурсов, 
умение создавать собственные информационные ресурсы 
учебного назначения с использованием различных программ-
ных средств.  
Содержательно-методический компонент ИКТ-компетент-
ности включает в себя владение основами методики внедре-
ния 
цифровых 
образовательных 
ресурсов 
в 
учебно-
воспитательный процесс, владение способами применения 
ИКТ в проектной деятельности учащихся, умение создавать 
простые дидактические и методические материалы средства-
ми офисных технологий, умение использовать ИКТ для диффе-
ренцированного обучения учащихся, владение способами со-
здания, 
апробирования, 
корректировки 
и 
анализа 
электронных учебных материалов, владение различными ме-
тодами оценивания для определения эффективности исполь-
зования учениками информационных ресурсов в обучении,