Вы находитесь на странице: 1из 15

ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ, НАУКИ И МОЛОДЕЖНОЙ

ПОЛИТИКИ ВОРОНЕЖСКОЙ ОБЛАСТИ

Государственное бюджетное профессиональное образовательное


учреждение Воронежской области
«Воронежский государственный промышленно-гуманитарный колледж»
(ГБПОУ ВО «ВГПГК»)

РАБОЧАЯ ПРОГРАММА ДИСЦИПЛИНЫ

ОП.15 Веб-Дизайн.

09.02.01. Компьютерные системы и комплексы

Форма обучения ____Очная ___________________

На базе_основного общего образования

Воронеж, 2020

1
Программа дисциплины разработана на основе Федерального государственного
образовательного стандарта (далее – ФГОС) по специальности среднего профессионального
образования (далее - СПО) 09.02.01 Компьютерные системы и комплексы

Организация-разработчик: ГБПОУ ВО «ВГПГК»

УТВЕРЖДЕНО
Заместитель директора
по учебно-методической работе

___________ Я.В.Боровикова

«_____»___________20__ г.

Рабочая программа дисциплины


рассмотрена на заседании ЦМК

протокол №___ от «____» _______ 20___ г.


Председатель ЦМК
_________________ А.Е. Овсянникова

Разработчики:

А.С. Фролов, преподаватель ГБПОУ ВО «ВГПГК»

29 августа 2020г.

2
СОДЕРЖАНИЕ

Стр.
1. Паспорт программы дисциплины 4
2. Структура и содержание дисциплины 7
3. Условия реализации программы дисциплины 12
4. Контроль и оценка результатов освоения дисциплины 13

3
1. ПАСПОРТ ПРОГРАММЫ ДИСЦИПЛИНЫ

ОП.15 Разработка веб-приложений.

1.1. Область применения программы


Программа дисциплины является частью основной профессиональной
образовательной программы среднего профессионального образования - программы
подготовки специалистов среднего звена (ППССЗ) в соответствии с ФГОС СПО по
специальности СПО 09.02.01 Компьютерные системы и комплексы

1.2 Место дисциплины в структуре основной профессиональной образовательной


программы-программ подготовки специалистов среднего звена (ППССЗ):
Дисциплина входит в общепрофессиональный цикл. Индекс ОП.15.

1.2. Цели и планируемые результаты освоения учебной дисциплины:

Код и формулировка
Умения знания
компетенции
ОК 1. Понимать Распознавать задачу и/или проблему Знать актуальный профессиональный и
сущность и в профессиональном и/или социальный контекст, в котором
социальную социальном контексте; приходится работать и жить;
значимость своей Анализировать задачу и/или Знать основные источники информации и
будущей профессии, проблему и выделять её составные ресурсов для решения задач и проблем в
проявлять к ней части; профессиональном и/или социальном
устойчивый интерес. Правильно определить и найти контексте.
информацию, необходимую для Знать актуальные стандарты выполнения
решения задачи и/или проблемы; работ в профессионально й и смежных
Составить план действия, областях;
Определить необходимые ресурсы; Знать актуальные методы работы в
Владеть актуальными методами профессиональной и смежных сферах.
работы в профессионально й и
смежных сферах;
Реализовать составленный план;
Оценить результат и последствия
своих действий (самостоятельно или
с помощью наставника).
ОК 2. Определять задачи поиска Номенклатуру информационных
Организовывать информации Определять источников применяемых в
собственную необходимые источники профессиональной деятельности Приемы
деятельность, информации Планировать процесс структурирования информации Формат
выбирать типовые поиска Структурировать оформления результатов поиска
методы и способы получаемую информацию Выделять информации
выполнения наиболее значимое в перечне
профессиональных информации Оценивать
задач, оценивать их практическую значимость
эффективность и результатов поиска Оформлять
качество. результаты поиска
ОК 3. Принимать Определять актуальность Содержание актуальной нормативно-
решения в нормативно-правовой документации правовой документации Современная
стандартных и в профессионально й деятельности научная и профессиональная терминология

