Дополнительная общеобразовательная общеразвивающая программа «Компьютерная графика и Web-дизайн»

Муниципальное бюджетное образовательное учреждение

дополнительного образования

«Дворец детского (юношеского) творчества»

УТВЕРЖДАЮ:

Директор МБОУ ДО ДД(Ю)Т

______________ Н.А.Головкова

Приказ № ___от _________20___г.

ПРИНЯТА

На заседании методсовета

МБОУ ДО ДД(Ю)Т

от «___» _______ 20___ г.

Протокол № ____

Дополнительная общеобразовательная

общеразвивающая программа

«Компьютерная графика и Web-дизайн»

Возраст обучающихся 11-16 лет

Срок реализации программы -2 года

Составитель:

Егорова Ольга Николаевна,

педагог дополнительного образования,

высшая категория

Ижевск, 2022

Комплекс основных характеристик программы

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

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

Актуальность.

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

Компьютерная графика, анимация, Web-дизайн – это наиболее распространенные, перспективные и быстро развивающиеся сферы информационных технологий.

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

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

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

Отличительная особенность и новизна.

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

Программа состоит из самостоятельных модулей:

«Обработка и создание изображений в растровом графическом редакторе» (здесь и далее условно-бесплатная версия Gimp, Photoshop, Pixlr Editor и т.д.),

«Трехмерное моделирование»,

«Основы сайтостроения и web-дизайна».

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

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

Уровень сложности – базовый.

Адресат программы:

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

Сроки освоения программы.

Программа «Компьютерная графика и Web-дизайн» рассчитана 2 года обучения.

Режим занятий:

1 год обучения - занятия проходят 2 раза в неделю по 2 часа, всего - 168 часов в год.

2 год обучения - занятия проходят 2 раза в неделю по 2 часа, всего - 168 часов в год.

Часовой объем программы: 336 часов.

Формы обучения:

Программа реализуется в очно-дистанционной форме обучения:

- 2 часа в неделю – очно,

- 2 часа в неделю – дистанционно.

Форма организации образовательного процесса: групповая. Наполняемость групп:

1 год обучения – 10 - 12 человек;

2 год обучения – 8-10 человек.

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

Задачи:

Знакомство и обучение графическим программам как инструментам практической деятельности в современном мире.

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

Развитие личностных качеств обучающихся, таких как коммуникабельность, командность, критическое мышление и креативности.

Планируемые результаты:

Предметные результаты

Знают основные понятия компьютерной графики.

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

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

Умеют создавать прототипы и макеты сайтов с помощью графических редакторов.

Умеют проектировать и создавать сайты различными способами: использованием HTML разметки, конструкторов сайтов, систем управления сайтом (CMS);

Метапредметные результаты

Развивается пространственное мышление и воображение;

Повышается информационная и полиграфическая культуры обучающихся.

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

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

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

Личностные результаты

Формируется мотивация к дальнейшему изучению и использованию графических программ в практической деятельности;

Повышается уровень коммуникации как проявление доброжелательности, эмоциональной отзывчивости.

Повышается уровень коллективного (командного) сотрудничества как проявление общительности, инициативности, самостоятельности.

Повышается уровень креативности как проявление творчества, целеустремленности, эрудированности

Повышается критическое мышление как проявление эрудированности, самостоятелности, самоконтроля и самооценки.

Язык преподавания – русский.

Формы контроля.

Формой контроля являются презентация и защита графических файлов, 3d модели или web-страницы.

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

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

УЧЕБНЫЙ ПЛАН

Iгод обучения, 168 часов

СОДЕРЖАНИЕ

Вводный инструктаж ПТБ. Знакомство с основами компьютерной графики и Web-дизайна.

Теория. Техника безопасности и санитарно-гигиенические нормы при работе на компьютере. Введение в компьютерную графику, дизайн, Web-дизайн. Типы файлов. Представление цвета в компьютерной графике. Векторная и растровая графика.

