УКРАЇНСЬКА АКАДЕМІЯ
ДЕРЖАВНОГО УПРАВЛІННЯ
ПРИ ПРЕЗИДЕНТОВІ
УКРАЇНА
ОДЕСЬКИЙ НАЦІОНАЛЬНИЙ ИЙ ІНСТИТУТ
ДЕРЖАВНОГО УПРАВЛІННЯ
РЕФЕРАТ
По комп'ютерних мережах
Тема: "Web-дизайн: Flash-технології"
Виконала:
студентка 2-го курсу МО
21-А групи
Целовальнікова Е.А
Одеса - 2004р.
Алгоритм пошуку
Для пошуку реферату "Web-дизайн: Flash-технології" я скористалася таким пошуковим сервером http: / / www. Rambler. Ru.
Потім у вікно пошуку ввела запит РЕФЕРАТИ щоб отримати посилання на пошук рефератів по даній темі.
Вибрала одне посилання Bankreferatov.ru з пропонованих із зазначеної теми і відкрила її в іншому вікні.
На його початковій сторінці знаходяться поля введення запиту, і кнопка для початку пошуку рефератів.
Сформулювавши запит пошуку по даній мені тему, ввела в поле введення ключові слова "Flash-технології", далі натиснула кнопку пошуку. У новому вікні відобразилися теми реферату на мою заданому запиту. Вибравши найбільш підходящий реферат, необхідно знайти ще кілька інформаційних додатків.
Я відкрила попередній пошук запиту РЕФЕРАТИ і відкрила наступне посилання Referatus.ru. Тут також у вікні пошуку ввела запит "Web-дизайн". У вікні відобразилося три посилання на різні сайти з комп'ютерних систем і технологій. Вибравши перше посилання і відкривши її в новому вікні відобразився величезний список рефератів з даної теми. Для того, що б полегшити собі пошук, у вікно введення запиту вводжу ключові слова "Flash-технології", встановивши нижче вікна пошуку галочку шукати у знайденому. Скопіювала декілька рефератів з даної теми, а потім відредагувавши попередній знайдений реферат доповнила його більш обширною інформацією про Flash-технології. На цьому припинила свій пошук реферату, тому що вважаю, що необхідна кількість інформації з даної теми вже зібрано.
Web-дизайн: Flash-технології.
План.
1.Технология Macromedia Flash.
2.Обзор технології Macromedia Flash.
2.1. Принцип дії.
Можливості Flash.
Використання векторної графіки.
Технологія Symbol Conversation.
Передача даних в потоковому режимі. .
- Робота зі звуком.
Сценарії в Flash.
- Принципи Macromedia Flash.
2.5. Застосування Macromedia Flash у Web.
1. Технологія Macromedia Flash.
Основними проблемами у сфері розробки додатків під Web були як об'єм сторіночки і сумісність інтернет браузерів. Корпорація Macromedia прагнула до використання в Web всіх останніх новинок в області відображення інформації.
Macromedia Flash-дуже потужне, при цьому просте у використанні, засіб створення анімованих проектів на основі векторної графіки з вбудованою підтримкою інтерактивності. Flash є ідеальним робочим інструментом для художників і дизайнерів, що дозволяє доповнювати створювані ними Web - проекти анімацією і звуком.
Після декількох прийнятих угод про використання Flash в якості Web стандарту, він став легко інтегруватися з HTML, що дозволяє вбудувати Flash проект практично без швів. Flash не вимагає нічого додаткового для переходу за посиланням, відкриття вікна броузера або виконання чого-небудь за допомогою HTML.
Однією з них була відображення зображень за допомогою векторної графіки.
Загальновідомо що векторна графіка займає менше місця чим раннє використовувалася растрова графіка. Велике значення було віддано спільного використання векторної графіки та анімації. Це набагато розширило коло інтересів користувачів і розробників. Також була можливість вставки звукового супроводу в Web сторінку, надаючи разом з анімацією велику привабливість. Внутрішній мова програмування Action Script дозволяв супроводжувати будь-які дії чи події, якими або звуковими чи відео ефектами. Можливості Action Script порівнянні з можливостями JavaScript і VBScript.
Спочатку Flash розробки були мало відомі поки корпорація Macromedia не запропонувала переробити один з розділів сервера Walt Disney використовуючи Flash.
Це дало велику рекламу Flash технології. Багато дизайнерські студії почали купувати пакети програмних продуктів для розробки Web сторінок за допомогою Flash технології.
2. Огляд технології Macromedia Flash.
Спочатку програма мала назву Splash Animator і продавалася маловідомою фірмою Future Animation для виготовлення мультфільмів на
PC - комп'ютері. Призначалася для художників - аніматорів і користувалася обмеженим успіхом, поки в зв'язку з бумом на WWW-додатки такий
гігант, як фірма Macromedia, не звернула на неї увагу, купивши і перейменувавши в Flash. Розробники Flash поміняли інтерфейс програми для полегшення і автоматизації розробки проекту. Причому мультимедійний гігант не тільки змінив назву і інтерфейс, але і переорієнтував пакет на ринок Web-анімації (при цьому був запропонований і свій, внутрішній формат файлів векторної графіки «*. swf», і реалізована підтримка для інших популярних графічних форматів, у тому числі і для анімованого GIF), і забезпечив пакету хорошу рекламу.
Проте зміни торкнулися не тільки зовнішнього вигляду, але і змісту.
У Flash поняття інтерактивності значно розширилося завдяки використанню сценаріїв Action Script (Дії), які дозволяють авторам розробляти досить складні стилі поведінки - behaviors (переміщувані елементи інтерфейсу, логіку і початкову математику), вперше дають можливість створювати електронні магазини. У результаті програма набула широкого поширення в середовищі Web-розробників і продовжує служити гарною підмогою професійним аніматорам.
З моменту появи в 1996 р. технологія Flash стала фактичним стандартом для розробки насичених мультимедійних Web-сайтів. Як найбільш яскравих прикладів можна назвати сервери Citibank, Fox, PepsiCola, Paramount, Plymouth, Chrysler, Nestle і Warner Bros.
Для роботи в Flash не обов'язково мати будь-якої досвід у професійному програмуванні - цей дозволяє створювати Web - вузли з елементами інтерактивності без написання вихідних кодів JavaScript, Java або HTML.
2.1 Принцип дії.
При розробці будь-якого Web сайту в Інтернеті, його невід'ємну частину становить мову розмітки HTML як єдиний стандарт розмітки документа й передачі гіпертекстової інформації.
Сама Flash технологія ніколи не претендувала на місце HTML, але, на даний момент, за допомогою Flash можна сформувати повноцінну сторінку-ролик Такий підхід можна дійсно розцінювати, як якесь витіснення HTML. На багатьох сторінках, що використовують Macromedia Flash, присутнє відчуття, ніби HTML немає зовсім. У даному випадку HTML-код зведений до мінімуму за рахунок Flash. Сенс цього коду - правильне розташування Flash-кліпу. Для варіанту з одним великим Flash-роликом, що представляє собою закінчену сторінку, підійде наступний вигляд:
Web-сторінка = HTML + Flash
У випадках, коли Flash використовує Action Sript, цю формулу доповнює JavaScript.
Flash також має можливість передавати будь-які параметри при виконанні CGI. Також CGI може бути викликаним з Flash, виконати будь-які дії і видати відповідь у вигляді заздалегідь підготовленого Flash-кліпу. Згенерувати Flash CGI-програмою поки не представляється можливим. Якщо ж того буде потрібно у зв'язку з повсюдним використанням Flash, то Macromedia може розробити щось на зразок бібліотеки для генерації зображень CGI-програмами. Поки найбільш розумна мета використання технології Flash є доповнення повноцінного HTML-документа невеликими кліпами. Багато популярні сайти, не бажаючи відставати від моди, пішли цим шляхом. Користувач, заходячи на такі сторінки, або милується діями Flash-ролика, або бачить на його місці просто фон і, не звертаючи уваги, продовжує знайомитися з вмістом HTML-сторінки. Це означає, що Flash-кліпи тут використовується скоріше, як анімовані GIF і не несуть у собі життєво важливого сенсу для всього сайту. У такому випадку можна застосувати нову формулу:
Web-сторінка = HTML + DHTML (JavaScript / VBScript, CSS) + Flash + CGI
Вона вийшла дуже схожою на саму першу формулу. Flash грає роль модного доповнення до дизайну Web-сторінки. На даний момент багато технології орієнтовані на це, приміром, - Metastream, яка дозволяє демонструвати векторну 3D графіку на Web-сторінках. Всі вони мають істотний мінус - необхідність наявності у користувача спеціального модуля розширення (plug-in).
2.2. Можливості Flash.
Створивши Flash, компанія Macromedia об'єднала безліч потужних ідей і технології в одній програмі, дозволивши користувачам отримувати через Web цілі мультимедійні презентації.
Використання векторної графіки.
Використання векторної графіки як графічного режиму за замовчуванням робить Flash незамінним засобом розробки для Web. Векторна графіка - це об'єкти, які визначаються математичними рівняннями, або векторами, які містять інформацію про розмір, форму, колір, кордоні та місцезнаходження. Це ефектний спосіб поводження з графікою, в результаті якого виходять файли відносно невеликих розмірів навіть при роботі зі складними малюнками. Більш того, векторна графіка не залежить від дозволу, з яким проглядається об'єкт
(Додаток 1а)
Векторна графіка на сьогодні - ідеальне рішення для розробки Web-сайтів, що дозволяє з рівною ефективністю відтворювати зображення практично на всіх типах комп'ютерів (Pc, Mac, NoteBook) і моніторів.
Зазвичай, растрове зображення складається з тисяч або навіть сотень тисяч точок, інформація про колір і розташуванні кожному міститься у файлі, спираючись на цю інформацію система створює зображення. Тому - якісні, багатобарвні растрові зображення займають дуже багато місця.
По суті, вектор - це пряма, спрямована від точки до точки, так як векторне зображення складається їх координат кутових точок, між якими проходять прямі. Щоб зобразити просту лінію в растровому форматі, буде потрібно вказувати місце розташування кожної точки цієї лінії, для зображення тієї ж лінії у векторі, необхідно лише вказати дві точки і відстань між ними, плюс - товщина лінії і її колір. Природно, що багато цифрові параметри неодноразово повторюються, саме вони й дозволяють легко стискати векторні зображення в два, три рази. (Додаток 1б)
На відміну від растрових форматів, таких як 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-сторінки іноді використовують цю можливість, хоча це, загалом, не прийнято.
Доведено, що dhtml, html або будь-який інший стандарт не може бути тісно інтегрований із звуковими файлами. Фоновий звук, який підключається через тег BGSOUND або EMBED, може мати формат mid або wav. При використанні першого формату сторінка починає бринькати і поскрипувати, але за розміром mid цілком підходить для мережі Інтернет. Ясно, що mid якістю відрізняється у зворотний бік. Звуки в форматі wav мають непогану якість, але розмір дає про себе знати, сповільнюючи завантаження сайту, що звичайно, залежить від тривалості звукозапису.
З появою і поширенням Flash любителі озвучувати сторінки стали поміщати на сторінку мало помітний Flash-кліп, який повторюється «вічно» і програє один і той же звуковий фрагмент. При цьому співвідношення якість / розмір залишається на прийнятному рівні.
Контроль над звуком відбувається з точністю до одиничного кадру, і його застосування обмежене тільки уявою. Flash програє звук декількома способами. Він відтворюється незалежно від часу або з синхронізацією анімації зі звуковою доріжкою. Існує також можливість змінювати рівень звуку для кожного каналу і застосовувати ефект плавного збільшення та зменшення гучності. Отже, Flash використовує два типи звуків - пов'язаний з подією (event sounds) і потоковий (stream sounds). Їх головна відмінність в тому, що перший повинен повністю завантажитися, а другий починає відтворюватися в міру того, як буде отриманий достатній обсяг даних, необхідний для синхронізації з першими кількома кадрами. На розмір експортованого файлу. Swf значно впливає ступінь компресії, яка може становити від 8 до 160 kBps і вказується у вікні Publish Settings. Flash імпортує звукові файли у форматі AIFF, WAV і MP3.
2.3. Сценарії в Flash
Мало що полонить людини, як рух і взаємодію. Саме це і робить Flash, надаючи можливість створювати підконтрольні користувачеві програми, які безпосередньо від творчого підходу автора до подання інтерактивності.
Можливість створювати кнопки, натискання яких призводить до видачі інформації та відтворення звуку або переносить в інше місце фільму проекту. Тому презентація в проекті може проходити в зумовленої послідовності або по шляху зазначеного користувачем. Також можливо розробка проекту з якими або розрахунковими діями і обробки будь-якої інформації за допомогою простого, але потужного мови сценаріїв "Action Script".
Action Script можна розглядати як основну мову програмування в Flash.
З його допомогою можна запрограмувати проект Flash на виконання різних завдань. Подібно до багатьох інших мов програмування, терміни Action Script визначають смислове навантаження, порядок їх прямування - логічну структуру, а знаки пунктуації - контекст.
Для розробки інтерактивних елементів в Flash використовують три основних компоненти: подія (event), що породжує певну дію, дію (action), що породжується тим чи іншим чином подією, і цільовий об'єкт (target), що виконує дію або змінюваний подією.
Логічна схема інтерактивної функції при якій відбуваються дії у проекті, може бути представлена наступним чином:
Подія - є ініціатором якого або дії в проекті. У Flash події поділяються на:
1. Події миші / клавіатури-ці події ініціюються користувачем.
Події кадрів - якщо розробляється Flash ролик, то після досягнення якого або кадру виникає подія.
Події змінних - подія відбувається або після закінчення певного інтервалу часу, або значення змінної досягло тієї умови для якого запланована подія.
Цільовий об'єкт - це безпосередньо об'єкт над яким буде проведено дію викликане подією. Цільові об'єкти поділяються на чотири основних типи:
Поточний проект і його властивості.
Інший проект і його властивості (якщо проект перебуває в рамках основного проекту)
Графічні елементи проекту (кнопка, рамка, фон тощо)
Зовнішні програми (Інтернет броузер або інші програми)
Дія - дії які виконуються над цільовим об'єктом. Дії в Action Script складаються з самих дій, посилань на цільовий об'єкт і параметрів виконання дій. Параметрами виконання може бути, як і зміна властивостей об'єкта, так і обчислення математичного або логічного виразу і присвоєння результату його небудь властивості об'єкта, або будь-якої змінної.
Для ідентифікації об'єктів або примірників проектів в сценаріях Action Script їм призначаються імена, що дозволяє управляти окремими об'єктами за допомогою Action Script.
В останніх версіях Flash було включено безліч додаткових можливостей для управління проектів за допомогою Action Script. Тепер Flash став не просто красивою фонової заставкою для Web сайтів, а повнофункціональним засобом для розробки складних Web сайтів. Flash може цілком застосовуватись і для простих "статичних" сторінок, так і для багатоцільових сайтів, наприклад: продаж в Інтернеті, електронна пошта і чат.
2.4. Принципи Macromedia Flash.
У процесі створення Flash-проекту, особливо, коли вже є порівняльний досвід,
розробки в інших засобах малювання графіки або редакторах Web дизайну, то можна відзначити ряд переваг перед ними, якими за деякою мірою Flash отримав свою популярність:
Використання позначень для елементів, які з'являються більше одного разу.
Об'єднання кадрів в діях переміщення (motion tweens), які дозволяє автоматично прорахувати деякі проміжні моменти переміщення, для прискорення розробки проектів.
Об'єднання кадрів в діях трансформації (shape tweens), які дозволяє автоматично прорахувати деякі проміжні моменти трансформації об'єктів, для прискорення розробки проектів.
Скорочення числа різних типів ліній (пунктир, крапки і т.п). Лінії, намальовані інструментом олівець вимагають менше пам'яті, ніж мазки пензлем.
Використання шарів, для розбиття об'єктів, що перекриваються кліпу.
Скорочення числа різних шрифтів і стилів, шляхом перетворення їх в об'єкти векторної графіки.
Застосування звукового формату mp3, як самого високоякісного і економного музичного формату.
Використання можливості анімації растрових зображень, або для статичних елементів зафарбування об'єктів і фону.
Застосування сценаріїв (Actions Script) аж до вставка їх в окремі кадри фільму.
Можливість згруповують об'єкти на різних шарах.
Використання вбудованих інструментів для зміни колірних ефектів одного і того ж об'єкта.
Використання єдиної палітри web-safe, щоб уникнути розбіжностей з квітами браузерів.
- Застосування компонента управління проектом Library, який дозволяє швидко знайти будь-який об'єкт і поміняти його властивості.
14. Можливість вставки в поточний проект раннє створений інший проект.
2.5. Застосування Macromedia Flash у Web.
Способи застосування Flash, незважаючи на деякі невеликі мінуси такі як вимога від користувача спеціального модуля розширення (plug-in), дуже широкі. Flash-проект здатний зробити Web-сторінку більш привабливою і стильною, а Flash банер - затьмарити звичайні анімовані GIF, тим більше, що Flash-кліпи (і будь-які дії в них) можна озвучувати. З цих причин виникає згасає бажання будь-яким із способів застосувати технологію Macromedia Flash. Способи застосування цієї технології виражаються в наступних об'єктах:
Flash банер
Заставка у вигляді Flash-ролика
Ціла сторінка, що представляє собою Flash Movie
Елемент дизайну в HTML-документі
Фоновий звук до HTML-сторінці (у форматі mp3)
Слід зазначити, що Macromedia постачає всі свої продукти дуже добре організованою і всеосяжної довідковою системою і навчальними прикладами у форматі Flash, за якими можна освоїти основні навички роботи з символами і текстом, організації flash-презентацій, синхронізації звуку і створення кнопок.
Macromedia випустила Flash-програвачі для всіх основних операційних систем і типів браузерів, що забезпечило необхідну для Internet крос-платформеність і популярність цієї технології. Згідно з останніми опитуваннями в Мережі, приблизно 80% користувачів можуть переглядати вміст Web-сайтів на Flash без завантаження додаткового програмного забезпечення, і лише 61% - Web-сторінки з елементами Java. Швидше вимушеним кроком було вільне ліцензування Macromedia коду (Free Source licensing program) програвача для Flash, яка прискорить використання формату swf в Web-додатках нового покоління сторонніми виробниками програмних продуктів.
Додаток 1.
Відмінність малюнків векторної і растрової графіки при багаторазовому збільшенні.
Способи побудови зображень в векторної і растрової графіки.
Список літератури.
Web-сайт своїми руками - І. Шапошников.: БХВ - Санкт-Петербург, 2000.
Flash 4. Анімація в Інтернеті - Дерек Франклін, Брукс Паттон.: СПБ: Символ Плюс - Санкт-Петербург, 2000.
HTML 4.0 - Сергєєв А.О.: БХВ - Санкт-Петербург, 1999.
Borland Delphi 4. Керівництво Розробника - Стів Пачеко.: Видавничий дім «Вільямс» - Москва, 2000.
Ефективна робота в 3D Studio MAX 2 - Майкл Петерсон.: Пітер Ком - Санкт-Петербург, 1999.
- При підготовці даної роботи були використані матеріали з сайту
http://www.Bankreferatov.ru, www.Referatus.ru