МУ Синергия, проектирование, разработка и оптимизация веб-приложений (производственная практика)

№ п/п

Виды работ

Период выполнения работ

1.

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

Пройти инструктивное совещание с руководителем практики от Образовательной организации, на котором ознакомиться с кругом обязанностей по определенным видам работ, связанным с будущей профессиональной деятельностью, а также уточнить правила в отношении субординации, внешнего вида, внутреннего трудового распорядка и режима конфиденциальности.

Пройти инструктаж по соблюдению правил противопожарной безопасности, правил охраны труда, техники безопасности, санитарно-эпидемиологических правил и гигиенических нормативов (в случае медицинских противопоказаний к выполнению определенных видов деятельности – принести подтверждающую справку из медицинского учреждения).

2.

Изучение организационной структуры Профильной организации – базы прохождения практики.

Знакомство с профилем деятельности организации в целом и со структурой подразделения прохождения практики.

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

3.

Сбор информации об объекте практики и анализ содержания источников.

В целях развития профессиональных навыков в разработке и дизайне веб-приложений необходимо ознакомиться с дополнительной литературой и методическими материалами по теме «Проектирование, разработка и оптимизация веб-приложений»:

Основная литература:

Вагин, Д. В. Современные технологии разработки веб-приложений : учебное пособие / Д. В. Вагин, Р. В. Петров. — Новосибирск : Новосибирский государственный технический университет, 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

4.

Экспериментально-практическая работа. Приобретение необходимых умений и первоначального опыта практической работы по специальности в рамках освоения вида деятельности ВД 3. Проектирование, разработка и оптимизация веб-приложений.

Получить практический опыт в:

- использовании специальных готовых технических решений при разработке веб-приложений;

- выполнении разработки и проектирования информационных систем;

- модернизации веб-приложений с учетом правил и норм подготовки информации для поисковых систем;

- реализации мероприятий по продвижению веб-приложений в сети Интернет.

С этой целью для получения практического опыта работы с веб-приложениями на проектном этапе обучающемуся предлагается выполнить следующие практические задания:

Изучить:

- Архитектурные основы веб-приложений.

- Основы клиентской веб-разработки.

- Принципы интерактивности и UX-дизайна.

- Основы оптимизации веб-приложений.

- Тестирование и аудит качества.

- Безопасность и этика веб-разработки.

- Методологические и инструментальные основы.

Выполнить:

- Разработать интерактивное веб-приложение нового поколения, реализующее современные принципы проектирования, асинхронной клиентской логики и оптимизации пользовательского взаимодействия.

- Спроектировать архитектуру приложения с использованием моделей представления данных (JSON) и C4-диаграмм, разработать интерфейс на основе технологий HTML5, CSS3 и JavaScript, применяя адаптивные и интерактивные элементы, обеспечивающие динамическое обновление содержимого без перезагрузки страницы.

- Провести аудит качества с использованием Lighthouse и инструментов Chrome DevTools, анализируют ключевые метрики (LCP, FID, CLS, TTI), внедряют методы lazy loading, минификации и кэширования.

- Итогом выполнения практики является функционирующее одностраничное приложение (SPA) с подтверждённым улучшением показателей производительности и оформленный аналитический отчёт, содержащий архитектурные схемы, скриншоты интерфейса и результаты оптимизационных мероприятий.

5.

Обработка и систематизация полученного фактического материала.

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

6.

Оформление отчетных документов о прохождении учебной практики и экспертная оценка результатов ее прохождения.

Оформить отчет по практике в формате презентации PowerPoint, содержащий базовую и информационно-вспомогательную информацию, согласно Приложению 1.

Оформить справку, заверенную подписью и печатью (при наличии) ответственного лица от Профильной организации, содержащую сведения о прохождении практики.

Разместить полностью оформленный комплект отчетной документации по практике в электронной информационно-образовательной среде Университета «Синергия» на платформе lms.synergy.ru руководителю практики от Образовательной организации для экспертной оценки результатов ее прохождения.

№

Название области

Краткое описание сценария приложения

1.

Smart Dashboard

Динамическая панель аналитики: фильтрация, графики, автообновление данных.

2.

Eco-Tracker

Учёт воды, света, отходов с интерактивными графиками и советами.

3.

MoodBoard

Веб-коллаж настроения: добавление изображений, палитр и тегов.

4.

Fitness Journal

Отслеживание тренировок и калорий с визуализацией прогресса.

5.

Quiz-платформа

Викторина с динамической загрузкой вопросов и подсчётом очков.

6.

Mini-CRM

Учёт клиентов и сделок, фильтрация по статусу, уведомления.

7.

Finance Monitor

Учёт доходов/расходов с круговой диаграммой и анализом трендов.

8.

EduBoard

Сервис заметок и заданий для онлайн-обучения, синхронизация с API.

9.

Recipe Finder

Поиск рецептов по ингредиентам, с подгрузкой изображений блюд.

10.

BookHub

Каталог книг с фильтрацией по жанрам, автообновлением рейтингов.

11.

Event Planner

Интерактивный календарь событий с drag-and-drop элементами.

12.

TravelMap

Интерактивная карта с отметками посещённых мест и заметками.

13.

Cinema Time

Афиша фильмов с рейтингами, трейлерами и расписанием сеансов.

14.

Weather Dashboard

Отображение прогноза погоды с анимацией и API-запросами.

15.

Smart To-Do

Список задач с приоритетами, уведомлениями и статистикой выполнения.

16.

Pet Care

Учёт ухода за питомцами: кормление, вакцинации, календарь.

17.

MusicMix

Создание плейлистов с асинхронной подгрузкой треков и обложек.

18.

Portfolio Builder

Генератор персонального портфолио с шаблонами и предпросмотром.

19.

Startup Tracker

Мониторинг стартап-проектов, KPI и инвестиционных статусов.

20.

Art Gallery

Каталог цифровых картин с фильтрацией по художникам и стилям.

21.

Smart Budget

Автоматический расчёт бюджета с динамическими диаграммами.

22.

Language Coach

Мини-тренажёр по изучению слов с таймерами и статистикой.

23.

Garden Planner

Планировщик посадок: календарь, климат, подсказки.

24.

Volunteer Hub

Сервис поиска волонтёрских мероприятий с фильтрацией по дате/городу.

25.

Career Compass

Трекер навыков и прогресса в обучении, с рекомендациями курсов.

26.

Smart Journal

Ежедневник с аналитикой настроения и продуктивности.

27.

Health Monitor

Учёт сна, пульса, шагов с визуализацией и динамическими графиками.

28.

Cinema Review

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

29.

UX-Lab

Тестирование производительности страниц (встроенные замеры TTI, LCP).

30.

Inspiration Feed

Лента цитат и изображений с динамической подгрузкой контента по API.