Проектирование и разработка электронного учебника по предмету "Химия"

XML как один из популярных языков разметки. Функциональные возможности и области применения JavaScript и VBScript. Принципы и технологии работы с Adobe Professional Flash, его использование в Web-программировании. Логическая схема интерактивной функции.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 10.04.2013
Размер файла 1,0 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

25

Размещено на http://www.allbest.ru/

1

Размещено на http://www.allbest.ru/

Министерство образования Республики Башкортостан

ГБОУ СПО «Уфимский государственный профессионально-педагогический колледж»

ТЕМА КУРСОВОЙ РАБОТЫ

Проектирование и разработка электронного учебника по предмету «Химия»

Выполнил

студент группы ПО-41 Закиев Р.Р.

Преподаватель Атнашев С.М.

Уфа 2013

Содержание

Введение

1. Обзор технологий для разработки Интернет приложений

1.1 Обзор XML

1.2 Языки JavaScript и VBScript

1.3 Adobe Flash Professional

2. Практическая реализация поставленной задачи

2.1 Возможности Flash

2.2 Сценарии во Flash

2.3 Принципы Adobe Professional Flash

2.5 Применение Adobe Professional Flash в Web

ЗАКЛЮЧЕНИЕ

Список используемых источников

ВВЕДЕНИЕ

Программный продукт -- комплекс взаимосвязанных программ для решения определенной проблемы (задачи) массового спроса, подготовленный к реализации как любой вид промышленной продукции.

Путь от "программ для себя" до программных продуктов достаточно долгий, он связан с изменениями технической и программной среды разработки и эксплуатации программ, с появлением и развитием самостоятельной отрасли -- информационного бизнеса, для которой характерны разделение труда фирм -- разработчиков программ, их дальнейшая специализация, формирование рынка программных средств и информационных услуг.

Программные продукты могут создаваться как:

· индивидуальная разработка под заказ;

· разработка для массового распространения среди пользователей.

При индивидуальной разработке фирма-разработчик создает оригинальный программный продукт, учитывающий специфику обработки данных для конкретного заказчика.

При разработке для массового распространения фирма-разработчик, с одной стороны, должна обеспечить универсальность выполняемых функций обработки данных, с другой стороны, гибкость и настраиваемость программного продукта на условия конкретного применения. Отличительной особенностью программных продуктов должна быть их системность -- функциональная полнота и законченность реализуемых функций обработки, которые применяются в совокупности.

Программный продукт разрабатывается на основе промышленной технологии выполнения проектных работ с применением современных инструментальных средств программирования. Специфика заключается в уникальности процесса разработки алгоритмов и программ, зависящего от характера обработки информации и используемых инструментальных средств. На создание программных продуктов затрачиваются значительные ресурсы -- трудовые, материальные, финансовые; требуется высокая квалификация разработчиков.

Как правило, программные продукты требуют сопровождения, которое осуществляется специализированными фирмами -- распространителями программ (дистрибьюторами), реже -- фирмами-разработчиками. Сопровождение программ массового применения сопряжено с большими трудозатратами -- исправление обнаруженных ошибок, создание новых версий программ и т.п.

1. ОБЗОР ТЕХНОЛОГИЙ ДЛЯ РАЗРАБОТКИ ИНТЕРНЕТ ПРИЛОЖЕНИЙ

Около 20 лет назад Министерство Обороны США создало сеть - ARPAnet, которая назвалась Internet. ARPAnet была экспериментальной сетью, - она создавалась для поддержки научных исследований в военно-промышленной сфере, в частности, для исследования методов построения сетей, устойчивых к частичным повреждениям, получаемым, например, при бомбардировке авиацией и способных в таких условиях продолжать нормальное функционирование. Это требование дает ключ к пониманию принципов построения и структуры Internet. В модели ARPAnet всегда была связь между компьютером-источником и компьютером-приемником (станцией назначения).

На сегодняшний день исторические экспериментальные сети превратились в гигантскую мировую сеть. Она связывает практически все уголки земного шара, обеспечивая неограниченные возможности обмена информации между её пользователями.

Web - узлы представляют собой в большинстве случаев специализированные компьютеры, на которых хранится информация доступная пользователям.

Изначально информация хранящаяся в Интернет была в виде статического текста, который мог содержать в себе набор текстовой информации, и имелась возможность оформления и форматирования текста. Было принято применять единый язык оформления гипертекстовых документов HTML, который мог освоить даже стандартный пользователь. HTML стал стандартом и одновременно «корнем» для всех разрабатываемых Web страничек.

У большинства страниц был цветовой фон, немного графики по центру и текст - внешне не очень привлекательно, но тем не менее, эффективно. Потом в броузерах появились таблицы и фреймы, и создание Web-страницы превратилось в искусство. Внезапно сложные страницы стали стандартом, и ему соответственно не легко было следовать, так как методика была сложной, а броузеры оставались ограниченными в своих возможностях.

Производители интернет броузеров Netscape и Microsoft уделили особое внимание этим вопросам в своих 4.x - 5.х версиях, введя динамический HTML, или DHTML, который делает возможным точное размещение благодаря наличию слоёв, и ряд других хороших возможностей. Введённые при этом языки программирования JavaScript и VBScript позволяли использовать слои и точно размещать элементы на Web страничке. Но всё же главными проблемами были как доскональное изучение написания сценариев и совместимость Web броузеров.

