Дополнительные образовательные программы

Мечева Оксана Павловна

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

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

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

Мной разработаны программы:

 

Скачать:


Предварительный просмотр:

Программа дистанционного семинара

«Создание динамических слайдов»

Разработала методист по дистанционному обучению: О.П. Мечева

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

Программа дистанционного семинара «Создание динамических слайдов» предназначена для учителей, ведущих практическую образовательную деятельность с использованием информационно-коммуникационных технологий (ИКТ), обладающих навыками работы в операционной системе, текстовом процессоре, табличном процессоре, с программами-архиваторами и сети Internet.

Основные цели курса: дать учителям представление

  • об основах интерактивной компьютерной анимации как важной области информационных технологий;
  • о назначении анимационного редактора Adobe Flash Professional CS4, его возможностях и интересных применениях в учебной деятельности с целью промежуточного контроля знаний, построения различных моделей объектов
  • создания интерактивных схем, а также разработке творческих заданий, предназначенных для создания различных игровых и проблемных ситуаций;
  • показать возможности пакета презентаций Microsoft Power Point 2007 для моделирования различных процессов.

Содержание курса включает следующие основные темы:

  • настройка анимации слайдов в программе Microsoft Power Point (2003) 2007;
  • настройка анимации объектов на слайде Microsoft Power Point (2003)  2007;
  • управление анимацией объектов посредствам настройки триггера;
  • вставка объектов Adobe Flash Professional CS4 на слайд презентации;
  • средства рисования и редактирования изображений, приемы работы с текстом Adobe Flash Professional CS4;
  • анимация движения и анимация формы, анимация текста;
  • звук и видео во Flash-фильме;
  • управление анимацией, создание интерактивных тестов.
  • выполнение проектной работы.

Для реализации программы предлагается использование:

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

Программа рассчитана на реализацию отделом информатизации образования на базе МУ «Центр развития образования». Длительность обучения 40 ч.

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

Технические требования к проведению семинара

  1. Наличие установленного программного обеспечения Microsoft Power Point 2007, Adobe Flash CS4, MS Office, архиватор, Skype или ICQ.
  2. Возможность выхода в сеть Internet.
  3. Наличие личного электронного почтового адреса.

Правила участия в семинаре

  1. необходимо подать заявку, указав имя, школу, должность, электронный адрес вашего почтового ящика, номер интернет-пейджера (ICQ, IRC, Skype);
  2. по данному адресу для вас отправляется пароль для раскрытия архива первого занятия.
  3. в течение недели вы работаете над материалами занятия, присылаете по электронной почте выполненное задание в соответствии с указанными требованиями;
  4. получаете пароль для работы над архивом следующего занятия;
  5. при условии выполнения всех заданий, вы получаете сертификат о прохождении обучения на дистанционном семинаре. 

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

Цель:

Формировать умение создавать интерактивные модели объектов, разработка интерактивных тестов

Категория слушателей:

Учителя-предметники

Срок обучения:

40 часов

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

Дистанционная

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

1,5-3 часа в неделю

Наименование разделов

Всего часов

В том числе:

Лекции

Практика

Создание динамических слайдов
средствами Power Point

10

2,5

7,5

1.1.

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

1,5

0,5

1

1.2.

Использование эффекта анимации пути перемещения для моделирования решения задачи.

1,5

0,5

1

1.3.

Управление анимацией объектов на слайде. Настройка триггера.

2

0,5

1,5

1.4.

Использование готовых flash-роликов при создании презентаций.

2

0,5

1,5

1.5.

Использование элементов объектно-ориентированного программирования для создания презентаций-тестов.

3

1

2

Создание динамических слайдов средствами Adobe Flash Professional CS4

21

7

14

2.1.

Рабочее окно программы Adobe Flash Professional CS4. Создание и редактирование изображений.

3

1

2

2.2.

Создание различных типов анимации средствами Adobe Flash Professional CS4.

3

1

2

2.3.

Работа с символом «Кнопка». Основы языка Action Script 2.0

3

1

2

2.4.

Работа с текстовыми полями.

3

1

2

2.5.

Action Script 2.0. Создание элементов управления.

3

1

2

2.6.

Action Script 2.0. Программирование взаимного расположение объектов на экране.

3

1

2

2.7.

Action Script 2.0. Изменение свойств объектов.

3

1

2

Выполнение проектной работы

9

0

9

ИТОГО:

40

9,5

30,5

ПРИМЕРНАЯ УЧЕБНАЯ ПРОГРАММА

  1. Создание динамических слайдов
    средствами Power Point.
  1. Использование эффектов анимации вход-выход при создании презентаций учебного назначения.

(1,5 часа)

Назначение презентации. Анимация слайдов, анимация объектов на слайдах. Назначение эффектов анимации вход, выход. Типы учебных презентаций. Этапы работы над созданием презентации учебного назначения.

Знать:

  • назначение презентации;
  • назначение эффектов анимации вход, выход.

Уметь:

  • уметь настраивать эффекты анимации вход, выход.

  1. Использование эффекта анимации пути перемещения для моделирования решения задачи.

(1,5 часа)

Назначение презентации. Анимация слайдов, анимация объектов на слайдах. Назначение эффектов анимации пути перемещения. Создания анимации по средствам смены слайдов, Этапы создания презентации, моделирующей процесс решения задачи.

Знать:

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

Уметь:

  • настраивать создать анимацию по средствам смены слайдов;
  • создавать анимацию объектов «Пути перемещения»;
  • создавать модель решения задачи.

 

  1. Управление анимацией объектов на слайде. Настройка триггера.

(2 часа)

Виды объектов на слайде. Настройка управляемой анимации. Этапы работы над созданием презентации учебного назначения. Примеры презентаций учебного назначения с управлением анимацией по средствам триггера.

Знать:

  • назначение переключателя;

Уметь:

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

  1. Использование готовых flash-роликов при создании презентаций.

(2 часа)

Настройка макросов в Microsoft Power Point 2007. Панель инструментов «Разработчик». Вставка flash-роликов в презентацию, изменение свойств. Управление flash-роликом в режиме демонстрации презентации. Скачивание flash-роликов из Интернет.

Знать:

  • назначение flash-роликов.

Уметь:

  • производить поиск flash-роликов в Интернет;
  • скачивать flash-ролики;
  • вставлять flash-ролики в презентацию;
  • настраивать работу flash-роликов в режиме демонстрации презентации.

  1. Использование элементов объектно-ориентированного программирования для создания презентаций-тестов.

(2 часа)

Основы объектно-ориентированного программирования. Интегрированная среда программирования Visual Basic. Элементы управления и их свойства. Создание простого программного кода. Создание презентации теста, включающую различные типы тестовых заданий.

Знать:

  • элементы управления, их назначение;
  • свойства элементов управления.

Уметь:

  • создавать простой программный код;
  • создавать презентацию-тест.

  1. Создание динамических слайдов
    средствами Adobe Flash Professional CS4.
  1. Рабочее окно программы Adobe Flash Professional CS4. Создание и редактирование изображений.

(3 часа)

Инструменты, настройка инструментов. Загрузка, создание и сохранение Flash-фильмов, их форматы. Приемы рисования и редактирования, способы выделения фрагментов изображения Текст, способы форматирования текста, преобразование текста в рисунок. Добавление шаблонов фона для заливки.

Знать:

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

Уметь:

  • создавать и редактировать изображения;
  • вводить и редактировать текст.
  • загружать, создавать и сохранять Flash-документы.

  1. Создание различных типов анимации средствами Adobe Flash Professional CS4..

(3 часа)

Шкала времени (Timeline). Кадры, ключевые кадры (Keyframes). Слои. Анимация движения. Импорт графических  объектов. Анимация импортированного объекта. Создание направляющей движения. Анимация движения по заданной траектории. Анимация текста. Векторизация объектов. Создание анимированного символа. Редактирование готового анимированного символа из библиотеки. Анимация формы.  

Знать:

  • принципы создания анимированного изображения;
  • назначение  векторизации объектов
  • виды анимации.

Уметь:

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

  1. Работа с символом «Кнопка». Основы языка Action Script 2.0

(3 часа)

Состояния кнопки. Способы создания кнопки. Объектно-ориентированный подход к построению Flash-фильма.  Основные термины и понятия: объекты-символы, типы символов.

Знать:

  • назначение символа «Кнопка»;
  • состояния кнопки;
  • структуру и назначение элементов  панели Action (Действие).

Уметь:

  • создавать символ «Кнопка»;
  • настраивать анимацию кнопки;
  • создавать простые сценарии с элементом управления «Кнопка»;
  • импортировать объекты.

  1. Action Script 2.0. Изменение свойств объектов.

(3 часа)

Типы объектов. Свойства объектов, изменяемые средствами языка Action Script

Знать:

  • типы объектов и их свойства;

Уметь:

  • изменять свойства объектов средствами языка Action Script.

  1. Работа с текстовыми полями.

(3 часа)

Виды текстовых полей и их назначение. Свойства текстового поля. Управление анимацией текстового поля. Функции для работы с текстовыми полями. Использование текстовых полей для создания учебных flash-роликов.

Знать:

  • виды текстовых полей;
  • назначение текстовых полей.

Уметь:

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

  1. Action Script 2.0. Создание элементов управления.

 (3 часа)

Интерактивность как  возможность управления объектами на экране. Списки, переключатели, флажки: назначение и свойства. Элементы языка Action Script. Основные понятия: действия, методы, операторы. Создание интерактивного теста.

