КОМИТЕТ ОБРАЗОВАНИЯ, НАУКИ И МОЛОДЁЖНОЙ ПОЛИТИКИ
ВОЛГОГРАДСКОЙ ОБЛАСТИ
ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ПРОФЕССИОНАЛЬНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
«КАМЫШИНСКИЙ ПОЛИТЕХНИЧЕСКИЙ КОЛЛЕДЖ»
РАБОЧАЯ ПРОГРАММА ПРОФЕССИОНАЛЬНОГО МОДУЛЯ
ПМ.05 ПРОЕКТИРОВАНИЕ И РАЗРАБОТКА
ВЕБ-ПРИЛОЖЕНИЙ
Камышин 2021 г.
Рабочая программа профессионального модуля разработана на основе Федерального государственного образовательного стандарта (далее – ФГОС) по специальности среднего профессионального образования (далее СПО) 09.02.07 Информационные системы и программирование, входящей в укрупненную группу 09.00.00 Информатика и вычислительная техника и на основе примерной программы 09.02.07 Информационные системы и программирование (Регистрационный номер 09.02.07-170511, Реквизиты решения ФУМО о включении ПООП в реестр Протокол № 9 от 30.03.2017 Дата включения ПООП в реестр 11.05.2017).
.
Организация – разработчик: Государственное автономное профессиональное образовательное учреждение «Камышинский политехнический колледж»
Разработчик:
Воронина Татьяна Витальевна, преподаватель высшей квалификационной категории ГАПОУ «Камышинский политехнический колледж»
Рассмотрено предметно-цикловой комиссией общепрофессиональных дисциплин
Протокол № 1 от «31» августа 2021 г.
Рекомендовано методическим советом ГАПОУ «Камышинский политехнический колледж».
Протокол № 1 от «30» августа 2021 г.
Зам. директора по учебной работе _______ А.А. Сиделёв
Зав. методическим отделом _______ Л.В. Тавкинь
Председатель цикловой комиссии _______ А.Ю. Николаев
СОДЕРЖАНИЕ
1. ОБЩАЯ ХАРАКТЕРИСТИКА РАБОЧЕЙ ПРОГРАММЫ ПРОФЕССИОНАЛЬНОГО МОДУЛЯ
|
4
|
2. СТРУКТУРА И СОДЕРЖАНИЕ ПРОФЕССИОНАЛЬНОГО МОДУЛЯ
|
6
|
3. ИНФОРМАЦИОННОЕ ОБЕСПЕЧЕНИЕ ОБУЧЕНИЯ ПО МОДУЛЮ
|
12
|
4. КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ ПРОФЕССИОНАЛЬНОГО МОДУЛЯ
|
13
|
1. ОБЩАЯ ХАРАКТЕРИСТИКА РАБОЧЕЙ ПРОГРАММЫ
ПРОФЕССИОНАЛЬНОГО МОДУЛЯ
ПМ.05 Проектирование и разработка веб-приложений
1.1. Цель и планируемые результаты освоения профессионального модуля
В результате изучения профессионального модуля студент должен освоить основной вид деятельности «Проектирование и разработка веб-приложений» и соответствующие ему общие компетенции и профессиональные компетенции:
1.1.1. Перечень общих компетенций
Код
|
Наименование общих компетенций
|
ОК 1.
|
Выбирать способы решения задач профессиональной деятельности, применительно к различным контекстам
|
ОК 2.
|
Осуществлять поиск, анализ и интерпретацию информации, необходимой для выполнения задач профессиональной деятельности.
|
ОК 3
|
Планировать и реализовывать собственное профессиональное и личностное развитие.
|
ОК 4
|
Работать в коллективе и команде, эффективно взаимодействовать с коллегами, руководством, клиентами.
|
ОК 5
|
Осуществлять устную и письменную коммуникацию на государственном языке с учетом особенностей социального и культурного контекста.
|
ОК 6
|
Проявлять гражданско-патриотическую позицию, демонстрировать осознанное поведение на основе традиционных общечеловеческих ценностей
|
ОК 7
|
Содействовать сохранению окружающей среды, ресурсосбережению, эффективно действовать в чрезвычайных ситуациях.
|
ОК 8
|
Использовать средства физической культуры для сохранения и укрепления здоровья в процессе профессиональной деятельности и поддержания необходимого уровня физической подготовленности
|
ОК 9
|
Использовать информационные технологии в профессиональной деятельности.
|
ОК 10
|
Пользоваться профессиональной документацией на государственном и иностранном языке
|
ОК 11
|
Планировать предпринимательскую деятельность в профессиональной сфере
|
1.1.2. Перечень профессиональных компетенций
Код
|
Наименование видов деятельности и профессиональных компетенций
|
ВД 8
|
Графический дизайн
|
ПК 8.1
|
Разрабатывать дизайн-концепции веб-приложений в соответствии с корпоративным стилем заказчика
|
ПК 8.2
|
Формировать требования к дизайну веб-приложений на основе анализа предметной области и целевой аудитории
|
ПК 8.3
|
Осуществлять разработку дизайна веб-приложения с учетом современных тенденций в области веб-разработки
|
В результате освоения профессионального модуля студент должен:
Иметь практический опыт
|
В разработке дизайна веб-приложений в соответствии со стандартами и требованиями заказчика;
создании, использовании и оптимизировании изображений для веб-приложений; разработке интерфейса пользователя для веб-приложений с использованием
современных стандартов.
В использовании специальных готовых технических решений при разработке веб-приложений; выполнении разработки и проектирования информационных систем; модернизации веб-приложений с учетом правил и норм подготовки информации для поисковых систем; реализации мероприятий по продвижению веб-приложений в сети Интернет.
|
уметь
|
Создавать, использовать и оптимизировать изображения для веб-приложений; выбирать наиболее подходящее для целевого рынка дизайнерское решение;
создавать дизайн с применением промежуточных эскизов, требований к эргономике и технической эстетике; разрабатывать интерфейс пользователя для веб-приложений с использованием современных стандартов.
Разрабатывать программный код клиентской и серверной части веб-приложений; осуществлять оптимизацию веб-приложения с целью повышения его рейтинга в сети Интернет; разрабатывать и проектировать информационные системы
|
знать
|
Нормы и правила выбора стилистических решений; современные методики разработки графического интерфейса; требования и нормы подготовки и использования изображений в информационно-телекоммуникационной сети "Интернет" (далее - сеть Интернет); государственные стандарты и требования к разработке дизайна веб-приложений.
Языки программирования и разметки для разработки клиентской и серверной части веб-приложений; принципы функционирования поисковых сервисов и особенности оптимизации веб-приложений под них; принципы проектирования и разработки информационных систем.
|
1.3. Количество часов, отводимое на освоение профессионального модуля
Всего часов 222
Из них на освоение МДК 178, на практики, в том числе учебную 36,
демонстрационный экзамен 8.
2. СТРУКТУРА И СОДЕРЖАНИЕ ПРОФЕССИОНАЛЬНОГО МОДУЛЯ
2.1. Структура профессионального модуля ПМ.05 Проектирование и разработка веб-приложений
Коды профессиональных общих компетенций
|
Наименования разделов профессионального модуля
|
Суммарный объем нагрузки, час.
|
Объем профессионального модуля, час.
|
Самостоятельная работа
|
Обучение по МДК
|
Практики
|
Промежуточная аттестация
|
Всего
|
в том числе
|
Лабораторных и практических занятий
|
Курсовых работ (проектов)
|
Учебная
|
Производственная
|
ПК 8.1-8.3
ОК.01-11
|
Раздел 1.
(МДК.05.01)
Графический дизайн и разработка веб-приложений
|
178
|
170
|
84
|
|
|
|
8
|
|
ПК 8.1-8.3
ОК.01-11
|
(УП.05.01)
Учебная практика
|
36
|
36
|
|
|
36
|
|
|
|
|
(ПМ.05.ЭК)
Демонстрационный экзамен
|
8
|
8
|
|
|
|
|
8
|
|
|
Всего:
|
222
|
206
|
84
|
|
180
|
|
16
|
|
2.2. Тематический план и содержание профессионального модуля (ПМ)
ПМ.05 Проектирование и разработка веб-приложений
Наименование разделов и тем профессионального модуля (ПМ), междисциплинарных курсов (МДК)
|
Содержание учебного материала, лабораторные работы и практические занятия, внеаудиторная (самостоятельная) учебная работа обучающихся, курсовая работа (проект)
|
Объем в часах
|
1
|
2
|
3
|
МДК. 05.01 Графический дизайн и разработка веб-приложений
|
178
|
Тема 1 Компьютерная графика
|
Содержание
|
10
|
Введение в компьютерную графику. Виды компьютерной графики
|
Физические основы компьютерной графики
|
Соответствие цветов и управление цветом
|
Форматы хранения графических изображений
|
В том числе практических занятий и лабораторных работ
|
Не предусмотрено
|
Тема 2 Векторная графика
|
Содержание
|
32
|
Особенности векторной графики
|
18
|
Редактор векторной графики
|
Редактор разработки мультимедийного контента
|
В том числе практических и лабораторных работ
|
16
|
Лабораторная работа «Освоение интерфейса векторного редактора. Создание простейших изображений»
|
Лабораторная работа «Создание контуров. Использование заливок. Работа с текстом»
|
Лабораторная работа «Создание изображений с использованием спецэффектов: перетекание, прозрачность, тень»
|
Лабораторная работа «Создание изображений с использованием спецэффектов: интерактивные искажения, экструзия»
|
Лабораторная работа «Освоение приемов работы со слоями. Создание сложных изображений»
|
Лабораторная работа «Создание статических изображений в среде редактора компьютерной анимации»
|
|
Лабораторная работа «Работа с библиотеками и символами. Покадровая анимация»
|
|
Лабораторная работа «Создание автоматической анимации»
|
|
Лабораторная работа «Разработка программной анимации объектов»
|
|
Лабораторная работа «Создание анимации средствами ActionScript 3.0»
|
|
Лабораторная работа «Создание простых сценариев. Работа с событиями»
|
|
Лабораторная работа «Работа с функциями в ActionScript 3.0.»
|
|
Лабораторная работа «Рисование в ActionScript 3.0. Циклы»
|
|
Лабораторная работа «Создание Flash-баннера и Gif-анимации»
|
|
Лабораторная работа «Создание игрового приложения»
|
Тема 3 Растровая графика
|
Содержание
|
34
|
|
Особенности растровой графики. Редактор растровой графики
|
12
|
В том числе практических занятий и лабораторных работ
|
22
|
Лабораторная работа «Освоение технологии работы в среде редактора растровой графики»
|
|
Лабораторная работа «Освоение инструментов выделения и трансформации областей. Рисование и раскраска»
|
|
Лабораторная работа «Создание и редактирование изображений»
|
|
Лабораторная работа «Работа с масками. Векторные контуры фигуры»
|
|
Лабораторная работа «Ретуширование изображений. Корректирующие фильтры»
|
|
Лабораторная работа «Работа со стилями слоев и фильтрами»
|
|
Лабораторная работа «Создание коллажей. Фотомонтаж»
|
|
Лабораторная работа «Корректировка цифровых фотографий»
|
|
Лабораторная работа «Создание текстовых объектов. Текстовые эффекты. Текстовый дизайн»
|
|
Лабораторная работа «Создание анимированных изображений»
|
|
Лабораторная работа «Создание оригинал-макетов, элементов дизайна сайта»
|
|
Лабораторная работа «Создание макета сайта, буклета»
|
|
Лабораторная работа «Создание рекламного баннера»
|
|
Лабораторная работа «Изображения для Web. Создание Gif-анимаций»
|
Тема 3 Трехмерная графика
|
Содержание
|
30
|
Основы трехмерной графики
|
14
|
Основы построения сцен
|
3D моделирование
|
В том числе практических занятий и лабораторных работ
|
16
|
Лабораторная работа «Освоение технологии работы в среде редактора 3D графики»
|
Лабораторная работа «Освоение основных инструментов редактора 3D графики»
|
Лабораторная работа «Создание и редактирование трехмерных объектов»
|
Лабораторная работа «Моделирование 3d объектов с помощью сплайнов»
|
Лабораторная работа «Создание сложных трёхмерных сцен»
|
Тема 4 Основы web-технологий.
|
Содержание
|
32
|
Введение. Язык разметки HTML. Синтаксис HTML
|
16
|
Гиперссылки. Использование изображений на странице. Форматирование текста и фона
|
Списки. Таблицы.
|
Фреймы, плавающие фреймы, формы
|
Каскадные таблицы стилей (CSS)
|
Использование стилей при создании сайта
|
Веб-стандарты и их поддержка
|
Элементы и атрибуты HTML5 и структура страницы
|
Селекторы в HTML5.
|
Использование свойств CSS2 и CSS3
|
Вёрстка страниц веб-сайта
|
CSS-фреймворки. Динамический CSS (на примере LESS). Шаблоны CMS. Типовые решения
|
Размещение сайта на сервере и поддержка сайта
|
Язык сценариев JavaScript
|
В том числе практических занятий и лабораторных работ
|
16
|
Практическая работа «Составление технического задания на разработку web-сайта»
|
Применение тегов HTML при создании web-страниц
|
Создание формы на html-странице.
|
Форматирование web-страниц с использованием каскадных таблиц стилей.
|
Вёрстка
|
Использование языка сценариев JavaScript при создании web-сайта
|
Подготовка и оптимизация графики на web-странице
|
Создание баннера для web-страницы
|
Тема 5 Web-дизайн
|
Содержание
|
30
|
WEB-дизайн. Способности необходимые web-дизайнеру. Специализация в web-дизайне. Юзабилити
|
16
|
Основные этапы разработки сайта. Техническое задание. Файловая структура сайта. Два типа графики на web-сайтах. Имена файлов
|
Концептуальное, логическое и физическое проектирование сайта
|
Цвет в дизайне. Фоновые цвета. Цветовой круг. Модели цвета
|
Взаимодействие пользователя с сайтом
|
Вопросы разработки интерфейса
|
Визуализация элементов интерфейса
|
Юзабилити web-сайтов и приложений для мобильных устройств
|
Аудит юзабилити web-сайта, тестирование и документирование
|
В том числе практических занятий и лабораторных работ
|
14
|
Разработка эскизов веб-приложения
|
Разработка прототипа дизайна веб-приложения
|
Разработка схемы интерфейса веб-приложения
|
(УП.05.01) Учебная практика
Виды работ:
Создание серверных сценариев с использованием технологии PHP. Обработка данных на форме»
Организация поддержки базы данных в PHP
Отслеживание сеансов (session)
Создание проекта «Регистрация»
Создание проекта «Интернет магазин»
Составление схем XML-документов
Отображение XML-документов различными способами
Разработка Web-приложения с помощью XML
Использование языка сценариев JavaScript при создании web-сайта
Применение технологии AJAX
Использование библиотеки jQuery
Использование фреймворка для создания сайта
Создание сайта на CMS
Администрирование сайта
Тестирование на устойчивость к атакам
Поиск уязвимостей к атакам SQL-injection
Публикация сайта на бесплатном хостинге
|
36
|
Демонстрационный экзамен
|
8
|
Всего
|
222
|
3. УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ ПРОФЕССИОНАЛЬНОГО МОДУЛЯ
3.1. Реализация программы предполагает наличие мастерской «Веб-дизайн и разработка»
Оборудование учебного кабинета и рабочих мест:
рабочее место преподавателя;
посадочные места обучающихся (по количеству обучающихся);
шкафчики с замком для личных вещей;
учебные наглядные пособия (таблицы, плакаты);
тематические папки дидактических материалов;
комплект учебно-методической документации;
комплект учебников (учебных пособий) по количеству обучающихся.
Технические средства обучения:
Компьютер intelcore i9 9900kf 16Gb DDR4 с лицензионным программным обеспечением Windows 10 PRO, MicrosoftOffice, Sublime Text3, AdobeCreativeCloud;
Маршрутизаторы;
МФУ лазерный, А4;
Мультимедиа проектор.
3.2. Информационное обеспечение реализации программы
Для реализации программы библиотечный фонд образовательной организации должен иметь печатные и/или электронные образовательные и информационные ресурсы, рекомендуемые для использования в образовательном процессе.
3.2.1. Печатные издания
1. Введение в программные системы и их разработку / С.В. Назаров, С.Н. Белоусова, И.А. Бессонова и др. - 2-е изд., испр. - Москва : Национальный Открытый Университет «ИНТУИТ», 2016. - 650 с. : схем., табл., ил. - Библиогр. в кн. ;
То же [Электронный ресурс]. - URL: http://biblioclub.ru/index.php?page=book&id=429819
2. Сычев, А.В. Перспективные технологии и языки веб-разработки / А.В. Сычев. - 2-е изд., испр. - Москва : Национальный Открытый Университет «ИНТУИТ», 2016. - 494 с. : ил. ;
То же [Электронный ресурс]. - URL: http://biblioclub.ru/index.php?page=book&id=429078
3.2.2. Электронные издания (электронные ресурсы)
1.Система федеральных образовательных порталов Информационно -коммуникационные технологии в образовании. [Электронный ресурс] – режим доступа: http://www.ict.edu.ru (2003-2017)
4. КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ ПРОФЕССИОНАЛЬНОГО МОДУЛЯ (ПО РАЗДЕЛАМ)
Код и наименование профессиональных и общих компетенций, формируемых в рамках модуля
|
Критерии оценки
|
Методы оценки
|
Раздел модуля 1 Графический дизайн и разработка веб-приложений
|
ПК 8.1. Разрабатывать дизайн-концепции веб-приложений в соответствии с корпоративным стилем заказчика.
|
Оценка «отлично» - разработаны эскизы пользовательского интерфейса с помощью профессионального инструментария; обоснован выбор эскиза для дальнейшей разработки; разработана и обоснована схема пользовательского веб-интерфейса; во всех элементах приложения учтены требования стандартов к пользовательскому интерфейсу и корпоративный стиль.
Оценка «хорошо» - разработан и обоснован эскиз пользовательского интерфейса с помощью профессионального инструментария; разработана схема пользовательского веб-интерфейса; во всех элементах приложения учтены требования стандартов к пользовательскому интерфейсу и корпоративный стиль.
Оценка «удовлетворительно» - разработан и обоснован эскиз пользовательского интерфейса с помощью профессионального инструментария; разработана схема пользовательского веб-интерфейса; во всех элементах приложения учтены требования стандартов к пользовательскому интерфейсу и корпоративный стиль.
|
Экзамен/зачет в форме собеседования: практическое задание по разработке дизайн – концепции веб-приложения в соответствии с запросами заказчика Защита отчетов по практическим и лабораторным работам Интерпретация результатов наблюдений за деятельностью обучающегося в процессе практики
|
ПК 8.2.
Формировать требования к дизайну веб-приложений на основе анализа предметной области и целевой аудитории
|
Оценка «отлично» - проанализированы предметная область, государственные стандарты (и/или законодательство региона) и целевая аудитория; на основе анализа сформированы и оформлены в стандартном виде ограничения на стиль и содержание веб – приложения; сформированы ограничения для мобильных устройств; требования сгруппированы и выбрано дизайнерское решение.
Оценка «хорошо» - проанализированы предметная область, государственные стандарты (и/или законодательство региона) и целевая аудитория; на основе анализа сформированы ограничения на стиль и содержание веб – приложения; сформированы ограничения для мобильных устройств; выбрано дизайнерское решение.
Оценка «удовлетворительно» - сформированы ограничения на стиль и содержание веб – приложения; сформированы ограничения для мобильных устройств; выбрано дизайнерское решение.
|
Экзамен/зачет в форме собеседования: практическое задание по формированию требований к дизайну веб –приложения. Защита отчетов по практическим и лабораторным работам. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе практики
|
ПК 8.3.
Осуществлять разработку дизайна веб-приложения с учетом современных тенденций в области веб-разработки.
|
Оценка «отлично» - разработан и реализован отзывчивый дизайн веб – приложения с использованием специальных графических редакторов, применением относительных размеров, контрольных точек и вложенных объектов; макет корректно отображается на различных устройствах; заданные элементы интегрированы в дизайн оптимальным образом; разработанный дизайн полностью соответствует современным стандартам.
Оценка «хорошо» - разработан и реализован отзывчивый дизайн веб – приложения с использованием специальных графических редакторов, применением нескольких методов; макет корректно отображается на большинстве устройств; заданные элементы интегрированы в общий дизайн; разработанный дизайн соответствует современным стандартам.
Оценка «удовлетворительно» - разработан и реализован отзывчивый дизайн веб–приложения с использованием специальных графических редакторов, применением нескольких методов; большинство заданных элементов интегрировано в дизайн; макет корректно отображается на одном устройстве; разработанный дизайн в основном соответствует современным стандартам.
|
Экзамен/зачет в форме собеседования: практическое задание по разработке графических макетов для веб-приложений и интеграции новых графических элементов. Защита отчетов по практическим и лабораторным работам Интерпретация результатов наблюдений за деятельностью обучающегося в процессе практики
| |
Скачать 51.91 Kb.