фамильный сайт учителей физики и математики

Выражаем благодарность веб-сервису uCoz за поддержку сайта

 
 

Компьютер на уроке

   
ОТЗЫВЫ О НАС  
   

проекты flash на уроке

   
 
ГЛАВНАЯ ФИЗИКА МАТЕМАТИКА КРАЕВЕДЕНИЕ ИЗО ОБЖ      
 
 
 
 

 

 
 
Физика, 7 кл., СФЕРЫ
Физика 7 кл, ВЕРТИКАЛЬ
Физика 8 кл, ВЕРТИКАЛЬ
Физика, 7 - 11. Коллекция
Шаблон урока из 6 разделов
Обновляемые шаблоны к уроку
Коллекция интерактивных плакатов
Мини-тесты по физике
Слайд-шоу к урокам физики
Игра на уроке физики
Физические кроссворды, 7-11 кл.
Виртуальные лабораторные работы
Весь школьный курс в таблицах
Интерактивные стенды по физике
Интерактивные тренажеры, 7-11 кл.
Тест-минутка, 7 - 9 класс
Разработки тестов и викторин
Ребусы к урокам физики
Уроки с интерактивной доской
 
Математика 5 класс, СФЕРЫ
Математика 6 класс, СФЕРЫ
Алгебра 7, ДОРОФЕЕВ
Математика, серия презентаций
Необычные уроки кота Серафима
Слайд-шоу на уроках математики
Математические тест-минутка
Мини-тест, выбери верный ответ
Серия интерактивных тренажеров
Интерактивные кроссворды
Серия интерактивных плакатов
ФГОС: тесты для 5, 6 классов
Тригонометрические таблицы
Ребусы к урокам математики
 
Полезное к уроку
Флеш проекты на уроке
Физический конвертер
Таблица Менделеева
Кроссворд с настройками
Секундомер
Таблицы. Тригонометрия
 
Оформление слайда
Аудио и видео на слайде
Веб-страница на слайде
Диаграмма на слайде
Флэш-ролик на слайде
Идеи к презентациям
Пазлы за 5 минут
 
Развиваем интерес
Программы, развивающие познавательный интерес на уроках и вне урока...           подробнее...
 
О технологии триггеров
Немного о триггерах
Триггер - первые пробы
Триггер в интерактивном плакате
 
Триггер - разработка программ
Понятие триггера.
Создание триггера.
Дизайн проекта.
Пазлы на слайде.
Кнопки для интерактива.
Проект "Плотность вещества".
Проект со шторкой.
Проект тест-минутка.
 
Применяем Flash
Немного о Flash
Flash на уроке
Создаем слайд-шоу
 
Великие математики
Математики - их биографии и жизнеописания. Основные этапы жизни.
 
Великие физики
Краткие очерки, посвященные жизни и деятельности известных физиков.
 
 
Создание слайд-шоу
 
Предлагаем поэтапный комментарий к разработке несложного слайд-шоу. Главное - здесь будет разработана основа программы.
 

Рисунки, тексты для наполнения слайдов оставляем за рамками этой работы. При желании, на эту тему можно поговорить позднее.
Программа разработана на базе Macromedia Flash 8. Можно использовать эти алгоритмы и при работе с более современными редакторами.

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

1. Создать десять слайдов
2. Создать десять рисунков кнопок
3. Создать десять рисунков теней под кнопками
4. Написать несколько строк кода управления слайдами

 
Определим главное
Слайд-шоу будет содержать десять слайдов, переключаемых соответствующими кнопками. При нажатии на кнопку, она будет немного опускаться вниз, фиксируя рассматриваемый слайд. 
   На слайдах будут размещены иллюстрации, сопровождаемые комментариями. Содержание иллюстраций определяется темой программы и выбранной методикой.
   Первый слайд будет титульным.
 
Подготовим нужное
В нужном месте создаем папку под будущую программу. Назовем ее "Слайд-шоу". В этой папке создадим вложенную папку "Набор". Здесь будут собираться различные рисунки для программы.
 
Начинаем...
Запускаем Macromedia Flash 8.
В верхней части окна выбираем командную строку "Flash Document". Нажимаем ее.
   Таким образом мы создадим заготовку для ролика.
   В раскрывшемся окне редактора мы увидим наш проект.
 
В верхней части слева создан первый слой "Layer1", правее, во временной линейке - символ первого кадра. Это обведено синей линией.
   В центре - белый цвет первого кадра первого слоя.
   В нижней части - кнопка"
Size", отвечающая за размеры программы.
   Нажимаем на нее и в выпавшем окне "
Document Properties" устанавливаем размеры по ширине - 800 (width) и по ширине - 600 (height).
   Сохраняем проект под именем "
My_show
", (или под другим) в папке "Слайд-шоу".
 