Знать:

  • назначение элементов управления;
  • способы управления объектами;
  • приемы просмотра и публикации Flash-фильма.

Уметь:

  • создавать простой сценарий управления объектами Flash-фильма.
  • создавать интерактивный тест.

  1. Action Script 2.0. Программирование взаимного расположения объектов на экране

(3 часа)

Интерактивность как  возможность управления объектами на экране. Элементы языка Action Script. Сценарии для перетаскивания объекта с помощью мышки. Контроль столкновения объектов или попадания объектов в заданную область. Создание интерактивного теста. Создание сцен, их дублирование и назначение.

Знать:

  • способы управления объектами;
  • способы контроля взаимного расположения объектов;

Уметь:

  • создавать простой сценарий управления объектами Flash-фильма.
  • создавать интерактивный тест.

  1. Выполнение проектной работы.

(9 часов)

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

Знать:

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

Уметь:

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

Использованные материалы

  1. Создание анимационных эффектов в Macromedia Flash MX 2004. Розенкноп Д.Л., NT Press М., 2005 г.
  2. Интерактивные средства обучения, Горностаева А.М., Ларина Э.С., Панорама, Волгоград, 2008 г. 
  3. «Flash MX 2004: Учебный курс Т.В. Панкратова. – Издательский дом Питер. – Москва. – 2004 г.
  4. ActionScript 2.0: программирование во Flash MX 2004. Гурский Д. Для профессионалов. – СПб.: Питер, 2004.
  5. Анимация в Macromedia Flash MX/С. И. Переверзев. – М.: БИНОМ. Лаборатория знаний, 2005.
  6. Flash MX 2004. Теория и практика. Самоучитель. Лещев Д.В. – СПб.: Питер, 2004.
  7. Macromedia Flash MX 2004 для Windows и Macintosh/Катерина Ульрих; Пер. с англ. Осипова А.И. – М.:ДМК Пресс; СПб.: Питер, 2004.
  8. «Информационные технологии в деятельности учителя-предметника». Л.И. Ястребов, И.А Орлова, А.А. Елизаров, А.К. Капитанская, Е.В. Якушева, А.Ю. Лавренов.- Москва: РОССПЕН. Ч. 1- 2007. -172 с.
  9. http://it-n.ru, ВиЭксМ-2008, 3 этап Ямкина Е.В. МОУ СОШ № 37, г. Ульяновск.
  10. http://it-n.ru А.Б Драхлер.
  11. http://it-n.ru  Е.М. Савченко, МОУ Гимназия № 1 , г. Полярные зори Мурманской области «Запись времени начала анимации. Триггер». Матер взят с сайта
  12. http://it-n.ru  И.В. Жакулина, МОУ ДОД Дом детского творчества  г.Чапаевска Самарской области.



Предварительный просмотр:

Бюджетное учреждение  профессионального образования                                          Ханты-Мансийского автономного округа – Югры                                       «Нижневартовский  социально-гуманитарный колледж»

Утверждено

педагогическим   советом БУ «Нижневартовский социально - гуманитарный колледж»

протокол № 95

от   31 августа   2017  года

 Утверждаю

Директор БУ «Нижневартовский социально-гуманитарный колледж»

_____________ Н.П.Коробова

приказом  № 225 - ОД

от   31 августа   2017  года

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ ДЕТЕЙ И ВЗРОСЛЫХ

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

Наименование программы

Оптимизированные  методы разработки web-приложений

Вид программы

Программа спецкурса

Направленность программы1

дополнительная профессиональная программа

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

очная

Категория обучающихся2

студенты 3-4 курсов

Требования к уровню образования обучающихся

студенты, освоившие или изучающие ПМ 05. «Разработка web-приложений»

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

1 год

Срок освоения программы  в случае обучения по индивидуальному учебному плану

1 год

Количество часов всего

16

Количество часов в неделю

2 часа

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

справка-сертификат,  подтверждающая обучение по указанной программе

г. Нижневартовск

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

  1. Направленность программы.

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

Создание Web-сайтов является одной из важнейших технологий разработки ресурсов Internet. Признаками хорошего сайта является удобный и привлекательный интерфейс, слаженная работа on-line сервисов, а также оптимальные способы предоставления информации. Для реализации данных задач необходима подборка инструментария, который позволит создавать различные модули, собирать их в единое приложение, оптимизировать структуру данных, а также немало важно, чтобы среда была удобной для разработчика и предоставляла в его распоряжение максимум справочной информации и подсказок для реализации качественного проекта.

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

 

  1. Автор программы:

Мечева Оксана Павловна, преподаватель высшей категории, проходившая обучение на курсах повышения квалификации по программам «Веб-дизайн» и «Курс PHP/SQL: back-end разработка и базы данных» в Нетологии, университете по подготовке и дополнительному обучению специалистов в области интернет-маркетинга, управления проектами, дизайна, проектирования интерфейсов и веб-разработки, а также «Продвинутый web» в LoftSchool:от мысли к созданию,  школе on-line образования по web-разработке и SEO-технологиям.

  1. Актуальность программы.

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

  1. Педагогическая целесообразность программы.         

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

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

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

  1. Цель  и задачи программы.

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

  1. Возраст и количество слушателей.

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

  1. Сроки реализации программы.

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

1.8.        Распределение часов:

Всего часов

Теоретические занятия

Практические занятия

Самостоятельная  работа

16

5,5

5,5

5

  1. Формы и режим занятий, используемые образовательные технологии.

Занятия проводятся 1 раз в неделю, продолжительность два учебных часа (по  45 минут). Во время занятий планируется использовать следующие образовательные технологии:

  • технология учебного проектирования;
  • информационно-коммуникационные технологии.

 10.  Ожидаемы  результаты освоения программы.

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

знать:

  • Назначение программ Github pages, Node.js 8 и CommonJS , а также модулей Bower, Npm.
  • Назначение файлов проекта Использование алгоритмической структуры Pug.
  • Синтаксис SСSS: переменные, вложенности, математические операторы.
  • Способы создания функций JavaScript.
  • Виды событий и способы их описания средствами JavaScript.
  • Виды параллакс.
  • Способы создания параллакс.

уметь:

  • Устанавливать и настраивать Github pages, Node.js 8 и CommonJS , а также модулей Bower, Npm. Работа с проектом посредством терминала .
  • Выполнять Локальную и глобальную установку Gulp 4 и gulp-cli, производить необходимые изменения в настройке конфигурации.
  • Подключать в проект Gulp-load-plugins, browser-synс, работа с документацией плагинов.
  • Производить разбиение gulpfile.js на модули и их корректный вызов.
  • Устанавливать Pug и pug-loader. Создавать pug-файлы
  • Настраивать pug-loader.
  • Производить рендеринг данных из JSON.
  • Создавать функции с передачей контекста.
  • Организовывать обработку событий средствами языка javaScript.
  • Производить отладку приложений посредством вывода информации в консоль.
  • Создавать параллакс.

11. Аттестация по итогам освоения программы не предусмотрена.

II. СТРУКТУРА И СОДЕРЖАНИЕ ПРОГРАММЫ

2.1. Учебно-тематический план программы «Оптимизированные  методы разработки web-приложений»

 

Раздел,

Виды занятий (в часах)

тема

Теоретические занятия

Практические занятия

Самостоятельная работа

Раздел 1. Программное обеспечение, используемое для разработки web-приложений

1.

Установка и настройка программного обеспечения, используемого для разработки web-приложений

1

0,5

0,5

2.

Структура проекта web-приложения. Npm 5 – максимально глубокое погружение и лучшие практики использования.

1

0,5

0,5

3.

Gulp-load-plugins, browser-synс и ещё 15 самых востребованных плагинов для Gulp.

0,5

0,5

 

Раздел 2. Фреймворки  и «песочницы», используемые для верстки web-приложений

4.

Pug - препроцессор HTML и шаблонизатор.

1

1

1

5.

SASS – программа для оптимизации СSS кода

0,5

1

1

Раздел 3. Средства для создания интерактивных эффектов и анимации

6.

Javascript – «ES6».

0,5

1

1

8.

Техника создания параллакса

1

1

1

 Итого

5,5

5,5

5

2.2.         Содержание программы. 

Раздел 1. Программное обеспечение, используемое для разработки web-приложений

Тема 1.1. Установка и настройка программного обеспечения, используемого для разработки web-приложений

Перечень необходимых программ и утилит. Назначение и особенности установки и настройки Github pages, Node.js 8 и CommonJS , а также модулей Bower, Npm.

Тема 1.2. Структура проекта web-приложения. Npm 5 – максимально глубокое погружение и лучшие практики использования.

Описание структуры проекта. Назначение файлов проекта. Работа с проектом посредством терминала.

Тема 1.3. Gulp-load-plugins, browser-synс и другие плагины для Gulp.

Локальная и глобальная установка Gulp 4 и gulp-cli, необходимые изменения в настройке конфигурации. Параллельное и последовательное выполнение задач в Gulp (Series и Parallel). Подключение в проект Gulp-load-plugins, browser-synс, работа с документацией плагинов. Разбиение gulpfile.js на модули и их корректный вызов.

Раздел 2. Фреймворки  и «песочницы», используемые для верстки web-приложений

Тема 2.1. Pug - препроцессор HTML и шаблонизатор.

