Учебная практика
Добро пожаловать на учебную практику по профессиональному модулю ПМ.08 «Разработка дизайна веб-приложений».
В течение практики вы разработаете индивидуальный веб-проект по выданной предметной области. Практика построена как последовательная работа над небольшим, но завершённым веб-продуктом: от анализа предметной области и проектирования интерфейса до реализации сайта, серверной части, административной панели, публикации и итоговой защиты.
Что вы разработаете
Section titled “Что вы разработаете”К концу практики у вас должен быть готов индивидуальный веб-проект, включающий:
- дизайн-проект и UI-kit в Figma;
- интерактивный прототип;
- сверстанные страницы на HTML, CSS и JavaScript;
- базу данных MySQL или MariaDB;
- серверную часть на PHP;
- регистрацию, авторизацию и роли пользователей;
- личный кабинет;
- административную панель;
- каталог объектов предметной области;
- основное пользовательское действие: запись, заказ, бронирование, заявка или отклик;
- AJAX-интерактивность через Fetch API;
- адаптивную верстку;
- подготовленные и оптимизированные графические материалы;
- простые анимационные или мультимедийные элементы;
- Git-репозиторий с историей разработки;
- README с описанием проекта и инструкцией по запуску;
- опубликованную версию проекта;
- презентацию для итоговой защиты.
С чего начать
Section titled “С чего начать”- Изучите требования к итоговому проекту.
- Получите или выберите предметную область.
- Создайте индивидуальный Git-репозиторий.
- Оформите паспорт проекта.
- Создайте Figma-файл проекта.
- Перейдите к практической работе №1.
Общая информация о практике
Section titled “Общая информация о практике”| Параметр | Значение |
|---|---|
| Профессиональный модуль | ПМ.08 «Разработка дизайна веб-приложений» |
| Вид работы | Учебная практика |
| Продолжительность | 144 часа |
| Срок выполнения | 4 недели |
| Формат работы | Индивидуальный проект |
| Итоговый результат | Готовый веб-проект по выданной предметной области |
| Форма завершения | Презентация, демонстрация и защита проекта |
Навигация по материалам
Section titled “Навигация по материалам”| Раздел | Для чего нужен |
|---|---|
| Предметные области | Выбор индивидуальной темы проекта |
| Требования к проекту | Минимальный состав проекта, роли, сущности, backend-требования, технологии и ограничения |
| Дорожная карта | План выполнения практики по неделям |
| Работа в Git | Требования к репозиторию и истории разработки |
| Figma и UI-kit | Требования к дизайн-проекту, UI-kit и прототипу |
| AJAX | Интерактивность через Fetch API |
| Графика и мультимедиа | Изображения, оптимизация, анимация и мультимедиа |
| Презентация | Структура презентации для итоговой защиты |
Краткая дорожная карта
Section titled “Краткая дорожная карта”Практика рассчитана на 4 недели.
| Неделя | Этап | Основной результат |
|---|---|---|
| 1 | Анализ, требования и дизайн-концепция | Паспорт проекта, требования, структура сайта, первые дизайн-решения |
| 2 | UI-kit, прототип и начальная верстка | UI-kit, макеты, прототип, публичные страницы |
| 3 | База данных, PHP и пользовательская часть | SQL, PDO, авторизация, роли, личный кабинет |
| 4 | Админка, AJAX, адаптивность и защита | Админ-панель, Fetch API, адаптивность, публикация и защита |
Подробнее этапы описаны на странице Дорожная карта.
Практические работы
Section titled “Практические работы”Практика состоит из 16 практических работ по 9 часов.
| № | Практическая работа | Часы |
|---|---|---|
| 1 | Исследование предметной области и оформление паспорта проекта | 9 |
| 2 | Формирование требований, ролей и пользовательских сценариев | 9 |
| 3 | Проектирование структуры сайта и пользовательских маршрутов | 9 |
| 4 | Разработка дизайн-концепции и визуального направления проекта | 9 |
| 5 | Создание UI-kit веб-приложения в Figma | 9 |
| 6 | Разработка макетов страниц и интерактивного прототипа | 9 |
| 7 | Начальная верстка публичной части сайта | 9 |
| 8 | Верстка форм, графических элементов и подготовка изображений | 9 |
| 9 | Проектирование базы данных и подготовка SQL-скриптов | 9 |
| 10 | Подготовка PHP-проекта и подключение базы данных через PDO | 9 |
| 11 | Реализация регистрации, авторизации и ролей пользователей | 9 |
| 12 | Разработка пользовательской части и личного кабинета | 9 |
| 13 | Разработка административной панели и CRUD-операций | 9 |
| 14 | AJAX-интерактивность с использованием Fetch API | 9 |
| 15 | Адаптивность, микроанимации, мультимедиа и тестирование | 9 |
| 16 | Публикация проекта, подготовка презентации и защита | 9 |
| Итого | 144 |
Что нужно подготовить к защите
Section titled “Что нужно подготовить к защите”На итоговой защите необходимо представить:
- работающий веб-проект;
- Figma-файл с UI-kit, макетами и прототипом;
- Git-репозиторий с историей разработки;
- базу данных и SQL-файлы;
- README с описанием проекта и инструкцией по запуску;
- опубликованную версию проекта;
- презентацию;
- демонстрацию пользовательской части;
- демонстрацию личного кабинета;
- демонстрацию административной панели;
- демонстрацию AJAX-интерактивности;
- демонстрацию адаптивной версии сайта;
- подготовленные графические и мультимедийные материалы.
Главное ограничение
Section titled “Главное ограничение”Проект должен быть небольшим, но завершённым.
Не требуется реализовывать:
- онлайн-оплату;
- сложную CRM;
- внешние API;
- мобильное приложение;
- многоуровневую систему ролей;
- сложную аналитику;
- полноценную CMS.