Позже когда производители программных продуктов поняли, что разработка Web страничек с использованием слоёв и различного рода эффектов перестало интересовать стандартных пользователей, необходимо было разработать программы, которые могли «генерировать» Web странички для автоматизации труда разработчика, например такие как: Microsoft Front Page, Home Site. Но главной проблемой оставался объём информации для наполнения Web страничек: картинки, звуки и анимация.

Существовало множество идей по поводу различного рода технологий создания Web страничек, от ведущих корпораций производителей программных продуктов. Но выгоднее и эффективнее оказались разработки корпорации Macromedia. Они уже давно занимались внедрением проектов векторной графики в Интернет. Сама технология которую они «Macromedia Flash» составляла в себе совокупность средств разработки и отображения проектов.

Flash -разработки имеют мало ограничений в области дизайна. Графические элементы можно разместить точно в любом месте страницы, можно наложить элементы один на другой без применения необходимости написания сценариев. Во Flash можно создать диалоговые формы, которые будут получать информацию от пользователей, и передавать её серверу. Также во Flash имеется такая возможность, как управлять прозрачностью, которая придаёт глубину и очарование работам.

Редактор для разработки Flash проектов позволяет расширить возможности разработчика так и в области дизайна так и программирования, так как Flash тоже имеет свой собственный язык программирования «Action Script», который позволяет придавать внутреннюю логику проекта, а также есть возможность как совместное использование JavaScript и VBScript вместе с Flash проектом.

1.1 Обзор XML

XML - один из самых популярных в последнее время языков разметки. Вот уже несколько лет в мире продолжается бум XML. Большинство новых версий известных приложений к числу своих достоинств причисляет поддержку XML (XML support). Что же такое XML и зачем он нужен?

В 1986 ISO был стандартизован SGML (Standard Generalize Markup Language). Этот язык сейчас называют прадедушкой всех языков разметки. Он широко применяется и сейчас в издательской деятельности, при создании технической документации и во многих других областях. Но излишняя сложность спецификаций этого языка отпугивала от него пользователей. Во время первоначального бурного развития World Wide Web огромную популярность завоевал другой язык разметки - HTML (Hyper Text Markup Language). HTML предоставлял достаточно ограниченное количество тегов (элемент языка разметки) и являлся одной из частных реализаций (приложений) SGML. В среде дизайнеров и разработчиков HTML был очень популярен, так как позволял быстро и просто создавать Web-сайты.

Но, к сожалению, HTML накладывал массу ограничений, разработчики браузеров предоставляли специфические теги для расширения возможностей (при этом возникала опасность, что ряд пользователей пользующихся другими браузерами будут лишены доступа к информации). До сих пор при необходимости сделать что-нибудь неординарное разработчики вынуждены использовать какой-нибудь язык сценариев, например JavaScript или VBScript. Но все эти подходы не позволяли осуществлять управление структурой документа и данными в полной мере. Эту проблему решает XML, являющийся подмножеством SGML и фактически полностью поддерживающий его возможности.

Введем определение XML элемента на примере:

<director> Ivanov </director>

<actor> Ivanov </actor>

Между начальным (<director>) и конечными (</director>) тегами элементанаходится содержимое данного элемента. Элемент может состоять как из двух тегов (начального и конечно), так и только из одного, например - <director/>. В самом теле элемента может содержаться дополнительная информация - атрибуты:

<city zip= “194100”> Saint-Petersburg </city>

В данном случае ZIP является атрибутом тега CITY. Значение атрибута всегда передается в виде строки. Ниже приведено несколько не сложных правила, которые необходимо соблюдать при работе с XML элементами:

XML элементы регистро-зависимые. Таким образом <city>, <city> и <city> -разные теги.

Любой тег должен быть закрыт <item attribute=“text”/>

eXtensible Stylesheet Language - язык форматирования XML данных

Как понятно из заголовка eXtensible Stylesheet Language (XSL) используется для форматирования XML данных. По определению W3C XSL состоит из двух частей:

· XSLT - XSL Transformation. Язык, используемый для трансформирования XML документов. Таким образом, при помощи XSLT мы можем получить разные разрезы данных.

· Элементы форматирования. К этим элементам относятся все элементы типографического оформления XML данных после обработки их при помощи XSL.

При помощи XSL мы можем отобрать нужные нам данные из XML файла и оформить их для предоставления пользователю. Ниже будут приведен пример XML, хранящего информацию об ассортименте книжного магазина и XSL файл, показывающий часть этой информации в виде таблицы.

XML данные

<books>

<book>

<title>Heart of Darkness</title>

<author>Joseph Conrad</author>

<price>12.99</price>

</book>

<book>

<title>Arrowsmith</title>

<author>Sinclair Lewis</author>

….

<books>

XSL файл

<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

<xsl:template match="/">

<HTML>

<BODY>

<TABLE>

<xsl:for-each select="books/book">

<TR>

<TD><xsl:value-of select="title" /></TD>

<TD><xsl:value-of select="author" /></TD>