Установка Pug и pug-loader. Создание первого pug-файла Настройка pug-loader. Webpack и Pug — на примере многостраничного сайта. Использование алгоритмической структуры Pug. Написание собственных примесей. Построение универсального шаблона. Организация файловой структуры проекта. Рендеринг данных из JSON.

Тема 2.2. SASS – программа для оптимизации СSS кода

Препроцессинг.  Установка и использование SASS. Синтаксис SСSS: переменные, вложенности, математические операторы. Импорт стилей. Миксины (примеси).

Раздел 3. Средства для создания интерактивных эффектов и анимации

Тема 3.1. Javascript – «ES6».

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

Тема 3.2. Техника создания параллакса

Виды параллакс. Способы создания параллакс: достоинства и недостатки. Простая техника параллакс. Параллакс бэкграунд. Параллакс скроллинг.

Создание эффекта параллакс средствами CSS3 анимации.

 III. УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ

3.1. Материально-техническое обеспечение курса:

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

Оборудование кабинета: компьютеры для слушателей программы: наличие свободной Wi-Fi зоны. Наличие личного ноутбука приветствуется, чтобы позволить не нарушать  правила сетевой политики на рабочих станциях колледжа. Необходим компьютер для преподавателя с выходом в локальную сеть и сеть Интернет, мультимедийный проектор, интерактивная доска.

Программное обеспечение: ОС Windows 7, ConEmu, GitBuch, Visual Studio Code, Node.js и npm, Adobe Photoshop CS6.

3.2. Учебно-методическое и информационное обеспечение:

     № п.п.

Автор, наименование учебного пособия, реквизиты

Количество имеющихся экземпляров

1.

Название: Web-дизайн в примерах и задачах
Автор: Евсеев Д.А., Трофимов В.В. 
Издательство: КноРус
Год: 2016

12

2.

Название: Новая большая книга CSS

Автор: Дэвид Сойер Макфарланд

Издательство: Питер

Год выпуска: 2017

ISBN 978-5-496-02080-0

12

3.

Название: Javascript & Jquery: исчерпывающее руководство

Автор: Дэвид Сойер Макфарланд

Год выпуска 2016

12

4.

Название: Node.js в действии

Авторы: Майк КантелонМарк ХартерTJ ГоловайчукНатан Райлих

Издательство: Питер

Год выпуска 2016

12



Предварительный просмотр:

Бюджетное учреждение  профессионального образования                                          Ханты-Мансийского автономного округа – Югры                                       «Нижневартовский  социально-гуманитарный колледж»

Утверждено

педагогическим   советом БУ «Нижневартовский социально - гуманитарный колледж»

протокол № ___

от   ________ года

Утверждаю

Директор

БУ «Нижневартовский социально-гуманитарный колледж»

_____________Н.П. Коробова

приказом  № ______

от   ____________  года

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ ДЕТЕЙ И ВЗРОСЛЫХ

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

Наименование программы

Таргетолог – профессия и заработок без отрыва от образовательного процесса

Вид программы

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

общеразвивающая

Направленность программы 

Программа естественнонаучной направленности

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

очная

Категория обучающихся

студенты 2-4 курсов

Требования к уровню образования обучающихся

любые лица без предъявления требований к уровню образования

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

1 год

Срок освоения программы  в случае обучения по индивидуальному учебному плану

1 год

Количество часов всего

12

Количество часов в неделю

в соответствии с расписанием

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

справка-сертификат,  подтверждающая обучение по указанной программе

г. Нижневартовск


1. Пояснительная записка

  1. Направленность программы:

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

  1. Автор программы

Мечева Оксана Павловна, преподаватель БУ «Нижневартовский социально-гуманитарный колледж»

  1. Актуальность программы:

Многие студенты стремятся к финансовой независимости. Решение этого вопроса они видят через поиск работы в различных компаниях, профиль которых не всегда соответствует специализации, получаемой студентами при обучении в колледже. Кроме того, возникает необходимость работать в отрыве от образовательного процесса, что влияет на качество получаемых знаний и вызывает трудности в их освоении. Обучаясь на курсах, ребята получают профессию, которая позволяет реализовать знания, полученные при изучении дисциплин «Информационные технологии в профессиональной деятельности», «Основы веб-дизайна», «Экономика», «Культура речи», «Менеджмент».

  1. Цель  и задачи программы:

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

Задачи:

  1. Раскрыть содержание профессии таргетолога.
  2. Научиться создавать рекламные плакаты для продвижения товаров и услуг.
  3. Научиться осуществлять поиск целевой аудитории.
  4. Овладеть навыками анализа рынка товаров и услуг для расчета стоимости таргетированной рекламы.
  5. Освоить настройки рекламного кабинета в социальной сети «ВКонтакте».
  6. Осуществлять поиск заказчика таргетированной рекламы.

  1. Возраст и количество слушателей:

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


  1. Формы и режим занятий, используемые образовательные технологии:

Занятия проводятся 2 раза в неделю, продолжительность два учебных часа (по  45 минут). Во время занятий планируется использовать следующие образовательные технологии:

  • технология учебного проектирования;
  • информационно-коммуникационные технологии.

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

Год освоения 2019-2020 учебный год

Дата начала освоения

Месяц

Дата окончания освоения

03.12.2019

05.12.2019

10.12.2019

12.10.2019

17.12.2019

19.12.2019

03.12.2019

2

2

2

2

2

2

19.12.2019

 

3.  Планируемые  результаты освоения программы:

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

знать:

профессиональные характеристики таргетолога        

технологию работы с рекламным кабинетом социальной сети «Вконтакте»

приемы составления продающих текстов

принципы создания рекламных баннеров

уметь:        

провести анализ рынка товаров и услуг        

создать таргетированную рекламы        

провести рекламу товаров и услуг в социальной сети        

4. Учебный план программы

 

Раздел, тема

Виды занятий (в часах)

Теоретические занятия

Практические занятия

Самостоятельная работа

Форма ПА

Содержание профессии таргетолога.

1

1

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

2

Осуществление поиска целевой аудитории.

1

1

Проведение анализа рынка товаров и услуг для расчета стоимости таргетированной рекламы.

2

Настройки рекламного кабинета в социальной сети «ВКонтакте».

1

1

Поиск заказчика таргетированной рекламы.

1

1

Итого часов:

3

5

3

1

Форма итоговой аттестации: тестирование

5.         Содержание программы. 

Тема 1. Содержание профессии таргетолог.

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

Тема 2. Создание рекламных плакатов для продвижения товаров и услуг.

Текст и цвет в рекламном плакате. Анализ визуального изображения. Предметно-изобразительная структура. Расположение объектов на изображении. Создание плаката средствами он-лайн сервиса Canva.

Тема 3. Осуществление поиска целевой аудитории.

Что такое целевая аудитория и почему она важна. Как составить портрет целевой аудитории. Где взять данные о клиенте. Как сегментировать целевую аудиторию

Тема 4. Проведение анализа рынка товаров и услуг для расчета стоимости таргетированной рекламы.

Структурные компоненты рынка. Сбор базовой информации. Выявление целевых сегментов. Изучение внешних факторов. Анализ конкурентов. Ценовой анализ. Исследование основных каналов дистрибуции. Оценка эффективности рекламных кампаний. Основные источники информации.

Тема 5. Настройки рекламного кабинета в социальной сети «ВКонтакте».

Настройка разделов компании, бюджет, статистика, ретаргетинг, видео, другие настройки.

Тема 6. Поиск заказчика таргетированной рекламы.

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

6. Комплект оценочных материалов

  1. КАКИЕ МЕТРИКИ НЕ ОТНОСЯТСЯ К ПОВЕДЕНЧЕСКИМ ФАКТОРАМ?
  1. Средняя продолжительность просмотра страницы сайта
  2. Число просмотров за сеанс
  3. Количество уникальных посетителей
  4. Показатель отказов

  1. КАКИЕ МЕТРИКИ НЕ ОТНОСЯТСЯ К ПОВЕДЕНЧЕСКИМ ФАКТОРАМ?
  1. Средняя продолжительность просмотра страницы сайта
  2. Число просмотров за сеанс
  3. Количество уникальных посетителей
  4. Показатель отказов

  1. OPEN RATE, ПРИМЕНИТЕЛЬНО К EMAIL-МАРКЕТИНГУ, – ЭТО МЕТРИКА, КОТОРАЯ ПОКАЗЫВАЕТ...
  1. Какой процент людей кликнул по ссылке в письме
  2. Какой процент людей отписался
  3. Какой процент людей открыл письмо
  4. Какой процент людей отметил письмо как спам

  1. ОТ ЧЕГО ЗАВИСИТ ПОКАЗАТЕЛЬ КАЧЕСТВА РЕКЛАМНЫХ ОБЪЯВЛЕНИЙ В GOOGLE ADWORDS?
  1. CTR объявления
  2. Релевантность объявления
  3. Качество лендинга
  4. Все вышеперечисленное

  1. КАКОЙ ИЗ СЛЕДУЮЩИХ СЕРВИСОВ НЕВОЗМОЖНО ИСПОЛЬЗОВАТЬ ДЛЯ МОНИТОРИНГА ВНЕШНИХ ССЫЛОК?
  1. Яндекс.Вебмастер
  2. Ahrefs
  3. Check Trust
  4. ThingLink

  1. ЕСЛИ CTR РЕКЛАМНОЙ КАМПАНИИ РАВЕН 4%, А КОЛИЧЕСТВО ПОКАЗОВ РАВНО 1000, ТО СКОЛЬКО ЧЕЛОВЕК КЛИКНУЛИ ПО ОБЪЯВЛЕНИЮ?
  1. 4
  2. 200
  3. 40
  4. 20

  1. КАКОЙ ИЗ ПЕРЕЧИСЛЕННЫХ ЭЛЕМЕНТОВ НЕ ВЛИЯЕТ НА СКОРОСТЬ ЗАГРУЗКИ СТРАНИЦЫ?
  1. Большие изображения
  2. Выключенный CDN
  3. Большое количество кодов JavaScript или CSS
  4. Длина урла страницы

  1. ОТ ЧЕГО ЗАВИСИТ ЦЕНА КЛИКА В GOOGLE ADWORDS?
  1. Показателя качества объявления
  2. Тематики
  3. Оба варианта
  4. Ни один из перечисленных

  1. ОДНО РЕКЛАМНОЕ ОБЪЯВЛЕНИЕ СКОНВЕРТИЛО 5% ОТ 500 КЛИКНУВШИХ ПО ОБЪЯВЛЕНИЮ, А ВТОРОЕ – 20% ОТ 100. КАКОЕ ОБЪЯВЛЕНИЕ ОКАЗАЛОСЬ БОЛЕЕ УСПЕШНЫМ?
  1. Первое
  2. Второе
  3. Они одинаково успешны

  1. ЧТО ТАКОЕ «ВОВЛЕЧЕНИЕ» В КОНТЕКСТЕ ПРОДВИЖЕНИЯ В СОЦИАЛЬНЫХ СЕТЯХ?
  1. Когда пользователь просмотрел вашу страницу
  2. Когда пользователь просмотрел ваш пост
  3. Когда пользователь лайкнул, прокомментировал или расшарил ваш контент
  4. Все вышеперечисленное

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

