# Кейс 3 — ШІ як інструмент рецензування студентських робіт

> **Контекст для доповіді:** Один із найбільш практичних, але недооцінених сценаріїв використання ШІ у викладанні — це допомога викладачу у перевірці та рецензуванні студентських проєктів. Особливо актуально для дисциплін з програмування, де обсяг коду зростає, а часу на детальний фідбек — обмаль.

---

## Що вміє ШІ при аналізі студентського коду

### 1. Структурний аналіз проєкту

ШІ здатний швидко оцінити загальну архітектуру проєкту:

- чи дотримана логічна структура папок і файлів
- чи розділені відповідальності (HTML — розмітка, CSS — стиль, JS — логіка)
- чи є повторення коду, яке варто винести в окрему функцію або компонент
- чи відповідає структура заявленому стеку (наприклад, React-проєкт без компонентного поділу)

**Приклад промпту для викладача:**
```
Проаналізуй структуру цього React-проєкту. 
Зверни увагу на: розподіл компонентів, 
дотримання принципу єдиної відповідальності, 
наявність дублювання логіки.
[вставити код або структуру файлів]
```

---

### 2. Якість CSS і дотримання теми уроку

Після уроку з позиціонування ШІ допоможе перевірити:

- чи правильно студент використав `position: relative` на батьку при `absolute` на дочірньому
- чи не забув задати `top/left/right/bottom` після `position: sticky`
- чи не переплутав `visibility: hidden` і `display: none` у завданні де це важливо
- чи є надмірне використання `position: absolute` там, де достатньо Flexbox

**Приклад промпту:**
```
Перевір CSS цього студента з погляду теми "Позиціонування".
Знайди помилки, поясни їх причину і запропонуй виправлення.
Стиль фідбеку — навчальний, не критичний.
[вставити CSS студента]
```

---

### 3. Генерація фідбеку різного рівня деталізації

Залежно від потреби, ШІ може сформувати:

| Рівень | Що включає | Коли використовувати |
|--------|-----------|----------------------|
| **Короткий** | 3–5 головних зауважень | Перша перевірка, великий потік |
| **Детальний** | Пояснення кожної помилки з прикладом виправлення | Індивідуальна робота |
| **Порівняльний** | Що зроблено добре + що покращити | Мотивуючий фідбек |
| **Рубричний** | Оцінка по кожному критерію ЛР | Офіційне оцінювання |

---

### 4. Перевірка типових помилок початківців

ШІ добре знає найпоширеніші помилки і цілеспрямовано їх шукає:

**HTML/CSS:**
- відсутність `position: relative` на батьку при використанні `absolute`
- `z-index` без `position` (не працює)
- `overflow: hidden` на батьку, через що `sticky` перестає працювати
- неправильне розуміння `top: 50%` без `transform: translate`

**JavaScript:**
- змінні оголошені через `var` замість `let`/`const`
- відсутність обробки помилок (`try/catch`)
- прямі маніпуляції з DOM замість стану (в React-проєктах)

**Загальне:**
- відсутність коментарів у складних місцях
- "магічні числа" без пояснення
- надто довгі функції (порушення принципу єдиної відповідальності)

---

### 5. Порівняння кількох робіт

Корисний сценарій: надати ШІ кілька студентських рішень одного завдання і попросити:

```
Ось три реалізації одного завдання від різних студентів.
Порівняй підходи: що спільне, що відрізняється, 
яке рішення найбільш читабельне і чому.
Не називай "переможця" — поясни компроміси кожного підходу.
```

Це корисно як матеріал для розбору на занятті: студенти бачать різні рішення і вчаться аргументувати свій вибір.

---

### 6. Генерація рубрик оцінювання

ШІ допомагає не лише перевіряти, а й **розробляти критерії оцінювання** для лабораторних:

```
Створи рубрику оцінювання для лабораторної роботи 
"Позиціонування в CSS" (30 балів).
Критерії: правильність використання position, 
z-index, overflow, visibility, якість коду, UI.
```

---

## Обмеження — що треба мати на увазі

- ШІ **не замінює** перевірку викладача — він помічник, а не суддя
- Великий код потрібно **ділити на частини** або надавати лише ключові фрагменти
- Фідбек ШІ варто **адаптувати** під рівень конкретного студента перед відправкою
- ШІ не знає контексту (що вже пояснювалось на парі) — це треба **вказувати в промпті**

---

## Практична порада для колег

> Не копіюйте відповідь ШІ студенту напряму.  
> Використовуйте її як **чернетку фідбеку** — відредагуйте, додайте особистий контекст.  
> Так ви економите 70% часу, але фідбек залишається вашим.

---

*Цей матеріал є частиною доповіді "ШІ — рутинний помічник викладача"*  
*ВСП Тернопільський фаховий коледж ТНТУ ім. Івана Пулюя, 2026*