Практика. Определение типов файлов. Кодирование цвета. Работа с векторными и растровыми изображениями. Тест.

Обработка и создание изображений в графическом редакторе.

2.1 Инструменты рисования и выделения.

Теория: Функции, возможности, назначение, интерфейс графического редактора, работа с документами. Панель инструментов: назначение инструментов и способы применения. Инструменты рисования. Инструменты выделения. Инструменты заливки. Кадрирование. Перемещение, копирование, вставка, трансформация фрагмента.

Практика. Рисование изображений. Выделение фрагмента изображения с помощью инструментов выделения, копирование, вставка фрагментов в новый документ. Трансформирование выделенного фрагмента.

2.2. Основы работы со слоями.

Теория. Слой. Панель слои. Работа с многослойными изображениями. Эффекты слоя.

Практика. Работа со слоями. Применение эффектов слоя. Создание фотоколлажа. Создание изображений с помощью выделения.

2.3. Работа с текстом.

Теория. Инструменты группы Текст. Способы трансформации текста.

Практика. Ввод и редактирование текста. Трансформирование текста. Применение эффектов слоя к тексту. Создание и разработка буклетов и информационного буклета (материала).

2.4. Работа с фильтрами.

Теория. Фильтры. Обзор фильтров.

Практика. Применение фильтров для создания изображений, текстур. Применение фильтров к тексту. Имитация 3D. Имитация 3D в тексте.

2.5. Обработка изображений.

Теория. Инструменты коррекции изображения: штамп, восстанавливающая кисть. Способы ретуширования и коррекции фотографий.

Практика. Удаление дефектов на изображениях. Ретушь старых фотографий.

2.6 Проектная работа по обработке и созданию изображений.

Практика. Создание проектов «Семейного дерева» и поздравительной открытки и их презентация.

Трехмерное моделирование интерьера.

3.1 Введение. Понятие дизайна и виды дизайна. Трехмерное моделирование.

Теория. Дизайн, виды дизайна. Понятие трехмерного моделирования, программы для трехмерного моделирования.

3.2 Работа в программе SweetHome3d.

Теория. Установка программы. Обзор интерфейса программы. Базовые возможности программы. Понятие и виды текстур. Источники текстур. Работа с сайтом Sweethome3d.com как с источником библиотеки текстур. Работа с сайтом Sweethome3d.com как с источником трехмерных моделей. Другие источники моделей. Работа с планом квартиры. Отрисовка стен.

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

3.3 Стили интерьера

Теория. Стили в интерьере: Исторические стили, прованс, лофт, скандинавский стиль.

Практика. Тест "Как хорошо вы разбираетесь в стилях дизайна интерьера"

3.4. Интерьерный коллаж

Теория. Виды и назначение интерьерного коллажа. Способы создания.

Практика. Создание интерьерного коллажа в выбранном стиле с помощью графического редактора.

3.5 Создание интерьера в разных стилях

Теория. История и особенности классического стиля, скандинавского стилей, лофт.

Практика. Разработка интерьеров гостиной в классическом, скандинавском стиле, лофт.

3.6 Цветовые решения интерьера

Теория. Цветовые сочетания в интерьере, цветовой круг. Цветовая композиция в интерьере. Температура, насыщенность, светлота цвета в интерьере.

Практика. Изменение цветовых сочетаний в готовом проекте.

3.7 Функциональное зонирование пространства

Теория. Цели зонирования комнаты. Приемы зонирования с помощью конструкций. Декоративное зонирование. Виды перегородок для зонирования.

Практика. Практическая работа "Создание проекта комнаты с зонированием".

3.8 Стандарты мебели

Теория. Стандартные размеры мебели. Антропометрия человека. Рекомендованные и стандартные размеры мебели.

Практика. Практическая работа "Установка мебели по размерам ГОСТа".

3.9 Особенности проектирования разных жилых помещений

Теория. Особенности проектирования дизайна интерьеров спальни, детской, кухни.