7.1. Материально-техническое обеспечение программы:

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

Оборудование кабинета: компьютеры для слушателей программы: наличие свободной Wi-Fi зоны. Наличие личного ноутбука приветствуется, чтобы позволить не нарушать  правила сетевой политики на рабочих станциях колледжа. Необходим компьютер для преподавателя с выходом в локальную сеть и сеть Интернет, мультимедийный проектор, интерактивная доска.

Программное обеспечение: ОС Windows 7, Adobe Photoshop CS6.

Технические средства обучения:

- компьютер;

-  мультимедиапроектор;

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

7.2. Информационное обеспечение

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

  1. О товарных знаках, знаках обслуживания и наименованиях мест происхождения товаров: Закон РФ от 23.09.1992 № 3520-1.
  2. О рекламе: Федеральный закон от 13.03.2006 № 38-ФЗ.
  3. Аакер, Дэвид. Создание сильных брендов / Пер. с англ. – М.:ИД Гребенникова, 2008.
  4. Аакер Д. Как обойти конкурентов. Создаем сильный бренд/ Пер. с англ. В.Кузин. – СПб.: Питер, 2012.
  5. Аакер, Д. Бренд-лидерство: новая концепция брендинга / Д. Аакер, Э. Йохимштайлер. – М.: ИД Гребенникова, 2003
  6. Васильева, О. А. Национальный брендинг России / О. А. Васильева // Маркетинг. - 2014. - № 1. - С. 54-59
  7. Голубков, Е.П. О некоторых понятиях и терминологии маркетинга // Маркетинг в России и за рубежом. - 2003. - № 5.
  8. Голубков, Е.П. Еще раз о понятии «бренд» // Маркетинг в России и за рубежом. - 2006. - № 2.
  9. Гэд, Томас. 4 D Брэндинг: взламывая корпоративный код сетевой экономики. Пер. с англ. Марии Акая. М., 2012.



Предварительный просмотр:

Бюджетное учреждение профессионального образования

Ханты-Мансийского автономного округа-Югры

«Нижневартовский социально-гуманитарный колледж»

БУ «Нижневартовский социально-гуманитарный колледж»

УТВЕРЖДАЮ

Директор БУ "Нижневартовский  

социально-гуманитарный

колледж      

_____________     Н.П.Коробова

 «____»______________ 2019 г.

ПРОГРАММА

повышения квалификации

Технология подготовки и проведения мультимедийного  урока в начальной школе
с использованием инструментальных средств Интернета

Автор(ы) программы: Мечева О.П.

Категория слушателей: учителя начальных классов

Форма обучения: очно-заочная