Создаем слои

Нажимаем на пиктограммы добавления слоев трижды и получаем четыре слоя (Layer 1  ... Layer 4).
    Дважды щелкнув левой кнопкой по каждому слою, переименовываем их, снизу вверх так:
Teni, Knopki, Slajdy, Codes.

    Самый верхний будет - Codes, в нем мы будем писать алгоритмы программы слайд-шоу.
    В слое
Slajdy расположатся иллюстрации и комментарии к ним.
    В слое
Knopki - изображения кнопок и алгоритмы управления ими.
    В слое
Teni
- изображение тени от кнопок, создающие иллюзию объемности. 
 
Заготовки кнопок
Нам потребуется десять кнопок с изображением их номеров.
Кнопки можно создавать разными способами. Они будут преобразованы в символы и ими можно будет управлять. В этом примере они созданы с помощью PowerPoint. На слайде размещены 10 прямоугольников, их заливка выполнена с градиентом и введены числа.  Сделан скриншот слайда, кнопки вырезаны и оптимизированы с помощью программы ACDSee. Их размер 40Х27 пиксел. Размеры, расцветка и прочее могут отличаться.
Сохраним изображения кнопок в папке "Набор" под именами btn1.jpg, btn2.jpg, ... , btn10.jpg.
Формат изображений не обязательно ".jpg".
 
Тень кнопок
Щелкая по точкам под "глазом", закрываем все слои для редактирования, кроме нижнего. В слое Teni щелкаем по первому кадру, выделяя его.
    Выбираем инструмент "Прямоугольник"
 
и устанавливаем свойства(properties): линии нет, заливка - черная.
 
На слое Teni в первом кадре рисуем прямоугольник (w=36, h=22). Щелкаем правой кнопкой по прямоугольнику и выбираем "Convert to simbol...". В появившемся окне установите Name: "tn", Type: "Movie Clip".
   Не забудьте задать имя в поле <
Instance Name> для созданного клипа - "tn
"
 
В нижней левой части редактора выбираем закладку "Фильтры" (Filters), нажимаем на плюсик и выбираем фильтр "Blur". Устанавливаем размытие - 13.
 
Размножаем кнопки
Щелкаем по созданному символу правой кнопкой, копируем.
Щелкаем правой кнопкой по слою
Teni, вставляем девять раз.
Размещаем тени на слое так, чтобы
y=558 для всех теней. Положение по горизонтали соответственно x= 24
, 80, 136, 192, 248, 304, 360, 416, 472, 528.
 
Размещаем рисунок кнопки
Закрываем слой Teni и открываем для редактирования слой Knopki. Выделяем в этом слое первый кадр.
   Выбираем команду меню "
File", переходим на строку"Import" и затем на строку "Import to Library...".
   В появившемся окне отыскиваем нашу папку "Набор", где лежат изображения кнопок и выбираем первую картинку
btn1.jpg. После нажатия кнопки ВСТАВИТЬ, в разделе "Library" (в правой части редактора), появится наш внедренный файл. Щелкнув по нему увидим само изображение.
   Наводим мышку на это изображение в библиотеке, нажимаем левую кнопку, и, не отпуская ее, тащим изображение в центр слоя. Отпускаем кнопку мышки -
картинка размещена на слое!
 
Символ кнопки

Щелкаем правой кнопкой по изображению на слое и выбираем команду "Convert to simbol...". В появившемся окне установите имя Name: "b1", Type: "Button".
   Не забудьте задать имя в поле <Instance Name> для кнопки (Button) - "b
1". Внимание! По этому имени мы будем управлять кнопкой!
   Первая кнопка сделана!

   Подобным образом внедрите в библиотеку изображения btn2.jpg, btn3.jpg и так далее. Конвертируйте их в символ кнопки, задавая имена управления b2, b4, ... , b10.

   Наконец, расположите их линейкой по порядку, слева направо таким образом, чтобы их координата y=550, у всех, кроме первой. У первой кнопки y=554. Она считается нажатой!
   Координаты х для кнопок таковы: 20, 76, 132, 188, 244, 300, 356, 412, 468, 524.

Кнопки созданы и размещены!
 
Первый блок кода
Закрываем все слои для редактирования. Открываем для редактирования слой Codes. Выделяем в нем первый кадр.
Под главным окном проекта находим закладку "Actions" и щелкаем по ней. Вместо окна проекта появится окно редактирования кода.
В это окно вводим текст:
stop();
this.cls=function()
{
b1._y=550; b1._alpha=100;
b2._y=550; b2._alpha=100;
b3._y=550; b3._alpha=100;
b4._y=550; b4._alpha=100;
b5._y=550; b5._alpha=100;
b6._y=550; b6._alpha=100;
b7._y=550; b7._alpha=100;
b8._y=550; b8._alpha=100;
b9._y=550; b9._alpha=100;
b10._y=550; b10._alpha=100;
}