4
нестандартных Возможные траектории профессионального
ситуациях и нести за развития и самообразования
них
ответственность.
ОК 4. Осуществлять Организовывать работу коллектива и Психология коллектива Психология
поиск и команды. Взаимодействовать с личности Основы проектной деятельности
использование коллегами, руководством,
информации, клиентами.
необходимой для
эффективного
выполнения
профессиональных
задач,
профессионального
и личностного
развития.
ОК 5. Использовать Излагать свои мысли на Особенности социального и культурного
информационно- государственном языке. Оформлять контекста Правила оформления документов.
коммуникационные документы
технологии в
профессиональной
деятельности.
ОК 6. Работать в Описывать значимость своей Сущность гражданско-патриотической
коллективе и профессии Презентовать структуру позиции Общечеловеческие ценности.
команде, профессионально й деятельности по Правила поведения в ходе выполнения
эффективно профессии (специальности) профессиональной деятельности
общаться с
коллегами,
руководством,
потребителями.
ОК 7. Брать на себя Соблюдать нормы экологической Правила экологической безопасности при
ответственность за безопасности Определять ведении профессиональной деятельности
работу членов направления ресурсосбереже- Основные ресурсы задействованные в
команды ния в рамках профессионально й профессиональной деятельности Пути
(подчиненных), деятельности по профессии обеспечения ресурсосбережения.
результат (специальности)
выполнения
заданий.
ОК 8. Использовать физкультурно- Роль физической культуры в
Самостоятельно оздоровительную деятельность для общекультурном, профессиональном и
определять задачи укрепления здоровья, достижения социальном развитии человека;
профессионального жизненных и профессиональ- Основы здорового образа жизни; Условия
и личностного ных целей; Применять рациональные профессиональной деятельности и зоны
развития, приемы двигательных функций в риска физического здоровья для профессии
заниматься профессиональной деятельности. (специальности) Средства профилактики
самообразованием, Пользоваться средствами перенапряжения
осознанно профилактики перенапряжения
планировать характерными для данной профессии
повышение (специальности)
квалификации.
ОК 9. Применять средства Современные средства и устройства
Ориентироваться в информационных технологий для информатизации Порядок их применения и
условиях частой решения профессиональных задач. программное обеспечение в
смены технологий в Использовать современное профессиональной деятельности
профессиональной программное обеспечение
деятельности.

5
1.4. Количество часов на освоение программы дисциплины:

Всего_71_ часов, в том числе:


обязательной аудиторной учебной нагрузки обучающегося 48 часов;
самостоятельной работы обучающегося 17 часов,
консультации – 6 часов.

6
2. СТРУКТУРА И СОДЕРЖАНИЕ ДИСЦИПЛИНЫ
2.1. Объем учебной нагрузки и виды учебной деятельности

Вид учебной работы Объем часов


Всего академических часов по учебному плану: 71
Учебная нагрузка во взаимодействии с преподавателем (всего) 48
в том числе:
лекции, уроки 28
лабораторные работы
практические занятия 20
контрольные работы
курсовая работа (проект) (если предусмотрено)
Консультации 6
Самостоятельная работа обучающегося (всего) 17
в том числе:
Проработка конспектов занятий, учебной и специальной технической 17
литературы, выполнение индивидуальных заданий
Промежуточная аттестация по итогам освоения дисциплин: экзамен в _6_ семестре

7
2.2 Тематический план и содержание дисциплины ОП.15 ВЕБ-ДИЗАЙН