<TD><xsl:value-of select="price" /></TD>

</TR>

<br/>

</xsl:for-each>

</TABLE>

</BODY>

</HTML>

</xsl:template>

</xsl:stylesheet>

Этот XSL файл описывает шаблон (template), согласно которому будет совершаться преобразование XML данных. В нем, в качестве форматирующих элементов используется HTML, а данные оформляются в виде таблицы.

Для того чтобы увидеть преобразованный документ достаточно добавить в файл, содержащий XML данные строку, указывающую какой таблицей стилей необходимо воспользоваться (в параметре href укажите путь к файлу содержащему XSL):

<?xml-stylesheet type="text/xsl" href="BooksTable.xsl"?>

После этого можно открыть XML файл при помощи браузера Internet Explorer 5.0 или выше, который автоматически совершить преобразование XML данных и выведет таблицу.

1.2 ЯЗЫКИ JavaScript и VBScript

JavaScript
В настоящее время трудно найти в Интернете HTML-страничку, не содержащую ни одного оператора а зыка JavaScript. Любой Web - мастер или создатель собственной страницы в Интернете заботится о том, чтобы как можно большее число потенциальных посетителей разработанного сайта или личной страницы увидели в окне своего броузера именно то, что задумывалось разработчиком страницы.
Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это объектно-ориентированный язык разработки встраиваемых приложений, выполняющихся как на стороне клиента, так и на стороне сервера. Синтаксис языка очень похож на синтаксис Java - поэтому его называют Java - подобным. Клиентские приложения выполняются броузером просмотра Web--документов на машине пользователя, серверные документы выполняются на сервере.
При разработке обоих типов приложений используется общий компонент языка называемый ядром и включающий определения стандартных объектов и конструкций:
переменные, функции, основные объекты и средство «LiveConnect» взаимодействия с Java-апплетами), и соответствующие компоненты дополнений языка, содержащие специфические для каждого типа приложений определения объектов.
Клиентские приложения непосредственно встраиваются в HTML-страницы и интерпретируются браузером по мере отображения частей документа в его окне.
Серверные приложения для увеличения производительности предварительно компилируются в промежуточный байт-код. После этого эти приложения запускаются на сервере по мере обращения к ним со стороны клиента.
Основные области применения JavaScript делятся на следующие категории:
· Динамическое создание документа с помощью сценария.
· Оперативная проверка достоверности заполняемых пользователем полей форм HTML до передачи их на сервер.
· Создание динамических HTML-страниц совместно с каскадными таблицами стилей и объектной моделью документа.
· Взаимодействие с пользователем при решении «локальных» задач, решаемых приложением JavaScript, встроенном в HTML-страницу.
VBScript
Язык создания сценариев VBScript разработан фирмой Microsoft, является подмножеством достаточно распространенного в среде программистов языка Visual Basic разработки прикладных программ Windows-приложений. Как и его родитель, язык VBScript достаточно прост и лёгок в изучении.

Преимуществом его применения для создания сценариев является возможность использования, с небольшими корректировками, ранее написанных процедур на языках Visual Basic и Visual Basic for Application.

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

VBScript используется для написания сценариев клиента (в этом случае браузер должен иметь встроенный интерпретатор этого языка), а также для написания сценариев на сервере (в этом случае сервер должен поддерживать язык VBScript).

Для создания сценариев клиента используется набор объектов, аналогичный набору JavaScript. Объекты клиента и сервера отличаются друг от друга, но существует общая часть (ядро) объектов, используемых при разработке как сценариев клиент, так и сценариев сервера.

1.3 ТЕХНОЛОГИЯ Adobe Professional Flash

Основными проблемами в сфере разработки приложений под Web были как объём странички и совместимость интернет броузеров.

Adobe Professional Flash - очень мощное, при этом простое в использовании, средство создания анимированных проектов.Flash является идеальным рабочим инструментом для художников и дизайнеров, позволяющим дополнять создаваемые ими Web - проекты анимацией и звуком.

После нескольких принятых соглашений об использовании Flash в качестве Web стандарта, он стал легко интегрироваться, что позволяет встроить Flash проект практически без швов. Для корректного отображения Flash страниц используется Adobe Flash Player.

. Внутренний язык программирования Action Script позволял сопровождать какие либо действия или события, какими либо звуковыми или видео эффектами. Возможности Action Script сравнимы с возможностями JavaScript и VBScript.

Изначально Flash разработки были малоизвестны, пока корпорация Macromedia не предложила переделать один из разделов сервера Walt Disney используя Flash.

Это дало большую рекламу Flash технологии. Многие дизайнерские студии начали покупать пакеты программных продуктов для разработки Web страничек при помощи Flash технологии.

Приложение Adobe Flash Professional -- это отраслевой стандарт в области создания динамичных интерактивных приложений с возможностью вывода на самые различные медиаисточники: персональные компьютеры, мобильные устройства и экраны практически любого размера и разрешения. Продукт помогает создавать интерактивные приложения, разрабатывать web-приложения и видеопорталы.

Возможности для работы с текстом

Полный контроль над текстом с типографским качеством при помощи новой среды Text Layout Framework. Работа со столбцами и двунаправленным текстом и сохранение компоновки и формата текста при импорте из других продуктов Adobe.