Первая команда остановит ролик на первом кадре.
Мы также задали функцию, устанавливающую все кнопки в исходное положение по вертикали и делающую их непрозрачными.
 
Программируем кнопки
Закрываем окно "Actions", нажав на закладку "Actions - Frame". Закрываем слои и открываем для редактирования слой Knopki. Выделяем здесь первый кадр.
Выделяем первую кнопку и щелкаем по ней правой кнопкой. Выбираем команду "Actions". Мы попадем в окно редактирования кода для первой кнопки.
В это окно вводим текст:
on(press){
this.cls();
b1._y=554;
b1._alpha=80;
}

on (release) {
this.gotoAndStop(1);
}

Первая функция (on(press)) вызывает функцию cls(), и устанавливает свойства первой кнопки при нажатии на нее: первая кнопка опускается на 4 точки и становится прозрачной на 80%.
Вторая функция (on (release)) вызывает функцию this.gotoAndStop() перемещающую нас на кадр с номером 1.
Подобные операции производим по очереди со всеми кнопками, заменяя в коде b1 на b2, b3, и т.д. Также вставляем в функцию this.gotoAndStop() номер кадра 2, 3, и т.д.
Кнопки запрограммированы!
 
Делаем десять кадров

Закрываем все слои и открываем для редактирования слой Teni.
Устанавливаем курсор на первый кадр и, не отпуская, тянем до девятого кадра (следим по временной шкале). На девятом отпускаем и щелкаем по выделенной ленте правой мышкой. Выбираем строку "Insert Frame". Десять кадров сделано!
Закрываем все слои и открываем для редактирования слой Knopki. Точно также делаем десять кадров на слое Knopki.
Изображения теней и запрограммированных кнопок будут на всех десяти слайдах.

Делаем десять кадров на слое Slajdy таким же способом.

 
Делаем десять ключевых кадров
Ключевые кадры отличаются не только функционально, но и внешним видом - они имеют изображение кружочка. Первый кадр слоя Slajdy - ключевой.
   Щелкнем правой кнопкой на втором кадре слоя Slajdy и выберем команду "Insert Keyframe". Кадр станет ключевым. Повторим это со всеми 10 кадрами.
 
Программируем эти кадры
Закрываем все слои и открываем для редактирования слой Slajdy. Выделяем первый кадр и открываем вкладку "Actions". Вставляем текст кода:
stop();
Команда останавливает ролик на этом кадре.
Переходим на второй кадр и вставляем такую же команду. Затем на третий кадр и т.д.
 
Тестируем программу
Слайд-шоу готово!
Для тестирования программы выбираем команду меню "Control" и затем команду "Test movie".
При тестировании сразу будет создан flash ролик в папке, где находится программа и под таким же именем - My_show.swf
Этот ролик можно будет потом переименовать.

В этом примере, на каждом кадре слоя Slajdy, вставлены строки с их номерами, чтобы иметь наглядное представление на какой слайд мы попали.
 
Пример программы
Заготовку программы можно скачать здесь
Исходники проекта можно скачать
здесь
 
Для просмотра действующего проекта щелкни по изображению
 
 
Ваши отзывы и пожелания
 
 
Интерактивный плакат
Плакаты состоят из 2-3 разделов. Управление плакатом осуществляется с помощью  триггеров.

подробнее...

 
Конструируем образовательную среду
Статья "Урок: создание современной информационно-образовательной среды" разработана на основе материалов пособия для учителей "Технология подготовки урока в современной информационной образовательной среде"...                                       подробнее...
 
Наполнение урока интерактивом
В статье "Урок: создание современной информационно-образовательной среды" мы выделяем определенную структуру занятия. На этой странице предлагаются некоторые соображения по наполнению урока программами, в том числе и интерактивными.                        подробнее...
 
Производители ЦОР
Образовательные программы 1С. Полный каталог компакт дисков фирмы 1С. Прекрасная помощь к уроку.
Компания Физикон. Большое количество интерактивных компьютерных экспериментов.
Уроки Кирилла и Мефодия.
Ведущий разработчик и производитель электронных изданий.
Компания "Новый диск". Лидер обеспечения обучающими ресурсами образовательных учреждений.
Единая коллекция ЦОР. Все ресурсы предназначены для использования в системе образования РФ.
Федеральный центр ИОР. Электронные модули создаются по тематическим элементам учебных предметов.
 
     
 
Рейтинг@Mail.ru Яндекс цитирования  
  ТИЦ и PageRank seninvg07.narod.ru
 
     
 
  Сенин В.Г., Сенина Г.Н., МБОУ "СОШ №4", г Корсаков
 
     
Hosted by uCoz