diff --git "a/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/README.md" "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/README.md" new file mode 100644 index 0000000..27b1ec6 --- /dev/null +++ "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/README.md" @@ -0,0 +1,92 @@ +# Руководство пользователя: Интерактивная онлайн-доска + +## Введение + +Интерактивная онлайн-доска - это веб-приложение для визуального совместного взаимодействия. +Вы можете создавать доски, добавлять на них фигуры, делиться ими с коллегами и работать над проектами в реальном времени. + +Целевая аудитория: +- Команды (разработчики, дизайнеры, аналитики). +- Преподаватели и студенты. +- Менеджеры и продуктовые команды. +- Все, кому важно визуализировать задачи и идеи. + +--- + +## Начало работы + +### Доступ в систему +Откройте в браузере: http://localhost:8080/dashboard + +- Если у вас уже есть аккаунт и сохранена cookie - вы попадёте в личный кабинет и увидите список досок. +- Если cookie отсутствует - система предложит авторизацию. +- Если аккаунта нет - произойдёт автоматический редирект на страницу регистрации. + +### Регистрация +1. На странице регистрации выберите удобный способ входа `http://localhost:8080/signup/`: + - по email и паролю, + - через Google / Office365 (если включено), + - SSO организации (если включено), +2. После подтверждения регистрации вы попадёте в личный кабинет. + +### Авторизация +1. Перейдите на `http://localhost:8080/dashboard/`. +2. Если у вас пока еще нет аккаунта, система покажет форму входа автоматически. +3. Если аккаунт уже есть (сохранены cookie) вы автоматически попадете в свой личный кабинет. +3. Введите email и пароль (или воспользуйтесь внешним сервисом входа). +![img.png](img.png) + +--- + +## Работа с досками + +### Создание новой доски +1. В личном кабинете нажмите **«Создать доску»**. +2. Введите название. +3. Доска сразу откроется и вы можете приступить к работе! Так же доска появится в списке ваших досок. +![img_1.png](img_1.png) +![img_2.png](img_2.png) + +### Открытие существующей доски +Нажмите на название доски в списке - доска откроется в рабочем пространстве. +![img_3.png](img_3.png) + +### Удаление доски +1. Наведите курсор на доску в списке. +2. Нажмите значок **«...»** и выберите **Удалить**. +3. Подтвердите действие. +![img_4.png](img_4.png) +--- + +### Работа на доске + +- Добавляйте фигуры: прямоугольники, круги, линии, стрелки. +- Перемещайте и изменяйте размеры объектов. +- Редактируйте текст прямо на доске. +- Изменяйте цвет и стиль объектов через панель инструментов. +![img_5.png](img_5.png) +![img_6.png](img_6.png) + +### Совместная работа с доской +- Наведите курсор на доску в списке. +- Нажмите значок **«...»** и выберите **Поделиться**. +- Настройте права доступа +- Нажмите **Скопировать ссылку на доску** +- Поделитесь ссылкой любым удобным для вас способом +![img_7.png](img_7.png) + +--- + +## Частые вопросы (FAQ) + +**Что произойдёт, если у меня нет аккаунта?** +Система перенаправит вас на страницу регистрации, где вы сможете создать учётную запись. + +**Как изменить пароль?** +Откройте профиль → «Сменить пароль». + +**Можно ли работать без регистрации?** +Да, через гостевой доступ. Если доска, на которую вы пытаетесь перейти, имеет соответствующие настройки доступа (вход для гостей по прямой ссылке). + +**Как пригласить коллегу на доску?** +В правом верхнем углу доски нажмите **«Поделиться»** далее **Скопировать ссылку на доску** и отправьте ссылку. diff --git "a/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img.png" "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img.png" new file mode 100644 index 0000000..cf94186 Binary files /dev/null and "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img.png" differ diff --git "a/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_1.png" "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_1.png" new file mode 100644 index 0000000..1e36a16 Binary files /dev/null and "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_1.png" differ diff --git "a/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_2.png" "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_2.png" new file mode 100644 index 0000000..f040e33 Binary files /dev/null and "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_2.png" differ diff --git "a/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_3.png" "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_3.png" new file mode 100644 index 0000000..4b847df Binary files /dev/null and "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_3.png" differ diff --git "a/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_4.png" "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_4.png" new file mode 100644 index 0000000..23a8603 Binary files /dev/null and "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_4.png" differ diff --git "a/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_5.png" "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_5.png" new file mode 100644 index 0000000..6b06e5c Binary files /dev/null and "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_5.png" differ diff --git "a/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_6.png" "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_6.png" new file mode 100644 index 0000000..e6b9ee5 Binary files /dev/null and "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_6.png" differ diff --git "a/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_7.png" "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_7.png" new file mode 100644 index 0000000..0fecae6 Binary files /dev/null and "b/11-\320\240\321\203\320\272\320\276\320\262\320\276\320\264\321\201\321\202\320\262\320\276-\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\217/img_7.png" differ