Интеграция с Creative Suite

Повышенная производительность при работе с такими компонентами Adobe Creative Suite, как Adobe Photoshop, Illustrator, InDesign и Flash Builder.

Редактор ActionScript

Ускорение процесса разработки при помощи улучшенных функций редактора ActionScript, включая подсказку по пользовательским классам и автозавершение кода. Flash Builder -- это основной редактор кода ActionScript для создания проектов Adobe Flash Professional.

Обратная кинематика

Улучшенные возможности работы с движущимися объектами -- настройки интенсивности и смягчения на палитре «Кости» для добавления реалистичных эффектов. Создание естественных плавных движений при помощи удобного и привычного интерфейса.

Работа с видео

Упрощение процессов внедрения и кодирования видео благодаря улучшенной функции предварительного воспроизведения и новому инспектору свойств ключевых точек. Просмотр и воспроизведение компонентов в формате FLV непосредственно в монтажной области.

Исходные файлы в формате FLA на основе XML

Система управления исходным кодом для отслеживания и редактирования проектов, а также удобной совместной работы над файлами. Реализация формата FLA на основе XML, не содержащая двоичного кода, позволяет работать с проектами и входящими в них ресурсами как с элементами каталога или папки.

Панель «Фрагменты кода»

Ускоренное обучение ActionScript 3.0 и расширение возможностей для творчества благодаря готовым фрагментам кода, вставляемым в проекты. Быстрое внедрение кода для таких элементов, как навигация по временной шкале, действия, анимация, звук и изображение, а также обработчики событий.

Объектно-ориентированная модель анимации

Редактор движений для использования объектной анимации и точного контроля над атрибутами движений. Эффективная разработка интерактивного содержимого при помощи панели «Стили движений», которая содержит множество готовых элементов анимации и позволяет создавать, сохранять и использовать свои собственные эффекты.

Улучшенные инструменты рисования

Удобные инструменты для создания динамичного интерактивного контента.

Поддержка самых разных устройств

Унификация интерактивного контента для персональных компьютеров, мобильных устройств, включая iPhone (при наличии разрешения и соблюдения текущих требований Apple), и экранов практически любого размера и разрешения, а также интеграция с Adobe Device Central для улучшенного тестирования и отладки.

2. ПРАКТИЧЕСКАЯ РЕАЛИЗАЦИЯ ПОСТАВЛЕННОЙ ЗАДАЧИ

Меню Сайта

<?xml version="1.0" encoding="UTF-8"?>

<XMLobject>

<page>

<!-- This title will show up on the navigation menu -->

<name>ИНТРО</name>

<!-- true / false for subpages -->

<hasSubPages>false</hasSubPages>

<!-- Location of XML file for this page -->

<xmlPath>site_configuration/intro.xml</xmlPath>

<utilityType>intro</utilityType>

</page>

<page>

<!-- This title will show up on the navigation menu -->

<name>ГЛАВНАЯ</name>

<!-- true / false for subpages -->

<hasSubPages>false</hasSubPages>

<utilityType>home</utilityType>

<!-- Location of XML file for this page -->

<xmlPath>site_configuration/home.xml</xmlPath>

</page>

<page>

<!-- This title will show up on the navigation menu -->

<name>КОМАНДА</name>

<!-- true / false for subpages -->

<hasSubPages>true</hasSubPages>

<utilityType>team</utilityType>

<subPage>

<name>МЕНЕДЖЕРЫ</name>

<!-- Location of XML file for this group -->

<xmlPath>site_configuration/team.xml</xmlPath>

</subPage>

<subPage>

<name>ДИРЕКТОРЫ</name>

<!-- Location of XML file for this group -->

<xmlPath>site_configuration/team.xml</xmlPath>

</subPage>

<subPage>

<name>РАЗРАБОТЧИКИ</name>

<!-- Location of XML file for this group -->

<xmlPath>site_configuration/team.xml</xmlPath>

</subPage>

<subPage>

<name>ХУДОЖНИКИ</name>

<!-- Location of XML file for this group -->

<xmlPath>site_configuration/team.xml</xmlPath>

</subPage>

</page>

<page>

<!-- This title will show up on the navigation menu -->

<name>ФОТО</name>

<!-- true / false for subpages -->

<hasSubPages>true</hasSubPages>

<utilityType>photos</utilityType>

<subPage>

<name>АЛЬБОМ 1</name>

<!-- Location of XML file for this album -->

<xmlPath>site_configuration/PhotoGallery1.xml</xmlPath>

</subPage>

<subPage>

<name>АЛЬБОМ 2</name>

<!-- Location of XML file for this album -->

<xmlPath>site_configuration/PhotoGallery2.xml</xmlPath>

</subPage>

<subPage>

<name>АЛЬБОМ 3</name>

<!-- Location of XML file for this album -->

<xmlPath>site_configuration/PhotoGallery3.xml</xmlPath>

</subPage>

<subPage>

<name>АЛЬБОМ 4</name>

<xmlPath>site_configuration/PhotoGallery4.xml</xmlPath>

</subPage>

</page>

<page>

<!-- This title will show up on the navigation menu -->

<name>ВИДЕО</name>