Практика. Практическая работа "Разработка проекта спальни или детской комнаты". Практическая работа "Разработка проекта кухни"

3.10 Рендеринг. Подготовка экстерьера

Теория. Настройка трехмерного вида SweetHome3D. Способы установки вида за окном. Установка источников освещения. Визуализация трехмерного вида. Рендеринг.

Практика. Практическая работа "Установка трехмерного вида за окном". Практическая работа по рендерингу.

3.11 Разработка экстерьера. Архитектурное проектирование

Теория. Способы создания архитектурных сооружений и экстерьера в SweetHome3D.

Практика. Создание архитектурных сооружений и экстерьера в SweetHome3D.

3.12 Итоговый проект. Проектирование дизайна интерьера в программе Sweet Home 3d.

Практика. Проектирование дизайна интерьера в программе Sweet Home 3d.

3.13 Подготовка и участие в конкурсах по компьютерной графике.

Теория. Разбор технических заданий и проектов заданий.

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

4. Основы сайтостроения и web-дизайна.

4.1 HTML-кодирование.

Теория. Понятие Web-пространства и сайта. Понятие HTML. Гипертекст. Теги и атрибуты. Теги и атрибуты для форматирования текста. Цветовая схема. Теги и атрибуты для вставки графики. Теги и атрибуты для создания списков: нумерованные, маркированные, списки определений. Теги и атрибуты для вставки таблиц.

Практика. Набор, редактирование и форматирование HTML– документа в текстовом редакторе или редакторе кода. Вставка изображений как иллюстраций и фонового изображения. Создание списков. Вставка и редактирование таблиц. Создание Web-страницы с использованием табличного дизайна. Создание навигационной панели. Экскурсии в IT-компании города.

4.2 Каскадные таблицы стилей CSS

Теория. Каскадные таблицы стилей. Основные понятия. Использование стилей. Способы задания цвета. Классы стилей. Стилевые свойства шрифтов. Свойства текста. Свойства цвета и фона. Свойства блоков. Свойства списков. Другие стилевые свойства. Позиционирование. Слои. Применение таблиц стилей. Спецификация CSS.

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

4.2 Разработка web-дизайна в графическом редакторе.

Теория. Web-Дизайн сайта. Способы создания прототипа. Цветовой круг. Композиция web-страницы. Виды web-сайтов.

Практика. Разработка прототипа сайта. Разработка и моделирование проекта сайта. Создание Web-сайта на заданную тему. Экскурсии в IT-компании города.

5. Подведение итогов за год.

Практика. Подведение итогов обучения. Итоговый тест. Защита творческих работ и проектов.

Планируемые результаты I года обучения:

По окончанию первого года обучения, обучающиеся достигнут следующих результатов:

Предметные результаты

Обучающиеся знают:

основные понятия компьютерной графики:

- типы графических файлов, их свойства и отличие,

- растровые и векторные изображения,

- виды цветовых моделей, задание цвета в компьютерной графике,

- понятие двухмерной и трехмерной графики.

Обучающиеся умеют:

создавать, редактировать, ретушировать изображения, применять фильтры, работать со слоями в растровых редакторах;

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

проектировать и создавать сайты с использованием основных HTML-тегов;

Создавать прототипы и макеты сайтов с помощью графических редакторов.

Метапредметные результаты

Формируется навыки работы по алгоритму в решении поставленных задач, развиваются основы критическое мышление;

Развиваются основы пространственного мышления и воображения;

Формируется умение находить необходимую информацию из разных источников самостоятельно;

Формируются навыки конструктивно сотрудничать со сверстниками при презентации проектов.

Личностные результаты

Формируется мотивация к дальнейшему изучению графических программ;

Формируются такие качества как терпение, аккуратность, самостоятельность при выполнении работ.

Формируются коммуникативные качества, такие как эмоциональная отзывчивость, общительность, инициативность

Проявляются дружеские отношения, взаимопомощь в кругу сверстников как характеристики коллективного (командного) сотрудничества.

