Практическая работа «Gif-анимация – акция «Свеча памяти»»
Автор: Борискова Ольга Александровна
Организация: МБОУ «СОШ №112»
Населенный пункт: Челябинская область, г. Трехгорный
5 класс, 4 четверть. Урок информатики по теме «Компьютерная графика»
Практическая работа «Gif-анимация – акция «Свеча памяти»»
«Свеча памяти» – это международная акция, участники которой с 2009 года ежегодно накануне Дня памяти и скорби 22 июня, Дня Победы 9 мая и в другие памятные дни зажигают свечи. 9 мая в 21.00 все жители нашего города зажгут свечу памяти на подоконнике. А мы на уроке создадим свое место памяти дедов и прадедов, поддержим акцию "Свеча памяти" в виртуальном пространстве! Для этого используем формат графического файла GIF.
GIF (англ. Graphics Interchange Format — «формат для обмена изображениями») — популярный формат графических изображений. Был разработан в 1987 году (GIF87a) фирмой CompuServe для передачи растровых изображений по сетям.
Формат GIF поддерживает анимационные изображения. Они представляют собой последовательность из нескольких статичных кадров, а также информацию о том, сколько времени каждый кадр должен быть показан на экране.
Описание идеи: нарисуем горящую свечу, для этого создадим пять графических файлов, на которых свеча должна быть неизменяемой частью, т.е. во всех файлах она одинаковая. Но в каждом файле огонь будет нарисован по-разному. Поэтому быстрая смена файлов даст эффект меняющегося пламени, т.е. горения свечи. В Интернете есть онлайн ресурсы, которые помогут собрать все файлы в одну gif-анимацию (т.е. один графический файл, но «живой»), воспользуемся одним из них.
Практическая работа, часть 1
1. В программе Paint создаем файл – заготовку с изображением свечи.
2. Выбираем пункт Файл, Сохранить как…
даем файлу имя s1, тип файла можно выбрать png или jpeg
3. Повторяем пункт 2 еще 4 раза, чтобы всего получилось 5 файлов-заготовок, не забывайте менять имя файла (s2, s3 и т.д.).
4. Только после этого открываем с помощью Paint каждый файл и добавляем пламя.
Вот, что получилось у меня:
Практическая работа, часть 2
1. В адресную строку браузера вводим адрес сервиса, позволяющего в режиме он-лайн, без регистрации создать gif-анимацию http://htmlweb.ru/gif-animator/
2. Нажимаем экранную кнопку «Обзор» под номером 1. Выбираем файл-заготовку s1.png
3. Нажимаем экранную кнопку «Обзор» под номером 2. Выбираем файл-заготовку s2.png
4. Нажимаем на экранную кнопку «Создать анимированное изображение» и любуемся на свою анимацию.
5. Созданный gif-файл сохраните на своем компьютере (кнопка «Загрузить»).
Практическая работа, часть 3
Свою gif-анимацию сохраните на виртуальной доске, используя кнопку, указанную стрелкой на рисунке ниже. Ссылка на доску: http://linoit.com/users/OlgaBtrg/canvases/%D0%A1%D0%B2%D0%B5%D1%87%D0%B0%20%D0%9F%D0%90%D0%9C%D0%AF%D0%A2%D0%98
Используйте так же стикер, на котором напишите свою фамилию, и разместите его под своей свечой.
Узнайте у родителей, бабушек и дедушек, как звали Вашего родственника, воевавшего в Великой Отечественной войне, и подпишите на стикере имя Героя, в честь которого зажжена свеча.
Анализ урока
Тема |
Практическая работа «Gif-анимация – акция «Свеча памяти»» |
||||
Цель урока |
|
||||
Планируемые результаты |
Предметные |
Метапредметные |
Личностные |
||
Создание простых информационных моделей; Перевод информации из одной формы в другую; Умение работать по алгоритму; Знание терминологии; Умение оперировать объектами файловой системы; Использование основных приемов управления компьютерными объектами. |
Владение общепредметными понятиями «объект», «модель», «анимация», «файл», «программа/ приложение», «свойство», «компьютер»; Проявление навыков анализа, обобщения, умозаключения; Умение планировать и корректировать свою деятельность, оценивать правильность выполнения учебной задачи; Владение приемами исследовательской и проектной творческой деятельности; Проявление навыков эффективной презентации результатов деятельности. |
Укрепление связи поколений, осознание себя как преемника наследия прошлого; Наличие представления об информации как о стратегическом ресурсе; Проявление навыков критического мышления по отношению к получаемым результатам деятельности; Проявление ответственного отношения к авторскому продукту; Наличие личной ответственности за качество используемой информационной среды; Готовность к повышению своего образовательного уровня в сотрудничестве с учителем и одноклассниками. |
|||
Организация пространства |
|||||
Межпредметные связи |
Формы работы |
Ресурсы |
|||
Информатика – ИЗО, история
|
Индивидуальная, с возможностью консультации с учителем и одноклассниками через утвержденный канал связи («Сетевой город», социальные сети, например, ВК и др.)
|
Текст практической работы;
Персональный компьютер учителя, персональные компьютеры обучающихся, подключение к Интернету;
Программные продукты: Paint и онлайн-сервисы: gif-animator и виртуальная доска linoit.com |