<!-- true / false for subpages -->

<hasSubPages>true</hasSubPages>

<utilityType>videos</utilityType>

<subPage>

<name>ВИДЕО 1</name>

<!-- Location of XML file for this album -->

<xmlPath>site_configuration/video.xml</xmlPath>

</subPage>

<subPage>

<name>ВИДЕО 2</name>

<!-- Location of XML file for this album -->

<xmlPath>site_configuration/video.xml</xmlPath>

</subPage>

<subPage>

<name>ВИДЕО 3</name>

<!-- Location of XML file for this album -->

<xmlPath>site_configuration/video.xml</xmlPath>

</subPage>

</page>

<page>

<!-- This title will show up on the navigation menu -->

<name>БЛОГ</name>

<!-- true / false for subpages -->

<hasSubPages>true</hasSubPages>

<utilityType>blog</utilityType>

<subPage>

<name>ЮНЕСКО</name>

<!-- Location of XML file for this album -->

<xmlPath>site_configuration/blog1.xml</xmlPath>

</subPage>

<subPage>

<name>ЮНЕСКО</name>

<!-- Location of XML file for this album -->

<xmlPath>site_configuration/blog2.xml</xmlPath>

</subPage>

<subPage>

<name>ЮНЕСКО</name>

<!-- Location of XML file for this album -->

<xmlPath>site_configuration/blog3.xml</xmlPath>

</subPage>

</page>

</XMLobject>

Главная страница

<xmlObject>

<article1>

<p1><![CDATA[<h2>Заглавие Статьи

<font color="#555555"> <a href="http://ugppk.ru">ссылки </a>и фотографии.</font></h2>]]></p1>

<imageURL>site_images/homeTitle.png</imageURL>

<imageURL2>site_images/homeImage.jpg</imageURL2>

<imageURL3>site_images/homeFooter.jpg</imageURL3>

</article1>

<calendar>

<title><![CDATA[<p class="l2h7">КАЛЕНДАРЬ СОБЫТИЙ</p>]]></title>

</calendar>

<event1>

<title><![CDATA[<p class="l2alt2" class="l2bold">Акция "Посади свое дерево!" под эгидой UNESCO»</p>]]></title>

<dateTime><![CDATA[<p class="l2alt3">1 Янв 2009 8:00 вечера</p>]]></dateTime>

<eventDesc><![CDATA[<p class="l2alt2"> </p><a class="aAlt" href="http://ugppk.ru">ссылка</a>]]></eventDesc>

</event1>

<event2>

<title><![CDATA[<p class="l2alt2" class="l2bold">Заглавие События</p>]]></title>

<eventDesc><![CDATA[<p class="l2alt2">текст </p><a class="aAlt" href="http://ugppk.ru">ссылка</a>]]></eventDesc>

<dateTime><![CDATA[<p class="l2alt3">1 Янв 2009 8:00 вечера</p>]]></dateTime>

</event2>

<event3>

<title><![CDATA[<p class="l2alt2" class="l2bold">Заглавие События</p>]]></title>

<eventDesc><![CDATA[<p class="l2alt2"> текст </p><a class="aAlt" href="http://ugppk.ru">ссылка</a>]]></eventDesc>

<dateTime><![CDATA[<p class="l2alt3">1 Янв 2009 8:00 вечера</p>]]></dateTime>

</event3>

<event4>

<title><![CDATA[<p class="l2alt2" class="l2bold">Заглавие События</p>]]></title>

<eventDesc><![CDATA[<p class="l2alt2">текст </p><a class="aAlt" href="http://testpage.org.ua">ссылка</a>]]></eventDesc>

<dateTime><![CDATA[<p class="l2alt3">1 Янв 2009 8:00 вечера</p>]]></dateTime>

</event4>

<video1>

<URL>site_videos/intro2.flv</URL>

<title><![CDATA[<p class="l2h6">Больше информации на <a class="aAlt" href="http://ugppk.ru/">сайте ugppk</a></p>]]></title>

</video1>

<video2>

<URL>site_videos/intro3.flv</URL>

<title><![CDATA[<p class="l2h6">Больше информации на <a class="aAlt" href="http://ugppk.ru/">сайте ugppk</a></p>]]></title>

</video2>

<footer>

<copyright><![CDATA[<p class="l2h4">Ramil M 2011-2012 - ugppk.ru</p>]]></copyright>

<p1><![CDATA[<p class="l2h3">УГППК</p>]]></p1>

</footer>

</xmlObject>

2.2 ВОЗМОЖНОСТИ Flash

Векторная графика на сегодня - идеальное решение для разработки Web -сайтов, позволяющее с равной эффективностью воспроизводить изображения практически на всех типах компьютеров (Pc, Mac, NoteBook) и мониторов.

Обычно, растровое изображение состоит из тысяч или даже сотен тысяч точек, информация о цвете и расположении каждой содержится в файле, опираясь на эту информацию система создает изображение. Поэтому - качественные, многоцветные растровые изображения занимают очень много места.