Наименование разделов и тем Содержание учебного материала, лабораторные работы и практические занятия, Объем Коды
самостоятельная работа обучающихся, курсовая работа (проект) часов осваиваемых
элементов
компетенций
1 2 3 4
Раздел 1. Проектирование и разработки интерфейсов пользователя
Тема1.1  Основы web-технологий. Содержание учебного материала 8 ОК1-ОК11
Введение. Язык разметки HTML. Синтаксис HTML
Фреймы, плавающие фреймы, формы
Каскадные таблицы стилей (CSS)
Использование стилей при создании сайта
Веб-стандарты и их поддержка
Элементы и атрибуты HTML5 и структура страницы
Вёрстка страниц веб-сайта
CSS-фреймворки. Динамический CSS (на примере LESS). Шаблоны CMS. Типовые
решения
Язык сценариев JavaScript
Практические занятия 4
Практическая работа «Составление технического задания на разработку web-сайта»
Применение тегов HTML при создании web-страниц
Создание формы на html-странице.
Форматирование web-страниц с использованием каскадных таблиц стилей. 
Вёрстка
Использование языка сценариев JavaScript при создании web-сайта
Подготовка и оптимизация графики на web-странице
Создание баннера для web-страницы
Тема 1.2 Web-дизайн Содержание учебного материала 6
WEB-дизайн. Способности необходимые web-дизайнеру. Специализация в web-дизайне.
Основные этапы разработки web- приложений. Техническое задание.
Концептуальное, логическое и физическое проектирование webсайта
Цвет в дизайне. Фоновые цвета. Цветовой круг. Модели цвета
Вопросы разработки интерфейса
Визуализация элементов интерфейса
Юзабилити сайта для мобильных устройств

Аудит юзабилити web- сайта, тестирование и документирование


Раздел 2. Графический дизайн и мультимедиа

8
Тема 2.1 Компьютерная графика Содержание учебного материала 4
Введение в компьютерную графику. Виды компьютерной графики
Физические основы компьютерной графики
Соответствие цветов и управление цветом
Форматы хранения графических изображений
Тема 2.2 Растровая и векторная графика Содержание учебного материала 4
Особенности векторной графики
Редактор векторной графики
Редактор разработки мультимедийного контента
Особенности растровой графики. Редактор растровой графики
Практические занятия 6
Лабораторная работа «Освоение интерфейса векторного редактора. Создание простейших
изображений»
Лабораторная работа «Создание изображений с использованием различных спецэффектов
Лабораторная работа «Освоение приемов работы со слоями. Создание сложных
изображений»
Лабораторная работа «Создание статических изображений в среде редактора
компьютерной анимации»
Лабораторная работа «Создание автоматической анимации»
Лабораторная работа «Создание анимации средствами ActionScript 3.0»
Лабораторная работа «Создание Flash-баннера и Gif-анимации»
Лабораторная работа «Создание игрового приложения»
Лабораторная работа «Освоение технологии работы в среде редактора растровой
графики»
Лабораторная работа «Создание и редактирование изображений»
Лабораторная работа «Ретуширование изображений. Корректирующие фильтры»
Лабораторная работа «Работа со стилями слоев и фильтрами»
Лабораторная работа «Создание коллажей. Фотомонтаж»
Лабораторная работа «Корректировка цифровых фотографий»
Лабораторная работа «Создание анимированных изображений»
Лабораторная работа «Создание рекламного баннера»
Лабораторная работа «Изображения для Web. Создание Gif-анимаций»
Тема 2.3 Трехмерная графика Содержание учебного материала 4
Основы трехмерной графики
Основы построения сцен
3D моделирование
Практические занятия 4
Лабораторная работа «Освоение технологии работы в среде редактора 3D графики»
Лабораторная работа «Освоение основных инструментов редактора 3D графики»
Лабораторная работа «Создание и редактирование трехмерных объектов»

9
Лабораторная работа «Моделирование 3d объектов с помощью сплайнов»
Лабораторная работа «Создание сложных трёхмерных сцен»
Раздел 3. Разработка и тестирование веб-сайтов.
Тема 3.5 Разработка и тестирование Содержание учебного материала 2
программного продукта. Виды тест- Классификация тест-кейсов для тестирования программного продукта
кейсов для тестирования программного Тестирование программного продукта по тест-кейсам.
продукта Практические занятия 6
Разработка веб-сайтов
Разработка тест-кейсов для тестирования спроектированного программного продукта..
Тестирование спроектированного программного продукта по разработанным тест-кейсам
Самостоятельная работа при изучении ОП.15 17
Систематическая проработка конспектов занятий, учебной и специальной технической литературы (по вопросам к параграфам,
главам учебных пособий, составленным преподавателем)
Подготовка к практическим работам с использованием методических рекомендаций преподавателя, оформление практических работ,
отчетов к их защите
Консультация 6
Всего 48

10
3. УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ ДИСЦИПЛИНЫ

3.1 Требования к материально-техническому обеспечению


