СРС ПМ. 08. РАЗРАБОТКА ДИЗАЙНА ВЕБ-ПРИЛОЖЕНИЙ
учебно-методический материал

Министерство образования Саратовской области

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

учреждение Саратовской области «Энгельсский политехникум»

(ГАПОУ СО «Энгельсский политехникум»)

МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ И ЗАДАНИЯ ДЛЯ ВЫПОЛНЕНИЯ САМОСТОЯТЕЛЬНОЙ РАБОТЫ СТУДЕНТОВ
ПО ПРОФЕССИОНАЛЬНОМУ МОДУЛЮ
ПМ. 08. РАЗРАБОТКА ДИЗАЙНА ВЕБ-ПРИЛОЖЕНИЙ

программы подготовки специалистов среднего звена
для специальности технического профиля
09.02.07.Информационные системы и программирование
на базе основного общего образования
с получением среднего общего образования

2017 г.

Методические рекомендации и задания разработаны в соответствии с рабочей программой учебной дисциплины и требованиями   Федерального государственного образовательного стандарта среднего профессионального образования (ФГОС СПО) по специальности 09.02.07 Информационные системы и программирование; Приказ Министерства образования и науки РФ  №1547 от 09.12.2016 года

Организация – разработчик: ГАПОУ СО  «Энгельсский политехникум»

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

Ивашов Ю.А.,   преподаватель  специальных дисциплин  ГАПОУ СО  «Энгельсский политехникум»

ОДОБРЕНО методическим советом ГАПОУ СО «Энгельсский политехникум»

Протокол № ___,  «_____» ____________201__ г.

Председатель _____________/ _____________/

ОДОБРЕНО методическим советом ГАПОУ СО «Энгельсский политехникум»

Протокол № ___,  «_____» ____________201__ г.

Председатель _____________/ _____________/

ОДОБРЕНО методическим советом ГАПОУ СО «Энгельсский политехникум»

Протокол № ___,  «_____» ____________201__ г.

Председатель _____________/ _____________/

ВВЕДЕНИЕ

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

Общий объем времени, отведенный на выполнение самостоятельной работы по ПМ. 08. Разработка дизайна веб-приложений, составляет в соответствии с учебным планом и рабочей программой – 40 часов. Методические указания призваны помочь студентам правильно организовать самостоятельную работу при овладении ПМ. 08. Разработка дизайна веб-приложений и закрепить теоретические знания и умения.

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

умения:

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

знания:

• нормы и правила выбора стилистических решений;
• современные методики разработки графического интерфейса;
• требования и нормы подготовки и использования изображений в информационно-телекоммуникационной сети "Интернет";
• государственные стандарты и требования к разработке дизайна веб-приложений.

Самостоятельная работа направлена на формирование у студентов и соответствующих ФГОС профессиональных и общих компетенций (ПК и ОК):

ОК 1.        Выбирать способы решения задач профессиональной деятельности, применительно к различным контекстам.

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

ОК 3        Планировать и реализовывать собственное профессиональное и личностное развитие.

ОК 4        Планировать и реализовывать собственное профессиональное и личностное развитие.

ОК 5        Планировать и реализовывать собственное профессиональное и личностное развитие.

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

ОК 7        Содействовать сохранению окружающей среды, ресурсосбережению, эффективно действовать в чрезвычайных ситуациях.

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

ОК 9        Использовать информационные технологии в профессиональной деятельности.

ОК 10        Пользоваться профессиональной документацией на государственном и иностранном языке.

ОК 11        Планировать предпринимательскую деятельность в профессиональной сфере.

ПК 8.1        Разрабатывать дизайн-концепции веб-приложений в соответствии с корпоративным стилем заказчика.

ПК 8.2        Формировать требования к дизайну веб-приложений на основе анализа предметной области и целевой аудитории.

ПК 8.3        Осуществлять разработку дизайна веб-приложения с учетом современных тенденций в области веб-разработки.

1. Распределение часов на выполнение самостоятельной работы студентов по разделам и темам ОП. 04. Основы алгоритмизации и программирования.

2 Методические рекомендации для студентов по конкретным видам самостоятельной работы

2.1 Составление сводной (обобщающей) таблицы

