Индивидуальное задание по учебной практике по профессиональному модулю ПМ.08 Разработка дизайна веб-приложений 1…

Индивидуальное задание по учебной практике

по профессиональному модулю ПМ.08 Разработка дизайна веб-приложений

1.

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

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

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

2.

Изучение дополнительной литературы и методических материалов.

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

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

Вагин, Д. В. Современные технологии разработки веб-приложений : учебное пособие / Д. В. Вагин, Р. В. Петров. — Новосибирск : Новосибирский государственный технический университет, 2019. — 52 c. — ISBN 978-5-7782-3939-5. — Текст : электронный // Цифровой образовательный ресурс IPR SMART : [сайт]. — URL: [#alias|www.iprbookshop.ru/98738.html|https://www.iprbookshop.ru/98738.html]

Интернет-ресурсы:

Позевалкин В.В. Разработка веб-приложений на основе клиентских каркасов и библиотек : учебное пособие / Позевалкин В.В., Панова Н.Ф.. — Оренбург : Оренбургский государственный университет, ЭБС АСВ, 2025. — 191 c. — ISBN 978-5-7410-3380-7. — Текст : электронный // Цифровой образовательный ресурс IPR SMART : [сайт]. — URL: [#alias|www.iprbookshop.ru/153228.html|https://www.iprbookshop.ru/153228.html]

3.

Регистрация на веб-платформе.

Пройти регистрацию на платформе [#alias|figma.com|https://figma.com] и ознакомиться с предлагаемым функционалом в личном кабинете.

4.

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

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

— разработке дизайна веб-приложений в соответствии со стандартами и требованиями заказчика;

— создании, использовании и оптимизировании изображений для веб-приложений;

— разработке интерфейса пользователя для веб-приложений с

— использованием современных стандартов

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

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

Макет должен содержать следующие структурные элементы интерфейса:

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.

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

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

6.

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

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

Разместить полностью оформленный комплект отчетной документации по практике в электронной информационно-образовательной среде Университета «Синергия» на платформе [#alias|lms.synergy.ru|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. Приложение расписания — список занятий по дням недели.