Реализация программы предполагает наличие кабинета и рабочих мест:
Студии «Разработки дизайна веб-приложений»
 Автоматизированные рабочие места на 12-15 обучающихся с конфигурацией: Core i5
или аналог, дискретная видеокарта от 2GB ОЗУ, не менее 8GB ОЗУ, два монитора 23",
мышь, клавиатура;
 Автоматизированное рабочее место преподавателя с конфигурацией: Core i5 или
аналог, дискретная видеокарта, не менее 8GB ОЗУ, один или два монитора 23", мышь,
клавиатура;
 Специализированная эргономичная мебель для работы за компьютером;
 Проектор и экран;
 Маркерная доска;
 Принтер A3, цветной;
 Многофункциональное устройство (МФУ) формата А4;
 Программное обеспечение общего и профессионального назначения.

Лаборатории «Информационных ресурсов»


 Автоматизированные рабочие места на 12-15 обучающихся (процессор не ниже Core i3,
оперативная память объемом не менее 4 Гб;)или аналоги;
 Автоматизированное рабочее место преподавателя (процессор не ниже Core i3,
оперативная память объемом не менее 4 Гб;или аналоги;)
 Многофункциональное устройство (МФУ) формата А4;
 Проектор и экран;
 Маркерная доска;
 Программное обеспечение общего и профессионального назначения.

Лаборатории «Программного обеспечения и сопровождения компьютерных систем»


 Автоматизированные рабочие места на 12-15 обучающихся (процессор не ниже Core i3,
оперативная память объемом не менее 4 Гб;) или аналоги;
 Автоматизированное рабочее место преподавателя (процессор не ниже Core i3,
оперативная память объемом не менее 4 Гб;)или аналоги;
 Проектор и экран;
 Маркерная доска;
 Программное обеспечение общего и профессионального назначения.

Студии «Инженерной и компьютерной графики»


 Автоматизированные рабочие места на 12-15 обучающихся с конфигурацией: Core i3
или аналог, дискретная видеокарта, не менее 8GB ОЗУ, один или два монитора 23",
мышь, клавиатура;
 Автоматизированное рабочее место преподавателя с конфигурацией: Core i5 или
аналог, дискретная видеокарта, не менее 8GB ОЗУ, один или два монитора 23", мышь,
клавиатура;
 Специализированная эргономичная мебель для работы за компьютером;
 Офисный мольберт (флипчарт);
 Проектор и экран;
 Маркерная доска;
 Принтер A3, цветной;
 Программное обеспечение общего и профессионального назначения.

3.2 Информационное обеспечение обучения


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

Основные источники (печатные):


1. Абрамян, А. В. Разработка пользовательского интерфейса на основе системы
Windows Presentation Foundation [Электронный ресурс] : учебник / А. В. Абрамян. М. Э.
Абрамян ; Южный федеральный университет. — Ростов-на-Дону ; Таганрог : Издательство
Южного федерального университета, 2017 // ЭБС Znanium.com.
2. Тозик, В. Т. Компьютерная графика и дизайн : учебник для СПО / В. Т. Тозик, Л.
М. Корпан. - 8-е изд., стер. - М. : Академия, 2018. - 208 с.
Дополнительные источники:
1 Ткаченко, О. Н. Взаимодействие пользователей с интерфейсами
информационных систем для мобильных устройств [Электронный ресурс] : учебное пособие /
Ткаченко О.Н. — Москва : Магистр : ИНФРА-М, 2020 // ЭБС Znanium.com.
2 Немцова, Т. И. Компьютерная графика и web-дизайн [Электронный ресурс] :
учебное пособие / Т.И. Немцова, Т.В. Казанкова, А.В. Шнякин ; под ред. Л.Г. Гагариной. —
Москва : ИД «ФОРУМ» : ИНФРА-М, 2020 // ЭБС Znanium.com.

12
4. КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ ДИСЦИПЛИНЫ

Контроль и оценка результатов освоения дисциплины осуществляется преподавателем в


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

Код и формулировка Формы и методы