Программа одобрена на заседании          

                                                                                                                                                                                                                          (Наименование уполномоченного органа (, протокол №       от         года)

Трудоемкость программы: 72 часа

Общий объем, час.

Лекций, час.

Практических занятий, час.

СРС, час.

Форма итоговой аттестации

72

14

24

32

Защита итоговой работы (2 часа)

Нижневартовск
2019 г.

АННОТАЦИЯ

Национальный проект “Образование” предполагает активное  внедрение современных образовательных технологий, повышение эффективности воспитательной работы в школах, поддержку и стимулирование инновационных образовательных программ общеобразовательных учреждений. Использование информационно-коммуникативных технологий является  одним из  оптимальных средств повышения эффективности образования. Эта тенденция обусловлена активным применение IT  в различных сферах жизни общества, их влиянием на формировании современного стиля научного мышления человека и интеграционными процессами в самом образовании. Каждый учитель осознает, что новые информационные  технологии имеют большое влияние на содержание учебных предметов. Учитывая оснащенность интерактивными средствами обучения  учебных кабинетов, а также многообразие бесплатных инструментальных средств Интернета, разработанных зарубежными и отечественными коллективами, каждое из учебных занятий можно построить так, чтобы  каждый ученик усвоил основное содержание предмета. Данный курс позволит овладеть не только отдельными методами и приемами обучения, но и освоить методологические особенности занятий с использованием он-лайн сервисов Интернета.

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

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

В настоящее время в нашей стране реализуется ряд инициатив, направленных на создание необходимых условий для развития в России цифровой экономики, что повышает конкурентоспособность страны, качество жизни граждан, обеспечивает экономический рост и национальный суверенитет. В первую очередь это «Стратегия развития информационного общества в Российской Федерации на 2017 - 2030 годы» и Программа «Цифровая экономика Российской Федерации».

Для цифровой экономики нужны компетентные кадры. А для их подготовки необходимо должным образом модернизировать систему образования и профессиональной подготовки, привести образовательные программы в соответствие с нуждами цифровой экономики, широко внедрить цифровые инструменты учебной деятельности и целостно включить их в информационную среду, обеспечить возможность обучения граждан по индивидуальному учебному плану в течение всей жизни – в любое время и в любом месте. Именно на решение части этих проблем и направлен приоритетный проект «Современная цифровая образовательная среда в Российской Федерации». Согласно паспорта проекта к концу 2024 года планируется включить  в освоение  основных образовательных программ, основанных на применении современных цифровых технологий,  не менее чем 500 тыс. детей, обучающихся в 25% общеобразовательных организаций 75 субъектов Российской Федерации, это позволит:

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

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

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

 Цели и планируемые результаты обучения

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

Программа направлена на освоение (совершенствование) следующих профессиональных компетенций

Виды

деятельности*

Профессиональные

Компетенции**

Практический опыт***

Умения

Знания

1

2

3

4

5

Создание организационных условий для проведения урока

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

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

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

Конструировать деятельность педагога в мультимедийной образовательной среде;

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

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

Новые задачи освоения методик активного использования мультимедиа;

Принципы представления визуальных объектов

Замещение традиционных дидактических инструментов

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

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

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

Назначение сервиса, технологию работы с ним, перечень дидактических задач, решаемых средствами сервиса

Разработка новых образовательных ресурсов на основе инструментальных средств Интернета

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

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

Описывать сюжет, задавать ключевые точки

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

Создавать сценарии  как минимум из трех эпизодов

Принципы выбора сервиса, правила его использования;

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

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

Оценка эффективности применения образовательного ресурса

ПК 4.1. Осуществлять педагогический анализ и контроль        контроль,        оценивать        процесс        и

результатов обучения

Осуществление проверки качества проведенного мультимедийного урока

Правильно трактовать критерии при проведении анализа урока

Факторы, влияющие на качество проведения мультимедийного урока

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

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

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

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

п/п

Раздел, тема

Виды учебной работы, включая самостоятельную работу слушателей и трудоемкость (в часах)

Форма

аттестации

Всего

Лекции

Практические

занятие**

Самостоятельная

работа

Модуль

*(название) -час.

1

Модуль 1. Методологические особенности учебных занятий с использованием ИКТ

12

4

2

6

тест

2

Модуль 2. Обзор бесплатных и условно бесплатных он-лайн инструментальных средств Интернета

12

6

6

тест

3

Модуль 3. Достижение образовательного эффекта посредствам мультимедийной инфоргафики

14

2

6

6

тест

4

Модуль 4. Игровые технологии, основанные на применении ИКТ

16

4

6

6

тест

5

Модуль 5. Осуществление контроля знаний обучающихся средствами он-лайн сервисов Интернет

12

2

4

6

тест

6

Модуль 6.

Критерии эффективности урока с использованием образовательных он-лайн сервисов Интернета  

4

2

2

Аттестационная работа

2

Итого

72

14

24

32

2


КАЛЕНДАРНЫЙ УЧЕБНЫЙ ГРАФИК[1]

Дата

05.11

06.11

07.11

08.11

09.11

12.11

13.11

14.11

15.11

24.11

25.11

26.11

Номер  дня

1

2

3

4

5

6

7

8

9

10

11

12

Количество часов

6

6

6

6

6

8

10

6

6

6

4

2

Модуль 1. Методологические особенности учебных занятий с использованием ИКТ

Модуль 2. Обзор бесплатных и условно бесплатных он-лайн инструментальных средств Интернета

Модуль 3. Достижение образовательного эффекта посредствам мультимедийной инфоргафики

Модуль 4. Игровые технологии, основанные на применении ИКТ

Модуль 5. Осуществление контроля знаний обучающихся средствами он-лайн сервисов Интернет

Модуль 6.

Критерии эффективности урока с использованием образовательных он-лайн сервисов Интернета  

2

Выполнение аттестационной работы

2

Итоговая аттестация

2

СОДЕРЖАНИЕ КУРСА

Темы учебного плана

Содержание

тем*

Должен уметь**

Должен знать**

Вид учебного занятия, учебных работ***

Модуль 1. Методологические особенности учебных занятий с использованием ИКТ

Элементы мультимедиа как источник технологии обучения

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

Понимать назначение мультимедийной образовательной среды для обеспечения эффективности основных этапов учебной деятельности

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

лекция

Организация образовательной деятельности в мультимедийной среде

Описание форм и методов, испытуемых педагогом в мультимедийной образовательной среде

Конструировать деятельность педагога в мультимедийной образовательной среде

Новые задачи освоения методик активного использования мультимедиа

лекция

Принципы предъявления визуальных объектов

Описание принципов представления визуальных объектов и способы их реализации

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

Принципы представления визуальных объектов

лекция

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

Характеристика элементов мультимедийной разработки и их место в структуре урока

Встраивать статичные, динамичные, и интерактивные элементы в зависимости от цели урока

Назначение статичных, динамичных, и интерактивных элементов

лекция

Визуализация учебной информации

Создание мультимедийной разработки на примере одного из предметов, изучаемых в начальной школе

Визуализировать учебную информацию

Способы визуализации учебной информации

практическое занятие

Подбор учебного материала для создания визуальных объектов

самостоятельная работа

Модуль 2. Обзор бесплатных и условно бесплатных он-лайн инструментальных средств Интернета

Сервисы Web 2.0

Назначение сервисов, технология

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

Назначение сервиса, технологию работы с ним, перечень дидактических задач, решаемых средствами сервиса

практическое занятие

Виртуальные доски для групповой работы

практическое занятие

Тесты, опросники

практическое занятие

Карты

практическое занятие

Ленты времени

практическое занятие

Планировщики, конструкторы

практическое занятие

Разработка фрагмента урока с использованием одного бесплатных
он-лайн инструментальных средств

самостоятельная работа

Модуль 3. Достижение образовательного эффекта посредствам мультимедийной инфоргафики

Этапы создания инфографики. Парсинг данных

Описание эффективных методик поиска информации и ее обработки

Искать информацию, генерировать новую информацию, на основе полученной

Методики поиска информации, обработка информации средствами Microsoft Excel

лекция

Выбор инструментария для создания инфографики от типа представляемой информации

Описание сервиса Canva, работа с сервисом по созданию инфографики

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

Технологию работы с сервисом Canva, технологию выполнения вычислений средствами Excel

лекция

Создание инфографики по теме «Цели обучения»

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

Создавать инфографику (опорный сигнал) по заданной теме

Знать процесс постановки целей обучения и производить визуализацию процесса

практическая работа

Создание инфографики по одной из тем дисциплины «Окружающий мир»

Создание опорного сигнала, иллюстрирующего одну из дидактических единиц дисциплины «Окружающий мир»

Создавать инфографику (опорный сигнал) по заданной теме

Знать процесс постановки целей обучения и производить визуализацию процесса

самостоятельная работа

Модуль 4. Игровые технологии, основанные на применении ИКТ

От сторителлинга
к дидактической игре

Технология сторителлинга, использование данной технологии при решении дидактических задач

Определять главный персонаж, описывать сюжет, задавать ключевые точки

Принципы выбора главного героя, правила его описания

лекция

Требования к сценарию и режиссуре мультимедийного урока

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

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

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

лекция

Создание дидактической игры «Вовочка в тридевятом царстве»

Создание сценария из трех эпизодов: введение, решение задачи, подведение итогов

Создавать сценарии  как минимум из трех эпизодов

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

практическое занятие

Создание дидактической игры по материалам одного из уроков

самостоятельная работа

Модуль 5. Осуществление контроля знаний обучающихся средствами он-лайн сервисов Интернет

Виды тестовых заданий. Критерии отбора сервисов для их реализации

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

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

Технологию разработки тестов

лекция

Создание и апробирование  он-лайн теста средствами Socrative Teacher 

Описание технологии создания теста средствами Socrative Teacher 

Уметь создавать тест и проводить тестирование средствами Socrative Teacher

Технологию содания теста  средствами Socrative Teacher

практическая работа

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

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

самостоятельная работа

Модуль 6. Критерии эффективности урока с использованием образовательных он-лайн сервисов Интернета  

Критерии эффективности мультимедийного урока

Осуществление проверки качества проведенного мультимедийного урока

Правильно трактовать критерии при проведении анализа урока

Факторы, влияющие на качество проведения мультимедийного урока

лекция

Анализ урока с позиции эффективности применения мультимедиа технологии

Проведение анализа урока с учетом критериев

самостоятельная работа

Зачет

семинар

ОРГАНИЗАЦИОННО-ПЕДАГОГИЧЕСКИЕ УСЛОВИЯ

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

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

В состав кабинета информатики входит лаборатория с лаборантской комнатой. Помещение кабинета удовлетворяет требованиям санитарно-эпидемиологических правил и нормативов (СанПиН 2.4.2 № 178-02) и оснащено типовым оборудованием, указанным в настоящих требованиях, в том числе специализированной учебной мебелью и средствами обучения.

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

В состав учебно-методического и материально-технического обеспечения программы   входят:

  • технические средства обучения (средства ИКТ): компьютеры (рабочие станции с CD ROM (DVD ROM); рабочее место педагога с модемом, одноранговая локальная сеть кабинета, Интернет);;
  • компьютеры на рабочих местах с системным программным обеспечением (для операционной системы Windows), и прикладным программным обеспечением;
  • печатные и экранно-звуковые средства обучения;
  • учебно-практическое и учебно-лабораторное оборудование;
  • комплект технической документации, в том числе паспорта на средства обучения, инструкции по их использованию и технике безопасности.

2. Требования к информационным и учебно-методическим условиям

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

1. Виртуальные доски для групповой работы:

2. Офисные технологии, документ-сервисы:

3. Визуализация (данных, информации, процессов и т.д.)

  • Canva, сервис для графического дизайна на основе готовых шаблонов
  • Сacoo создание различных диаграмм, графиков, карт и др
  • Diagramly создание схем, диаграмм, информационных карт и др
  • Google Ngram Viewer визуализация частоты упоминания
  • Mapwing создание интерактивных туров с использованием различных объектов
  • Mind42 Создание ментальных карт
  • Rich Chart Live создание "живых" диаграмм
  • Spiderscribe_NET сервис для создания когнитивных карт

4. Карты:

5. Тесты, опросники:

  • h5.org  создание опросов
  • QuizSnack-организация опросов
  • Socrative Teacher организация и создание опросов с использованием мобильных устройств
  • Твой тест -сервис организации, создания и проведения тестирования

6. Мультимедиа сервисы

  • Widgetbox создание разнообразных виджетов
  • WiQET создание мультимедийных виджетов
  • ZooBurst анимационные 3D публикации

7. Создание скринкастов

  • GoView -  создание скринкастов
  • Screenr -создаём видео с аудио комментариями (Скринкасты)

8. Ленты времени

  • Dipity создание лент (шкал) событий
  • Timerime создание лент времени
  • Timetoast -создание ленты времени

9. Дидактические материалы для уроков в игровой форме

  • LearningApps -создание интерактивных учебно-методических пособий по разным предметам
  • Study Stack онлайн сервис для создания различных материалов к урокам
  • ProProfs создание дидактических материалов в игровой форме
  • Zondle создаем дидактические игры по готовым шаблонам, создаем игры, пакеты по теме (текст, видео, фото, игра)

10. Планировщики, конструкторы

  • Gliffy  создание чертежей, планов, схем, диаграмм онлайн
  • Google рисунки - создание графических изображений, схем, диаграмм

ИТОГОВАЯ АТТЕСТАЦИЯ

Форма аттестации: семинар.

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

План выступления:

  1. Изучаемый предмет
  2. Цели и задачи урока
  3. Описание фрагмента урока.
  4. Проведение фрагмента урока с участниками семинара
  5. Оценка качества урока по заданной схеме.

Объект оценки

Показатели оценки

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

Качество подготовки и проведения фрагмента урок

Качество методического сопровождения

Описание выполнено с учетом индивидуальных способностей обучающихся

Ориентация на разнообразные формы познавательной деятельности

Разработка содержит  задание разного уровня сложности

Мультимедийная разработка на основе использования он-лайн  сервиса

Качество использования сервиса

Используемый сервис целиком и полностью позволяет решить поставленную дидактическую задачу

Качество подготовки оцифрованных объектов

Используемы е объекты созданы с учетом основных требований к дизайну цифровых образовательных ресурсов

ЛИТЕРАТУРА

  1. Аствацатуров Г.О, Кочегарова Л.В.. Эффективный урок в мультимедийной образовательной среде (практическое пособие). – М.: Сентябрь, 2012, - 176 с.
  2. Какулина Н. М. Использование ИКТ в начальной школе [Текст] // Актуальные вопросы современной педагогики: материалы VI Междунар. науч. конф. (г. Уфа, март 2015 г.). — Уфа: Лето, 2015. — С. 120-121. — URL https://moluch.ru/conf/ped/archive/148/7215/ (дата обращения: 11.10.2019).


[1] * отмечены даты, когда проводятся аудиторные занятия в компьютерном классе



Предварительный просмотр:

Бюджетное учреждение профессионального образования Ханты-Мансийского автономного округа - Югры

«Нижневартовский социально-гуманитарный колледж»

(БУ «Нижневартовский социально-гуманитарный колледж»)

ул. Дружбы Народов, 13а, г. Нижневартовск, Ханты-Мансийский автономный округ - Югра, 628602 Тел./факс (3466) 43-54-70 E-mail: priem@nv-study.ru

ОКПО 02081059, ОГРН 1028600961080, ИНН/КПП 8603068853/860301001, БИК 007162163

Банк РКЦ Ханты-Мансийск//УФК по Ханты-Мансийскому автономному округу – Югре г. Ханты-Мансийск Депфин Югры (БУ «Нижневартовский социально-гуманитарный колледж»)

ЕКС Р/с 40102810245370000007, Казначейский счет 0322464371800000870, Лицевой счет 230317390

____ исх.№ 10/05-Исх-____

О программе повышения квалификации «Убеждающая презентация»


Представителю АО «Самотлорнефтегаз»

И.Р. Даянову

Технико-коммерческое предложение

Оказание услуг по организации обучения по программе

«Убеждающая презентация»

№ п/п

Наименование работ

ЕИ

2022 г.

Коли чест во

Цена за ЕИ,

руб. без НДС

Стоимость всего, руб. без НДС

1

2

3

4

5

6

1

Оказание услуг по организации обучения по курсу «Убеждающая презентация» (очный формат обучения)

чел.

36,00

4 000,00

144 000,00

2

Оказание услуг по организации обучения по курсу «Убеждающая презентация» (дистанционный формат

обучения)**

чел.

4 000,00

ИТОГО, руб. без НДС

144 000,00

НДС, 20%, руб.        НДС не облагается (ст.149 п.14)

ИТОГО, руб. с НДС

НДС не облагается.

Продолжительность курса – 16 академических часа.

В случае эпидемиологической обстановки - формат обучения дистанционный.

Содержание        программы        соответствует        требованиям Технического задания.

Программа обучения (Приложение) направлена на развитие навыков подготовки и презентации материалов для целевой аудитории:

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

По окончании курсов выдается удостоверение о повышении квалификации (16 часа).

Место оказания услуг:

территория Заказчика - г. Нижневартовск. Приложение: на 4л. в 1 экз.

Директор        Н.П. Коробова

Приложение к письму БУ «Нижневартовский

социально-гуманитарный колледж» _______ исх.№ 10/05-Исх-___

Программа обучения «Убеждающая презентация»

Форма обучения: очная, заочная с применением дистанционных технологий Количество учебных часов: 16

Автор и лектор курса: Мечева Оксана Павловна, преподаватель высшей квалификационной категории

Содержание программы:

Название темы

Теория

Практика

Раздел 1. Основные законы и условия эффективности презентации. Построение структуры презентации.

3

5

1.1

Виды презентаций. Подготовка презентации

1

1

1.2

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

1

2

1.3

Составление убеждающих текстов. Эмоциональные и рациональные методы убеждения

1

1

1.4

Мастер-класс «Как эффективно проработать тему»

1

Раздел 2. Контексты выступления, роли и психологическая позиция по отношению к слушателям.

2

1

2.1

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

1

2.2

Организация взаимодействие с аудиторией

1

2.3

Мастер класс «Приемы вовлечения аудиторию в обсуждение материала»

1

Раздел 3. Подходы к оценке эффективности проведения презентации

0

5

Подготовка и проведение презентаций участниками семинара

2

Анализ проведения презентаций на видеозаписи

2

Мастер-класс «Как упростить и больше показать»

1

Итого:

5

11


Раздел 1. Основные законы и условия эффективности презентации. Построение структуры презентации.

Виды презентаций, подготовка материалов для проведения презентации;

  • цели презентации, факторы ситуации, определяющие структуру и стиль выступления, анализ целевой аудитории;
  • основные законы и условия эффективности презентации, построение структуры презентации;

Визуализация презентации: правила организации слайдов, использование графиков, диаграмм;

  • визуальные концепции;
  • визуальные метафоры.

Составление убеждающих текстов, эмоциональные и рациональные методы убеждения;

  • подбор мотивирующих заголовков;
  • основы копирайтинга.

Организация пространства;

Мастер-класс «Как эффективно проработать тему».

Раздел 2. Контексты выступления, роли и психологическая позиция по отношению к слушателям.

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

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

Взаимодействие с аудиторией

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

Мастер класс «Приемы вовлечения аудиторию в обсуждение материала»

Раздел 3. Подходы к оценке эффективности проведения презентации.

Подготовка и проведение презентаций участниками семинара.

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

Мастер-класс «Как упростить и больше показать».



Предварительный просмотр:

Бюджетное учреждение  профессионального образования                                          Ханты-Мансийского автономного округа – Югры                                       «Нижневартовский  социально-гуманитарный колледж»

Утверждено

педагогическим   советом БУ «Нижневартовский социально - гуманитарный колледж»

протокол № 95

от   31 августа   2017  года

 Утверждаю

Директор БУ «Нижневартовский социально-гуманитарный колледж»

_____________ Н.П.Коробова

приказом  № 225 - ОД

от   31 августа   2017  года

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ ДЕТЕЙ И ВЗРОСЛЫХ

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

Наименование программы

Оптимизированные  методы разработки web-приложений

Вид программы

Программа спецкурса

Направленность программы1

дополнительная профессиональная программа

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

очная

Категория обучающихся2

студенты 2-4 курсов

Требования к уровню образования обучающихся

студенты, освоившие или изучающие ПМ 05. «Разработка web-приложений»

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

1 год

Срок освоения программы  в случае обучения по индивидуальному учебному плану

1 год

Количество часов всего

12

Количество часов в неделю

2 часа

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

справка-сертификат,  подтверждающая обучение по указанной программе

г. Нижневартовск

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

  1. Направленность программы.

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

Создание Web-сайтов является одной из важнейших технологий разработки ресурсов Internet. Признаками хорошего сайта является удобный и привлекательный интерфейс, слаженная работа on-line сервисов, а также оптимальные способы предоставления информации. Для реализации данных задач необходима подборка инструментария, который позволит создавать различные модули, собирать их в единое приложение, оптимизировать структуру данных, а также немало важно, чтобы среда была удобной для разработчика и предоставляла в его распоряжение максимум справочной информации и подсказок для реализации качественного проекта.

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

 

  1. Автор программы:

Мечева Оксана Павловна, преподаватель высшей категории, проходившая обучение на курсах повышения квалификации по программам «Веб-дизайн» и «Курс PHP/SQL: back-end разработка и базы данных» в Нетологии, университете по подготовке и дополнительному обучению специалистов в области интернет-маркетинга, управления проектами, дизайна, проектирования интерфейсов и веб-разработки, а также «Продвинутый web» в LoftSchool:от мысли к созданию,  школе on-line образования по web-разработке и SEO-технологиям.

  1. Актуальность программы.

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

  1. Педагогическая целесообразность программы.         

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

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

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

  1. Цель  и задачи программы.

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

  1. Возраст и количество слушателей.

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

  1. Сроки реализации программы.

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

1.8.        Распределение часов:

Всего часов

Теоретические занятия

Практические занятия

Самостоятельная  работа

16

5

5

2

  1. Формы и режим занятий, используемые образовательные технологии.

Занятия проводятся 1 раз в неделю, продолжительность два учебных часа (по  45 минут). Во время занятий планируется использовать следующие образовательные технологии:

  • технология учебного проектирования;
  • информационно-коммуникационные технологии.

 10.  Ожидаемы  результаты освоения программы.

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

знать:

  • Назначение программ Github pages, Node.js 8 и CommonJS , а также модулей Bower, Npm.
  • Назначение файлов проекта Использование алгоритмической структуры Pug.
  • Синтаксис SСSS: переменные, вложенности, математические операторы.
  • Способы создания функций JavaScript.
  • Виды событий и способы их описания средствами JavaScript.
  • Виды параллакс.
  • Способы создания параллакс.

уметь:

  • Устанавливать и настраивать Github pages, Node.js 8 и CommonJS , а также модулей Bower, Npm. Работа с проектом посредством терминала .
  • Выполнять Локальную и глобальную установку Gulp 4 и gulp-cli, производить необходимые изменения в настройке конфигурации.
  • Подключать в проект Gulp-load-plugins, browser-synс, работа с документацией плагинов.
  • Производить разбиение gulpfile.js на модули и их корректный вызов.
  • Устанавливать Pug и pug-loader. Создавать pug-файлы
  • Настраивать pug-loader.
  • Производить рендеринг данных из JSON.
  • Создавать функции с передачей контекста.
  • Организовывать обработку событий средствами языка javaScript.
  • Производить отладку приложений посредством вывода информации в консоль.
  • Создавать параллакс.

11. Аттестация по итогам освоения программы не предусмотрена.

II. СТРУКТУРА И СОДЕРЖАНИЕ ПРОГРАММЫ

2.1. Учебно-тематический план программы «Оптимизированные  методы разработки web-приложений»

 

Раздел,

Виды занятий (в часах)

тема

Теоретические занятия

Практические занятия

Самостоятельная работа

Раздел 1. Программное обеспечение, используемое для разработки web-приложений

1.

Установка и настройка программного обеспечения, используемого для разработки web-приложений

0,5

0,5

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

2.

Структура проекта web-приложения. Npm 5 – максимально глубокое погружение и лучшие практики использования.

0,5

0,5

3.

Gulp-load-plugins, browser-synс и ещё 15 самых востребованных плагинов для Gulp.

0,5

0,5

 

Раздел 2. Фреймворки  и «песочницы», используемые для верстки web-приложений

4.

Pug - препроцессор HTML и шаблонизатор.

1

1

1

5.

SASS – программа для оптимизации СSS кода

1

1

Раздел 3. Средства для создания интерактивных эффектов и анимации

6.

Javascript – «ES6».

0,5

0,5

1

8.

Техника создания параллакса

1

1

 Итого

5

5

2

2.2.         Содержание программы. 

Раздел 1. Программное обеспечение, используемое для разработки web-приложений

Тема 1.1. Установка и настройка программного обеспечения, используемого для разработки web-приложений

Перечень необходимых программ и утилит. Назначение и особенности установки и настройки Github pages, Node.js 8 и CommonJS , а также модулей Bower, Npm.

Тема 1.2. Структура проекта web-приложения. Npm 5 – максимально глубокое погружение и лучшие практики использования.

Описание структуры проекта. Назначение файлов проекта. Работа с проектом посредством терминала.

Тема 1.3. Gulp-load-plugins, browser-synс и другие плагины для Gulp.

Локальная и глобальная установка Gulp 4 и gulp-cli, необходимые изменения в настройке конфигурации. Параллельное и последовательное выполнение задач в Gulp (Series и Parallel). Подключение в проект Gulp-load-plugins, browser-synс, работа с документацией плагинов. Разбиение gulpfile.js на модули и их корректный вызов.

Раздел 2. Фреймворки  и «песочницы», используемые для верстки web-приложений

Тема 2.1. Pug - препроцессор HTML и шаблонизатор.

Установка Pug и pug-loader. Создание первого pug-файла Настройка pug-loader. Webpack и Pug — на примере многостраничного сайта. Использование алгоритмической структуры Pug. Написание собственных примесей. Построение универсального шаблона. Организация файловой структуры проекта. Рендеринг данных из JSON.

Тема 2.2. SASS – программа для оптимизации СSS кода

Препроцессинг.  Установка и использование SASS. Синтаксис SСSS: переменные, вложенности, математические операторы. Импорт стилей. Миксины (примеси).

Раздел 3. Средства для создания интерактивных эффектов и анимации

Тема 3.1. Javascript – «ES6».

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

Тема 3.2. Техника создания параллакса

Виды параллакс. Способы создания параллакс: достоинства и недостатки. Простая техника параллакс. Параллакс бэкграунд. Параллакс скроллинг.

Создание эффекта параллакс средствами CSS3 анимации.

 III. УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ

3.1. Материально-техническое обеспечение курса:

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

Оборудование кабинета: компьютеры для слушателей программы: наличие свободной Wi-Fi зоны. Наличие личного ноутбука приветствуется, чтобы позволить не нарушать  правила сетевой политики на рабочих станциях колледжа. Необходим компьютер для преподавателя с выходом в локальную сеть и сеть Интернет, мультимедийный проектор, интерактивная доска.

Программное обеспечение: ОС Windows 7, ConEmu, GitBuch, Visual Studio Code, Node.js и npm, Adobe Photoshop CS6.

3.2. Учебно-методическое и информационное обеспечение:

     № п.п.

Автор, наименование учебного пособия, реквизиты

Количество имеющихся экземпляров

1.

Название: Web-дизайн в примерах и задачах
Автор: Евсеев Д.А., Трофимов В.В. 
Издательство: КноРус
Год: 2016

12

2.

Название: Новая большая книга CSS

Автор: Дэвид Сойер Макфарланд

Издательство: Питер

Год выпуска: 2017

ISBN 978-5-496-02080-0

12

3.

Название: Javascript & Jquery: исчерпывающее руководство

Автор: Дэвид Сойер Макфарланд

Год выпуска 2016

12

4.

Название: Node.js в действии

Авторы: Майк КантелонМарк ХартерTJ ГоловайчукНатан Райлих

Издательство: Питер

Год выпуска 2016

12



Предварительный просмотр:

Бюджетное учреждение  профессионального образования                                          Ханты-Мансийского автономного округа – Югры                                       «Нижневартовский  социально-гуманитарный колледж»

Утверждено

педагогическим   советом БУ «Нижневартовский социально - гуманитарный колледж»

протокол №  

от    

 Утверждаю

Директор БУ «Нижневартовский социально-гуманитарный колледж»

_____________ Н.П.Коробова

приказом  №  

от    

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ ДЕТЕЙ И ВЗРОСЛЫХ

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

Наименование программы

Решение олимпиадных задач

Вид программы

Программа спецкурса

Направленность программы1

дополнительная профессиональная программа

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

очная

Категория обучающихся2

студенты 2-4 курсов

Требования к уровню образования обучающихся

студенты, освоившие или изучающие ОП. «Основы программирования»

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

1 год

Срок освоения программы  в случае обучения по индивидуальному учебному плану

1 год

Количество часов всего

16

Количество часов в неделю

2 часа

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

справка-сертификат,  подтверждающая обучение по указанной программе

г. Нижневартовск

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

  1. Направленность программы.

Дополнительная профессиональная программа «Решения олимпиадных задач» ориентирована на подготовку студентов к участию в городских и окружных конкурсах и олимпиадах по программированию, а также результативному участию в чемпионата мира по программированию по правилам ACM ICPC и в других сферах интеллектуальной деятельности. Занятия помогут расширить объем знаний и навыков по информатике, основам программирования, а также дает обучающимся познакомиться с олимпиадными задачами по программированию. Как и математика, программирование очень хорошо тренирует умственные способности, развивает у человека алгоритмическое, логическое и комбинаторное мышление.

 

  1. Автор программы:

Мечева Оксана Павловна, преподаватель высшей категории, проходившая обучение на курсах повышения квалификации по программам «Веб-дизайн» и «Курс PHP/SQL: back-end разработка и базы данных» в Нетологии, университете по подготовке и дополнительному обучению специалистов в области интернет-маркетинга, управления проектами, дизайна, проектирования интерфейсов и веб-разработки, а также «Продвинутый web» в LoftSchool:от мысли к созданию,  школе on-line образования по web-разработке и SEO-технологиям.

  1. Актуальность программы.

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

  1. Педагогическая целесообразность программы.         

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

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

  1. Цель  и задачи программы.

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

Обучающиеся, освоившие программу в полном объеме, должны

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

  1. Возраст и количество слушателей.

Программа предназначена для студентов, которые умеют:

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

знают:

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

  1. Сроки реализации программы.

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

1.8.        Распределение часов:

Всего часов

Теоретические занятия

Практические занятия

Самостоятельная  работа

16

5,5

6,5

4

  1. Формы и режим занятий, используемые образовательные технологии.

Занятия проводятся 1 раз в неделю, продолжительность два учебных часа (по 45 минут). Во время занятий планируется использовать следующие образовательные технологии:

  • технология учебного проектирования;
  • информационно-коммуникационные технологии.

 10.  Ожидаемые  результаты освоения программы.

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

11. Аттестация по итогам освоения программы не предусмотрена.

II. СТРУКТУРА И СОДЕРЖАНИЕ ПРОГРАММЫ

2.1. Учебно-тематический план программы
«Решение олимпиадных задач»

 

Раздел,

Виды занятий (в часах)

тема

Теоретические занятия

Практические занятия

Самостоятельная работа

Раздел 1. Особенности проведения олимпиад программирования.

1.

Правила проведения олимпиад. Техника программирования олимпиадных задач

1

Раздел 2. Методы решения олимпиадных задач

2.

Алгоритмы поиска и сортировки в олимпиадных задачах

0,5

0,5

3.

Комбинаторные задачи

0,5

0,5

0,5

4.

Задачи на полный перебор вариантов

0,5

0,5

0,5

5.

Динамическое программирование: основные приемы для решения задач

0,5

1

0,5

6.

Решение задач с использование эффективного поиска и сортировки

0,5

1

0,5

7.

Создание программ решения комбинаторных задач

0,5

1

0,5

8.

Программирование полного перебора

0,5

1

0,5

9.

Решение олимпиадных задач с использованием динамического программирования

1

1

1

 Итого

5,5

6,5

4

2.2.         Содержание программы. 

Раздел 1. Особенности проведения олимпиад программирования.

  1. Правила проведения олимпиад. Техника программирования олимпиадных задач

Правила проведения олимпиад.

Типичные ошибки.

Некоторые типичные приемы программирования олимпиадных задач.

Internet-сервисы, предлагающие участие в решении олимпиадных задач.

Раздел 2. Методы решения олимпиадных задач

  1. Алгоритмы поиска и сортировки в олимпиадных задачах

Теория алгоритмов.

Сложность алгоритмов. Умение оценивать сложность алгоритмов и программ.

Алгоритмы поиска и сортировки

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

  1. Комбинаторные задачи

Рекурсия

Математические функции, задаваемые рекурсивно. Выход из рекурсии. Замена рекурсии циклами.

Генерация сочетаний, перестановок, размещений.

  1. Задачи на полный перебор вариантов

Полный перебор. Использование рекурсии для перебора. Отсечение вариантов при переборе. Метод ветвей и границ.

  1. Динамическое программирование: основные приемы для решения задач

Способы решения сложных задач путём разбиения их на более простые подзадачи. Он применим к задачам с оптимальной подструктурой.

Задача о наибольшей общей подпоследовательности: даны две последовательности, требуется найти самую длинную общую подпоследовательность.

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

Задача о редакционном расстоянии (расстояние Левенштейна): даны две строки, требуется найти минимальное количество стираний, замен и добавлений символов, преобразующих одну строку в другую.

Задача о вычислении чисел Фибоначчи.

  1. Решение задач с использование эффективного поиска и сортировки

Последовательный поиск

Индексно-последовательный поиск

Бинарный поиск

Сортировка прямыми включениями

Сортировка прямым выбором

Сортировка прямым обменом (метод «пузырька»)

Шейкер-сортировка

Сортировка включениями с убывающими приращениями (сортировка Шелла)

Сортировка с помощью дерева

Пирамидальная сортировка

Быстрая сортировка

Сортировка слиянием

  1. Создание программ решения комбинаторных задач

Метод рекуррентных соотношений.

Метод включения и исключения.

Метод траекторий.

  1. Программирование полного перебора

Метод ветвей и границ

Жадный алгоритм

Полный перебор

  1. Решение олимпиадных задач с использованием динамического программирования

Одномерное динамическое программирование

Двумерное динамическое программирование

Задачи на последовательности

 III. УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ

3.1. Материально-техническое обеспечение курса:

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

Оборудование кабинета: компьютеры для слушателей программы: наличие свободной Wi-Fi зоны. Наличие личного ноутбука приветствуется, чтобы позволить не нарушать  правила сетевой политики на рабочих станциях колледжа. Необходим компьютер для преподавателя с выходом в локальную сеть и сеть Интернет, мультимедийный проектор, интерактивная доска.

Программное обеспечение: ОС Windows 7, NotePad++, Free Pascal.

3.2. Учебно-методическое и информационное обеспечение:

     № п.п.

Автор, наименование учебного пособия, реквизиты

Количество имеющихся экземпляров

1.

Алгоритмизация и языки программирования Pascal, C++, Visual Basic

12

2.

Turbo Pascal 7. Практика программирования (7-е издание)

12

3.

Учимся программировать: Pascal 7.0. Задачи и методы их решения

12

4.

Алгоритмы и программы на Turbo Pascal. Учебный курс

12



Предварительный просмотр:

Бюджетное учреждение  профессионального образования                                          Ханты-Мансийского автономного округа – Югры                                       «Нижневартовский  социально-гуманитарный колледж»

Утверждено

педагогическим   советом БУ «Нижневартовский социально - гуманитарный колледж»

протокол №  

от    

 Утверждаю

Директор БУ «Нижневартовский социально-гуманитарный колледж»

_____________ Н.П.Коробова

приказом  №  

от    

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ

ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ ДЕТЕЙ И ВЗРОСЛЫХ

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

Наименование программы

Рисуем логотип «Сердце брендбука» средствами AdobePhotoshop

Вид программы

Программа спецкурса

Направленность программы1

дополнительная профессиональная программа

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

очная

Категория обучающихся2

студенты 2-4 курсов

Требования к уровню образования обучающихся

студенты, освоившие или изучающие ПМ 05. «Разработка web-приложений»

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

1 год

Срок освоения программы  в случае обучения по индивидуальному учебному плану

1 год

Количество часов всего

16

Количество часов в неделю

2 часа

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

справка-сертификат,  подтверждающая обучение по указанной программе

г. Нижневартовск

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

  1. Направленность программы.

Часто покупая различные товары, мы обращаем внимание на логотип компании производителя. Многие из логотипов ассоциируются с качеством товара или предоставляемы услуг. Например, логотип Mercedes-Benz, Coca-Cola, TEZ TOUR и многие др. Создание хорошего логотипа — действенный брендинговый ход. Логотип — это неотъемлемая часть бренда товара, образа компании, это то, с чем всегда будет ассоциироваться ваша компания. Чем лучше логотип разработан, чем проще, лаконичнее и яснее он сделан, тем выше вероятность, что потребители его запомнят.

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

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

 

  1. Автор программы:

Мечева Оксана Павловна, преподаватель высшей категории, проходившая обучение на курсах повышения квалификации по программам «Веб-дизайн» и «Курс PHP/SQL: back-end разработка и базы данных» в Нетологии, университете по подготовке и дополнительному обучению специалистов в области интернет-маркетинга, управления проектами, дизайна, проектирования интерфейсов и веб-разработки, а также «Продвинутый web» в LoftSchool:от мысли к созданию,  школе on-line образования по web-разработке и SEO-технологиям.

  1. Актуальность программы.

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

  1. Педагогическая целесообразность программы.         

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

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

  1. Цель  и задачи программы.

Сформировать навыки разработки логотипов с учетом современных требований средствами Adobe Photoshop.

  1. Возраст и количество слушателей.

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

  1. Сроки реализации программы.

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

1.8.        Распределение часов:

Всего часов

Теоретические занятия

Практические занятия

Самостоятельная  работа

16

3

9

4

  1. Формы и режим занятий, используемые образовательные технологии.

Занятия проводятся 1 раз в неделю, продолжительность два учебных часа (по  45 минут). Во время занятий планируется использовать следующие образовательные технологии:

  • технология учебного проектирования;
  • информационно-коммуникационные технологии.

 10.  Ожидаемы  результаты освоения программы.

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

знать:

  • назначение логотип. Значение логотипа при разработке бренд-бука        
  • виды, формы, стили логотипов
  • принципы создания логотипа

уметь:        

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

11. Аттестация по итогам освоения программы не предусмотрена.

II. СТРУКТУРА И СОДЕРЖАНИЕ ПРОГРАММЫ

2.1. Учебно-тематический план программы «Рисуем логотип «Сердце брендбука» средствами AdobePhotoshop»

 

Раздел,

Виды занятий (в часах)

тема

Теоретические занятия

Практические занятия

Самостоятельная работа

1.

Что такое логотип. Значение логотипа при разработке бренд-бука

0,5

2.

Виды, формы, стили логотипа

0,5

0,5

3.

Принципы создания логотипа

0,5

0,5

4.

Как выбрать шрифт для логотипа

0,5

1

2

5.

Как выбрать цвет для логотипа

0,5

1

6.

Разработка логотипов различных видов

5

2

7.

Ошибки при создании логотипа

0,5

1

 Итого

3

9

4

2.2.         Содержание программы. 

Тема 1. Что такое логотип. Значение логотипа при разработке бренд-бука.

Бренд-бук, его назначение. Подходы к разработке бренд-бука. Этапы разработки логотипа. Структура брифа для разработки бренд-бука и логотипа.

Тема 2. Виды, формы, стили логотипа.

Виды логотипов, особенности каждого вида. Символьные. Текстовые. Комбинированные. В виде эмблем. Принципы, лежщие в основе выбора стилистики логотипа

Тема 3. Принципы создания логотипа.

Описание и реализация этапов разработки логотипа: анализ, определение задач, набросок, отрисовка, презентация

Тема 4. Как выбрать шрифт для логотипа.

Основы типографики.

Рукописные шрифты (будто написанные от руки);

Декоративные (похожие на предыдущие, витиеватые, отличающиеся плавными чёткими линиями);

Шрифты с засечками;

Строгие (без засечек);

Машинописные (напоминают текст, набранный на печатной машинке).

Тема 5. Как выбрать цвет для логотипа

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

Тема 6. Разработка логотипов различных видов

Технология создания символьных, текстовых, комбинированных, а также в виде эмблем средствами графического редактора Adobe Photoshop.

Тема 7. Ошибки при создании логотипа

Простота композиции, отсутствие сложных элементов;

Избегание распространённых стилей;

Один стиль шрифта – идеально, целесообразность использования нескольких шрифтов;

Разборчивость логотипа при увеличении и уменьшении.

 III. УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ

3.1. Материально-техническое обеспечение курса:

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

Оборудование кабинета: компьютеры для слушателей программы: наличие свободной Wi-Fi зоны. Наличие личного ноутбука приветствуется, чтобы позволить не нарушать  правила сетевой политики на рабочих станциях колледжа. Необходим компьютер для преподавателя с выходом в локальную сеть и сеть Интернет, мультимедийный проектор, интерактивная доска.

Программное обеспечение: ОС Windows 7, Adobe Photoshop CS6.

3.2. Учебно-методическое и информационное обеспечение:

№ п.п.

Автор, наименование учебного пособия, реквизиты

Количество имеющихся экземпляров

1.

Эвами Майкл. LOGO. Создание логотипов.СПб.: Питер, 2009. — 352 с.

12

2.

Логотип и фирменный стиль. Руководство дизайнера. 2-е изд. - СПб.: Питер, 2012. — 352 с. (http://igrafo.ru/wp-content/uploads/2014/05/devid-eiri-logotip-i-firmennyi-stil.-rukovodstvo-dizainera-2011.pdf)

12

3.

Майкл Эвами.  Logo. Создание логотипов. Самые современные разработки

12