Этап 1
Организационный момент и мотивация
5 минут
|
- Приветствует обучающихся, отмечает явку, проверяет готовность рабочих мест и проектора.
- Ставит мотивационный кейс: аварийный сбой корпоративной ERP-системы, вызванный тем, что операторы вводили названия филиалов вручную в текстовое поле, породив сотни дубликатов и сломав финансовую аналитику.
- Формулирует тему занятия, цель и регламент работы на пару.
|
- Приветствуют преподавателя, занимают рабочие места.
- Осмысливают проблему неконтролируемого текстового ввода и необходимость интерфейсных ограничителей.
- Фиксируют тему занятия в конспектах.
|
Этап 2
Актуализация опорных знаний
8 минут
|
- Проводит фронтальный экспресс-опрос по ранее изученным темам: ограничения первичного и внешнего ключа (
PRIMARY KEY, FOREIGN KEY), ограничения CHECK и NOT NULL.
- Задает проблемный вопрос: «Как гарантировать, что оператор выберет существующий внешний ключ из связанной таблицы, если он не знает числовых идентификаторов ID?»
- Подводит группу к понятию экранных элементов управления (Combobox, Autocomplete) и механизму разделения Text/Value.
|
- Отвечают на вопросы преподавателя, повторяют понятия ссылочной целостности и внешних ключей.
- Участвуют в диалоге, выдвигают гипотезы о сопряжении выпадающих списков со справочниками БД.
|
Этап 3
Сообщение новых знаний
35 минут
|
- Демонстрирует интерактивную презентацию
prezentaciya.html (слайды 2–14).
- Объясняет n-уровневую архитектуру (View → Controller → DAO/ORM → Database) и недопустимость прямого SQL из клиентского кода (слайды 2–3).
- Раскрывает паттерны MVC/MVVM и концепцию Data Binding (одностороннее и двустороннее связывание, слайды 4–5).
- Анализирует соответствие элементов интерфейса типам данных СУБД: текстовые поля с масками, Combobox для внешних ключей, RadioGroup для ENUM/CHECK, Checkbox для BOOLEAN, DatePicker в стандарте ISO 8601 (слайды 6–9).
- Излагает архитектуру сложных форм Master-Detail и транзакционную механику фиксации документа со спецификацией (слайды 10–11).
- Разбирает двухуровневую модель валидации (Client UX vs Database Integrity) и законы эргономики UI (Tab Order, индикаторы NOT NULL, Double Submit Prevention, слайды 12–14).
|
- Слушают лекцию преподавателя, анализируют схемы взаимодействия слоев и таблицы маппинга.
- Записывают в конспекты ключевые понятия: Data Binding, DTO, Value/Display Member, Master-Detail.
- Задают уточняющие вопросы по транзакционной фиксации связанных таблиц.
|
Этап 4
Демонстрация сквозного инженерного кейса
12 минут
|
- На проекторе подробно разбирает сквозной инженерный кейс: форму регистрации оптового заказа (Master-Detail).
- Показывает экранную компоновку: шапка документа (Клиент из Select, Склад, Дата) + табличная сетка спецификации (Товар, Количество, Цена, Скидка).
- Демонстрирует JSON-структуру DTO, схему валидации и выполнение транзакции
BEGIN; INSERT INTO orders ... INSERT INTO order_items ... COMMIT; на стороне сервера СУБД.
|
- Следят за разбором кейса на проекторе.
- Сопоставляют поля экранной формы с колонками таблиц
orders и order_items.
- Фиксируют алгоритм формирования DTO и транзакционного сохранения спецификации.
|
Этап 5
Первичное закрепление знаний
14 минут
|
- Инструктирует обучающихся по выполнению заданий в интерактивном рабочем листе
zanyatie.html.
- Распределяет студентов по 4 проектным вариантам:
- Вариант 1: Заказ в оптовой CRM (Master-Detail, выбор клиента из справочника).
- Вариант 2: Путевой лист АТП (автомобиль, водитель, маршрут, DatePicker, одометр).
- Вариант 3: Госпитализация в стационар (персональные данные, отделение, врач, МКБ-10 Autocomplete).
- Вариант 4: Заявка в IT Service Desk (радиокнопки приоритета Low/Medium/High, категория, файлы).
- Осуществляет индивидуальное консультирование, контролирует правильность маппинга элементов формы на атрибуты БД и соблюдение эргономики UI.
|
- Открывают рабочий лист
zanyatie.html, заполняют поля ФИО и группы, переключаются на назначенный вариант.
- Проектируют эскиз экранной формы ввода, определяют состав элементов UI.
- Заполняют матрицу сопряжения контролов с колонками БД, настраивают правила валидации.
- Отвечают на контрольные вопросы самопроверки и сохраняют данные в LocalStorage.
|
Этап 6
Итог урока. Домашнее задание
6 минут
|
- Организует экспресс-разбор типичных студенческих ошибок (сохранение текста вместо ID внешнего ключа, отсутствие транзакционности в Master-Detail).
- Демонстрирует слайд 15 с культовым веб-комиксом Bobby Tables (xkcd #327), акцентируя внимание на инженерной ответственности разработчика за целостность БД.
- Озвучивает критерии оценки по 4-балльной рубрике (
.rubrika.md).
- Инструктирует по сохранению результатов в PDF через диалог печати браузера.
- Разъясняет регламент резервного дистанционного задания
domashnee_zadanie.html.
|
- Участвуют в анализе ошибок, соотносят свои проектные решения с эталонами.
- Сохраняют заполненный рабочий лист в PDF-документ.
- Ознакомляются с условиями резервного домашнего задания.
|