Геймификация образования: создание интеллектуальных образовательных игр на языке JavaScript

Геймификация образования: создание интеллектуальных образовательных игр на языке JavaScript

Попова Татьяна, МИФ-МИБ-31

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

Аннотация. Электронные ресурсы, опубликованные в сети Интернет, сегодня используются практически во всех сферах деятельности человека, они не обошли стороной и образование. Эти технологии уже стали неотъемлемой частью жизни многих учащихся, они воспринимаются с гораздо большим интересом, чем средства печатной информации. Использование информационных технологий ввиду их мультимедийных и интерактивных свойств дают большую степень усвоения материала учащимися.

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

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

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

Объект исследования: технологии создания игровых онлайн-приложений.

Предмет исследования: создание интеллектуальных образовательных игр на языке JavaScript

Цель и задачи исследования: изучить теоретические и технологические аспекты создания создание интеллектуальных образовательных игр на языке JavaScript, разработать образец такой игры на примере содержания информатики.

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

Теория и технологии создания онлайн-приложений

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

В браузере JavaScript умеет делать всё, что относится к манипуляции со страницей, взаимодействию с посетителем и, в какой-то мере, с сервером:

Создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы и т. п. Реагировать на действия посетителя, обрабатывать клики мыши, перемещения курсора, нажатия на клавиатуру и т. п. Посылать запросы на сервер и загружать данные без перезагрузки страницы (эта технология называется AJAX). Получать и устанавливать cookie, запрашивать данные, выводить сообщения.

Большинство возможностей JavaScript в браузере ограничено текущим окном и страницей. Из JavaScript можно легко посылать запросы на сервер, с которого пришла страница. Запрос на другой домен тоже возможен, но менее удобен, т. к. и здесь есть ограничения безопасности.

Рис. 1. Возможности JavaScript

Есть как минимум три особенности JavaScript: 1) полная интеграция с HTML/CSS; 2) простые вещи делаются просто; 3) язык поддерживается всеми распространёнными браузерами и включён по умолчанию.

Этих трёх вещей одновременно нет больше ни в одной браузерной технологии. Поэтому JavaScript и является самым распространённым средством создания браузерных приложений.

Разработка образца интеллектуальной онлайн-игры

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

Создание игры включало в себя следующие этапы:

1 этап

Выбор средств разработки. Игра основана на языке JavaScript и его игровом «движке» point. js. Данная библиотека скачивается на официальном сайте http://pointjs. ru, где представлены все версии движка, описание API, примеры игр, подробные видеоуроки. Для разработки требуется браузер для проверки и тестирования игры, а также текстовый редактор, в котором будет набираться код.

2 этап

Разработка содержания игры. Создавая образовательную игру для школьников, нужно тщательно продумать все аспекты, чем и как заинтересовать ученика и в тоже время сделать ресурс полезным. Игра, разработанная мной, стала аналогом телеигры «Кто хочет стать миллионером». Вопросы для игры основываются на знаниях программы Excel, баз данных и общих знаний информатики.

3 этап

Оформление экранных страниц. После описания содержания игры, нужно подумать о внешнем виде оформления страниц. Для оформления можно использовать готовые рисунки, а можно нарисовать их самостоятельно в графическом редакторе. Я же нашла нужные картинки на форуме в интернете.

Рис. 2. Фон игры

Рис.3 Картинки для кнопок «Выход», «Далее», «Снова»

Рис.7 Ячейка для вывода ответа

Рис.5 Ячейка правильного ответа

Рис.6 Ячейка неправильного ответа

Рис.7 Поле для вывода вопроса

Рис. 8 Таблица выигрыша

4 этап

Написание кода программы.        

Рис. 9 Фрагмент кода программы

5 этап

Тестирование результата

Рис. 10. Игра «Кто хочет стать миллионером!»

Рис.11. Ход игры

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