УЧЕБНЫЙ ПЛАН

IIгод обучения, 168 часов

СОДЕРЖАНИЕ

Портфолио как визитная карточка успешности..

Теория. Техника безопасности и санитарно-гигиенические нормы при работе на компьютере. Понятие термина «электронное портфолио». Способы создания «электронного портфолио». Web-сайт как портфолио обучающегося.

Обработка и создание изображений в графическом редакторе.

2.1 Основы работы в графическом редакторе (повторение).

Теория. Повторение основ работы в графическом редакторе: инструменты, работа со слоями.

Практика. Создание и редактирование изображений.

2.2 Создание коллажей. Слой-маска

Теория. Композиция работы, Тени, свет и рефлексы, Работа с цветом. Техники ручной прорисовки. Комбинирование слоев, маски слоя. Выделение сложных областей (волос), уточнение края. Эффект распада.

Практика. Создание коллажей с использованием слоя маски.

2.3 Корректирующие слои, обтравочная маска

Теория Корректирующие слои, обтравочные маски. Цветокоррекция изображений, уровни, каналы. Карта градиента.

Практика. Создание коллажа с использованием корректирующих слов

2.4 Инструмент Текст

Теория. Работа со шрифтами. Написание текста по контуру. Применение стилей слоя и режимов наложения к тексту.

Практика. Создание открыток, афиш, баннеров.

2.5 Фильтры

Теория. Работа с галереей фильтров. Специальные фильтры. Блик, Полярные координаты, пластика.

Практика. Создание изображений с применением фильтров и специальных фильтров.

2.6 Перо. Векторное рисование

Теория. Работа с инструментом Перо. Выделение пером. Создание рабочего контура. Векторное рисование.

Практика. Создание изображений с помощью инструмента Перо. Отрисовка изображений. Градиентная заливка.

2.7 Создание коллажа без фотографий

Теория. Принципы создания рисованного коллажа.

Практика. Создание коллажа с помощью инструментов рисования, заливки, фигуры.

2.8 Создание gif-анимации

Теория. Возможности графического редактора для создания gif-анимации. Реакция на событие мыши.

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

2.9 Итоговое занятие. Создание проекта

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

2.10 Подготовка и участие в интеллектуальных конкурсах и олимпиадах.

Теория. Разбор технических заданий и проектов заданий.

Практика. Подготовка и участие в интеллектуальных конкурсах.

3. Трехмерное моделирование.

3.1. Введение в трехмерное моделирование. Интерфейс программы для 3d моделирования

Теория. Понятие трехмерного моделирования. Программы для трехмерного моделирования. Интерфейс программы .Основные приемы работы с готовой сценой (режимы просмотра, управление видом камеры). 3D-примитивы (куб, сфера, цилиндр и т.д.) и методы их перемещения, вращения, масштабирования, клонирования. Тела вращения и способы их создания.

Практика. Построение простых моделей.

3.2. Создание модели по готовому чертежу

Теория. Понятие чертежа и его назначение. Работа с проекциями. Принципы построения изображений предметов на чертежах. Разрезы и сечения.

Практика. Создание чертежа модели.

3.3 Рендеринг.

Теория. Методы создания и редактирования материалов (простые и многокомпонентные материалы, свойства материалов, текстурные карты). Настройка наложения текстур на криволинейные объекты. Типы источников света, камеры и настройка параметров рендеринга.

Практика. Создание трехмерных моделей с применением материалов и рендеринга.

3.4 Анимация.

Теория. Методы создания 3D-анимации на основе автоматической расстановки ключевых кадров. Понятие контроллера и ограничителя. Приемы анимации на основе связанных цепочек объектов (методы прямой и обратной кинематики).

Практика. Анимирование сцены.

3.5 Создание проекта.

Практика. Выполнение проекта на выбранную тему.

3.6 Подготовка и участие в конкурсах по компьютерной графике.

