Введение 6
1. Клиент-серверная архитектура игрового проекта 7
2. Требования к приложению и сценарии использования 9
2.1 Функциональные требования 9
2.2 Нефункциональные требования 12
2.3 Основные сценарии использования 12
3. Определение общего паттерна разработки приложения 19
3.1 SPA против MPA 19
3.2 Толстый или тонкий клиент 22
4. Проектирование клиент-серверной архитектуры приложения 22
5. Выбор технологий Front-end 25
5.1 Выбор программного каркаса 25
5.2 Обзор Angular фреймворка 27
5.3 Технологии для управление пакетами 28
5.4 Технологии для сборки 29
5.5 Технологии для тестирования 30
6. Разработка интерфейса приложения, UX 30
7. Проектирование API 31
8. Архитектура Front-end части приложения 34
9. Реализация 34
9.1 Реализация моделей 34
9.2 Реализация контроллеров 36
9.3 Реализация сервисов 37
10. Разработка серверной части приложения 38
11. Тестирование 39
Заключение 42
Список использованных источников 43
Игровой проект «DreamGame Lineage» занимается предоставлением доступа к игровому серверу многопользовательской клиент-серверной онлайн игры «Lineage II» вида MMORPG. Клиентам проекта необходимо приложение, которое позволит им удобно пользоваться различного рода сервисом, как базовым, таким как регистрация в системе, манипуляции с игровым аккаунтом, просмотр актуальных новостей проекта, так и дополнительным, таким как, доступ к базе знаний, к справке проекта, просмотр изменяющихся во времени рейтингов игроков, пользование личным кабинетом, пользование платными услугами и так далее.
Веб-приложение для игрового проекта «DreamGame Lineage» позволяет пользоваться всеми приведенными в пример сервисами. Кроме упомянутых сервисов, приложение также способно брать на себя некоторые функции игрового клиента и взаимодействовать с игровым сервером напрямую в реальном времени. Последнее позволяет пользователям взаимодействовать с игровым миром без необходимости запуска игрового клиента. Главными преимуществами приложения являются высокий уровень интерактивности пользовательского интерфейса и его высокая скорость работы, которые обеспечиваются выбором в пользу одностраничного варианта веб приложения. Еще одним преимуществом является разделение веб приложения на клиентскую (внешнее представление) и серверную части, что позволяет реализовывать множество различных внешних представлений для различных платформ, взаимодействующих по единому API с серверной частью приложения.
Данная работа посвящена в большей степени разработке и проектированию внешнего представления приложения для игрового проекта «DreamGame Lineage».
Цель работы:
Разработать веб-приложение для игрового проекта «DreamGame Lineage».
Задачи работы:
1. Изучить технологии и принципы, необходимые в процессе разработки.
2. Разработать интерактивное одностраничное веб-приложение для
предоставления различного рода сервиса клиентам многопользовательской онлайн игры.
3. Спроектировать API.
4. Реализовать работу с API и отображение результата.
В процессе разработки веб-приложения для игрового проекта «DreamGame Lineage» проделана большая работа по изучению и применению на практике необходимых технологий и стандартов. Разработана клиентская и серверная части приложения. Разработан и реализован удобный пользовательский интерфейс; спроектирован API для клиент-серверного взаимодействия.
Разработаны и протестированы следующие клиентские компоненты веб-приложения:
1. Контроллеры, модели, директивы, фильтры
2. REST сервис для клиент-серверного взаимодействия
3. Сервисы для обработки и получения информации для различных сущностей предметной области
4. Сервис авторизации для работы с клиентской сессией
Разработаны и протестированы следующие серверные компоненты веб-приложения:
1. Контроллеры, модели, сервисы
2. Слой для работы с БД (включает себя подсистемы кеширования и построения SQL запросов)
3. Слой для удаленного взаимодействия сервера веб-приложения с игровым сервером
4. Интерфейс для взаимодействия с графической библиотекой JPGraph (для построения графиков)
В результате работы было разработано и интегрировано веб-приложение для игрового проекта «DreamGame Lineage», оно доступно по ссылке http://dreamgame.org/. Поставленная перед работой цель была достигнута.
