The article describes the stages of the project assignment - the development of the interactive fiction game as a part of the study of Web-technologies in secondary school.Рассмотрены этапы проектного задания — разработки сюжетной игры в рамках изучения курса по Web-программированию Web-технологий в основной школе

Azhgikhina, M. S.

Ажгихина, М. С.

Russian

Institutional repository of Russian State Vocational Pedagogical University

872019 Выпуск 2МЕТОДИЧЕСКИЕ АСПЕКТЫ ИСПОЛЬЗОВАНИЯ ИНФОРМАЦИОННЫХ И ТЕЛЕКОММУНИКАЦИОННЫХ ТЕХНОЛОГИЙ В ОБУЧЕНИИУДК 371.314.6:371.382:004.7РАЗРАБОТКА СЮЖЕТНОЙ ИГРЫ ПРИ ИЗУЧЕНИИ WEB-ТЕХНОЛОГИЙ DEVELOPMENT OF THE INTERACTIVE FICTION IN THE STUDY OF WEB-TECHNOLOGIESМария Сергеевна Ажгихинамагистрантmouse250396@gmail.comФГБОУ ВО «Московский педагогический государственный университет», Москва, Россия Аннотация. Рассмотрены этапы проектного задания — разработки сюжетной игры в рамках изучения курса по Web-программированию Web-технологий в основной школе.Ключевые слова: Web-технологии, сюжетная игра, html, css, javascript, Web-программирование, онлайн-игра. Mariia Sergeevna AzhgikhinaMoscow State Pedagogical University, Moscow, RussiaAbstract. The article describes the stages of the project assignment - the development of the interactive fiction game as a part of the study of Web-technologies in secondary school. Keywords: Web-technologies, interactive fiction, html, css, javascript, Web-programming, online-game.Сегодня онлайн-технологии стремительно развиваются: возникают сайты-визитки, интер-нет-магазины, онлайн-банки, игры, дистанци-онное обучение и многое другое. Каждый день появляются новые вакансии разработчиков и  программистов, занимающихся созданием сайтов и владеющих современными технологи-ями для разработки онлайн-приложений раз-личного профиля. В связи со сложившейся си-туацией школа должна идти в ногу со временем, открывая для обучающихся широкий спектр IT-технологий. Соответственно, такая дисципли-на основной школы, как информатика должна предоставлять обучающимся знания в соответ-ствии с современными IT-направлениями.В основной школе изучению Web-технологий предлагается небольшое количество часов. В учебнике И. Г. Семакина [1] этой теме отводит-ся 1 ч в 8 классе (урок 6 «Создание простейшей Web-страницы с использованием текстового ре-дактора» в  теме «Передача информации в  ком-пьютерных сетях»), в учебнике К. Ю. Полякова, Е. А. Еремина [2] — 1 ч в 9 классе (урок 5 «Веб-сай-ты» в  теме «Компьютерные сети»), в  учебнике Л. Л. Босовой [3] — 4 ч в 9 классе (урок 29 «Тех-нологии создания сайта», урок 30 «Содержание 88 Новые  информационные технологии в образовании и наукеи  структура сайта», урок  31 «Оформление сай-та», урок  32 «Размещение сайта в  Интернете» в  теме «Использование программных систем и  сервисов. Коммуникационные технологии»). На наш взгляд, отведенного времени недостаточ-но в связи с требованиями цифрового общества, поэтому предлагаемый курс будет дополнением к изучению данной темы и послужит расшире-нием знаний в области Web-технологий.Содержание курса: 1. Изучение основ HTML.2. Изучение таблицы стилей CSS.3. Изучение JavaScript.4. Разработка сюжетной игры.Первые два раздела знакомят обучающихся с основами построения Web-страниц, их струк-турой и  визуальным восприятием. В  третьем разделе изучаются основы JavaScript (языка про-граммирования), который не требует специаль-ных знаний в программировании и достаточно прост в освоении для начинающих программи-стов. Финальным этапом предлагаемого курса является проектное задание  — разработка сю-жетной игры.Для выполнения проектного задания сто-ит познакомить обучающихся с  Interactive Fic-tion  (разновидность компьютерных игр, где взаимодействие с  игроками осуществляется посредством текстовой информации), которые были популярны, когда у  компьютеров были низкие ресурсы (примерно в  1975  г., когда на-чали появляться первые компьютерные игры). Однако и сейчас такие игры остаются достаточ-но востребованными. Существует два вида интерфейса данной игры:• интерфейс с вводом текста с клавиатуры;• интерфейс в виде меню, где игрок выби-рает действие из нескольких предложенных (на-пример, CYOA — Choose Your Own Adventure).В  широком понимании под Interactive Fic-tion попадает любая разновидность художе-ственных произведений (интерактивных), сюжет которых не является строго фиксирован-ным, а значит может изменяться в зависимости от действий игрока (пользователя). Одним из жанров Interactive Fiction являет-ся «Текстовый квест», где от игрока требуется только выбор варианта действия для продвиже-ния по сюжету. Отметим, проектное задание выполняется в 4 этапа.1. Разработка игрового сюжета.2. Разработка дизайна игры.3. Верстка игровых страниц по макету.4. Разработка игры средствами JavaScript.Подробно разберем все этапы работы над проектным заданием.Этап 1  — разработка игрового сюжета. На данном этапе необходимо познакомить обуча-ющихся с  описываемым жанром игр, так как не все представляют, что это такое. Для созда-ния игры понадобятся знания о игровом «дере-ве решений». В нашем случает дерево нужно для построения сюжета игры. В ходе ознакомления стоит привести пример сюжетного дерева, где существует выбор варианта действия, от кото-рого зависит дальнейший ход развития собы-тий. Необходимо объяснить обучающимся, что связь между событиями должна быть логичной и вписываться в рамки сюжетной линии. На ри-сунке приведен пример сюжетного дерева.При разработке игрового сюжета обуча-ющимся предстоит определиться с  тематикой игры: современный мир или средневековье, фантастика или реальность, будущее или про-шлое. Они должны продумать, какими могут быть игровые концовки. И  только после этого приступить к  созданию игрового дерева реше-ний. Для этого им необходимо составить банк заданий и ответов.Отметим, что особенность данного этапа заключается в грамотном продумывании сюже-та с разными концовками, при этом обучающи-еся должны точно описать дерево решений.892019 Выпуск 2Этап 2 — разработка дизайна игры. В дан-ном случае дизайн игры будет простой, посколь-ку уже в самом начале известно, что нужно всего лишь текстовое поле для задания и две кнопки действий. Дальше начинает работать фантазия обучающегося: ему необходимо выбрать цвето-вую гамму, стиль, шрифт, дополнить игру кар-тинками, менять фон в  зависимости от этапа в игре (под этапом подразумевается интерфейс историй-связок, интерфейс заданий, интерфейс интерактивных заданий, если такие имеются).Этап 3 — верстка игровых страниц по ма-кету. Обучающиеся на  этом этапе реализуют по созданному ими макету основные игровые страницы. Применяют знания HTML и CSS.Этап 4 — разработка игры средствами JavaScript. Данный этап следует также разбить на  подэтапы для упрощения реализации про-екта. Перед обучающимися необходимо сначала ставить следующие небольшие задачи:1. Описание переменных и определение их типов.2. Разработка словесного алгоритма игры.3. Написание программного кода игры на языке JavaScript.4. Тестирование игры (проверка работы игры для всех вариантов концовок) и исправле-ние ошибок (при их наличии).В ходе разработки и реализации сюжетной игры у обучаемых формируются представления о прикладном значении и видах Web-технологий, а также представление о профессиональной де-ятельности IT-специалистов (верстальщик, ди-зайнер интерфейсов, JavaScript-разработчик).Также при выполнении данной работы у об-учающихся формируются следующие компетен-ции [4]:1. Личностные:• понимание роли Web-технологий в совре-менном мире;• готовность к совершенствованию знаний в сфере IT-технологий и Web-технологий в част-ности;• готовность к творческой деятельности.2. Предметные:• развитие алгоритмического мышления;• умение разбивать задачу на подзадачи;• владение информационным моделирова-нием для решения задач;• сформированность интереса к  предме-ту «Информатика» и  готовность выбрать этот предмет как профильный в средней школе.3. Метапредметные:• умение самостоятельно принимать реше-ния;• владение методами информационного поиска;• владение навыком коммуникации и соци-ального взаимодействия.Таким образом, данный курс более подроб-но раскроет тему Web-технологий для обучаю-щихся основной школы, а также даст представ-ление о базовых принципах программирования и этапах разработки программных продуктов. Список литературы1. Информатика. 8 класс: учебник / И. Г. Семакин [и др.]. Москва: БИНОМ. Лаборатория знаний, 2016. 176 с.2. Поляков К. Ю. Информатика. 9 класс: учебник / К. Ю. Поляков, Е. А. Еремин. Москва: БИ-НОМ. Лаборатория знаний, 2016.  288 с.3. Босова Л. Л. Информатика. 9 класс: учебник / Л. Л. Босова, А. Ю. Босова. Москва: БИНОМ. Лаборатория знаний, 2016. 184 с.4. Босова Л. Л. Информатика. 7–9 классы: методическое пособие / Л. Л. Босова, А. Ю. Босова. Москва: БИНОМ. Лаборатория знаний, 2016. 464 с.

DEVELOPMENT OF THE INTERACTIVE FICTION IN THE STUDY OF WEB-TECHNOLOGIES

https://elar.rsvpu.ru/bitstream/123456789/30280/1/nito_2019_2_17.pdf

DEVELOPMENT OF THE INTERACTIVE FICTION IN THE STUDY OF WEB-TECHNOLOGIES

Abstract

Similar works

Full text

Available Versions

Institutional repository of Russian State Vocational Pedagogical University