Кафедра Информационно-коммуникационные технологии
Дизайн и эргономика пользовательских Интерфейсов
Создание презентации с помощью Macromedia Flash
группа С-85
Грачёва Анастасия
Заитова Эльвира
2008
Содержание
Введение. 3
Постановка задачи. 3
Структура презентации. 3
Подгрузка картинок. 4
Подгрузка текста. 5
Вывод. 5
Использованные источники. 6
Введение
Flash-технологии объединили в себе множество мощных технологических решений в области мультимедийного представления информации. Ориентация на векторную графику в качестве основного инструмента разработки flash-программ позволила реализовать все базовые элементы мультимедиа: движение, звук и интерактивность объектов. При этом размер получающихся программ минимален и результат их работы не зависит от разрешения экрана у пользователя – а это одни из основных требований, предъявляемых к интернет-проектам.
Примером использования flash-технологии является создание интерактивных локальных презентаций. Размер такой презентации получается небольшим и доступным для использования в интернете.
Постановка задачи
Необходимо создать презентацию с помощью ПО Macromedia Flash, которая должна удовлетворять следующим условиям:
§ количество страниц – не менее 5;
§ презентация должна содержать подгружаемую графику;
§ презентация должна содержать подгружаемый текст, поддерживающий стили оформления;
§ презентация должна содержать подключаемое внешнее видео с элементами управления.
Структура презентации
При запуске презентации попадаем на главную страницу, на которой располагаются 4 кнопки, при нажатии одной из кнопок, попадаем на следующую страницу. Здесь располагается небольшое меню, состоящее из 4 кнопок: «Аннотация», «Видео», «Картинки», «Домой».
Нажав на кнопку «Аннотация», нашему вниманию предоставляется краткая информация по герою.
При нажатии на кнопку «Видео» запускается видеоролик с элементами управления.
Кнопка «Картинки» позволяет просматривать изображения при помощи слайд-шоу. Переключение между изображениями происходит по нажатию на кнопки вперёд и назад.
При нажатии на домик, происходит возврат на главную страницу.
Подгрузка картинок
Просмотр картинок происходит при помощи слайд-шоу. Оно использует внешний XML-файл, в котором хранится информация о каждом слайде: их URL’ы и краткие описания. Каждое JPEG-изображение динамически загружается оператором loadMovie. Кнопки используются для переключения слайдов.
Приложение Слайд-Шоу состоит из трёх частей: документ программы Macromedia Flash, XML-файл и папка (каталог), содержащая несколько изображений формата JPEG.
Удобство использования XML-технологии в данном случае удобно тем, что при изменении содержания слайд-шоу Вам не потребуется вносить изменения во Flash-документ. Просто измените XML-документ (при помощи обычного текстового редактора) для других изображений и их описания.
Листинг 1.
slides_xml = new XML();
slides_xml. onLoad = startSlideShow;
slides_xml. load("slides. xml");
slides_xml. ignoreWhite = true;
// Show the first slide and intialize variables
function startSlideShow(success) {
if (success == true) {
rootNode = slides_xml. firstChild;
totalSlides = rootNode. childNodes. length;
firstSlideNode = rootNode. firstChild;
currentSlideNode = firstSlideNode;
currentIndex = 1;
updateSlide(firstSlideNode);
}
}
// Updates the current slide with new image and text
function updateSlide(newSlideNode) {
imagePath = newSlideNode. attributes. jpegURL;
slideText = newSlideNode. firstChild. nodeValue;
loadMovie(imagePath, targetClip);
}
// Event handler for 'Next slide' button
next_btn. onRelease = function() {
nextSlideNode = currentSlideNode. nextSibling;
if (nextSlideNode == null) {
break;
} else {
currentIndex++;
updateSlide(nextSlideNode);
currentSlideNode = nextSlideNode;
}
};
// Event handler for 'Previous slide' button
back_btn. onRelease = function() {
previousSlideNode = currentSlideNode. previousSibling;
if (previousSlideNode == null) {
break;
} else {
currentIndex--;
currentSlideNode = previousSlideNode;
updateSlide(previousSlideNode);
}
};
Подгрузка текста
Текст в презентации является внешним и загружается из файла. Поддерживается работа с файлами стилей css. Таким образом, можно не только изменять содержимое текста без изменения в файле презентации, но и управлять стилем отображения текста.
Листинг 2.
var myStyle:TextField. StyleSheet = new TextField. StyleSheet();
myStyle. load("style. css");
content_txt. styleSheet = myStyle;
content_txt. multiline = true;
content_txt. wordWrap = true;
content_txt. html = true;
//content_txt. leading = 6;
var story:XML = new XML();
story. ignoreWhite = true;
story. load("Ice_Age. html");
story. onLoad = function () {
content_txt. htmlText = story;
}
Вывод
Данная работа может служить красочным примером по созданию презентаций в Macromedia Flash. Так же её можно использовать в коммерческих целях для ознакомления потенциальной аудитории с новинками в области кино индустрии.
Использованные источники
Печатные издания:
Бурлаков Macromedia Flash MX. - СПб БХВ-Петербург, 2003. , Flash MX 2004 и ActionScript 2.0 обучение на примерах – Москва знание», 2004Электронные источники:
Macromedia Flash 8 Help. http://*****/index. php