| |
|
|
| |
| |
| |
 |
Как это работает |
|
|
|
| |
|
|
|
|
|
|
| |
|
 |
|
|
Вот
такие симпатичные, анимированные, а главное
- интерактивные, диаграммы и графики, можно
использовать на уроках или внеклассных
занятиях.
Изначально диаграммы предполагалось
демонстрировать на веб-страницах. Для
создания программы нужно
иметь в своем распоряжении три
файла:
1). Флэш-ролик с
диаграммой.
2). Файл "Data.xml",
в котором находятся настройки диаграммы.
3. Веб-страничку, на которой
будет размещена диаграмма.
Сама диаграмма представляет
собой запрограммированный флэш-ролик, использующий установки,
размещенные во внешнем файле формата XML,
наличие которого обязательно. |
|
| |
|
Для демонстрации диаграммы необходимо:
а) создать веб-страницу, в которой записать
программу для показа флэш-файла;
б) создать файл в формате XML, содержащий
установки для диаграммы;
в) скачать флэш-ролик с диаграммой.
г) сохранить все три файла в созданной
папке.
Изучение содержимого файлов
.xml и
.html с помощью
текстового редактора "Блокнот", показало,
что для получения диаграммы предстоит
сделать совсем немного. |
|
| |
|
|
|
|
|
|
| |
|
|
|
|
| |
| |
|
Создаем веб-страницу |
|
|
| |
|
Создаем
управляющий .xml
файл: |
|
|
| |
|
|
|
|
| |
|
1. Запускаем текстовый редактор "Блокнот" и
копируем в него текст будущего html файла: |
|
|
1. Запускаем текстовый редактор "Блокнот" и
копируем в него текст будущего xml файла: |
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
<html>
<head>
<title>Моя диаграмма</title>
</head>
<body bgcolor="#FFFFFF">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=8,0,0,0" width="800"
height="600"
id="Column3D"
>
<param name="movie" value="Column3D.swf"
/>
<param name="FlashVars" value="&dataURL=Data.xml&chartWidth=800&chartHeight=600">
<param name="quality" value="high" />
<embed src="Column3D.swf"
flashVars="&dataURL=Data.xml&chartWidth=800&chartHeight=600"
quality="high" width="800"
height="600"
name="Column3D"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/>
</object>
</body>
</html> |
|
|
<chart bgColor="99CCFF,FFFFFF" bgAlpha="40,100"
bgRatio="0,100"
showBorder="1" baseFontSize='24'caption="ТЕМПЕРАТУРА
КИПЕНИЯ">
<set label="АЦЕТОН"
value="57" />
<set label="КЕРОСИН"
value="150" />
<set label="ВОДА"
value="100" />
<set label="ЭФИР"
value="35" />
<set label="СПИРТ"
value="78" />
</chart> |
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
Выделенное красным цветом - это и есть
программа для показа флэш-ролика. Среди
красного текста синим цветом выделены
элементы, которые в дальнейшем можно
изменять:
800 - устанавливать размер по ширине; 600 - размер по
высоте; Column3D - указывать тип загружаемой диаграммы; |
|
|
Выделенное синим
цветом можно изменять:
baseFontSize='24'
- размер шрифта;
caption="ТЕМПЕРАТУРА
КИПЕНИЯ" - заголовок диаграммы;
set label="АЦЕТОН"
- данные для столбцов диаграммы диаграммы;
value="57" -
числовые значения для столбцов.
|
|
| |
|
2. Сохраняем этот файл в папке
под именем "Column3D.html". Можно
скачать этот файл здесь. |
|
|
2. Сохраняем этот файл в папке
под именем "Data.xml". Можно
скачать этот файл здесь. |
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
|
| |
| |
|
Завершаем |
|
|
| |
|
|
| |
|
Закачиваем
флеш-ролик:
1. Находим в
FusionCharts флэш-ролик.
Сохраняем его в выбранной папке. Можно
скачать этот файл здесь.
Проверяем: в папке должно
быть три файла - "Column3D.swf",
"Column3D.html" и "Data.xml".
Если сейчас запустить файл "Column3D.html",
который мы сохранили в папке , то
увидим свою диаграмму, размещенную в окне веб-страницы.
Как смотреть другие типы диаграмм?
Тип Pie3D:
Скачать набор файлов
Тип комбинированный:
Скачать набор файлов
Как смотреть диаграммы в презентации?
Способ первый:
Создаем слайд,
размещаем на нем кнопку и задаем гиперссылку
на файл "Column3D.html"
Готово!
Способ
второй:
Создаем слайд, размещаем на нем
web-browzer и
прописываем команды на загрузку веб-страницы
"Column3D.html". Готово! Пример размещен здесь.
Об использовании программы
web-browzer на
слайде
можно
смотреть здесь. |
|
| |
|
|
|
|
|
|
| |
|
|
| |
| |
|
Самое простое |
|
|
|
| |
|
А также |
|
|
|
| |
|
|
|
|
|
|
| |
|
Самый простой способ подключить
медиа-ресурс к проекту заключается в
использовании гиперссылки.
-
Размещаем на слайде кнопку,
надпись или картинку;
-
Выбираем команду: вставить ->гиперссылка
->
мой_медиа_ресурс.
-
Готово!
В
любом месте урока, не прерывая
проекта, запускаем медиа! |
|
|
Интерактив на уроке
Курс разработки интерактивных
программ на основе технологии
триггеров. |
|
| |
|
|
|
|
|
|
| |
|
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