Теория. Разбор технических заданий и проектов заданий.

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

4. Web-дизайн.

4.1 Web-дизайн. Разработка макета сайта.

Теория. Структура страниц сайта: Основные принципы построения дизайна сайта. Фирменный стиль сайта. Создание прототипа. Программы для создания прототипа. Понятие типографики и использование шрифтов в web-дизайне. Классификация шрифтов. Основные термины типографики. Особенности дизайна сайта: создание дизайна от общего к частному, использование модульной сетки, масштабируемость сайта, шрифтовая схема, реакция на действия пользователя и навигация, ссылки, табы, курсор, оформление содержания. Восприятие и психология цвета, кодирование цвета, подборка цвета для сайта. Источники графики для сайта. Лендинг, его виды и назначение.

Практика. Прототипирование сайта на бумаге и с помощью сервиса Wireframe.cc. Определение и подборка шрифтов для сайта. Подборка цветовой гаммы для сайта. Поиск графики для сайта. Создание дизайна лендинга. Создание дизайна своего сайта. Подготовка цифровых материалов для музея истории пионерии и комсомола УР

4.2 Интернет. Размещение сайта в интернете. Системы управления сайтами. CMS.

Теория. Интернет. Службы Интернета. Принципы работы Интернета. Провайдер, хостинг, контент, аккаунт. Системы управления сайтами. Виды, назначение.CMS. Установка, интерфейс. Принцип построения сайта с помощью CMS. Хостинг, виды хостинга. Размещение сайта в интернет.

Практика. Создание сайта с помощью CMSи размещение его в интернете.

4.3 Подготовка и презентация проекта «Мое портфолио»

Практика. Создание «электронного портфолио» в виде сайта со своими выполненными работами за год с помощью CMS. Защита творческих работ и проектов. Презентация «электронного портфолио».

5. Подведение итогов.

Практика. Подведение итогов обучения.

Планируемые результаты II года обучения:

Предметные результаты

Обучающиеся умеют:

Обрабатывать изображения с помощью масок и корректирующих слоев;

создавать трехмерные модели в трехмерных программах;

создавать сайты с помощью CMS (систем управления сайтом) и конструкторов сайтов;

Обучающиеся знают:

принципы работы Интернета, системы управления сайтами.

Метапредметные результаты

Повысился уровень критическое мышление и креативность в решении поставленных задач;

Развито пространственное мышление и воображение;

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

Развиты навыки презентации проектов.

Личностные результаты

Формируется мотивация к дальнейшему изучению и использованию графических программ в практической деятельности;

Развиваются такие качества как терпение, аккуратность, самостоятельность при выполнении работ.

Повышается уровень коммуникации как проявление эмоциональной отзывчивости, общительности и уверенности в себе,

Повышается уровень коллективного (командного) сотрудничества как проявление дружеских отношений, взаимопомощи в кругу сверстников.

Рабочая программа воспитания

Рабочая программа воспитания детского объединения обеспечивает решение воспитательных задач дополнительной общеобразовательной программы, ключевых задач Программы воспитания Учреждения.

Рабочая программа воспитания направлена на:

Развитие личностных качеств обучающихся, таких как коммуникабельность, командность, критическое мышление и креативности.

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

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

Календарный план воспитательной работы на весь период обучения

Комплекс организационно-педагогических условий

Условия реализации программы

Материально-техническое обеспечение;

Кабинет для проведения занятий, соответствующий СанПиН;

Столы;

Стулья;

Интерактивная доска;

Компьютеры (10 шт.);

Многофункциональное устройство (принтер, сканер, копир);

Программы: Gimp, AdobePhotoshop (условно – бесплатная версия), Paint.Net, SweetНоме3D, SketchUp, установочный пакет Joomla, Notepad ++.

Локальная сеть;

Сайт дистанционного обучения Дворца детского (юношеского) творчества do.izhdvorec.ru

Интернет.

Учебно-методическое обеспечение программы

1 год обучения

