Индивидуальное задание по производственной практике по профессиональному модулю ПМ.01 Проектирование и разработка информационных систем

Ознакомительная лекция, включая инструктаж по соблюдению правил противопожарной безопасности, правил охраны труда, техники безопасности, санитарно-эпидемиологических правил и гигиенических нормативов.
Пройти инструктивное совещание с руководителем практики от Образовательной организации, на котором ознакомиться с кругом обязанностей по определенным видам работ, связанным с будущей профессиональной деятельностью, а также уточнить правила в отношении субординации, внешнего вида, внутреннего трудового распорядка и режима конфиденциальности.
Пройти инструктаж по соблюдению правил противопожарной безопасности, правил охраны труда, техники безопасности, санитарно-эпидемиологических правил и гигиенических нормативов (в случае медицинских противопоказаний к выполнению определенных видов деятельности – принести подтверждающую справку из медицинского учреждения).
Изучение дополнительной литературы и методических материалов.
В целях развития профессиональных навыков в разработке и дизайне веб-приложений необходимо ознакомиться с дополнительной литературой и методическими материалами по теме «Веб-приложения»:
Основная литература:
Вагин, Д. В. Современные технологии разработки веб-приложений : учебное пособие / Д. В. Вагин, Р. В. Петров. — Новосибирск : Новосибирский государственный технический университет, 2019. — 52 c. — ISBN 978-5-7782-3939-5. — Текст : электронный // Цифровой образовательный ресурс IPR SMART : [сайт]. — URL: https://www.iprbookshop.ru/98738.html
Интернет-ресурсы:
Позевалкин В.В. Разработка веб-приложений на основе клиентских каркасов и библиотек : учебное пособие / Позевалкин В.В., Панова Н.Ф.. — Оренбург : Оренбургский государственный университет, ЭБС АСВ, 2025. — 191 c. — ISBN 978-5-7410-3380-7. — Текст : электронный // Цифровой образовательный ресурс IPR SMART : [сайт]. — URL: https://www.iprbookshop.ru/153228.html
Ознакомиться с дополнительной литературой и методическими материалами по теме:
 проектирования и функционирования информационных систем, их структуре (фронтенд, бекенд и база данных) и этапы жизненного цикла. Следует освоить моделирование данных, включая определение сущностей, атрибутов, связей и типов данных, принципы нормализации, построение ER-диаграмм в нотациях Chen, Crow’s Foot и IDEF1X, а также основы языка SQL для создания и управления структурами данных;
 необходимо ознакомиться с архитектурой веб-приложений по модели «клиент ↔ сервер ↔ база данных», изучить базовые принципы работы с языками HTML, CSS, JavaScript и одним из серверных языков программирования (PHP, Python, Node.js), а также освоить использование систем контроля версий Git;
 UI/UX-дизайн, структура HTML-документа и каскадные таблицы стилей CSS, принципы построения адаптивных сеток с помощью Flexbox и Grid, медиазапросы и мобильная адаптивность, правила подбора цветовых схем и типографики, особенности графических форматов (PNG, JPG, SVG, WebP) и методы оптимизации изображений;
 приёмы создания интерактивных элементов интерфейса (слайдеры, модальные окна) и принципы доступности (A11y). В завершающей части студент должен изучить принципы интеграции фронтенда и бекенда, работу с REST API и маршрутизацией, использование фреймворков и библиотек (Bootstrap, Flask, Django), методы оптимизации производительности (кэширование, минификация, lazy loading), основы SEO и тестирования качества кода с применением инструментов HTML Validator, Lighthouse и W3C, а также приёмы отладки, адаптивной верстки, анимации интерфейсов и документирования проекта с ведением репозитория версий.
Экспериментально-практическая работа. Приобретение необходимых умений и первоначального опыта практической работы по специальности в рамках освоения вида деятельности ВД 1. Проектирование и разработка информационных систем.
Получить практический опыт в:
 управлении процессом разработки приложений с использованием инструментальных средств;
 обеспечении сбора данных для анализа использования и функционирования информационной системы;
 программировании в соответствии с требованиями технического задания;
 использовании критериев оценки качества и надежности функционирования информационной системы;
 применении методики тестирования разрабатываемых приложений;
 определении состава оборудования и программных средств разработки информационной системы;
 разработке документации по эксплуатации информационной системы;
 проведении оценки качества и экономической эффективности информационной системы в рамках своей компетенции;
 модификации отдельных модулей информационной системы.