По сути, вектор - это прямая, направленная от точки до точки, так как векторное изображение состоит из координат угловых точек, между которыми проходят прямые. Чтобы изобразить простую линию в растровом формате, потребуется указывать местоположение каждой точки этой линии, для изображения той же линии в векторе, необходимо лишь указать две точки и расстояние между ними, плюс - толщина линии и ее цвет. Естественно, что многие цифровые параметры неоднократно повторяются, именно они и позволяют легко сжимать векторные изображения в два, три раза.

В отличие от растровых форматов, таких как GIF и JPEG, используемых в сети повсеместно, векторные изображения - графика, тексты, схемы и анимация легко экспортируются в необычайно компактные файлы формата SWF (Shock Wave Flash), которые быстро грузятся и способны потоково проигрываться непосредственно в Сети при помощи обычного броузера.

Технология Symbol Conversation

Подход Flash к разработке также облегчает создание сложных мультимедийных презентаций, при этом размеры файлов остаются небольшими. Так как такие элементы, как векторы, растровые изображения и звук обычно используются в одном проекте несколько раз, Flash, благодаря своей внутренней функции Symbol Conversation позволяет создавать единственный экземпляр объекта, который можно повторно использовать вместо того, чтобы каждый раз пересоздавать новый. Такой подход существенно уменьшает размер файла проекта.

К дополнению была разработана библиотека - Library. Она представляет собой перечень всех используемых констант, в качестве которых могут выступать как нарисованные символы, так и импортированные графика и звуки. С помощью библиотеки можно обращаться к любому элементу независимо от того на каком слое или кадре он находится.

Цветовые палитры, а также градиентные заливки можно импортировать (и экспортировать) из других графических приложений (например, Macromedia Fireworks и Adobe Photoshop), что обеспечивает неизменность цветов на всем сайте. Палитра сохраняется в файле .fla и не влияет на размер экспортируемого файла .swf. По умолчанию Flash использует палитру web-safe.

Используя свойства технологии Symbol Conversation можно создавать текстовые поля позволяющие вводить данные во время воспроизведения Flash-проекта для создания всевозможных форм сбора сведений от пользователей: ввода паролей, регистрационных, опросных и др. Это, наиболее значительное нововведение и шаг к созданию полноценных Web-сайтов. Кроме того, поля применяются для динамической замены текста. Такое свойство может быть использовано для отображения постоянно обновляемой информации: биржевой, спортивной, прогнозов погоды. Когда пользователь создает текстовое поле, он назначает ему переменную. При этом возможно передавать переменные в разные сцены ролика, в server-side-приложения для занесения их в базы данных и даже загружать новые данные.

Передача данных в потоковом режиме

Главный решающий фактор, определяющий способность Flash создавать быстро загружающиеся приложения мультимедиа для Web - это передача содержимого в потоковом режиме. Несмотря на другие его достоинства, без этой особенности Flash вряд ли бы стал практичным для использования в Web.

Потоковая передача содержимого - это ещё один пример технологии, порожденный необходимостью. До её появления ограниченная скорость соединения не позволяла пользователям просматривать или прослушивать файлы, до тех пор пока всё их содержимое не было полностью загружено на компьютер. Однако разработчики осознали, что пользователям не нужно видеть или слышать каждый байт одновременно: можно получить точно такое же впечатление от содержимого проекта, получая его постепенно.

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

Работа со звуком

Озвучивание Web сайта фоновой музыкой пока еще мало распространено, но любители озвучивать Web-страницы иногда используют эту возможность, хотя это, в общем, не принято.

С появлением и распространением Flash любители озвучивать страницы стали помещать на страницу мало заметный Flash-клип, который повторяется «вечно» и проигрывает один и тот же звуковой фрагмент. При этом соотношение качество/размер остается на приемлемом уровне.

Контроль над звуком происходит с точностью до единичного кадра, и его применение ограничено только воображением. Flash проигрывает звук несколькими способами. Он воспроизводится независимо от времени либо с синхронизацией анимации со звуковой дорожкой. Существует также возможность изменять уровень звука для каждого канала и применять эффект плавного увеличения и уменьшения громкости. Итак, Flash использует два типа звуков - связанный с событием (event sounds) и потоковый (stream sounds). Их главное различие в том, что первый должен полностью загрузиться, а второй начинает воспроизводиться по мере того, как будет получен достаточный объем данных, необходимый для синхронизации с первыми несколькими кадрами. На размер экспортируемого файла .swf значительно влияет степень компрессии, которая может составлять от 8 до 160 kBps и указывается в окне Publish Settings. Flash импортирует звуковые файлы в формате AIFF, WAV и MP3.

flash script программирование

2.3 СЦЕНАРИИ ВО Flash

Мало что пленяет человека, как движение и взаимодействие. Именно это и делает Flash, предоставляя возможность создавать подконтрольные пользователю приложения, которые напрямую от творческого подхода автора к представлению интерактивности.

Возможность создавать кнопки, нажатие которых приводит к выдаче информации и воспроизведению звука или переносящее в другое место фильма проекта. Поэтому презентация в проекте может проходить в предопределённой последовательности или по пути указанному пользователем. Также возможно разработка проекта с какими либо расчетными действиями и обработки какой либо информации с помощью простого, но мощного языка сценариев “Action Script”.

Action Script можно рассматривать как основной язык программирования во Flash.