2год обучения

Календарный учебный график (2 года реализации ОП)

Календарный учебный график

*-Начало учебных занятий у групп 1 года обучения начинается с даты указанной в приказе по учреждению о начале учебного года .

У- учебные занятия

ПК- промежуточная контроль ( период с15.12 по 25.01, в зависимости от содержания программы )

ИК- контроль итоговый ( период с 15.04 по 15.05)

Р- резервное время

К-комплектование групп

С-самостоятельная работа ребенка в летний период по рекомендациям педагога

Оценочные материалы

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

«высокий уровень» - от 4 до 5 баллов (задание выполнено полностью и без ошибок),

«средний уровень» - от 2,6 до 3,9 баллов (задание выполнено не полностью или есть неточности в выполнении),

«низкий уровень» – от 1 до 2,5 баллов (в работе много ошибок, или сделано очень неаккуратно).

1. Задание на определение видов изображений

Режим доступа https://learningapps.org/watch?v=p1szgkvvt01

2. Кроссворд по компьютерной графике.

Режим доступа https://learningapps.org/watch?v=pqthscs3n01

3. Задание на знание интерфейса графического редактора

Режим доступа https://learningapps.org/watch?v=p6pzh3s1j21

4.Задание на кодирование цвета.

Режим доступа https://learningapps.org/watch?v=pzoendj4t22

5 Задание на определение видов трехмерных программ.

Режим доступа https://learningapps.org/watch?v=pt3ophds318

6 Задание на знание HTML тегов

Режим доступа https://learningapps.org/view4938456

Примеры проектов «Семейного дерева» и открытки

Уровень предметных знаний определяет по уровню выполнения

итоговых проектов

Итоговый проект по растровой графике

Задание: Создать изображение (коллаж) с использованием:

Маски слоя

корректирующих слоев

векторного рисования/выделения

фильтров

анимация

Вариант задания:

Исходные файлы

Результат:

Итоговый проект по трехмерной графике

Задание: Создать 3д визуализацию проекта по прилагаемым планировке с расстановкой мебели. Спроектировать корпусную мебель по заданным размерам. Установить в проект.

Пример планировки:

Итоговое задание по компьютерной графике

1. Ответьте на вопросы:

А) Что означает понятие компьютерная графика, растровая графика, векторная графика, трехмерная графика?

Б) Что из себя представляет система управления сайтом (CMS)?

В) Чем отличается растровое изображение от векторного и может ли векторное иметь слои?

Напишите (дайте) краткую характеристику изображенных ниже изображений редактора (вид графики, программа, назначение графики)

3. Вам дан шаблон дизайна сайта. Для его создания вам разрешено использовать следующие программы:

AdobePhotosop (Gimp, Paint.Net)

Joomla

SweetHome 3D

HTML

Adobe XD

Выберите из списка и обведите в кружок все, что отвечает следующим требованиям: не является программой.

4. Все остальные задания выполняются с использованием только элементов перечисленных в п.3

- Схематично изобразите шаблон сайта. На нем обозначьте схематично основные элементы сайта.

- Опишите из пункта 3 следующие пункты: SweetHome 3D, HTML. Где они применяются? Что вы про них знаете?

- Создайте анимированный рекламный баннер на ваш сайт.

Диагностика предметных знаний (1 год обучения)

Диагностика предметных знаний (2 год обучения)

«высокий уровень» - от 4 до 5 баллов,(безошибочное выполнение задания + высокая скорость)

«средний уровень» - от 2,6 до 3,9 баллов,(допускается небольшие неточности или работа выполнена при частичной поддержке педагога)

«низкий уровень» – от 1 до 2,5 баллов.(работа не соответствует образцу, большая часть работы выполнена с помощью педагога или работа не выполнена)

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

«Электронное портфолио обучающегося» и его презентация перед обучающимися

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

Высокий уровень от 4 до 5 баллов - в проекте предложено оригинальное решение поставленной проблемы, проект выполнен на высоком уровне графической культуры, полиграфической культуры, презентация проекта соответствует требованиям

