Индивидуальное задание по учебной практике
по профессиональному модулю ПМ.03 Проектирование, разработка и оптимизация веб-приложений
|
№ п/п
|
Виды работ
|
Период выполнения работ
|
|
1.
|
Ознакомительная лекция, включая инструктаж по соблюдению правил противопожарной безопасности, правил охраны труда, техники безопасности, санитарно-эпидемиологических правил и гигиенических нормативов.
Пройти инструктивное совещание с руководителем практики от Образовательной организации, на котором ознакомиться с кругом обязанностей по определенным видам работ, связанным с будущей профессиональной деятельностью, а также уточнить правила в отношении субординации, внешнего вида, внутреннего трудового распорядка и режима конфиденциальности.
Пройти инструктаж по соблюдению правил противопожарной безопасности, правил охраны труда, техники безопасности, санитарно-эпидемиологических правил и гигиенических нормативов (в случае медицинских противопоказаний к выполнению определенных видов деятельности – принести подтверждающую справку из медицинского учреждения).
|
|
|
2.
|
Изучение дополнительной литературы и методических материалов.
В целях развития профессиональных навыков в разработке и дизайне веб-приложений необходимо ознакомиться с дополнительной литературой и методическими материалами по теме «Веб-приложения»:
Основная литература:
Вагин, Д. В. Современные технологии разработки веб-приложений : учебное пособие / Д. В. Вагин, Р. В. Петров. — Новосибирск : Новосибирский государственный технический университет, 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
|
|
|
3.
|
Учебно-практическая работа. Приобретение необходимых умений и первоначального опыта практической работы по специальности в рамках освоения вида деятельности ВД 3. Проектирование, разработка и оптимизация веб-приложений.
Получить практический опыт в:
- использовании специальных готовых технических решений при разработке веб-приложений;
- выполнении разработки и проектирования информационных систем;
- модернизации веб-приложений с учетом правил и норм подготовки информации для поисковых систем;
- реализации мероприятий по продвижению веб-приложений в сети Интернет.
С этой целью для получения практического опыта работы с веб-приложениями на проектном этапе обучающемуся предлагается выполнить следующие практические задания:
Изучить:
- Основы HTML: структура документа, теги формы (form, input, textarea, select, button).
- Основы CSS: оформление элементов, отступы, Flexbox или Grid, адаптивная верстка.
- Основы JavaScript: работа с DOM, обработка событий, создание и удаление элементов.
- Механизм localStorage: сохранение и загрузка данных в браузере.
- Правила валидации форм и обработка ошибок ввода.
- Принципы адаптивного и доступного дизайна (responsive & accessible design).
- Использование инструментов разработчика (DevTools, Lighthouse) для проверки производительности и качества.
Выполнить:
- Спроектировать структуру данных сущности Request с полями: id, title, description, priority, status, createdAt.
- Разработать HTML-страницу с формой добавления заявки (поля: заголовок, описание, приоритет) и списком созданных записей.
- Реализовать добавление заявок в список и их сохранение в localStorage, чтобы данные сохранялись после перезагрузки страницы.
- Добавить возможность фильтрации по приоритету и поиска по заголовку.
- Реализовать функции изменения статуса заявки (New/Done) и удаления записи.
- Добавить валидацию формы (обязательные поля, минимальная длина описания).
- Обеспечить адаптивность интерфейса для разных устройств.
- Провести оптимизацию проекта: проверить производительность и доступность с помощью Lighthouse, устранить выявленные ошибки.
- Подготовить краткий отчёт (1–2 страницы) с описанием структуры приложения, скриншотами работы и результатами проверки качества.
|
|
|
4.
|
Обработка и систематизация полученного фактического материала.
С целью подготовки к сдаче экзамена по модулю ПМ.03 Проектирование, разработка и оптимизация веб-приложений осуществить комплексный анализ результатов выполненных видов работ, оформить презентационные материалы, разработать свои предложения и рекомендации на основе сравнения полученных в процессе обучения теоретических знаний с навыками, полученными в период прохождения практики.
|
|
|
5.
|
Оформление отчетных документов о прохождении учебной практики и экспертная оценка результатов ее прохождения.
Оформить отчет по практике в формате презентации PowerPoint, содержащий базовую и информационно-вспомогательную информацию, согласно Приложению 1.
Разместить полностью оформленный комплект отчетной документации по практике в электронной информационно-образовательной среде Университета «Синергия» на платформе lms.synergy.ru руководителю практики от Образовательной организации для экспертной оценки результатов ее прохождения.
|
|
Перечень предметных областей
1. Список заявок технической поддержки — регистрация обращений пользователей и отслеживание статусов.
2. Онлайн-заявки на бронирование билетов театра — ввод данных о спектакле, дате и количестве мест.
3. Учёт заказов интернет-магазина — добавление, просмотр и изменение статусов заказов.
4. Журнал успеваемости студентов — хранение оценок и фильтрация по предметам.
5. Учёт заявок на ремонт оборудования — описание неисправности, дата подачи и приоритет.
6. Планировщик задач (To-Do List) — добавление, выполнение и удаление задач.
7. Список записей в салон красоты — имя клиента, услуга, время, статус «выполнено».
8. Управление бронированием номеров гостиницы — даты заезда, тип номера, статус оплаты.
9. База резюме соискателей — имя, должность, навыки, уровень опыта.
10. Регистрация волонтёров на мероприятие — ФИО, контакты, выбранная роль.
11. Учёт выдачи книг в библиотеке — название книги, читатель, срок возврата.
12. Список заказов в кофейне — напиток, размер, способ оплаты, статус выполнения.
13. Журнал тренировок фитнес-центра — упражнение, время, интенсивность.
14. Система регистрации участников конференции — ФИО, организация, секция.
15. Учёт заявок в службу доставки — адрес, вес посылки, текущий статус.
16. Панель заявок в IT-отдел — оборудование, тип ошибки, ответственный.
17. Онлайн-расписание занятий — предмет, преподаватель, аудитория, день недели.
18. Каталог фильмов или сериалов — название, жанр, рейтинг, статус «просмотрено».
19. Учёт клиентов и заявок в рекламном агентстве — компания, проект, этап выполнения.
20. Управление бронированием столиков в кафе — дата, количество мест, контакт клиента.
21. База заказов цветов — тип букета, дата доставки, статус исполнения.
22. Учёт заявок на участие в конкурсах или грантах — название проекта, руководитель, статус.
23. Список задач по учебной практике — описание, срок сдачи, отметка о выполнении.
24. Учёт заказов типографии — макет, тираж, формат, статус печати.
25. Регистрация участников спортивного турнира — имя, команда, категория.
26. Журнал обращений в администрацию — тема, заявитель, статус рассмотрения.
27. Панель отзывов о сервисе — имя, комментарий, оценка, дата.
28. Учёт заявок на аренду оборудования — название, срок аренды, статус возврата.
29. Управление событиями школьного календаря — мероприятие, дата, ответственный.
30. Каталог рецептов блюд — название, категория, ингредиенты, отметка «любимое». |