компетенции контроля и
Результаты обучения
оценки
(освоенные умения, усвоенные знания)
результатов
обучения
Уметь:
Код и формулировка компетенции Умения
ОК 1 . Выбирать способы Распознавать задачу и/или проблему в
решения задач профес-сио- профессиональном и/или социальном контексте;
нальной деятель-ности, примени- Анализировать задачу и/или проблему и выделять её
тельно к различ-ным контек- составные части; Правильно определить и найти
стам. информацию, необходимую для решения задачи и/или
проблемы; Составить план действия, Определить
необходимые ресурсы; Владеть актуальными методами
работы в профессионально й и смежных сферах;
Реализовать составленный план; Оценить результат и
последствия своих действий.
ОК 2. Осуществлять поиск, Определять задачи поиска информации Определять
анализ и интерпретацию необходимые источники информации Планировать
информации, необходимой для процесс поиска Структурировать получаемую
выполне-ния задач профес-сио- информацию Выделять наиболее значимое в перечне Интерпретация
нальной деятельности. информации Оценивать практическую значимость
результатов поиска Оформлять результаты поиска
результатов
ОК 3. Планировать и реализовы- Определять актуальность нормативно-правовой наблюдений за
вать собственное профес-сио- документации в профессионально й деятельности деятельностью
нальное и личност-ное развитие обучающегося в
ОК 4. Работать в коллек-тиве и Организовывать работу коллектива и команды. процессе
команде, эффективно взаимо- Взаимодействовать с коллегами, руководством,
освоения
дейст- вовать с коллегами, клиентами.
руковод-ством, клиентам образовательной
ОК 5. Осуществлять устную и Излагать свои мысли на государственном языке. программы
письмен-ную коммуникацию на Оформлять документы
государственном языке с учетом
особенностей социально-го и
куль-турного контекста
ОК 6. Проявлять граждан-ско- Описывать значимость своей профессии Презентовать
патриотическую позицию, структуру профессионально й деятельности по профессии
демонстрирова ть осознанное (специальности)
поведение на основе
общечеловеческ их ценностей
ОК 7. Содействовать сохране- Соблюдать нормы экологической безопасности
нию окружа-ющей среды, Определять направления ресурсосбережения в рамках
ресурсосбережению, эффективно профессионально й деятельности по профессии
дейст-вовать в чрезвычайных (специальности)
ситуациях
ОК 08. Использо-вать средства Использовать физкультурно-оздоровительную
физичес-кой культуры для деятельность для укрепления здоровья, достижения
сохране-ния и укрепления жизненных и профессиональных целей; Применять

13
здоровья в процессе профессио- рациональные приемы двигательных функций в
нальной деятель-ности и профессиональной деятельности. Пользоваться
поддержа-ние необходи-мого средствами профилактики перенапряжения
уровня физичес-кой подготов- характерными для данной профессии (специальности)
ленности
ОК 09. Использо-вать информа- Применять средства информационных технологий для
ционные техноло-гии в решения профессиональных задач. Использовать
профессии-ональной деятель- современное программное обеспечение
ности.
ОК 10. Пользо-ваться професси- Понимать общий смысл четко произнесенных
ональной докумен-тацией на высказываний на известные темы (профессиональные и
государственном и иностран-ном бытовые),
языке. понимать тексты на базовые профессиональные темы
участвовать в диалогах на знакомые общие и
профессиональные темы, строить простые высказывания
о себе и о своей профессиональной деятельности, кратко
обосновывать и объяснить свои действия (текущие и
планируемые), писать простые связные сообщения на
знакомые или интересующие профессиональные темы
ОК 11. Выявлять достоинства и недостатки коммерческой идеи.
Планиро-вать предприни- Презентовать идеи открытия собственного дела в
мательскую деятель-ность в профессиональной деятельности.
профессио-нальной сфере. Оформлять бизнес-план.
Рассчитывать размеры выплат по процентным ставкам
кредитования Определять актуальность нормативно-
правовой документации в профессионально й
деятельности

14
ЛИСТ РЕГИСТРАЦИИ ИЗМЕНЕНИЙ

Номера листов Всего Дата Дата


листов введени внесен
№ Изм Зам № Подпис Расшифров
в яв ия
изм. енен е- Новы Изъяты докум. ь ка подписи
докуме действи измене
ных нен х х нте е ния
ных

15