Средний уровень – от 2 до 3 баллов – в проекте предложены традиционные пути решения проблемы, есть недостатки в качестве выполнения проекта и его презентации.

Низкий уровень –от 0 до 1 баллов – предложенные идеи проекта не соответствуют поставленной проблеме, уровень графической культуры низкий, презентация проекта не соответствует требованиям

Диагностика метапредметных умений

Диагностика личностного развития обучающихся ведется методом педагогического наблюдения. Наблюдение проводится на итоговых занятиях в период промежуточного или итогового контроля.

Уровень личностного развития обучающихся определяется «маркерами»( личностными качествами или другими словами чертами характера)

Диагностика «Коллективное сотрудничество» (готовность к совместной деятельности в команде)

Диагностика «Критического мышления личности»

Диагностика «Креативной личности»

Диагностика «Коммуникативных качеств личности»

Высокий уровень развития личностных качеств - от 30 до 36 баллов

Средний уровень развития личностных качеств - от 24 до 30 баллов

Низкий уровень развития личностных качества - от 12 до 24 баллов

Бикнер,К.Экономичный Web-дизайн / КэрриБикнер; Пер. сангл. Д. С. Ремизова. - М. : НТПресс, 2005.

Гурской Ю, Гурская И.PhotoshopCS. Трюки и эффекты. 2 изд. (+CD). – СПб.: Питер, 2005.

Жукович, С. Web-сайт своими руками![Электронный ресурс] : электрон.учеб. пособие — Режим доступа :http://webcity.narod.ru

Залогова Л.А. Компьютерная графика. Элективный курс. — М: Бином, 2006

Критерии эффективности реализации образовательных программ дополнительного образования детей в контексте компетентностного подхода. Материалы к учебно-методическому пособию / Под редакцией проф. Н.Ф.Радионовой, к.п.н. М.Р.Катуновой, И.О. Сеничевой, Е.Л. Якушевой. СПб: Издательство ГОУ «СПб ГДТЮ», 2005.

Монахов М.Ю. Создаем школьный сайт в Интернете. Элективный курс: Учебное пособие / Монахов М.Ю., Воронин А.А. – М.: БИНОМ. Лаборатория знаний, 2005.

Полонская, Е.Л.Язык HTML. Самоучитель.: -М.: Издательский дом «Вильямс», 2003.

Поляков, К.Ю. Уроки по Adobe Photoshop[Электронный ресурс] : электрон.учеб. пособие — Режим доступа : http://kpolyakov.narod.ru/school/pshop.htm

Поляков, К.Ю. Уроки по Gmax[Электронный ресурс] : электрон.учеб. пособие — Режим доступа: http://kpolyakov.narod.ru/school/3d/gmax.htm.

Рева, О.Н.HTML в кармане / О.Н. Рева. – М.:Эксмо, 2008.

Роуз, К. Освой самостоятельно Adobe PhotoshopCSза 24 часа. Пер. с англ. – М.: издательский дом «Вильямс», 2004.

Хуторский А.В. Технология создания сайтов. Элективный курс. — М: Бином, 2006

Web-master, [Электронный ресурс] : электрон.учеб. пособие — Режим доступа: http://www.instructing.ru

Список литературы для детей

Бикнер,К. Экономичный Web-дизайн / КэрриБикнер; Пер. сангл. Д. С. Ремизова. - М. : НТПресс, 2005.

Гурской Ю, Гурская И.PhotoshopCS. Трюки и эффекты. 2 изд. (+CD). – СПб.: Питер, 2005.

Жукович, С. Web-сайт своими руками![Электронный ресурс] : электрон.учеб. пособие — Режим доступа :http://webcity.narod.ru

Монахов М.Ю. Создаем школьный сайт в Интернете. Элективный курс: Учебное пособие / Монахов М.Ю., Воронин А.А. – М.: БИНОМ. Лаборатория знаний, 2005.