С этой целью для получения практического опыта работы с веб-приложениями на проектном этапе обучающемуся предлагается выполнить следующие практические задания:
1) Модуль проектирования базы данных
Спроектировать минимально жизнеспособную ИС: БД с базовым интерфейсом (поток «регистрация → авторизация → работа с сущностями»).
Техническое задание:
 База данных: определить сущности, ключи, связи; создать таблицы; подготовить ER-диаграмму средствами СУБД (достаточно подзадач вашей подсистемы, не все сущности предметной области).
 Регистрация: валидация логина/пароля/ФИО/телефона/email; уникальность логина; запись в БД (все поля обязательны).
 Авторизация: корректная обработка ошибок и переходы «вход ↔ регистрация».
 Рабочая страница пользователя: просмотр своих заявок/заказов; подготовить форму создания новой заявки с вашими полями домена (дата/вариант/оплата и т. п.).
 Панель администратора: авторизованный вход; список всех заявок; изменение статуса (минимум 3 статуса по логике домена).
Результаты работы:
 ER-диаграмма; SQL-скрипт создания схемы.
 Простейший UI (регистрация/авторизация/список/форма).
 README с описанием сущностей и сценариев.
 Код и материалы — в индивидуальном репозитории VCS; минимум коммитов: старт и завершение модуля (требование переноса результатов в репозиторий и рекомендация по коммитам отражены в образцах задания).
2) Модуль разработка дизайна информационной системы
Разработать адаптивный дизайн, оптимизировать графику, внедрить слайдер, улучшить UX. (Фокус на дизайне, адаптиве 390×844 px, оптимизации изображений, слайдере и удобстве UI — по образцу М2).
Техническое задание:
 Адаптив: макеты/страницы под смартфон 390×844 в формате html c использованием css.
 Слайдер: 4 одинаковых по размеру изображения; автопрокрутка 3 с; кнопки «вперёд/назад»; органично вписать в дизайн.
 Валидация UI: вывод ошибок на формах регистрации/авторизации; проверка уникальности логина при регистрации.
 Доступность и удобство: иконки, контрасты, фокус-состояния; в админ-панели — фильтры/пагинация/всплывающие уведомления для удобства работы.
 Графика: оптимизировать вес изображений без потери качества (по заданию — «оптимизировать и улучшить» изображения для ИС).
Результаты работы:
 Набор адаптивных HTML-страниц и CSS.
 Реализованный слайдер.
 Сжатые/оптимизированные изображения (до/после).
 Короткий UI-гайд (цвета/шрифты/сетка).
 Коммиты «старт/финиш» модуля, пуш в репозиторий (см. требование передачи результатов).
3) Модуль 3. Разработка функционала информационной системы
Интегрировать дизайн и данные, доработать БД под полный сценарий, добавить микроанимации, обеспечить качество и адаптивность. (См. образец М3: доработка БД «под все задачи», использование фреймворка при желании, анимации/микроанимации, качество кода и адаптивность).
Техническое задание:
 Доработка БД: покрыть все сценарии модулей 1–2 (статусы, связи, индексы, ограничения).
 Интеграция фронт/бек: рабочие формы создают/читают/фильтруют записи; код оформлен по правилам и поддерживаем (в образцах — требование к качеству/оформлению кода).
 Анимации: добавить уместные микроанимации (hover, toast, прогресс, плавные переходы) для улучшения UX.
 Адаптивность: убедиться, что весь функционал сохранён на мобильном (продолжение требований по адаптиву из М2).
Результат работы:
 Обновлённая схема БД + миграции/SQL.
 Сборка приложения (frontend+backend) с интегрированным дизайном.
 Чек-лист оптимизаций и анимаций.
 Коммиты «старт/финиш» модуля, пуш в репозиторий (см. требование передачи результатов).
Обработка и систематизация полученного фактического материала.
С целью подготовки к сдаче экзамена по модулю ПМ.01 Проектирование и разработка информационных систем осуществить комплексный анализ результатов выполненных видов работ, оформить презентационные материалы, разработать свои предложения и рекомендации на основе сравнения полученных в процессе обучения теоретических знаний с навыками, полученными в период прохождения практики.
Оформление отчетных документов о прохождении производственной практики и экспертная оценка результатов ее прохождения.
Оформить отчет по практике в формате презентации PowerPoint, содержащий базовую и информационно-вспомогательную информацию, согласно Приложению 1.
Оформить справку, заверенную подписью и печатью (при наличии) ответственного лица от Профильной организации, содержащую сведения о прохождении практики
Разместить полностью оформленный комплект отчетной документации по практике в электронной информационно-образовательной среде Университета «Синергия» на платформе lms.synergy.ru руководителю практики от Образовательной организации для экспертной оценки результатов ее прохождения.