Составление сводной (обобщающей) таблицы по теме – это вид самостоятельной работы студента по систематизации объемной информации, которая сводится (обобщается) в рамки таблицы. Формирование структуры таблицы отражает склонность студента к систематизации материала и развивает его умения по структурированию информации. Краткость изложения информации характеризует способность к ее свертыванию. В рамках таблицы наглядно отображаются как разделы одной темы (одноплановый материал), так и разделы разных тем (многоплановый материал). Такие таблицы создаются как помощь в изучении большого объема информации, желая придать ему оптимальную форму для запоминания.

Этапы составления сравнительных таблиц:

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

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

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

Критерии оценки составления таблицы:

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

2.2 Подготовка доклада, реферата

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

Работа над докладом состоит из следующих этапов:

• составление плана работы;
• систематизации полученных сведений;
• составление выводов и обобщений.

Доклад может быть представлен в устной и письменной форме.

Письменный доклад – это запись устного сообщения по какой-либо теме объёмом от пяти до пятнадцати страниц. В таком докладе не обязательно:

• выделять структурные элементы работы в виде плана;
• выделять заголовки внутри текста;
• ссылаться на использованную литературу по ходу текста.

Но обязательно следует приводить список всех используемых источников в конце работы. При подготовке доклада целесообразно соблюдать следующий порядок работы:

1. подобрать литературу по изучаемой теме, познакомиться с её содержанием.
2. пользуясь закладками, отметить наиболее существенные места или сделать выписки.
3. составить план доклада.
4. используя рекомендации по составлению тематического конспекта и составленный план, написать доклад, в заключение которого обязательно выразить своё отношение к излагаемой теме и её содержанию.
5. прочитать текст и редактировать его.
6. оформить в соответствии с требованиями к оформлению докладов

Критерии оценки подготовки доклада, реферата:

• полнота и качественность информации по заданной теме;
• свободное владение материалом доклада;
• логичность и четкость изложения материала;
• наличие и качество презентационного материала.

2.3 Различные виды иллюстраций и особенности их составления

Иллюстрация– это изображение в виде схемы, диаграммы, графика, рисунка, чертежа, фотографии и др.

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

ВАЖНО: любая иллюстрация должна иметь наименование, нумерацию и тематический заголовок. Наименование – это условное сокращенное название иллюстрации, отображаемое с помощью полнотекстового слова «Рисунок».

Пример оформления наименования иллюстрации

Рисунок 1.2 – Принципиальная схема систем координат

Рисунок 2 – Примерный макет дизайна web-страницы

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

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

Виды схем:

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

Требования к схемам:

• понятность;
• красочность;
• логичность.

Критерии оценки:

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

2.4 Подготовка конспекта

Конспект – это последовательная фиксация информации, отобранной и обдуманной в процессе чтения.

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

Основная цель опорного конспекта – облегчить запоминание. В его составлении используются различные базовые понятия, термины, знаки (символы) – опорные сигналы. Опорный конспект – это наилучшая форма подготовки к ответу и в процессе ответа. Составление опорного конспекта к темам особенно эффективно у студентов, которые столкнулись с большим объемом информации при подготовке к занятиям и, не обладая навыками выделять главное, испытывают трудности при ее запоминании.

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

Для составления опорного конспекта студент должен следовать следующим этапам:

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

5. Оформление практической работы

1. Обратитесь к методическим указаниям по проведению практических работ и оформите работу, указав название, цель и краткий порядок проведения работы.
2.       Повторите основные теоретические положения по теме практической работы, используя конспект лекций или методические указания.
3.       Сформулируйте выводы по результатам работы, выполненной на учебном занятии. В случае необходимости закончите выполнение расчетной части.
4.       Подготовьтесь к защите выполненной работы: повторите основные теоретические положения и ответьте на контрольные вопросы, представленные в методических указаниях по проведению или практических работ.

2.6  Создание компьютерной презентации (КП)

В оформлении презентаций выделяют два блока: оформление слайдов и представление информации на них. Для создания качественной презентации необходимо соблюдать ряд требований, предъявляемых к оформлению данных блоков.

Рекомендации по оформлению слайдов

Представление информации

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

Основные источники:

1. Тузовский, А. Ф. Проектирование и разработка web-приложений: учебное пособие. — М.: Юрайт, 2017. – Режим доступа: www.biblio-online.ru/book/9647E367-C8C0-4E0B-B80C-EC0195497717
   
2. Селезнев, В. А. Компьютерная графика: учебник и практикум для СПО. — 2-е изд., испр. и доп. — М: Юрайт, 2017. – Режим доступа: www.biblio-online.ru/book/1C3E97E5-67E9-4F6C-B168-E96C8D5237BB
3. электронная библиотека Nashol.com