Полонская, Е.Л.Язык HTML. Самоучитель.: -М.: Издательский дом «Вильямс», 2003.

Поляков, К.Ю. Уроки по Adobe Photoshop[Электронный ресурс] : электрон.учеб. пособие — Режим доступа : http://kpolyakov.narod.ru/school/pshop.htm

Сайт дистанционного обучения ДД(Ю)Т. – Режим доступа: http://do.izhdvorec.ru

Сайт программы Sweethome3d - Режим доступа: http://Sweethome3d.com

Роуз, К. Освой самостоятельно Adobe PhotoshopCSза 24 часа. Пер. с англ. – М.: издательский дом «Вильямс», 2004.

Приложение №

РАБОЧАЯ ПРОГРАММА

дополнительной общебразовательной

общеразвивающей программы

«Компьютерная графика и Web-дизайн»

Возраст обучающихся: 11-16 лет

Год обучения: первый год обучения

Составитель:

Егорова Ольга Николаевна,

педагог дополнительного образования,

высшая квалификационная категория

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

В основу Рабочей программы положена дополнительная общеобразовательная программа «Компьютерная графика и Web-дизайн» (базовый уровень) и является программой технической направленности.

Программа рассчитана: 1 год обучения – 168 часов.

Основная категория обучающихся - дети из общеобразовательных школ и профильных классов.

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

Цель программы:

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

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

Задачи:

Формирование представлений об основных понятиях компьютерной графики,

практических навыков работы в растровом графическом редакторе, первоначальных навыков трехмерного моделирования интерьера, проектирования и создания сайтов;

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

3. Развитие личностных качеств обучающихся, таких как коммуникабельность, критическое мышление и креативности.

Режим занятий:

1 год обучения - занятия проходят 2 раза в неделю по 2 часа, всего - 168 часов в год.

Формы обучения:

Программа реализуется в очно-дистанционной форме обучения:

- 2 часа в неделю – очно,

- 2 часа в неделю – дистанционно.

Форма организации образовательного процесса: групповая. Наполняемость групп:

1 год обучения – 10 - 12 человек.

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

Планируемые результаты I года обучения:

По окончанию первого года обучения, обучающиеся достигнут следующих результатов:

Предметные результаты

Обучающиеся знают:

основные понятия компьютерной графики:

- типы графических файлов, их свойства и отличие,

- растровые и векторные изображения,

- виды цветовых моделей, задание цвета в компьютерной графике,

- понятие двухмерной и трехмерной графики.

Обучающиеся умеют:

создавать, редактировать, ретушировать изображения, применять фильтры, работать со слоями в растровых редакторах;

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

проектировать и создавать сайты с использованием основных HTML-тегов;

Создавать прототипы и макеты сайтов с помощью графических редакторов.

Метапредметные результаты

Формируется навыки работы по алгоритму в решении поставленных задач, развиваются основы критическое мышление;

Развиваются основы пространственного мышления и воображения;

Формируется умение находить необходимую информацию из разных источников самостоятельно;

Формируются навыки конструктивно сотрудничать со сверстниками при презентации проектов.

Личностные результаты

Формируется мотивация к дальнейшему изучению графических программ;

Формируются такие качества как терпение, аккуратность, самостоятельность при выполнении работ.

Формируются коммуникативные качества, такие как эмоциональная отзывчивость, общительность, инициативность

Проявляются дружеские отношения, взаимопомощь в кругу сверстников как характеристики коллективного (командного) сотрудничества.

Формы контроля.

Формой контроля являются презентация и защита графических файлов, 3d модели или web-страницы.

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

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

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

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

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

«высокий уровень» - от 4 до 5 баллов,

«средний уровень» - от 2,6 до 3,9 баллов,

«низкий уровень» – от 1 до 2,5 баллов.

УЧЕБНО-ТЕМАТИЧЕСКИЙ ПЛАН

1 год обучения, 168 часа.