МИНИСТЕРСТВО ЦИФРОВОГО РАЗВИТИЯ, СВЯЗИ И МАССОВЫХ КОММУНИКАЦИЙ РОССИЙСКОЙ ФЕДЕРАЦИИ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ

«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ ИМ. ПРОФ. М.А. БОНЧ-БРУЕВИЧА» (СПбГУТ)

ФАКУЛЬТЕТ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ И ПРОГРАММНОЙ ИНЖЕНЕРИИ (ИТПИ)

КАФЕДРА ПРОГРАММНОЙ ИНЖЕНЕРИИ И ВЫЧИСЛИТЕЛЬНОЙ ТЕХНИКИ (ПИ И ВТ)

Курсовая работа по дисциплине

«Web-технологии»

на тему: «Разработка клиентской части веб-приложения

“Медицинский портал”

Выполнил

студент группы ИКПИ-32

Кларк А. Е.

___________________

Проверила

и.о. заведующего кафедрой, старший преподаватель кафедры ПИиВТ

Краева Е. В. ___________________

г. Санкт-Петербург,

2025

Оглавление

1. Введение 3

2. Постановка задачи 3

3. Обоснование выбора технологий 5

4. Разработка структуры клиентской части 7

5. Разработка собственных компонентов 9

5.1. Модель представления 9

5.2. Слой управления состоянием 10

5.3. Компоненты пользовательского интерфейса 11

5.4. Модуль взаимодействия с API 12

6. Сценарии пользователя 14

7. Заключение 17

8. Список литературы 19

9. Приложение 20

1. Введение

Современные медицинские услуги требуют удобного и эффективного способа организации записи пациентов на приём к врачам. Цифровизация здравоохранения является одним из приоритетных направлений развития социальной сферы, позволяя оптимизировать процессы записи, уменьшить очереди в поликлиниках и предоставить пациентам возможность планировать визиты к врачам в удобное время. В условиях роста спроса на медицинские услуги и необходимости соблюдения временных интервалов особую актуальность приобретают онлайн-системы записи, которые интегрируют информацию о клиниках, врачах и доступных временных слотах.

Разработка клиентской части медицинского портала представляет собой комплексную задачу создания интуитивно понятного, отзывчивого и функционального веб-интерфейса, который обеспечивает пользователям простой доступ ко всем возможностям системы. Клиентская часть должна не только отображать информацию, но и обеспечивать интерактивное взаимодействие: фильтрацию клиник, выбор времени записи, управление корзиной дополнительных услуг, просмотр календаря занятости. Удобный интерфейс становится критически важным фактором успешности системы, поскольку определяет пользовательский опыт и удовлетворённость пациентов.

В рамках данной курсовой работы разработана полноценная клиентская часть веб-приложения «Медицинский портал», ориентированная на потребности современных пациентов. Основной целью проекта является создание удобного, производительного и доступного интерфейса, который объединяет в себе современные подходы к фронтенд-разработке, надёжное взаимодействие с серверной частью и адаптивный дизайн.

Приложение включает в себя систему навигации по разделам портала, что обеспечивает логичную организацию функциональности. Каждый зарегистрированный пользователь получает доступ к персонализированным функциям: записи на приём, удаление записи, просмотру своих записей, управлению корзиной медицинских услуг. Визуализация данных через календарь занятости и интерактивные элементы интерфейса гарантируют комфортное взаимодействие с системой. Проект не только решает актуальную задачу создания интерфейса медицинского портала, но и служит основой для дальнейшего расширения функционала: добавления системы напоминаний, интеграции с электронными медицинскими картами, внедрения видео-консультаций, создания мобильной версии на основе прогрессивного веб-приложения.