Индивидуальное задание по учебной практике
по профессиональному модулю ПМ.02 Разработка дизайна веб-приложений
|
№ п/п
|
Виды работ
|
Период выполнения работ
|
|
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.
|
Регистрация на веб-платформе.
Пройти регистрацию на платформе https://figma.com и ознакомиться с предлагаемым функционалом в личном кабинете.
|
|
|
4.
|
Учебно-практическая работа. Приобретение необходимых умений и первоначального опыта практической работы по специальности в рамках освоения вида деятельности ВД 2. Разработка дизайна веб-приложений.
Получить практический опыт в:
- разработке дизайна веб-приложений в соответствии со стандартами и требованиями заказчика;
- создании, использовании и оптимизировании изображений для веб-приложений;
- разработке интерфейса пользователя для веб-приложений с использованием современных стандартов.
С этой целью получения практического опыта работы с веб-приложениями на проектном этапе обучающемуся предлагается выполнить следующие практические задания:
- необходимо разработать макет стартовой страницы веб-приложения, предназначенного для добавления, отображения и управления пользовательскими задачами по выбранной предметной области:
Макет должен содержать следующие структурные элементы интерфейса:
1) Шапка (Header) — включает название приложения, например: My Tasks.
2) Основная область (Main) — центральный блок страницы, содержащий:
2.1) поле для ввода новой задачи;
2.2) кнопку «Добавить» для фиксации введённого текста;
2.2) список существующих задач (3–4 демонстрационных примера).
3) Футер (Footer) — нижняя область страницы, содержащая текст: «© 2025 Название приложения».
4) Технические требования к макету
4.1) Размер рабочего кадра (Frame): Desktop 1440 × 1024 px;
4.2) Использовать базовые элементы интерфейса (прямоугольники, текстовые блоки, иконки);
4.2) При необходимости допускается использование графических ресурсов из библиотеки Figma Community → Icons;
4.2) Цветовая схема — светлая, рекомендуется применение 2–3 основных цветов;
4.2) Все элементы должны быть визуально выровнены, иметь единый стиль и аккуратное расположение.
|
|
|
5.
|
Обработка и систематизация полученного фактического материала.
С целью подготовки к сдаче экзамена по модулю ПМ.02 Разработка дизайна веб-приложений осуществить комплексный анализ результатов выполненных видов работ, оформить презентационные материалы, разработать свои предложения и рекомендации на основе сравнения полученных в процессе обучения теоретических знаний с навыками, полученными в период прохождения практики.
|
|
|
6.
|
Оформление отчетных документов о прохождении учебной практики и экспертная оценка результатов ее прохождения.
Оформить отчет по практике в формате презентации PowerPoint, содержащий базовую и информационно-вспомогательную информацию, согласно Приложению 1.
Разместить полностью оформленный комплект отчетной документации по практике в электронной информационно-образовательной среде Университета «Синергия» на платформе lms.synergy.ru руководителю практики от Образовательной организации для экспертной оценки результатов ее прохождения.
|
|
Перечень предметных областей
1. To-Do List — простой список дел с кнопкой «Добавить задачу».
2. Личный дневник — поле для записи заметок по дням.
3. Сайт-визитка — фото, краткое описание, контакты.
4. Личный кабинет студента — расписание, оценки, профиль.
5. Интернет-магазин одежды — карточки товаров и кнопки «Купить».
6. Онлайн-кинотеатр — афиши фильмов и кнопка «Смотреть».
7. Сайт кофейни — меню, контакты и карта.
8. Онлайн-галерея художника — сетка картин с подписями.
9. Портфолио дизайнера — работы, фото и описание.
10. Заметки — карточки с короткими записями.
11. Рецепты блюд — фото, название и кнопка «Подробнее».
12. Трекер привычек — список с чекбоксами выполнения.
13. Фитнес-приложение — расписание тренировок и статистика.
14. Лэндинг онлайн-курса — описание курса и кнопка «Записаться».
15. Сайт музыкальной группы — афиша концертов и фото участников.
16. Сайт отеля — карточки номеров и кнопка «Забронировать».
17. Магазин электроники — изображения, цены, кнопка «В корзину».
18. Учёт расходов — таблица с суммами и категориями.
19. Блог путешественника — фото, текстовые заметки и карта.
20. Новостной сайт — лента новостей с заголовками и датами.
21. Онлайн-бронирование столиков — форма выбора даты и времени.
22. Образовательная платформа — список курсов с кнопкой «Начать».
23. Приложение для чтения книг — список книг и обложки.
24. Каталог фильмов — сетка карточек с рейтингами.
25. Магазин книг — каталог и кнопка «Добавить в корзину».
26. Приложение погоды — название города, температура, иконка.
27. Изучение языков — карточки слов и кнопка «Повторить».
28. Заказ еды онлайн — список блюд и кнопка «Добавить в заказ».
29. Сайт фестиваля — дата, программа, кнопка «Купить билет».
30. Приложение расписания — список занятий по дням недели. | 