С его помощью можно запрограммировать проект Flash на выполнение различных задач. Подобно многим другим языкам программирования, термины Action Script определяют смысловую нагрузку, порядок их следования - логическую структуру, а знаки препинания - контекст.

Для разработки интерактивных элементов во Flash используют три основных компонента: событие (event), порождающее определённое действие, действие (action), порождаемое тем или иным образом событием, и целевой объект (target), выполняющий действие или изменяемый событием.

Логическая схема интерактивной функции при которой происходят действия в проекте, может быть представлена следующим образом:

· Событие - является инициатором какого либо действия в проекте. Во Flash события подразделяются на:

1. События мыши/клавиатуры -эти события инициируются пользователем.

1. События кадров - если разрабатывается Flash ролик, то по достижении какого-либо кадра возникает событие.

2. События переменных - событие происходит либо по истечении определённого интервала времени, либо значение переменной достигло того условия для которого запланировано событие.

· Целевой объект - это непосредственно объект над которым будет проведено действие вызванное событием. Целевые объекты подразделяются на четыре основных типа:

1. Текущий проект и его свойства.

2. Другой проект и его свойства (если проект находится в рамках основного проекта)

3. Графические элементы проекта (кнопка, рамка, фон и т.п.)

4. Внешние приложения (Интернет броузер или другие программы)

· Действие - действия которые выполняются над целевым объектом. Действия в Action Script состоят из самих действий, ссылок на целевой объект и параметров выполнения действий. Параметрами выполнения может быть, как и изменение свойств объекта, так и вычисление математического или логического выражения и присвоения результата его либо свойству объекта, либо какой либо переменной.

Для идентификации объектов или экземпляров проектов в сценариях Action Script им назначаются имена, что позволяет управлять отдельными объектами при помощи Action Script.

В последних версиях Flash было включено множество дополнительных возможностей для управления проектов при помощи Action Script. Теперь Flash стал не просто красивой фоновой заставкой для Web сайтов, а полнофункциональным средством для разработки сложных Web сайтов. Flash может вполне применятся и для простых “статических” страничек, так и для многоцелевых сайтов, например: продажа в Интернете, электронная почта и чат.

2.3 ПРИНЦИПЫ Adobe Professional Flash

В процессе создания Flash-проекта, особенно, когда уже есть сравнительный опыт, разработки в других средствах рисования графики или редакторах Web дизайна, то можно отметить ряд преимуществ перед ними, которыми по некоторой мере Flash получил свою популярность:

1. Использование обозначений для элементов, которые появляются больше одного раза.

2. Объединение кадров в действиях перемещения (motion tweens), которые позволяет автоматически просчитать некоторые промежуточные моменты перемещения, для ускорения разработки проектов.

3. Объединение кадров в действиях трансформации (shape tweens), которые позволяет автоматически просчитать некоторые промежуточные моменты трансформации объектов, для ускорения разработки проектов.

4. Сокращение числа различных типов линий (пунктир, точки и т.п). Линии, нарисованные инструментом карандаш требуют меньше памяти, чем мазки кистью.

5. Использование слоёв, для разбиения перекрывающихся объектов клипа.

6. Сокращение числа различных шрифтов и стилей, путём преобразования их в объекты векторной графики.

7. Применение звукового формата mp3, как самого высококачественного и экономного музыкального формата.

8. Использование возможности анимации растровых изображений, или для статических элементов закраски объектов и фона.

9. Применение сценариев (Actions Script) вплоть до вставки их в отдельные кадры фильма.

10. Возможность сгруппировывать объекты на различных слоях.

11. Использование встроенных инструментов для изменения цветовых эффектов одного и того же объекта.

12. Использование единой палитры web-safe, во избежание расхождений с цветами броузеров.

13. Применение компонента управления проектом Library, который позволяет быстро найти любой объект и поменять его свойства.

14. Возможность вставки в текущий проект раннее созданный другой проект.

2.5 ПРИМЕНЕНИЕ Adobe Flash Professional в Web

Способы применения Flash, несмотря на некоторые небольшие минусы такие как требование от пользователя специального модуля расширения (plug-in), очень широки. Flash-проект способен сделать Web-страницу более привлекательной и стильной, а Flash баннер - затмить обычные анимированные GIF, тем более что Flash-клипы (и любые действия в них) можно озвучивать. По этим причинам возникает неугасаемое желание каким-либо из способов применить технологию Adobe Professional Flash. Способы применения этой технологии выражаются в следующих объектах:

· Flash баннер

· Заставка в виде Flash-ролика

· Целая страница, представляющая собой Flash Movie

· Элемент дизайна в документе

· Фоновый звук к странице (в формате mp3)

Следует отметить, что Adobe Professional Flash снабжает все свои продукты очень хорошо организованной и всеобъемлющей справочной системой и обучающими примерами в формате Flash, по которым можно освоить основные навыки работы с символами и текстом, организации flash-презентаций, синхронизации звука и создания кнопок.

Стоит отметить, что существуют Flash-проигрыватели для всех основных операционных систем и типов браузеров, что обеспечило необходимую для Internet кросс-платформенность и популярность этой технологии. Согласно последним опросам в Cети, приблизительно 80% пользователей могут просматривать содержимое Web-сайтов на Flash без загрузки дополнительного программного обеспечения, и только 61% - Web-страницы с элементами Java.

