Введение 4
1 Анализ предметной области 6
1.1 Принципы построения веб-сервисов 6
1.2 Клиентское приложение для веб-сервиса 8
1.3 Анализ существующих аналогов 9
1.3.1 OneNote 10
1.3.2 Evernote 11
1.3.3 ConnectedText 12
1.3.4 TiddlyWiki 13
1.3.5 MindMeister 15
1.4 Сравнение рассмотренных аналогов 16
1.5 Техническое задание 19
1.6 Выбор средств разработки 21
1.6.1 Обзор средств для разработки интерфейса и логики клиента 21
1.6.2 Обзор средств для разработки логики сервера 23
1.6.3 Обзор систем управления базами данных 25
1.7 Выводы по главе 26
2 Разработка архитектуры и основных технических решений 28
2.1 Общая архитектура системы 28
2.2 Основной функционал приложения 30
2.3 Взаимодействие React и Redux 31
2.4 Разработка структуры клиентского приложения 33
2.4.1 Компонент «Главное меню» 34
2.4.2 Компонент «Карта связей» 36
2.4.3 Компонент «Список записей» 38
2.4.4 Компонент «Текстовый редактор» 40
2.4.5 Компонент «Панель навигации» 41
2.5 Разработка структуры базы данных 42
2.6 Выводы по главе 44
3 Программная реализация приложения 45
3.1 Реализация клиентской части 45
3.1.1 Компонент «Главное меню» 45
3.1.2 Компонент «Редактор» 47
3.2 Описание интерфейса для связи с серверной частью 53
3.3 Реализация серверной части 57
3.4 Тестирование 58
3.5 Выводы по главе 58
Заключение 59
Список используемых источников 60
Приложение А 62
Решение вопросов организации и хранения информации крайне необходимо практически в любой рабочей и учебной деятельности, особенно при работе с большими объемами данных. В текущий век глобального перехода информационных ресурсов в цифровое пространство наличие таких программных решений, способных обеспечить данный функционал, наиболее актуально.
Существуют специализированные информационные системы, решающие определенный ряд задач, но наибольший интерес представляют универсальные решения, способные хранить и организовывать информацию, полученную из разных источников, в одном месте.
К подобным универсальным системам относятся персональные вики - веб-сайты, содержимое которых пользователь может самостоятельно изменять с помощью инструментов, предоставляемых самим сайтом. Возможность многократно править текст, мгновенное проявление изменений сразу после их внесения и разделение содержимого на именованные страницы обеспечивают необходимый функционал по организации и хранению важной информации.
Не стоит забывать о веб-сервисах и программах для хранения информации в заметках и виртуальных блокнотах. В таких системах процесс записи данных крайне упрощен и удобен, что подходит для большинства пользователей.
Другим способом представления информации является использование диаграмм (карт) связей [1] или интеллект-карт (англ. Mind map) - метод структуризации информации с использованием графической записи в виде диаграммы. Диаграмма реализуется в виде древовидной схемы, на которой изображены слова, идеи, задачи или другие понятия, связанные ветвями, отходящими от центрального понятия или идеи. Данный метод обеспечивает структурированность информации, а также легкость её восприятия и запоминания, однако такое решение подходит только для небольших объемов данных - чем больше в диаграмме узлов и чем больше информации в них содержится, тем сложнее становится восприятие такой диаграммы.
На данный момент существуют программные решения, в разной степени реализующие функционал для хранения и организации информации, однако они обладают рядом недостатков, например: наличие платной подписки, неудобный интерфейс с ограниченным функционалом, проблемы с организацией и представлением большого количества данных. Отсутствие универсального решения подкрепляет необходимость и актуальность разработки нового приложения.
Целью данной работы является разработка веб-сервиса для создания, хранения и организации контента, состоящего из клиентской и серверной частей, а также базы данных.
Для достижения цели в работе решаются следующие задачи:
1. Выполнить анализ задания на проектирование.
1.1. Осуществить анализ предметной области.
1.2. Провести анализ существующих решений.
1.3. Выделить критерии для сравнения.
1.4. Сравнить существующие аналоги по выбранным критериям.
1.5. Произвести выбор средств разработки.
2. Составить техническое задание на разработку всех модулей вебсервиса, исходя из особенностей задач создания, хранения и организации разнородной информации.
3. Выполнить проектирование архитектуры разрабатываемого вебсервиса, основываясь на составленном техническом задании.
4. Реализовать все модули веб-сервиса, придерживаясь разработанных ранее архитектурных решений.
5. Провести тестирование разработанного веб-сервиса.
В ходе выполнения данной работы были решены следующие задачи:
1. Выполнен анализ предметной области.
2. Проведен обзор и сравнительный анализ существующих аналогов.
3. Составлено техническое задание, произведен выбор средств разработки.
4. Выполнено проектирование архитектуры веб-сервиса.
5. Выполнена программная реализация, а также проведено тестирование всех модулей веб-сервиса.
