Теоретическая часть

Практическая работа

Почувствуйте себя в роли программиста 

На рабочем создайте создайте папку, назовите её: Фамилия, группа

В папке создайте три файла для работы:

  1. index.html
  2. style.css
  3. script.js

В браузере откройте сервис искусственного интеллекта: ГигаЧат

Введите промт:

Мне нужен виртуальный симулятор регистратуры для поликлиники. Это должен быть веб-интерфейс (HTML + CSS + JavaScript), который работает в браузере.

Функциональные требования:

  1. База данных (в памяти):
    • Должна хранить данные о врачах и пациентах.
    • Данные должны очищаться при обновлении страницы (без использования localStorage).
  2. Работа с врачами:
    • Добавление: форма должна содержать поля «Имя», «Специализация», «Кабинет».
    • Просмотр списка: таблица или список всех добавленных врачей.
    • Удаление: кнопка «Удалить» напротив каждого врача в списке.
  3. Работа с пациентами:
    • Добавление: форма должна содержать поля «Имя», «Паспорт», «СНИЛС», «Страховой полис», «Дата рождения».
    • Просмотр списка: таблица или список всех добавленных пациентов.
    • Удаление: кнопка «Удалить» напротив каждого пациента в списке.
  4. Запись на прием:
    • Форма для записи должна содержать поля: «Имя пациента», «Имя врача», «Время (например, 10:00)».
    • При записи пациент должен добавляться в расписание конкретного врача на указанное время.
  5. Отмена записи:
    • Форма для отмены должна содержать поля: «Имя пациента», «Имя врача», «Время записи».
  6. Просмотр расписания:
    • Форма для ввода имени врача.
    • По нажатию кнопки должно выводиться текстовое расписание врача (список времени и пациентов).
  7. Визуализация расписания (Боковая панель):
    • Слева от основного контента должна быть боковая панель с сеткой времени с 8:00 до 18:00.
    • Шаг сетки — 15 минут.
    • Время с 13:00 до 14:00 должно быть помечено как «Обед» и не должно быть доступно для записи.
    • При просмотре расписания конкретного врача, боковая панель должна подсвечивать слоты:
      • Зеленым — свободное время.
      • Красным — занятое время (с указанием количества пациентов).
      • Фиолетовым — время обеда.

Требования к коду:

Код должен быть разделен на три файла: index.html, style.css, script.js.

Код должен быть чистым, рабочим и не содержать опечаток.

Использовать ООП (классы Patient, Doctor, Registratura).

В ответе предоставить полный, готовый к запуску код для каждого из трех файлов.

Вернитесь в созданную папку, правой кнопкой мыши нажмите на файл index.html — открыть с помощью — поставьте галочку (все приложения) — выберите приложение (Kate) — вставьте программный код который выдал искусственный интеллект.

Повторите действия для: style.css, script.js.

После того как все файлы были заполнены и сохранены откройте index.html и посмотрите результат

Редактируйте программный код с помощью дополнительных запросов ИИ таким образом что бы программа работала с заданным функционалом.

Пример программы:

Лучшие работы студентов

Логинова Дарья, Большакова Анастасия

Плиско Валерия, Танцура Полина

Нестеренко Мария