ЗАКЛЮЧЕНИЕ

В результате выполнения данной курсовой работы удалось описать возможности flash - технологии и обосновать её хорошие качества, а именно поддержка многих языков программирования, куда можно лёгко вставить flash код. Для работы во Flash не обязательно иметь какой либо опыт в профессиональном программировании - этот позволяет создавать Web - узлы с элементами интерактивности без необходимости написания исходных кодов JavaScript, Java или HTML.

Также мы узнали, что Flash можно использовать для создания полноценного мультимедийного Web - сайта, насыщенного красивой графикой, с формами и интерактивностью, либо для создания баннера, навигационной панели или фоновой музыки для Web сайта. Таким образом, я добился своей цели. Создал сайт, помогающий начинающим web - дизайнерам понять, как сделать простую Flash - анимацию и сайт в целом. Мы доказали что Macromedia Flash- очень мощное и при этом простое в использовании, средство создания анимированных проектов на основе векторной графики с встроенной поддержкой интерактивности. Использование векторной графики как графического режима по умолчанию делает Flash незаменимым средством разработки для Web. Используя свойства технологии Symbol Conversation можно создавать текстовые поля позволяющие вводить данные во время воспроизведения Flash-проекта для создания всевозможных форм сбора сведений от пользователей: ввода паролей, регистрационных, опросных и др. Это, наиболее значительное нововведение и шаг к созданию полноценных Web-сайтов.

Список используемых источников

1. Web-сайт своими руками - И. Шапошников. БХВ - Санкт-Петербург, 2000.

2. Flash 4. Анимация в Интернете - Дерек Франклин, Брукс Паттон.: СПБ: Символ Плюс - Санкт- Петербург, 2000.

3. HTML 5 - Русаков М.В.: БХВ - Санкт- Петербург, 2010.

4. Borland Delphi 4. Руководство Разработчика - Стив Пачеко.: Издательский дом «Вильямс» - Москва, 2000.

5. Интернет-ресурсы: http://myrusakov.ru/

Размещено на Allbest.ruHttp://www.w3graphics.com


Подобные документы

  • Возможности операционной системы Windows XP Professional. Описание языков программирования HTML и JavaScript. Основы работы в графическом редакторе Adobe Photoshop. Принципы создания мультимедийной анимации на MM Flash. Разработка электронного учебника.

    отчет по практике [2,5 M], добавлен 21.02.2014

  • Использование программы Adobe Flash CS4 Professional для создания анимации и мультимедийного контента. Проектирование интерфейса электронного каталога музыкальной группы "Аквариум". Программная документация и способы загрузки мультимедийного содержимого.

    курсовая работа [4,6 M], добавлен 05.12.2012

  • История появления мультимедийных технологий. Программные и аппаратные средства мультимедиа. Разработка flash-анимации с использованием графического редактора Adobe Flash Professional CS6. Обработка звуковых файлов, создание растровой и векторной графики.

    курсовая работа [1,9 M], добавлен 05.01.2015

  • Описание функциональных возможностей Adobe Flash как программного продукта, предназначенного для создания интерактивной анимации. Изучение элементов интерфейса и управления Adobe Flash, овладение её графическими системами. Разработка анимационного ролика.

    лабораторная работа [3,9 M], добавлен 15.06.2013

  • Разработка и реализация мультимедийного электронного учебника по дисциплине "Мультимедиа–технологии". Использование векторной графики. Передача данных в потоковом режиме. Работа со звуком. Применение Macromedia Flash в Web. Технология Symbol Conversation.

    курсовая работа [2,8 M], добавлен 16.08.2012

  • Общая характеристика и история создания мультимедийной платформы Adobe Flash, области ее применения. Публикация и экспортирование роликов. Специфика работы с FLA файлом. Задание параметров публикации для файлов Flash. Просмотр и редактирование документов.

    контрольная работа [34,0 K], добавлен 08.07.2013

  • Электронный учебник как средство самообразования. Основные принципы самообразования. Этапы проектирования электронного учебника, построение интерфейса системы. Язык гипертекстовой разметки HTML. Структура электронного учебника по "Численным методам".

    дипломная работа [5,9 M], добавлен 15.03.2012

  • Сравнительная характеристика, возможности и функции языков программирования JavaScript и PHP. Основные области их использования. Разработка интерактивного Web-приложения с применением JavaScript на примере теста по теме "Программирование на языке Delphi".

    курсовая работа [19,3 K], добавлен 01.07.2014

  • Средства разработки для реализации On-line игры в Интернете: Adobe Flash Pro, Adobe Flash Builder, Apache Flex. Технология интерактивной анимации. Достоинства и недостатки различных средств разработки приложений. История версий программного обеспечения.

    курсовая работа [873,0 K], добавлен 08.12.2013

  • Применение гипертекстовой технологии в процессе обучения, преимущества чтения текста с экрана компьютера и выполнения интерактивных заданий. Основные требования к электронным изданиям, разработка мультимедийного учебника с использованием flash-технологий.

    дипломная работа [9,3 M], добавлен 16.06.2015

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.