МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ
ПОЛИТЕХНИЧЕСКИЙ ИНСТИТУТ (ФИЛИАЛ)
ФЕДЕРАЛЬНОГО ГОСУДАРСТВЕННОГО БЮДЖЕТНОГО
ОБРАЗОВАТЕЛЬНОГО УЧРЕЖДЕНИЯ ВЫСШЕГО ОБРАЗОВАНИЯ
«ДОНСКОЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ»
В Г. ТАГАНРОГЕ РОСТОВСКОЙ ОБЛАСТИ
(ПИ (филиал) ДГТУ в г. Таганроге)
ЦМК "Прикладная информатика"
рабочая программа дисциплины (модуля)
РАЗРАБОТКА ДИЗАЙНА ВЕБ-ПРИЛОЖЕНИЙ
Проектирование и разработка интерфейсов пользователя
090207_51-16-2-9-23ВЕБ.plx
Информационные системы и программирование
Профиль получаемого профессионального образования при реализации программы среднего общего образования: технологический
Документ подписан
с использованием
простой электронной
подписи для ЭИОС
Разработчик веб и мультимедийных приложений
Распределение часов дисциплины по семестрам
Семестр
(<Курс>.<Семестр на курсе>)
Документ подписан простой электронной подписью
Информация о владельце:
ФИО: Болдырев Антон Сергеевич
Должность: Директор
Дата подписания: 30.05.2024 11:10:50
Уникальный программный ключ:
9c542731014dd7196f5752b7fa57c524495323a0
УП: 090207_51-16-2-9-23ВЕБ.plx
Рабочая программа составлена:
Зам. нач.ОИТ АО "Красный гидропресс"
Проектирование и разработка интерфейсов пользователя
Рабочая программа дисциплины
разработана в соответствии с ФГОС СПО:
Федеральный государственный образовательный стандарт среднего профессионального образования по специальности 09.02.07 ИНФОРМАЦИОННЫЕ СИСТЕМЫ И ПРОГРАММИРОВАНИЕ (приказ Минобрнауки России от 09.02.2016 г. № 1547)
Информационные системы и программирование
Профиль получаемого профессионального образования при реализации программы среднего общего образования: технологический
составлена на основании учебного плана:
утвержденного учёным советом вуза от 30.03.2023 протокол № 9.
Протокол от 05.07.2023 г. № 6
Срок действия программы: 2023-2027 уч.г.
Председатель ЦМК "Прикладная информатика"
__ _________ 2023 г. № ___
ЦМК "Прикладная информатика"
Рабочая программа одобрена на заседании ЦМК
Андриян Оксана Вячеславовна
Андриян Оксана Вячеславовна
УП: 090207_51-16-2-9-23ВЕБ.plx
Протокол заседания ЦМК «ЦМК "Прикладная информатика"» от __ _________ ____г. № ___
Рабочая программа по дисциплине «Проектирование и разработка интерфейсов пользователя» проанализирована и признана актуальной для исполнения в ____ - ____ учебном году.
Визирование РП для исполнения в очередном учебном году
Председатель ЦМК ___________________
__ _________ ____г. № ___
Андриян Оксана Вячеславовна
УП: 090207_51-16-2-9-23ВЕБ.plx
1. ЦЕЛИ ОСВОЕНИЯ ДИСЦИПЛИНЫ (МОДУЛЯ)
Рабочая программа профессионального модуля разработана на основе актуализированного Федерального государственного образовательного стандарта (далее – ФГОС) по специальности (специальностям) среднего профессионального образования (далее - СПО) 09.02.07 Информационные системы и программирование.
2. МЕСТО ДИСЦИПЛИНЫ (МОДУЛЯ) В СТРУКТУРЕ ОБРАЗОВАТЕЛЬНОЙ ПРОГРАММЫ
Требования к предварительной подготовке обучающегося:
Графический дизайн и мультимедиа
Операционные системы и среды
Русский язык и культура речи
Элементы высшей математики
Основы безопасности жизнедеятельности
Графический дизайн и мультимедиа
Операционные системы и среды
Русский язык и культура речи
Элементы высшей математики
Основы безопасности жизнедеятельности
Дисциплины (модули) и практики, для которых освоение данной дисциплины (модуля) необходимо как предшествующее:
Информационная безопасность
Основы проектирования баз данных
Проектирование и дизайн информационных систем
Разработка кода информационных систем
Безопасность жизнедеятельности
Информационное право / Социальная адаптация и основы социально-правовых знаний
Менеджмент в профессиональной деятельности
Оптимизация веб-приложений
Производственная практика
УП: 090207_51-16-2-9-23ВЕБ.plx
Стандартизация, сертификация и техническое документоведение
Обеспечение безопасности веб-приложений
Основы предпринимательской деятельности и финансовой грамотности
Подготовка и защита выпускной квалификационной работы и демонстрационный экзамен
Правовое обеспечение профессиональной деятельности
ПРИЗВОДСТВЕННАЯ ПРАКТИКА (ПРЕДДИПЛОМНАЯ)
Проектирование и разработка веб-приложений
Производственная практика
Производственная практика
Тестирование информационных систем
Информационная безопасность
Основы проектирования баз данных
Проектирование и дизайн информационных систем
Разработка кода информационных систем
Безопасность жизнедеятельности
Информационное право / Социальная адаптация и основы социально-правовых знаний
Менеджмент в профессиональной деятельности
Оптимизация веб-приложений
Производственная практика
Стандартизация, сертификация и техническое документоведение
Обеспечение безопасности веб-приложений
Основы предпринимательской деятельности и финансовой грамотности
Правовое обеспечение профессиональной деятельности
ПРИЗВОДСТВЕННАЯ ПРАКТИКА (ПРЕДДИПЛОМНАЯ)
Проектирование и разработка веб-приложений
Тестирование информационных систем
3. КОМПЕТЕНЦИИ ОБУЧАЮЩЕГОСЯ, ФОРМИРУЕМЫЕ В РЕЗУЛЬТАТЕ ОСВОЕНИЯ ДИСЦИПЛИНЫ (МОДУЛЯ)
ПК 8.1.: Разрабатывать дизайн-концепции веб-приложений в соответствии с корпоративным стилем заказчика.
В результате освоения дисциплины (модуля) обучающийся должен
- актуальный профессиональный и социальный контекст, в котором приходится работать и жить; основные источники информации и ресурсы для решения задач и проблем в профессиональном и/или социальном контексте;
- алгоритмы выполнения работ в профессиональной и смежных областях; методы работы в профессиональной и смежных сферах; структуру плана для решения задач; порядок оценки результатов решения задач профессиональной деятельности
- номенклатура информационных источников, применяемых в профессиональной деятельности; приемы структурирования информации; формат оформления результатов поиска информации
УП: 090207_51-16-2-9-23ВЕБ.plx
- содержание актуальной нормативно-правовой документации; современная научная и профессиональная терминология; возможные траектории профессионального развития и самообразования
- психологические основы деятельности коллектива, психологические особенности личности; основы проектной деятельности
- особенности социального и культурного контекста; правила оформления документов и построения устных сообщений
- сущность гражданско-патриотической позиции, общечеловеческих ценностей; значимость профессиональной деятельности по специальности
- правила экологической безопасности при ведении профессиональной деятельности; основные ресурсы, задействованные в профессиональной деятельности; пути обеспечения ресурсосбережения
- роль физической культуры в общекультурном, профессиональном и социальном развитии человека; основы здорового образа жизни; условия профессиональной деятельности и зоны риска физического здоровья для специальности; средства профилактики перенапряжения
- современные средства и устройства информатизации; порядок их применения и программное обеспечение в профессиональной деятельности
- правила построения простых и сложных предложений на профессиональные темы; основные общеупотребительные глаголы (бытовая и профессиональная лексика); лексический минимум, относящийся к описанию предметов, средств и процессов профессиональной деятельности; особенности произношения; правила чтения текстов профессиональной направленности
- основы предпринимательской деятельности; основы финансовой грамотности; правила разработки бизнес-планов; порядок выстраивания презентации; кредитные банковские продукты
Нормы и правила выбора стилистических решений.
Способы создания эскиза, схем интерфейса и прототипа дизайна по предоставляемым инструкциям и спецификациям.
Правила поддержания фирменного стиля, бренда и стилевых инструкций.
Стандарт UIX - UI &UXDesign.
Инструменты для разработки эскизов, схем интерфейсов и прототипа дизайна веб-приложений.
Нормы и правила выбора стилистических решений.
Вопросы, связанные с когнитивными, социальными, культурными, технологическими и экономическими условиями при разработке дизайна.
Государственные стандарты и требования к разработке дизайна веб-приложений.
Стандарт UIX - UI &UXDesign.
Современные тенденции дизайна.
Ограничения, накладываемые мобильными устройствами и разрешениями экранов при просмотре веб-приложений.
Современные методики разработки графического интерфейса.
Требования и нормы подготовки и использования изображений в сети Интернет.
Принципы и методы адаптации графики для Веб-приложений.
Ограничения, накладываемые мобильными устройствами и разрешениями экранов при просмотре Веб-приложений.
распознавать зада-чу и/или проблему в про-фессиональном и/или со-циальном контексте; ана-лизировать задачу и/или проблему и выделять её составные части; опреде-лять этапы решения зада-чи; выявлять и эффективно искать информацию, необ-ходимую для решения за-дачи и/или проблемы; со-ставить план действия; определить необходимые ресурсы; владеть актуаль-ными методами работы в профессиональной и смежных сферах; реализо-вать составленный план; оценивать результат и по-следствия своих действий (самостоятельно или с по-мощью наставника)
- определять задачи для поиска информации; определять необходимые источники информации; планировать процесс по-иска; структурировать по-лучаемую информацию; выделять наиболее значи-мое в перечне информа-ции; оценивать практиче-скую значимость резуль-татов поиска; оформлять результаты поиска
- определять акту-альность нормативно-правовой документации в профессиональной дея-тельности; применять со-временную научную про-фессиональнуютермино-логию; определять и вы-страивать траектории профессионального разви-тия и самообразования
- организовывать ра-боту коллектива и коман-ды; взаимодействовать с коллегами, руководством, клиентами в ходе профес-сиональной деятельности
- грамотно излагать свои мысли и оформлять документы по профессио-нальной тематике на госу-дарственном языке, прояв-лять толерантность в ра-бочем коллективе
- описывать значи-мость своей специально-сти
- соблюдать нормы экологической безопасно-сти; определять направле-ния ресурсосбережения в рамках профессиональной деятельности по специаль-ности
УП: 090207_51-16-2-9-23ВЕБ.plx
- использовать физ-культурно-оздоровительную деятель-ность для укрепления здо-ровья, достижения жиз-ненных и профессиональ-ных целей; применять ра-циональные приемы двига-тельных функций в про-фессиональной деятельно-сти; пользоваться сред-ствами профилактики пе-ренапряжения характер-ными для данной специ-альности
- применять средства информационных техноло-гий для решения профес-сиональных задач; исполь-зовать современное про-граммное обеспечение
- понимать общий смысл четко произнесен-ных высказываний на из-вестные темы (профессио-нальные и бытовые), по-нимать тексты на базовые профессиональные темы; участвовать в диалогах на знакомые общие и профес-сиональные темы; строить простые высказывания о себе и о своей профессио-нальной деятельности; кратко обосновывать и объяснить свои действия (текущие и планируемые); писать простые связные сообщения на знакомые или интересующие про-фессиональные темы
- выявлять достоин-ства и недостатки коммер-ческой идеи; презентовать идеи открытия собствен-ного дела в профессио-нальной деятельности; оформлять бизнес-план; рассчитывать размеры вы-плат по процентным став-кам кредитования; опреде-лять инвестиционную при-влекательностькоммерче-ских идей в рамках про-фессиональной деятельно-сти; презентовать бизнес-идею; определять источ-ники финансирования
Создавать дизайн с применением промежуточных эскизов, прототипов, требований к эргономике и технической эстетике.
Учитывать существующие правила корпоративного стиля.
Придерживаться оригинальной концепции дизайна проекта и улучшать его визуальную привлекательность.
Разрабатывать интерфейс пользователя для веб-приложений с использованием современных стандартов.
Выбирать наиболее подходящее для целевого рынка дизайнерское решение.
Учитывать существующие правила корпоративного стиля.
Анализировать целевой рынок и продвигать продукцию, используя дизайн веб-приложений.
Осуществлять анализ предметной области и целевой аудитории.
Создавать, использовать и оптимизировать изображения для веб-приложений.
Создавать «отзывчивый» дизайн, отображаемый корректно на различных устройствах и при разных разрешениях.
Использовать специальные графические редакторы.
Интегрировать в готовый дизайн-проект новые графические элементы, не нарушая общей концепции.
Разрабатывать эскизы веб-приложения.
Разрабатывать схемы интерфейса веб-приложения.
Разрабатывать прототип дизайна веб-приложения.
Разрабатывать дизайн веб-приложений в соответствии со стандартами и требованиями заказчика.
Разрабатывать интерфейс пользователя для веб-приложений с использованием современных стандартов.
Формировать требования к дизайну веб-приложений
Разрабатывать графические макеты для веб-приложений с использованием современных стандартов.
Создавать, использовать и оптимизировать изображения для веб – приложений.
Наименование разделов и тем /вид занятия/
4. СТРУКТУРА И СОДЕРЖАНИЕ ДИСЦИПЛИНЫ (МОДУЛЯ)
Раздел 1. Технология проектирования и разработки интерфейсов пользователя
Введение. Язык разметки HTML. Синтаксис HTML /Лек/
Гиперссылки. Использование изображений на странице. Форматирование текста и фона /Лек/
Плавающие фреймы, мультимедиа, карты-изображения, формы /Лек/
Каскадные таблицы стилей(CSS) /Лек/
УП: 090207_51-16-2-9-23ВЕБ.plx
Использование стилей при создании сайта /Лек/
Веб-стандарты и их поддержка /Лек/
Элементы и атрибуты HTML5 и структура страницы /Лек/
Продвинутые технологии HTML и CSS /Лек/
Использование свойств CSS2 и CSS3 /Лек/
Вёрстка страниц веб-сайта /Лек/
Размещение сайта на сервере и поддержка сайта /Лек/
Язык сценариев JavaScript /Лек/
Техническое задание на разработку web-сайта /Лек/
Создание html-документа с использованием основных элементов разметки /Пр/
Оформление HTML-документа, содержащего текст, списки, графику /Пр/
Оформление HTML-документа, содержащего гиперссылки, таблицы /Пр/
Оформление HTML-документа, содержащего плавающие фреймы /Пр/
Оформление HTML-документа, содержащего мультимедиа, карты-изображения /Пр/
Создание формы на html-странице /Пр/
Форматирование web-страниц с использованием CSS (текст: шрифты, цвет, размер, абзацы, списки, тени) /Пр/
Форматирование таблиц с помощьюCSS /Пр/
Добавление графики на веб-страницах /Пр/
Построение навигационной системы сайта /Пр/
Разработка преобразований, переходов и анимации с помощью CSS /Пр/
Форматирование веб-форм /Пр/
Вёрстка страниц (макеты на основе Grid Layout, flexbox, обтекаемых элементов) /Пр/
Позиционирование элементов на странице /Пр/
Адаптивный веб-дизайн /Пр/
Использование система модульной верстки /Пр/
Создание flexbox-макета /Пр/
УП: 090207_51-16-2-9-23ВЕБ.plx
Использование языка сценариев JavaScript при создании web-сайта /Пр/
Самостоятельная работа по проработке конспектов и подготовке отчетов к практическим работам /Ср/
Раздел 2. Разработка графических изображений и мультимедиа
WEB-дизайн. Способности необходимые web-дизайнеру. Специализация в web- дизайне. Юзабилити /Лек/
WEB-дизайн. Способности необходимые web-дизайнеру. Специализация в web- дизайне. Юзабилити /Лек/
Основные этапы разработки сайта. Техническое задание. Файловая структура сайта. Два типа графики на web-сайтах. Имена файлов. Концептуальное, логическое и физическое проектирование сайта /Лек/
Основные этапы разработки сайта. Техническое задание. Файловая структура сайта. Два типа графики на web-сайтах. Имена файлов. Концептуальное, логическое и физическое проектирование сайта /Лек/
Основные этапы разработки сайта. Техническое задание. Файловая структура сайта. Два типа графики на web-сайтах. Имена файлов. Концептуальное, логическое и физическое проектирование сайта /Лек/
Цвет в дизайне. Фоновые цвета. Цветовой круг. Модели цвета /Лек/
Цвет в дизайне. Фоновые цвета. Цветовой круг. Модели цвета /Лек/
Взаимодействия пользователя с сайтом. Вопросы разработки интерфейса. Визуализация элементов интерфейса. Инфографика в веб-дизайне /Лек/
Взаимодействия пользователя с сайтом. Вопросы разработки интерфейса. Визуализация элементов интерфейса. Инфографика в веб-дизайне /Лек/
Юзабилити web-сайтов и приложений для мобильных устройств /Лек/
Юзабилити web-сайтов и приложений для мобильных устройств /Лек/
Юзабилити web-сайтов и приложений для мобильных устройств /Лек/
Аудит юзабилити web-сайта, тестирование и документирование /Лек/
Аудит юзабилити web-сайта, тестирование и документирование /Лек/
Разработка эскизов веб-сайта /Пр/
Разработка эскизов веб-сайта /Пр/
Разработка эскизов веб-сайта /Пр/
УП: 090207_51-16-2-9-23ВЕБ.plx
Разработка эскизов веб-сайта /Пр/
Разработка элементов интерфейса /Пр/
Разработка элементов интерфейса /Пр/
Разработка элементов интерфейса /Пр/
Разработка прототипа дизайна веб-сайта и приложений для мобильных устройств /Пр/
Разработка прототипа дизайна веб-сайта и приложений для мобильных устройств /Пр/
Разработка прототипа дизайна веб-сайта и приложений для мобильных устройств /Пр/
Разработка оригинал-макета веб-приложения /Пр/
Разработка оригинал-макета веб-приложения /Пр/
Самостоятельная работа по проработке конспектов и подготовке отчетов к практическим работам /Ср/
Подготовка к экзамену /Конс/
5. ОЦЕНОЧНЫЕ МАТЕРИАЛЫ (ОЦЕНОЧНЫЕ СРЕДСТВА)
для текущего контроля успеваемости, промежуточной аттестации по итогам освоения дисциплины
5.1. Контрольные вопросы и задания
5.2. Темы письменных работ
5.3. Оценочные материалы (оценочные средства)
Прилагается в электронном виде.
5.4. Перечень видов оценочных средств
6. УЧЕБНО-МЕТОДИЧЕСКОЕ И ИНФОРМАЦИОННОЕ ОБЕСПЕЧЕНИЕ ДИСЦИПЛИНЫ (МОДУЛЯ)
6.1. Рекомендуемая литература
6.1.1. Основная литература
Web-программирование и базы данных: Учебный практикум
http://www.iprbookshop.ru/39683.html
Москва: Московский гуманитарный университет, 2014
Амелин К. C., Амелина Н. О., Граничин О. Н., Кияев В. И.
Разработка приложений для мобильных интеллектуальных систем на платформе Intel Atom
http://www.iprbookshop.ru/79719.html
Москва: Интернет-Университет Информационных Технологий (ИНТУИТ), Ай Пи Эр Медиа, 2019
6.1.2. Дополнительная литература
Проектирование информационных систем в Microsoft SQL Server 2008 и Visual Studio 2008
http://www.iprbookshop.ru/52166.html
Москва: Интернет-Университет Информационных Технологий (ИНТУИТ), 2016
УП: 090207_51-16-2-9-23ВЕБ.plx
Платёнкин А. В., Рак И. П., Терехов А. В., Чернышов В. Н.
Проектирование информационных систем. Проектный практикум: Учебное пособие для студентов дневного и заочного отделений, изучающих курсы «Проектирование информационных систем», «Проектный практикум», обучающихся по направлению 230700.62 (09.03.03)
http://www.iprbookshop.ru/64560.html
Тамбов: Тамбовский государственный технический университет, ЭБС АСВ, 2015
6.3.1 Перечень программного обеспечения
6.3.2 Перечень информационных справочных систем
Технические средства обучения:
1) Проектор / BENQ MX506, экран для проектора / CACTUS Wallscreen CS-PSW-206x274,274x206 см,4:3, настенно-потолочный, белый
2) Персональные компьютеры с программным обеспечением:
Microsoft Office Pro 2016
7. МАТЕРИАЛЬНО-ТЕХНИЧЕСКОЕ ОБЕСПЕЧЕНИЕ ДИСЦИПЛИНЫ (МОДУЛЯ)
Специальные помещения представляют собой учебные аудитории для проведения всех занятий по дисциплине, предусмотренных учебным планом и содержанием РПД. Помещения укомплектованы специализированной мебелью и техническими средствами обучения согласно требованиям ФГОС, в т.ч.:
Лаборатория «Полигон разработки бизнес-приложений и проектирования информационных систем» оснащенная необходимым для реализации программы учебной дисциплины оборудованием:
Автоматизированные рабочие места обучающихся;
Автоматизированное рабочее место преподавателя;
Программное обеспечение общего и профессионального назначения:
MicrosoftOfficePro 2016
8. МЕТОДИЧЕСКИЕ УКАЗАНИЯ ДЛЯ ОБУЧАЮЩИХСЯ ПО ОСВОЕНИЮ ДИСЦИПЛИНЫ (МОДУЛЯ)
Прилагаются в электронном виде.