ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ ГОРОДА МОСКВЫ

ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ГОРОДА МОСКВЫ

«ШКОЛА № 000»

Салтыковская ул., д. 13Б, Москва, 111672

Телефон: (495) 701-2200, , e-mail: *****@***mos. ru, http://2127.mskobr. ru

, , 772001001

Городской этап

Московского городского конкурса

Исследовательских и проектных работ обучающихся

Платформа для создания интерактивных приложений в области образования и развлечений

Проектная работа

Автор:

Наконечный Павел, 9 «К» класс

Руководитель:

, учитель ИКТ.

Москва

2017

Оглавление


Оглавление        1

Введение        2

1.        Гипотеза        2

2.        Анализ предметной области        3

3.        Цели и задачи        4

4.        Выполнение проекта        4

4.1.        Выбор языка для создания программы        4

4.2.        Разработка структуры программы и написание исходного кода.        5

4.3.        Написание документации        5

4.4.        Публикация открытого исходного кода проекта        5

4.5.        Подготовка продукта к релизу        5

4.6.        Тестирование, релиз        6

НЕ нашли? Не то? Что вы ищете?

4.7.        Создание примеров программ.        6

5.        Заключение        6

6.        Ссылки на исходный код и документацию проекта        7

7.        Список использованных источников:        7

8.        Приложения        8

Приложение 1. Листинг из кода программы.        8

Приложение 2. Скриншот Viva la Revolution        9

Приложение 3. Flowchart сюжета Viva la Revolution.        10

Приложение 4. Некоторые отзывы на игру:        10

Введение

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

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

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

Гипотеза

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

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

Анализ предметной области

В ходе выбора существующей платформы для реализации моих идей, я обнаружил ряд существенных недостатков в существующих инструментах, такие как:

Сложность освоения Лишний функционал Неполная или неграмотная документация

В ходе сравнительного анализа существующих платформ для создания интерактивных приложений в области образования и развлечений были рассмотрены следующие ресурсы:

QSP. QSP - программа для создания текстовых квестов специального формата. Официальный сайт - http:/// 

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

Instead. Интерпретатор INSTEAD (Simple Text Adventure, The Interpreter) позволяет играть в игры, которые по жанру являются смесью визуальной новеллы, текстового квеста и классических квестов 90-х. Такие игры условно можно назвать “текстографическими”. Официальный сайт - https://instead. syscall. ru/ru/about/

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


Цели и задачи

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

Для достижения данной цели мне нужно было выполнить следующие задачи:

Создание среды для проектирования интерактивных WEB приложений Написание документации продукта Подготовка продукта к релизу Тестирование, релиз Создание примеров программ Выполнение проекта Выбор языка для создания программы

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

JavaScript. Клиентский браузерный язык программирования, позволяющий интегрировать инструмент в готовую систему при помощи нескольких строк. Действует в связке с HTML, что упрощает создание визуального интерфейса будущих программ.

C#. Необходимость компилирования и изучения графических движков, используя профессиональное программное обеспечение (IDE), сложность языка и инструментов для программирования на нем.

PHP. Неизвестность языка, необходимость серверной логики, игра как статические страницы.

Исходя из всего вышеперечисленного, был выбран JavaScript.

Разработка структуры программы и написание исходного кода.

В ходе работы над проектом мною был написан исходный код программы (прил. 1), протестированный и опробованный на исторической игре Viva la Revolution (прил. 2).

Вся логика приложений выполняется на клиентской стороне, сервер является лишь удаленным файловым хранилищем приложения и используемых ресурсов (изображений, музыки и т. д.)

Написание документации

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

Публикация открытого исходного кода проекта

Самым удобным инструментом для хранения кода программы, а также документации, был выбран облачный сервис хранения  .git  репозиториев – GitHub, т. к. он:

Бесплатный Удобный в использовании Многофункциональный (issues, wiki)
Подготовка продукта к релизу

В ходе подготовки к выпуску продукта было проведено реструктурирование кода программы, вынесение основных настроек (констант) в отдельный файл. Упрощен процесс интеграции платформы на сайт автора приложения.

Исправлены многие баги и ошибки, написаны дополнительные методы и функции.


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

Сервис был предоставлен общественности с демонстрационной игрой Viva la Revolution на историческую тематику (прил. 2).

В игре был реализован нелинейный сюжет, демонстрируемый в flowchart’е (прил. 3). Были подобраны CC-BY музыка и иллюстрации, разработан уникальный дизайн интерфейса.

Игра получила отзывы игроков, приведенные в прил. 4.

Создание примеров программ.

Последним этапом моей работы стало создание еще нескольких примеров приложений и игр с использованием данной платформы.

Заключение

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

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

Однако, имеются и некоторые задачи, которые могут быть разрешены в ходе дальнейшего развития проекта:

    Адаптация под более широкий круг задач: написание дополнительных шаблонов, для создания приложений учебного назначения в различных предметных областях, создание шаблонов, позволяющих различными способами организовывать компоновку базовых элементов окна приложения.
Ссылки на исходный код и документацию проекта
    https://www. /sneakbug8/VLR  -  исходный код и документация; https://sneakbug8.github. io/VLR/examples/vlr/  - пример Viva la Revolution; https://sneakbug8.github. io/VLR/examples/basic/ - пример базового проекта; https://sneakbug8.github. io/VLR/examples/infotest/ - пример теста по информатике.
Список использованных источников:

https://tproger. ru/books/10-free-javascript-books-for-beginners/ - 10 бесплатных книг по Javascript для начинающих

http://anton. shevchuk. name/jquery-book/ - Учебник “jQuery для начинающих”

https:///book/ru/v1 - Лицензированный перевод книги «Pro Git»

http://festival.1september. ru/articles/513088/ - Веб-квест как способ активизации учебной деятельности учащихся



Приложения

Приложение 1. Листинг из кода программы.

// Изменение описания

function changetext(text){

       if (DESC_TYPING)

       {

        $("p. desc").typed({

  strings: [text],

                       typeSpeed: DESC_SPEED,

  contentType: 'html', // or text

  // defaults to false for infinite loop

  loopCount: false,

  });

       }

       else

       {

  $("p. desc").html(text)

       }

}

// Вывод финала программы

function showend(text){

       if (END_TYPING)

       {

       $("div. game").typed({

  strings: [text],

                       typeSpeed: END_SPEED,

  contentType: 'html', // or text

  // defaults to false for infinite loop

  loopCount: false,

  });

       }

       else

       {

  $("div. game").html(text)

       }

}


Приложение 2. Скриншот Viva la Revolution

Приложение 3. Flowchart сюжета Viva la Revolution.

Приложение 4. Некоторые отзывы на игру:

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

Из отрицательного:
-  Вы должны знать историю России и то, что происходило в те времена.
- Довольно мало мало инструментов для осознания свободы действий такого масштаба.