Слайд 2
![Цель курсовой работы: Клиент-серверное приложение «Тренажёр скоропечатания» с использованием технологий](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-1.jpg)
Цель курсовой работы:
Клиент-серверное приложение «Тренажёр скоропечатания» с использованием технологий Java Spring,
ReactJS, Maven, GitHub, PostgreSQL, IntelliJ IDEA, Visual Studio Code.
Слайд 3
![Задачи: Провести анализ выбранной области Обосновать выбор средств разработки Составить](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-2.jpg)
Задачи:
Провести анализ выбранной области
Обосновать выбор средств разработки
Составить ТЗ
Разработать приложение
Провести тестирование приложения
Составить
отчёт по выполненной работе
Презентовать созданное приложение
Слайд 4
![Зачем нужен тренажёр скоропечатания? Тренажёр скоропечатания – это программное обеспечение,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-3.jpg)
Зачем нужен тренажёр скоропечатания?
Тренажёр скоропечатания – это программное обеспечение, которое помогает
людям улучшить свои навыки печати на клавиатуре компьютера.
Слайд 5
![Функционал тренажёра скоропечати: Вывод и ввод разнообразного тренировочного текста; Сопоставление](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-4.jpg)
Функционал тренажёра скоропечати:
Вывод и ввод разнообразного тренировочного текста;
Сопоставление вывода и
ввода по буквам;
Графический отклик на ввод (корректный и некорректный);
Подсчёт ошибок при вводе во время тренировки;
Вывод и сохранение статистики (количество прописанных слов и процент правильного ввода).
Слайд 6
![Средства разработки:](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-5.jpg)
Слайд 7
![Список требований к функционалу приложения: Навигация между компонентами; Проведение тренировки скоропечатания; Авторизация пользователя; Регистрация пользователя.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-6.jpg)
Список требований к функционалу приложения:
Навигация между компонентами;
Проведение тренировки скоропечатания;
Авторизация пользователя;
Регистрация пользователя.
Слайд 8
![Созданная база данных: pgAdmin 4 - это бесплатный графический интерфейс для разработки баз данных PostgreSQL.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-7.jpg)
Созданная база данных:
pgAdmin 4 - это бесплатный графический интерфейс для разработки
баз данных PostgreSQL.
Слайд 9
![Использование репозитория, системы контроля версий: Коммит в репозиторий GitHub](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-8.jpg)
Использование репозитория, системы контроля версий:
Коммит в репозиторий GitHub
Слайд 10
![Главная страница:](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-9.jpg)
Слайд 11
![Страница регистрации:](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-10.jpg)
Слайд 12
![Страница авторизации:](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-11.jpg)
Слайд 13
![Тренажёр: Для начала тренировки необходимо нажать соответствующую кнопку.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-12.jpg)
Тренажёр:
Для начала тренировки необходимо нажать соответствующую кнопку.
Слайд 14
![Тренировка: После нажатия кнопки начинается обратный отсчёт и появляется текст для повторения пользователем.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-13.jpg)
Тренировка:
После нажатия кнопки начинается обратный отсчёт
и появляется текст для повторения пользователем.
Слайд 15
![Правильный ввод: При правильном вводе пользователь получает позитивный отклик в виде выделения буквы зелёным.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-14.jpg)
Правильный ввод:
При правильном вводе пользователь получает
позитивный отклик в виде выделения
буквы зелёным.
Слайд 16
![Неправильный ввод: При неправильном вводе пользователь получает негативный отклик в виде выделения буквы красным.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-15.jpg)
Неправильный ввод:
При неправильном вводе пользователь получает
негативный отклик в виде выделения
буквы красным.
Слайд 17
![Результат: По окончании времени, на экране появляется количество введённых слов,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-16.jpg)
Результат:
По окончании времени, на экране появляется количество введённых слов, а также
соотношение правильного ввода к общему числу символов.
Слайд 18
![Заключение: В результате выполнения данной курсовой работы были получены навыки](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581477/slide-17.jpg)
Заключение:
В результате выполнения данной курсовой работы были получены навыки разработки клиент-серверного
приложения на Java Spring с использованием ReactJS и СУБД PostgreSQL. Код разработанного в соответствии с выбранным стеком технологий и архитектурой веб-приложения размещён на удалённом репозитории GitHub.
Для выполнения поставленных задач были изучены и использованы различные технологии, такие как: Spring Boot, ReactJS, Java Data JPA, Hibernate, Docker, Git. Для упрощения процесса разработки были применены редакторы IntelliJ Idea, Visual Studio Code и pgAdmin 4, следовательно, получен опыт использования этих программ.
Как итог разработки, было получено веб-приложение с клиентским интерфейсом, имеющее связь с серверной частью и таблицами базы данных. С данным приложением был проведён ряд тестов для демонстрации функционала.