Ф.219
Технологическая карта (план) урока
|
Группа |
Дата |
|
3 нег. ВТ - 2 |
14.11 |
|
|
|
|
|
|
Дисциплина: Web-программирование и мультимедиа технология
Раздел 5. Программа Adobe Flash
Тема курса: 5.1. Основы работы в Adobe Flash
Тема урока Методы создания Flash-анимации
Тип урока: комбинированный
Вид урока: лекция с онлайн элементом
|
Требования предъявляемые к уровню подготовленности обучающихся |
|||
|
Базовые компетенции |
1. Постановка правильной цели своей деятельности, определения условий, необходимые для ее реализации, достижения цели, планирования и организации учебного процесса; 2. Научно организовывать свое рабочее место, правила работы и порядок выполнения. 3. Самостоятельнный поиск, анализ, отбор, хранение, интерпретация информации с помощью современных информационно – коммуникационных технологий |
||
|
Профессиональные компетенции |
1. знание технологии автоматизированной обработки информации во время работы; 2. Средства создания анимации сайтов; |
||
|
|
|||
|
Цели урока |
обучающая |
Повторение темы курса, Научить учащихся рисовать и создаватть анимацию в программе Macromedia Flash |
|
|
воспитательная |
Воспитывать такие качества как аккуратность, привитие интереса к изучаемому предмету, сознательное отношение к учебе. |
||
|
развивающая |
развитие творческих способностей учащихся, внимательность и развитие памяти, интереса к предмету. |
||
Межпредметные связи
|
Обеспечивающие |
Предмет: ДЭЕМ және ЖАҚ кешені Тема курса: Классификация вычислительной сети Тема урока: Передача информации |
|
Обеспечиваемые |
Предмет: Операционные системы вычислительных комплексов Тема курса: Понятие графики Тема урока: Изучение методов работы создания графических изображений |
Оборудование урока
|
Наглядные пособия |
Опорный конспект, презентация, тестовая оболочка «Айрен», видео |
|
Раздаточный материал |
Методические указания к практическому заданию |
|
Технические средства обучения |
ПК, проектор, программа Macromedia Flash, Интернет, Skape |
|
Литература: основная |
1. Джеймс Л. Молер. Flash 8. ООО «Издательство Эксмо». 2007г. 2. Зимина Л. Первые шаги пользователя
Macromedia Flash 5.0 |
|
Дополнительная |
Таненбаум, Э. Компьютерные сети |
Содержание урока
|
№ эле-мента |
Элементы урока, учебные вопросы, формы и методы обучения |
Дополнения, изменения |
|
1. |
Организационный момент. (2 мин) -Приветствие -Проверка готовности учащихся и аудитории к уроку -Проверка посещаемости и заполнение журнала -Постановка целей и задач урока |
|
|
2 |
Опрос домашнего задания (10 мин) Онлайн вопросы: (Вопросы задают студенты Бизнес колледжа). 1. Какие функции выполняет программа Macromedia Flash ? 2. Из каких элементов состоит экранный интерфейс программы Macromedia Flash? 3. Инстроументы создания рисунка, какие функции? 4. Средства, выделение объекта? 5. Расширение файла созданного программой Macromedia Flash? 6. Объект для создания анимационных эффектов? 7. Как рассматриевается любой элемент фильма в программе? 8. Что такое мультипликация? 9. Команда для предварительного просмотра готового Flash -фильма? 10. Что такое анимация? |
|
|
3 |
Объяснение новой темы (30 мин) План: 1. Покадровая анимация 2. Автоматическая анимация (Tweened анимация) 3. Анимация основанная на сценарии. |
|
|
4 |
Самостоятельная работа студентов (25 мин) 1. Методическая разработка к практическому задания. 2. Выполнение задания |
|
|
5 |
Закрепление материала (20 мин) 1. Защита выполенной работы 2. Тест (Тестовая оболочка «Айрен») |
|
|
6 |
Подведение итогов урока, оценивание учащихся (2 мин) - Использование электронного журнала |
|
|
7 |
Задание на дом (1 мин) 1. Финкельштейн, Эллен Macromedia Flash 8, 86-88 бет 2. Повтеорение темы курса 5.1 |
|
Преподаватель __________ Ш.М.Капашева
ХОД УРОКА:
І. ОРГАНИЗАЦИОННЫЙ МОМЕНТ. (2 мин)
-Приветствие
-Проверка готовности учащихся и аудитории к уроку
-Проверка посещаемости и заполнение журнала
-Постановка целей и задач урока
Слово преподвателя: Здравствуйте ребята! Сегодня урок у нас пройдет необычным образом.
Раздел 5. Программа Adobe Flash
Тема курса: 5.1. Основы работы в Adobe Flash
Тема урока Методы создания Flash-анимации
Цель урока: Повторение темы курса, научить учащихся рисовать и создаватть анимацию в программе Macromedia Flash
СОДЕРЖАНИЕ УРОКА
ІІ. ОПРОС ДОМАШНЕГО ЗАДАНИЯ (10 мин)
Онлайн вопросы: (Вопросы задают студенты Бизнес колледжа).
1. Какие функции выполняет программа Macromedia Flash ?
2. Из каких элементов состоит экранный интерфейс программы Macromedia Flash?
3. Инстроументы создания рисунка, какие функции?
4. Средства, выделение объекта?
5. Расширение файла созданного программой Macromedia Flash?
6. Объект для создания анимационных эффектов?
7. Как рассматриевается любой элемент фильма в программе?
8. Что такое мультипликация?
9. Команда для предварительного просмотра готового Flash -фильма?
10. Что такое анимация?
ІІІ. ОБЪЯСНЕНИЕ НОВОЙ ТЕМЫ (30 мин)
План:
1. Покадровая анимация
2. Автоматическая анимация (Tweened анимация)
3. Анимация основанная на сценарии.
Ознакомление учащихся с новыми английскими терминами
motion tweening - промежуточная анимация
motion-animation – анимация движения
Motion Guide – главное движение
Action Script – Сценарий действия
Layer – слой
Анимация во Flash основана на изменении свойств объектов, используемых в “мультике”. Например, объекты могут исчезать или появляться, изменять свое положение, форму, размер, цвет, степень прозрачности и т. д.
Во Flash предусмотрено три различных механизма анимирования объектов:
Каждый из этих механизмов имеет как достоинства, так и недостатки. В частности, tweened-анимация обладает двумя несомненными достоинствами:
Элементарные операции с кадрами:
|
Действие |
Контекстное меню |
Комбинация клавиш |
Примечание |
|
Вставить пустой ключевой кадр |
Вставить пустую клавиатуру |
F7 |
|
|
Ключевой кадр, повторяющий содержание предыдущего |
Вставить клавиатуру |
F6 |
Если перед вставляемым кадром уже был ключевой кадр, содержащий объекты, то они будут скопированы в создаваемый кадр. |
|
Очистить ключевой кадр |
Очистить клавиатуру |
Shift-F6 |
|
|
Вставить обычный кадр |
Вставить кадр |
F5 |
Вставляя обычный кадр (не ключевой), увеличиваем время анимации или время отображения предыдущего ключевого кадра. |
|
Удалить кадр |
Стереть кадры |
Shift-F5 |
|
ВЫПОЛНЕНИЕ ЗАДАНИЯ С ПРЕПОДАВАТЕЛЕМ:
Траектория движения
Задача, стоящая перед вами, - научится совместно использовать навыки создания направляющей движения и анимации типа motion tweening, чтобы создавать еще один тип анимации, в которой объект перемещается по сложному заранее определенному пути (траектории).
Для создания такой анимации выполните следующие действия (необходимые объекты для создания анимации находятся в папке Полет пчелы).
1. Создайте простую анимацию типа motion tweening с двумя ключевыми кадрами, в начале и в конце.
2. Выберите слой, содержащий кадры с анимацией типа motion tweening, а затем добавьте направляющую движения, выбрав команду Motion Guide меню Insert. Направляющую движения также можно создать посредством щелчка на кнопке Add Motion Guide, расположенной в левом нижнем углу временной шкалы. При этом будет создан слой направляющей движения, который разместится выше слоя, содержащего кадры анимации.
3. Выберите первый кадр созданного слоя направляющей движения и с помощью инструментов рисования создайте траекторию перемещения, по которой должен следовать объект. Можно использовать инструменты Pencil, Oval, Rectangle, Brush, Pen или Line.
4. Теперь свяжите объект с созданной траекторией движения. Выберите первый кадр анимации, откройте панель Properties, используя команду Properties меню Window, и убедитесь, что флажок Snap (Привязка) отмечен. Это необходимо для привязки точки регистрации объекта к траектории движения.
5. С помощью инструмента Selection выберите объект и переместите его таким образом, чтобы точка регистрации объекта совпала с начальной точкой траектории движения.
6. Выберите последний ключевой кадр анимации. С помощью инструмента Selection выберите объект и переместите его таким образом, чтобы точка регистрации объекта совпала с конечной точкой траектории движения. Если при перемещении объекта точка регистрации не появилась, нажмите левую кнопку мыши и, прежде чем переместить объект к точке окончания пути движения, удерживайте ее несколько секунд.
7. Если вы хотите, чтобы объект при перемещении менял ориентацию в соответствии с траекторией движения, отметьте флажок Orient to Path на панели Properties.
8. По завершении работы протестируете анимацию выберите команду Play меню Control.
ІV. САМОСТОЯТЕЛЬНАЯ РАБОТА СТУДЕНТОВ (25 МИН)
1. Методическая разработка к практическому задания.
2. Выполнение задания
ПРАКТИЧЕСКАЯ ЧАСТЬ
Учащиеся выполняют задания на свою фантазию
Анимация показывающая переход «Времена года»
1 слой. Весна
2 слой. Лето
3 слой. Осень
4 слой. Зима
Оценивание
І уровень. Применение 1, 2 слоя – 60-70 баллов
ІІ уровень. Применение 1,2,3 слоя – 70-80 баллов
ІІІ уровень. Применение 1,2,3,4 слоя – 81-91 баллов
ІV уровень. Применение 1,2,3,4 слоя + Action Script – 92 – 100 баллов
V. ЗАКРЕПЛЕНИЕ МАТЕРИАЛА (20 мин)
1. Защита выполенной работы
2. Тест (Тестовая оболочка «Айрен»)
ВОПРОСЫ ТЕСТА:
І НҰСҚА
1. Flash – қосымшаларының мазмұнынна мәліметтерді өңдеуді, интерактивтікті қосуды және басқа іс –әрекеттерді орындаутын объекті-бағытталған бағдарламалау тілі:
A. FScript
B. жауаптары жоқ
C. VBScript
D. JavaScript
E. ActionScript
2. Flash Macromedia - да барлық объектіні таңдау үшін қолданылатын құрал
A. Жаққыш
B. Өшіргіш
C. Қалам
D. Нұсқауыш сайманы (стрелка)
E. қарындаш
3. Flash Macromedia - да фильмді көру кезіндегі өлшемі түсі сәйкесінше «кадрдың» өлшемі мен түсімен анықталады:
A. Құрал тақтасы
B. жұмыс аланы
C. Қасиеттер тақтасы
D. Уақыт шкаласы
E. Монтаждау үстелі.
4. Flash Macromedia-да бұл пиктограмманың астында тағы бір немесе бірнеше құралдар жасрынғанын көрсетеді.
A. Кішкентай донғалақ
B. төменгі оң жақта орналасқан кішкетай қара үшбұрыш
C. үстідегі оң жақта орналасқан кішкетай қара үшбұрыш
D. төменгі оң жақта орналасқан кішкетай қара төртбұрыш
E. ортада орналасқан кішкентай нұсқауыш сайманы (стрелка).
5. Flash Macromedia-да бұл тақтаның түрі сәйкесінше таңдалған объектіге немесе сайманға тәуелді:
A. Уақыт шкаласы
B. Барлық жауаптары
C. Монтаждау үстелі.
D. Қасиеттер тақтасы
E. Құрал тақтасы
6. Macromedia Flash – да анимация пішіні тек қана ... үшін қолданылады:
7. Macromedia Flash – да растырлық графиканы векторлыққа түрлендіру параметрлері келесі ..... терезесі арқылы орындалады:
8. Web-анимацияларды құру мақсатында қолданылатын бағдарламаны көрсетіңіз:
A. Flash бағдарламасы
B. РowerРoint бағдарламасы
C. Word бағдарламасы
D. Excel бағдарламасы
E. Access бағдарламасы
9. 
батырмасының
атқаратын қызметі:
A. Фигураның немесе қандай да бір облыстың түсін, қалыңдық дәрежесін және шекара стилін анықтау
B. Бір объектінің құю және жиектеу әсерлерін екінші бір объектіге көшіру
C. Мәтінмен жұмыс жасау
D. Түзу және қисық сызықтар сызу
E. Боялған аймақ түсін өзгерту режимі
10. Aнимацияны көру «» командасы:
A. Control®Рlay
B. Modify®Break Apart
C. Insert®Convert to Symbol...
D. Window® Design Panels ® Scene
E. File®Create Projector
ІІ НҰСҚА
1. Macromedia Flash – та мәтіндік кескінді суретке айналдыру үшін екі рет қолданылатын команда:
2. Macromedia Flash – тің экранға анықтамалық жазбаны шығару үшін қолданылатын құрал:
3. Macromedia Flash бағдарламасында құрылған құжаттың кеңейтілімі:
4. Flash 8 бағдарламасының стандартты жүктелу жолы:
A. Пуск®Программы®Стандартные ®Macromedia® Macromedia Flash 8
B. Пуск®Программы®MS Office® Macromedia Flash 8
C. Пуск®Программы®Macromedia® Macromedia Flash 8
D. Пуск®Программы®Macromedia® MS Office® Macromedia Flash 8
E. Пуск®Служебные®Macromedia® Macromedia Flash 8
5. Анимациялық әсерлер беру үшін қолданылатын құрал
6. Интерактивті анимация құру үшін … программалау тілінде сценарийлер жазылады.
A. Turbo Рaskal
B. Delрhi
C. ActionScript
D. Visual Basic
E. C++
7. Flash Macromedia-да бұл пиктограмманың астында тағы бір немесе бірнеше құралдар жасрынғанын көрсетеді.
A. Кішкентай донғалақ
B. төменгі оң жақта орналасқан кішкетай қара үшбұрыш
C. үстідегі оң жақта орналасқан кішкетай қара үшбұрыш
D. төменгі оң жақта орналасқан кішкетай қара төртбұрыш
E. ортада орналасқан кішкентай нұсқауыш сайманы (стрелка).
8. Қатпарға үнсіздік бойынша … деген атау беріледі.
A. Movie Cliр 1
B. Button 1
C. Layer 1
D. Graрhic 1
E. TimeLine 1
9. 
батырмасының
атқаратын қызметі:
A. Фигураның немесе қандай да бір облыстың түсін, қалыңдық дәрежесін және шекара стилін анықтау
B. Бір объектінің құю және жиектеу әсерлерін екінші бір объектіге көшіру
C. Түзу және қисық сызықтар сызу
D. Боялған аймақ түсін өзгерту режимі
E. Мәтінмен жұмыс жасау
10. Aнимацияны көру командасы:
A. Control®Рlay
B. Modify®Break Apart
C. Insert®Convert to Symbol...
D. Window® Design Panels ® Scene
E. File®Create Projector
VІ. ПОДВЕДЕНИЕ ИТОГОВ УРОКА, ОЦЕНИВАНИЕ УЧАЩИХСЯ (2 мин)
· Использование электронного журнала
VІІ. ЗАДАНИЕ НА ДОМ
1. Финкельштейн, Эллен Macromedia Flash 8, 86-88 бет
2. Повторение темы курса. 5.1.
Преподаватель __________ Ш.М.Капашева
Министерство образования и науки Республики Казахстан
РГКП «Финансово – экономический колледж имени Рымбека Байсеитова»
РАЗРАБОТКА ОТКРЫТОГО УРОКА
по предмету: «Web-программирование и мультимедиа технология»
на тему: «Методы создания Flash-анимации»
группа: 3 основной ВТ – 2
2016 – 2017 уч.г.
Рабочие листы
к вашим урокам
Скачать
Дисциплина: Web-программирование и мультимедиа технологияРаздел 5. Программа Adobe FlashТема курса: 5.1. Основы работы в Adobe FlashТема урока Методы создания Flash-анимацииТип урока: комбинированныйВид урока: лекция с онлайн элементомСОДЕРЖАНИЕ УРОКАІІ. ОПРОС ДОМАШНЕГО ЗАДАНИЯ (10 мин)Онлайн вопросы: (Вопросы задают студенты Бизнес колледжа).1.Какие функции выполняет программа Macromedia Flash ? 2.Из каких элементов состоит экранный интерфейс программы Macromedia Flash? 3.Инстроументы создания рисунка, какие функции? 4.Средства, выделение объекта? 5.Расширение файла созданного программой Macromedia Flash? 6.Объект для создания анимационных эффектов? 7.Как рассматриевается любой элемент фильма в программе? 8.Что такое мультипликация? 9.Команда для предварительного просмотра готового Flash -фильма? 10.Что такое анимация? ІІІ. ОБЪЯСНЕНИЕ НОВОЙ ТЕМЫ (30 мин)План:1.Покадровая анимация 2.Автоматическая анимация (Tweened анимация) 3.Анимация основанная на сценарииІV. САМОСТОЯТЕЛЬНАЯ РАБОТА СТУДЕНТОВ (25 МИН) 1.Методическая разработка к практическому задания. 2.Выполнение заданияПРАКТИЧЕСКАЯ ЧАСТЬУчащиеся выполняют задания на свою фантазиюАнимация показывающая переход «Времена года» 1 слой. Весна2 слой. Лето3 слой. Осень 4 слой. ЗимаОцениваниеІ уровень. Применение 1, 2 слоя – 60-70 балловІІ уровень. Применение 1,2,3 слоя – 70-80 балловІІІ уровень. Применение 1,2,3,4 слоя – 81-91 балловІV уровень. Применение 1,2,3,4 слоя + Action Script – 92 – 100 балловV. ЗАКРЕПЛЕНИЕ МАТЕРИАЛА (20 мин) 1.Защита выполенной работы 2.Тест (Тестовая оболочка «Айрен»)
6 661 534 материала в базе
Настоящий материал опубликован пользователем Ломакина Ирина Сергеевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.