2
Оглавление.
Введение .................................................................................................................................................. 3
ГЛАВА 1. Ознакомление с сервисом ...................................................................................................... 5
1.1 Обзор сервиса Паззл Инглиш ............................................................................................................... 5
Разделы ................................................................................................................................................. 8
Система ограничений. ....................................................................................................................... 10
Личный План. .................................................................................................................................... 12
Базовые функции. ...................................................................................................................................... 13
1.2. Обзор приложения ......................................................................................................................... 16
1.3. Раздел «Транслейты», положения ТЗ ........................................................................................... 21
Постановка задачи ................................................................................................................................ 24
Вывод по первой главе. .................................................................................................................... 24
ГЛАВА 2. Средства разработки мобильного приложения «Английский с Puzzle English» .............. 26
2.1. Среда разработки (IDE) ..................................................................................................................... 27
2.2. Язык и ООП. ....................................................................................................................................... 29
2.3. Особенности Cocos2d-x .................................................................................................................. 33
Главные компоненты Cocos2d ......................................................................................................... 35
Event Dispather. .................................................................................................................................. 42
2.4. Прочие инструменты разработки мобильных приложений. ..................................................... 43
Вывод по второй главе. ......................................................................................................................... 47
Глава 3. Разработка раздела «Транслейты» ....................................................................................... 48
3.1. Проектирование .................................................................................................................................. 48
3.2. Реализация раздела Транслейты .................................................................................................. 57
Взаимодействие с сервером. ............................................................................................................ 59
Функциональные классы. ................................................................................................................. 65
3.3. Тестирование, релиз, поддержка ................................................................................................. 68
Вывод по третьей главе. ....................................................................................................................... 70
Заключение ............................................................................................................................................ 72
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ ......................................................................................... 75
ПРИЛОЖЕНИЕ А ..................................................................................................................................... 78
ПРИЛОЖЕНИЕ Б ..................................................................................................................................... 79
ПРИЛОЖЕНИЕ В ..................................................................................................................................... 80
3
Введение
На момент написания ВКР студент работал в компании ООО «Паззл
Инглиш» в должности тестировщика в течение полутора лет, а в течение
последних трех месяцев - в должности младшего мобильного разработчика.
Опыт работы в компании, реализующей деятельность посредством
использования процессов современных информационно-коммуникационных
технологий в целом и непосредственное участие в жизненном цикле
продуктов, в купе со знаниями, приобретенными в ходе обучения в
институте, обуславливают выбор темы для выпускной работы.
Актуальность темы исследования обусловлена двумя положениями:
Во-первых, высокой востребованностью создания мобильных
приложений, как следствием широкой распространенности и
повсеместным пользованием мобильных устройств.
Во-вторых, описанием процесса реализации и обзором возможностей
распространенного для создания двумерных приложений и ирг движка
Cocos2d-x, несмотря на популярность которого, имеющего весьма
неширокое освещение в информационном поле.
Цель работы: Разработка раздела «Транслейты» для кросс-платформенного
приложения «Английский с Puzzle English».
Разработка приложения производится с помощью языка
программирования C++ на движке Cocos2d-x в среде разработки XCode.
Для успешного достижения поставленных целей требуется
структурированный подход, реализуемый через анализ предметной области и
разбиения работы на задачи. Каждая задача решает определенный аспект по
достижению цели и служит логическим переходом к следующей.
4
Задачи:
1. Ознакомление с функционалом;
2. Формулировка ТЗ;
3. Проектирование;
4. Реализация;
5. Тестирование.
Практическая значимость работы после достижения поставленной
цели будет выражена повышением удовлетворенности конечного
пользователя продуктом, на что и направлены усилия разработчика, так как
этот показатель непосредственно коррелирует с уровнем продаж, а
монетизация позволяет проекту существовать. Следует отметить, что
ошибки, допущенные при реализации задачи, напротив, могут привести к
противоположному эффекту.
Объект исследования: разработка мобильных приложений.
Предмет исследования: разработка конкретного раздела кросс-
платформенного приложения на Cocos2d-x.
Объём работы – _ страницы, _ рисунков и _ таблиц. При написании работы
использовалось _ источников.
В последующих главах будет дан обзор сервиса и разрабатываемого
раздела, составлено техническое задание, рассмотрены средства разработки,
описаны процессы проектирования, реализации и тестирования.
Основные авторы:
С++ : Р.Лафоре;
Mobile development: Ben Trengrove;
Cocos2d: Roger Engelbert, Alex Ogorek;
5
ГЛАВА 1. Ознакомление с сервисом
1.1 Обзор сервиса Паззл Инглиш
В приложениях мы стремимся реализовать все опции, доступные
пользователям на соответствующих сайтах в компактном, адаптированном и
стабильном виде. В текущей итерации разработки для меня была поставлена
задача по реализации в приложении одного из разделов сайта www.puzzle-
english.com.
Компания «Паззл Инглиш» предоставляет пользователям сервисы для
самостоятельного обучения английскому языку и представлена в интернете
четырьмя сайтами, с общим количеством зарегистрированных пользователей
к началу 2018 года приближающемся к 5 миллионам, и тремя кросс-
платформенными приложениями, доступными в Apple Store и Play Market.
Рис.1. Схема продуктов сервиса Паззл Инглиш.
Сайт www.puzzle-english.com: множество каталогизированных видео
уроков на английском языке обще развлекательной и грамматической
направленности, игр, упражнений, подкастов и авторских рубрик об
английском.
6
Сайт www.puzzle-teacher.com: курсы, составленные нашими
редакторами из последовательных уроков английского языка с собственными
видео, разделенных тематически; также доступен курс для детей и два
отдельных видео курса с носителями языка по конкретной лексике с
заданиями.
Сайт www.puzzle-movies.com: каталог документальных и художественных
фильмов, мультфильмов и сериалов для вспомогательного изучения языка
посредством просмотра в оригинале с русскими или английскими
субтитрами.
Сервис предоставляет возможность заниматься английским на условно
бесплатной основе. Т.е. пользователям в той или иной форме доступен весь
контент: они могут детально познакомиться со всеми способами изучения и
развлечения, попробовать каждую методику, определить подходящие для
себя по уровню, определить темп и интенсивность занятий и позже
задуматься о целесообразности снятия ограничений. Для изучения
иностранного языка существует множество методик различной
эффективности, при комплексном подходе предоставляющих достаточно
эффективный путь к результату. Говоря об ненавязчивых способах, простых
для восприятия и особенных низким порогом вхождения, можно выделить,
прежде всего, такие методики как просмотр фильмов на языке оригинала и
прослушивание песен. Первая возможность предоставляется другим доменом
сервиса, не имеющим отношения к данной работе, а вот второй как раз
представлен на сайте как отдельный раздел – «Песни». Для работы с
восприятием иностранного текста сейчас в разработке находится раздел
«Книги». Однако для более глубокой интеграции в иностранный язык
необходимо приобретение знания конструкций языка. Для помощи в
достижении такой цели на сайте представлены сразу несколько разделов,
наибольшей популярностью среди которых пользуются Видео Паззлы и
Уроки Грамматики – видео уроки с субтитрами.
7
Основой сайта, как и в последствие приложения, стали как раз таки
каталоги видео уроков обще-познавательного и грамматического характера.
Урок, в целом, состоит из двух частей: видео со словарем урока и сборки
фраз. Смотря видео урок, сопровождаемый субтитрами на, опционально,
русском и(ли) английском языке, пользователь также знакомится с
особенностями того или иного акцента и обдумывает смысл урока; под
плеером ему доступен словарь урока (слова можно добавлять в собственный
словарь с выбранным значением), ниже – комментарии к уроку в целом.
Процесс сборки фраз представляет собой следующее: текст урока разбит на
предложения(видео урока также “нарезано” по предложениям), каждое из
которых, в свою очередь, в зависимости от настроек, также определенным
образом разбито на составные части (паззлы*). Текущее предложение
выведено на русском, текст в паззлах – на английском, ниже выведен плеер с
текущим видео отрывком и настройками воспроизведения. Задача
пользователя составить предложение-перевод из паззлов, наша –
предоставить пользователю инструменты для комфортной работы с заданием
и лучшего запоминания. Реализовывается это посредством множества
настроек: более опытный пользователь, например, может скрыть текст на
русском, а не желающий отвлекаться от клавиатуры, может активировать
функцию автоматического перехода между фразами и т.п.
8
Рис. 2. Иллюстрация сборки фраз и настроек в Видео Паззлах.
В целом, можно сказать, что Паззл Инглиш весьма крупный сервис,
предоставляющий широкие возможности для изучения языка и множество
сопутствующих инструментов, многие из которых в том или ином виде
интегрированы в мобильный проект, которые будут рассмотрены далее.
Сформировано представление об одном из главных разделов сервиса,
представленного и на сайте, и в приложении, введены важные понятия,
характерные для сервиса, и проиллюстрированы некоторые вспомогательные
инструменты, предоставляемые пользователю, и дана основа для
определения системы ограничений. Все описанные положения имеют
значения для описаний в последующих главах.
Разделы
В целом, если опустить не имеющие значения для разрабатываемого
раздела аспекты, такие как формы обращений, партнерскую программу, FAQ
и т.д., можно выделить следующие разделы, каждый из которых
принадлежит к той или иной группе по своим основным характеристикам,
определенным образом реализующих обучение через различные методики:
9
Группа «Задания»: Видео Паззлы, Уроки Грамматики, Тренажер
Грамматики, Аудио Паззлы, Транслейты.
Группа «Игры»: Дуэль Умов, Багаж Слов, Мастер Фраз, Переводилка.
Группа «Слова»: Словарь, Тренировки, ДаНетка, Наборы.
Группа «Прочее»: Подкасты, Тесты, Песни, Рассылки.
Рис. 3. Схема продуктов Паззл Инглиш.
Каждый из разделов обладает набором тех или иных вспомогательных
функций.
Группа «Слова» представлен пятью сущностями, основными для
изучения языка среди которых является пользовательский словарь и
тренировки слов. Тренировка слов представляет собой ряд слов,
которые пользователь запоминает поэтапно: перевод с английского на
русский, с русского на английский, написание слова из предложенных
букв и написание слова самостоятельно с клавиатуры. По окончанию
тренировки словам присваивается статус тренировки. Слово считается
10
выученным после прохождения четырех тренировок, интервалы между
которыми обусловлены механизмом SuperMemo*.
Группа задания представлена тремя каталогизированными разделами с
заданиями, одним уникальным самообучающимся механизмом по
тренировке грамматических навыков, путем анализа пользовательских
ответов и подборе сложности на основе результата и разделом Аудио
Паззлов, случайным образом выбирающим фразу из уроков
грамматики и предлагающему пользователю дать ее расшифрофку на
английском.
Группа «Игры» представлена четырьмя различными играми, суть
которых сводится к обучению языку в непринужденной форме,
придающий дополнительную мотивацию путем сравнения результатов
игр с другими пользователями сайта.
Группа «Прочее» объединяет внежанровые разделы. Раздел «Тесты»
предлагает пройти два различных теста(на уровень английского языка
и вокабуляр) и множество типовых тестов различной тематики с
занимательными видео и описаниями результатов. «Подкасты»
представлены записями диалогов англоговорящих дикторов на
различные тематики с расшифровками и настраиваемыми функциями
воспроизведения и отображения субтитров. «Песни» - развлекательный
раздел, собравший не только тексты и клипы песен, но и дающий
возможность пользователю самостоятельно попрактиковаться в
переводах. «Рассылки» -- архив рассуждений преподавателей о языке;
каждый выпуск озаглавлен темой и содержит множество примеров
использования языка.
Система ограничений.
Система ограничений продумана и реализована в соответствии с
особенностями предлагаемых типов заданий и методик. Желание сохранить
максимальную привлекательность и доступность в ключе с необходимостью
11
монетизации контента, вылилось в систему абонементов, снимающих с
пользователя соответствующие ограничения. На настоящий момент на сайте
действует следующая система ограничений:
Гость (пользователь прошедший авторизацию, но не подтвердивший
свой почтовый ящик). Доступны 5 бесплатных фраз в упражнениях на
сборку. Главным ограничением является запрет комментариев.
Пользователь (почта подтверждена, нет активных подписок на
абонементы). Доступны комментарии к заданиям, запрещены вопросы
редакторам. Доступны 20 бесплатных фраз для в упражнениях на
сборку, 1 игра и 1 тренировка.
Ограничение возможности комментирования обусловлена огромным
количеством пользователей, без привязки почты комментарии которых
сложны для модерирования и(ли) блокирования. Ограничение возможности
задавать вопросы редакторам сервиса оправданный способ монетизации.
На основе проиллюстрированного на Рисунке 3 разделения продуктов
реализована следующая система подписок:
Подписка на «Задания» снимает для пользователя ограничение по
количеству собираемых фраз в разделе Задания и открывает
возможность оставлять собственные вопросы нашим редакторам в
комментариям к фразам.
Подписка на «Слова» снимает ограничения на количество тренировок в
день и предоставляет возможность неограниченного доступа к
словарю, созданию собственных наборов слов, выбору количества слов
для одной итерации Тренировки и интенсивным тренировкам в модуле
«Экзамен».
Подписка на «Игры» делает доступной для прохождения каждую игру
группы неограниченное количество раз.