ВСТУП
Швидкий розвитокінформаційного Web — середовища призвів дотого, що вимоги до Web-додатків суттєво змінилися.Зокрема спостерігається тенденція до створення багатих Web-додатків, тобто додатків, інтерфейсяких надає можливості, що не відрізняються від можливостей звичайного додатку,який призначений для настільної системі. Але при роботі програм, що підтримують мережеву взаємодію,усунути затримку відповіді, пов’язану з передачею даних через мережу Інтернет,принципово неможливо. Пом’якшити негативний ефект від затримки даних дозволяєтехнологія Ajax. Але застосування цієї технології повністю змінило структуру тапринципи роботи Web-додатків. В сучасних мережевих програмах все більше функційвиконується на клієнтському боці, тому обсяг коду клієнтської частиниWeb-додатку суттєво збільшується і робота над нею виконується групоюрозробників. В результаті виявилося, що мова JavaScript, яка застосовується длянаписання Ajax-додатків, має специфічне застосування і не відповідає вимогам доінструментальних засобів розробки та налагодження програм.
В цій роботізапропоновано новий підхід до створення Ajax-додатків, згідно якому длянаписання коду клієнтської частини програми разом з JavaScript-сценаріями маютьзастосовуватися Java-апплети. Завдяки взаємодії між JavaScript та Java стаєможливим розділити задачі, що стоять перед додатком. Застосовуючи мову Java длянаписання коду, що реалізує складні алгоритми, можна застосувати численніінструментальні засоби для розробки та налагодження програм. При цьому на долюJavaScript залишаються незначні по об’єму фрагменти коду, які динамічно змінютьвміст сторінки, що можуть бути написані та налагоджені без застосуванняспеціальних інструментальних засобів розробки та налагодження програм.
Запропонований підхідреалізований у вигляді набору базових засобів для написання Ajax-додатків.
Мета дипломноїроботи – Розглянути технічне створення Web- додатків таких як Adobe Flash, Microsoft Silver light, Java.
Об'єктомдослідження є :Adobe Flash, Java, Microsoft Silver light.
1. Огляд існуючих типів додатків
1.1 Типи додатків
Розширення-(англ.extension) можуть бути використані длязміни поведінки наявних функцій або для додавання нових можливостей. Розширенняособливо популярні у Firefox, оскільки розробники Mozilla створювали браузер, як доситьмінімалістичну програму, що мало запобігти росту кількості помилок і запобігтигроміздкості програми, зберігаючи при цьому високий степінь розширення, такимчином індивідуальні користувачі зможуть додати функції, яким вони віддаютьперевагу.Розширення технологій
· CSS (CascadingStyle Sheets)
· DOM (Document Object Model) — використовується для зміни XUL вреальному часі або зміни вже завантаженого HTML
· JavaScript — основна мова браузера Mozilla
· XPCOM(кросплатформова модель компонентних об’єктів)
· XPConnect
· XPI(кросплатформовий встановлювач)
· XUL (XML-мова інтерфейсу користувача) — використовується для визначення інтерфейсу користувача, та взаємодії з ним.Додавання можливостей
Розширення,зазвичай, використовуються, щоб додати нові можливості до програми. Прикладиможливостей, які можуть бути додані за допомогою розширень: читачі RSS,менеджери закладок, пенали, клієнтські програми для окремих веб-сайтів,менеджери протоколу FTP, електронна пошта, жести мишки,перемикання проксі-серверів, засоби веб-розробки, тощо. Багато розширень Firefoxвиконують функції, які раніше раніше були частиною Mozilla Suite, наприклад, ChatZilla, клієнт IRC та календар.Зміна зовнішнього вигляду веб-сторінок длякористувача
Багаторозширень можуть змінювати вміст веб-сторінки при її відтворенні на екрані.Наприклад, розширення Adblock може запобігти завантаженню рекламних зображень. Іншепопулярне розширення Greasemonkey, дозволяє користувачеві встановити скрипти, які змінюють цільові підмножини сторінок на ходу, у спосіб,що є програмним розширенням таблиць каскадних стилів.Інші використання
Розширеннятакож існують для легковажних, гумористичних або сатиричних цілей. Деякіпосилаються на історичні особливості браузера Firefox, наприклад, відновлюючишаблон тексту «delicious delicacies», що був вилучений в Firefox 0.9, абогенерування випадкових імен браузера, натякаючи на постійні зміни назвпрограми.Втулки
Втулка(англ. plugin) — це, як правило,платформозалежний модуль, що дозволяє браузеру оброблювати спеціальні типивмісту на веб-сторінках, наприклад, відео, аплети, документи PDF тощо. Втулки браузера частовстановлюються окремо від браузера, разом з пакунком головних програмнихзасобів, що призначені для роботи з цим типом медіа. Наприклад, втулок для Java аплетів встановлюється,здебільшого, разом з встановленням JRE або JDK, втулок перегляду докуменів PDF— разом з встановленням програми Acrobat Reader і т.д. Власне, і оновлення втулків,на відміну від розширень, здійснюється поза браузром. Найпоширенішими втулками є Acrobat Reader, Flash Player, Java, Quicktime, RealPlayer, Adobe Shockwave та Windows Media Player.
Сумісність та оновлення
Додаткимістять файли з метаданими, що використовуються механізмом, який контролює встановлення додатків.Серед іншого, ці файли визначають максимальні і мінімальні версії продуктуMozilla, з якими додатки можуть бути використані. Якщо спробувати встановитидодаток на версію програми поза цього діапазону, його буде встановлено, алевимкнено. Додатки будуть часто працюють за межами їх визначеної сумісності, ідеякі досвідчені користувачі редагують метадані файлу, щоб обійти це обмеження.Створено навіть розширення Nightly Tester Tools, яке спрощує цю процедуру.Однакформальна перевірка сумісності не гарантує правильність функціонування додатку.
Менеджердодатків періодично перевіряє наявність оновлень для встановлених додатків,хоча також цю перевірку можна зробити вручну. Типово служба оновлень будешукати оновлення в додатках Mozilla, але розробник може вказати альтернативніадреси оновлень.
Зовнішні посилання
Категорія: Mozilla
1.2 Поява та розвиток Web 2.0
Появу терміну Web 2.0 пов’язують зістаттею Тіма О’Реллі [1] від 30 вересня 2005 року, в якій автор прив’язав появувеликої кількості сайтів, об’єднаних деякими загальними принципами, іззагальною тенденцією розвитку інтернет-спільноти, і назвав це явище Web 2.0, як противага«старому» Web 1.0.
Незважаючи на те, що значення цьоготерміну до цього часу викликає безліч суперечок, ті науковці, що визнаютьіснування Web 2.0, виділяють декілька основних аспектівцього явища — Web-служби, Ajax, Mash-up, Теги і т.п.
Web-служби — програми, взаємодія з якимиздійснюється через Web (протокол HTTP) а обмінданими відбувається в форматі XML, JSON та подібних. В результаті ПЗ можевикористовувати Web-служби замість самостійно реалізовувати потрібніфункціональні можливості.
Ajax або Asynchronous JavaScript and XML — підхід допобудови Web-програм, при якому Web-сторіка асинхронно та безперезавантаження отримує потрібні користувачу дані з сервера. Дуже часто Ajax вважаютьсинонімом Web 2.0, але це абсолютно не вірно — Web 2.0 не прив’язаний добудь-яких технологій і є скоріше тенденцією розвитку Інтернету.
Mash-up — сервіс, що дозволяєвикористовувати інформацію з інших сервісів як джерело інформації,пропонуючи користувачу нові функціональні можливості для роботи. В результаті такийсервіс може стати новим джерелом інформації для інших mash-up сервісів. Виникаємережа залежних один від одного сервісів, інтегрованих один з одним.
Теги — ключові слова, що описують певний об’єкт, абовідносять його до певної категорії. Це мітки, що надаються об’єкту, щобвизначити його місце серед інших об’єктів. Поява і швидке розповсюдженняблогів, що активно використовують теги, також вписується концепцію Web 2.0
Багаті Web-програми — програми, що маютьфункціональність та можливості традиційних програм, але працюють в браузері іактивно взаємодіють з сервером. Завдяки цьому створюється система, що дозволяєвиконувати роботу, пов’язану з створенням та обробкою інформації більш ефективною.
Інтерфейс користувача таких програм більше нагадуюінтерфейс класичних програм ніж web-програм тому ефективно використовувати такіпрограми можуть навіть ті користувачі, що мають мінімальні знання про Інтернет.
1.3 Технологія Web 2.0
Технологія Web 2.0 включає всебе:
· синдикацію
· протоколипередачі даних
· браузери зплагінами та розширеннями
· клієнтське ПЗ
· ТиповийWeb 2.0 сайт використовує такі технології:
· CascadingStyle Sheets — розділення вмісту та оформлення
Folksonomies — спільніпомітки, соціальна класифікація, соціальне індексування та соціальне тезування
Microformats — розширеннясторінки додатковою семантикою
API, що базується на XML або JSON
Rich Internet application, що базуютьсяна Ajax Синдикація —частина матеріалів сайту стають доступні для використання на інших сайтах.
Mash-up — збираннявмісту з різних джерел
2. Загальні відомості про Web — технології
2.1 Базові технології Web
HTML — стандартна мова розмітки документів для Web, девсі Web-сторінки створюються за допомогою HTML (або XHTML). Мова HTMLінтерпретується браузером у вигляді документу, зручному для людини.
HTMLстворювався в 1991-1992роках як мова для обміну науковою та технічною документацією, яка зручна длялюдей, що не є спеціалістами з верстки. Вона успішно мінімізує проблеми зіскладністю SGML шляхом визначення невеликої кількості структурних тасемантичних елементів (які розмічаються тегами), які використовуються длястворення простих, але гарно оформлених документів. Також, крім спрощенняструктури документу, у HTML міститься підтримка гіпертексту. Мультимедійніможливості були додані пізніше.
Текстові документи, якімістять код на мові HTML, обробляються спеціальними програмами, яківідображають документ у форматованому вигляді. Такі програми, що називаютьсябраузерами, забезпечують зручний графічний інтерфейс для взаємодії користувачаіз сервером — запит Web-сторінок, їх відображення та відправлення введенихкористувачем даних на сервер.
Від початку HTML бувспроектований і створений як засіб структурування та форматування документів,без їх прив’язки до засобів відображення. Але сучасні застосування HTML далеківід його початкових задач — додані мультимедійні можливості, з’явилися засобидля створення складних графічних оформлень, додана можливості підключенняплагінів та розширень.
Для створення динамічнихсторінок було розроблений цілий ряд технологій — JavaScript, Java Апплети, Adobe Flash, Microsoft Silverlight. Реалізації деяких зних інтегровані в браузери (JavaScript), для роботи з іншими потрібнопідключати спеціальні плагіни (доступні безкоштовно на Web-сайтах розробниківабо поставляються разом з операційними системами чи браузерами).
В середині 90х років розгорнулось боротьба міжрозробниками найбільш популярних (на той час) браузерів — Netscape Navigator та Microsoft Internet Explorer за ринокінтернет-браузерів. Основний спосіб боротьби — розробка та впровадження новихтехнологій, що були не сумісні з іншими браузерами. В результаті навіть насьогоднішній день не вдалося досягти повної сумісності між усіма браузерами,хоча їх розробники та консорціум W3C, який займається стандартизацієюWeb-технологій, докладають максимум зусиль для цього.
З іншого боку, в результаті цієї боротьби, з’явивсяряд технологій, що займають ключову роль в розвитку сучасного Web, серед них — JavaScript та Ajax. Зараз важко знайтисайт, побудований згідно принципів Web 2.0, який би не використовував Ajax абоJavaScript.
2.2 Загальнi вiдомостi про Ajax
Ajax — група методів Web-розробки, що використовуються для створення Web-програм з багатими можливостями тамережевою взаємодією, що базується на «фоновому» обміні даними браузера з Web-сервером. В результаті сторінкане перезавантажується повністю і Web-програма стає швидкою та зручною.
Ajax це не самостійна технологія, а скоріше концепціявикористання декількох суміжних технологій. Ajax базується на двох основнихпринципах: використання технології взаємодії із сервером за допомогоюJavaScript об’єкта XMLHttpRequest без перезавантаження усієї сторінки використанняDHTML для динамічної зміни вмісту сторінки та реагування на дії користувача
Для передачі даних від сервера до клієнтавикористовуються формати XML або JSON. Класична модель web-програм пов’язана не лише звикористанням базових web-технологій, а і з специфічним способом роботи зweb-програмою, при якому web-браузер є лише низькорівневим терміналом. Він немає інформації про те, який етап роботи виконується користувачем. Він лишеотримує готову сторінку в форматі HTML і відображає її користувачу.
У web-програмах, побудованих за допомогою технології Ajax, частинафункціональних можливостей переноситься з сервера на клієнт. На деякі діїкористувача така web-програма може реагувати самостійно. Якщо наявнихможливостей не вистачає для виконання ініційованих користувачем дій товідбувається взаємодія із сервером, при цьому користувач може виконувати іншідії. Оскільки HTML документ присутній на стороні клієнтапротягом всьго часу роботи з web-програмою, то він здатний зберігати всюінформацію про її стан.
Технологіядинамічного завантаження вмісту існувала і раніше — за допомогою атрибуту src можна булозавантажити зовнішній сценарій JavaScript, який змінить поточнусторінку. Але цей метод не є дуже вдалим через обмеження атрибуту src тадодатковому навантаженні на сервер, бо він має виконати додаткові дії для генераціїспеціального сценарію JavaScript, що містить інструкцію, як модифікуватипоточну сторінку в нову.
Засоби, щовикористовуються в рамках технології Ajax не єдиний спосіб забезпечитиасинхронний обмін даними з сервером. Наприклад Macromedia Flash (починаючи з 4їверсії) може завантажувати дані в форматі XML або CSV з серверу безперезавантаження сторінки. Але цю технологію не можна використовувати длястворення багатих web-програм бо вона в основному використовується для роботи змультимедійними даними і малопридатна для динамічної зміни вмісту сторінки.
Пізніше Microsoftстворила об’єкт XMLHttpRequest в Internet Explorer 5, що і став основою Ajax.
2.3 Переваги Ajax
Створення web-програм, щомають інтерфейс та багаті можливості, подібні до звичайних програм — прицьому, завдяки активній взаємодії з сервером, web-програм мають значніпереваги над звичайними програмами.
Економія трафіку — замість завантаження усієї сторінкидостатньо завантажити відносно невелику частину, що змінилася.
Зменшення навантаження на сервер — серверу не потрібнокожного разу генерувати усю сторінки, а лише ту частину, що змінилася.
Прискорення реакції інтерфейсу — оскільки завантажується лише частинасторінки то користувач бачить результат своїх дій швидше.
Недоліки Ajax:
Відсутня інтеграція із стандартними інструментами браузера — не працюєкнопка «Назад», сторінку, згенеровану за допомогою Ajax не можна додати взакладки.
Проблема з індексуванням сайту пошуковими роботами — уних відсутня підтримка JavaScript.
Використання JavaScript та DOM, що мають різнуреалізацію в різних браузерах та навіть різних версіях браузерів.
2.4 Мова JavaScript
JavaScript — назва реалізація мовипрограмування ECMAScript. Найпоширеніше і найвідоміше застосуваннямови — написання сценаріїв для Web-сторінок, але вона такожвикористовується для впровадження сценаріїв керування об'єктами вбудованими вінші програми.
JavaScript за назвою дуже схожа на мову Java. Але цезовсім різні мови з різними сферами застосування. Права на назву JavaScriptналежать Sun Microsystems (розробник Java) але JavaScript розробляла зовсімінша компанія — Netscape для власного браузера Netscape Communications.
Зараз JavaScript підтримуютьвсі основні двигунці браузерів — Trident (Internet Explorer), Presto (Opera), Gecko (Firefox, Mozilla, Netscape) та KHTML/WebKit (Konqueror, Safari).
JavaScript має низкувластивостей об'єктно-орієнтованих мов, але завдяки концепції прототипівпідтримка об'єктів в ній відрізняється від традиційних мов ООП.JavaScript має рядвластивостей, спільних з функціональними мовами, що додає мові додатковугнучкість.
JavaScript має подібний синтаксис, але має знею відмінності:
об'єкти, з можливістю інтроспекції і динамічної зміни типучерез механізм прототипів
функції як об'єкти першого класу
обробка винятків
автоматичне приведення типів
автоматичне прибирання сміття
анонімні функції
Одна з популярних технологій, що дозволила зробитисторінки динамічнішими і забезпечити нові можливості — це динамічне завантаженняі вставка даних в документ, що отримала назву AJAX.
При використанні в рамках технології DHTML JavaScriptкод включається в HTML-код сторінки і виконується інтерпретатором, вбудованим вбраузер. Код JavaScript вставляється в теги зобов'язковим за специфікацією HTML 4.01 атрибутомtype=«text/javascript», хоча в більшості браузерів мова сценаріїв позамовчуванюю саме JavaScript.
При розробці великих і нетривіальних Web-програм звикористанням JavaScript дуже важлива наявність зручних тадосконалих інструментів відладки. Оскільки браузери мають різні двигунці, якіпо різному інтерпретують JavaScript (та об’єктну модельдокументу), то потрібно мати налагоджувач для кожного з основних двигунців.
Проблема зналагодженням JavaScript сценаріїв є найбільшим недолікомцієї мови. Спроба стандартизації у вигляді ECMAScript не досягла успіху — кожендвигунець має особливості і, фактично, доводиться писати код для різнихдвигунців одночасно.
Також JavaScipt маєобмеження часу на завершення свого виконання (це може бути як фіксоване число увипадку браузерів з двигунцем Gecko або інше обмеження, наприклад максимальнечисло елементарних операція у випадку браузерів з двигунцем Trident).
2.5 Об'єктна модель документа
Об'єктна модель документу — специфікація прикладногопрограмного інтерфейсу для роботи зі структурованими документами (як правило з документамив форматі XML та похідних форматах).
Об'єктна модель документу визначає класи, методи таатрибути цих методів для аналізу структури документу та роботи ізпредставленням документів у вигляді дерева. Це все призначено для того, щобмати можливість доступу та динамічної модифікації структури, змісту таоформлення документу. Саме за допомогою об’єктної моделі документу в технологіїAjax відбувається динамічна модифікація сторінки.
В перших браузерах з’явилися різні, часом несумісніінтерфейси для роботи з HTML в двигунцях JavaScript. Потім World Wide WebConsortium (W3C) узгодив та визначив низку стандартів, що отримали назвуОб'єктна модель документу W3C. Специфікації W3C не залежать від платформи абомови програмування.
Існують декілька версій об’єктної моделі даних W3C, щомають назву рівнів. Кожен рівень складається з декількох обов’язкових та необов’язковихмодулів. В 2005 році рівні 1, 2 а також деякі модулі 3-го рівня визнано якрекомендації W3C, що означає, що вони набули кінцевої форми.
Існують такі рівні об’єктної моделі даних W3C:
Нульовий рівень — не був стандартизований, але став основою першого рівняоб’єктної моделі даних W3C. Прикладом є реалізація об’єктної моделі даних вранніх версіях браузера Netscape.
Перший рівень — обхід структури (дерева) документу тамодифікація вмісту (додавання, видалення та зміну елементів). Має повнупідтримку сучасними браузерами.
Другий рівень — підтримка простору імен XML,фільтрованих представлень та подій. Має майже повну підтримку сучаснимибраузерами.
Третій рівень — складається з 6 модулів, статусрекомендацій W3C мають лише 3 (Ядро, Збереження таЗавантаження а також Верифікація) інші 3 мають статус чернеток W3C (Представлення таформати, Xpath та Вимоги). Має часткову підтримку сучаснимибраузерами.
Не зважаючи на стандартизацію, браузери не мають повної сумісності їхоб’єктної моделі даних.
Яскравим прикладом вказаної проблеми є функція createXmlHttpRequestObject, що створює екземпляроб’єкта XMLHttpRequest (необхідний для функціонування Ajax). Вона враховує різнідвигунці та навіть різні версії двигунців — загалом вона виконує 7 спробстворити екземпляр об’єкта XMLHttpRequest, ігноруючи помилки. При розробцінових версій (або навіть нових двигунців) її, скоріше за все, доведетьсямодифікувати для працездатності в нових умовах.
function createXmlHttpRequestObject ()
{
if (window.XMLHttpRequest) { // Для браузерів FireFox, Opera, Safari та MSIE7
try {
return new XMLHttpRequest();
} catch (e) {}
} else {
var activeXObjects =['Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0', 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP']; //Для різних версій браузера MSІЕ, що менші за 7
for (var i=0; i
try {
return new ActiveXObject(activeXObjects[i]);
} catch (e) {}
}
}
return null;
}
2.6 Аналіз механізмів вазаємодії у Web 2.0
В попередньому розділі була описана проблема розробкита налагодження web-програм, пов’язана з специфікою мови JavaScript. За весьчас її існування було представлено декілька способів вирішення проблемнесумісності:
Базовий набiр засобiв JavaScript — проблеминесумісності вирішуються розробниками базового набору засобів, але для розробкисценарію JavaScript потрібно використовувати певний рівень абстракції а неоригінальну мову.
Приклади — jQuery, Prototype, MooTools.
Недоліком цього способу є обмеження базових наборівзасобів та їх не універсальність, хоча для деяких задач це може бути вдалимрішенням.
Також, через використання абстракції та врахування недоліків різнихдвигунців, у JavaScript сценаріїв, написаних за допомогою базових наборівзасобів, збільшується час виконання та навантаження на комп’ютер (у порівнянніз використанням «чистого» JavaScript).
Базовий набір засобів JavaScript з використанням іншихмов програмування — подібне до попереднього, але є і відмінності — дляотримання сумісного JavaScript-коду необхідно використовувати іншу, більшдосконалу, мову програмування (найчастіше це Java) і за допомогою спеціальногобазового набору засобів генерувати JavaScript-код.
Недоліки подібні до попереднього методу, хоча деякікомпанії успішно його використовують. Приклади — Google Web Toolkit та сервіси,побудовані за його допомогою — Google Mail, Google Maps та інші.
Розробка подібного базового набору є доволі складноюсправою (потрібно знати недоліки та особливості обох мов а також особливості танедоліки різних двигунців), а наявні базові набори не є універсальними (адосить часто навіть специфічними) тому цей метод не є оптимальним.
Використовувати інші Web-технології (а JavaScriptвикористовувати лише для зв’язку цих технологій з HTML). Такими технологіямиможуть бути Adobe Flash, Microsoft Silverlight, Java Апплети та інші.
3. Опис основ технологій створення Web – додатків
3.1 Технологія Adobe Flash
Основою Flash є 2речі:
· Векторнийморфінг, тобто поступове «перетікання» одного кадру в інший. Це дозволяє робитискладну анімацію та графічні ефекти.
· Програмуванняза допомогою ActionScript, що є мовою, схожою на JavaScript. Її остання версія (3.0) є повноцінною об'єктно-орієнтованою мовою програмування.
На відміну відJavaScript, ActionScript не має проблеми із сумісністю — єдина реалізація це AdobeFlash Player, що підключається як плагін в усі популярні браузери.
При створенні Web-додатку є можливість використовувати відео, звукові та графічні файли, створювати інтерактивні користувацькі інтерфейси та повноцінні Web-додатки з використанням XML та PHP (або будь-яких інших технологій, що працюють на стороні сервера).
Flash-файл має розширення .swf і виконується за допомогою спеціальної програми — Flash Player, що може бути встановлена в браузера як розширення.
Adobe Flash — це середовище для створення застосунків під Flash платформу (Flash Platform), разом з нею існують і іншіінструменти (середовіща): Adobe Flex Builder, Flash Development Tool (FDT), та інші.
Другий «кит»Flash'а — повна програмованість. Flash використовує мову програмування ActionScript,яка по синтаксисі є схожою із JavaScript. Остання версія мови (ActionScript3.0) є повноцінною об'єктно-орієнтованою мовою.
Flash-Файли мають розширення .swf і для перегляду вимагають наявності Adobe Flash Player, що може бути встановленийяк плагін у браузер. Flash Player поширюється безплатно через сайт Adobe. Вихідні файли з розширенням .fla створюються в середовищі розробки Macromedia Flash, а потім компілюються в зрозумілий для Flash Player формат — .swf.
· 1 Технології
· 2 Історія
· 3 Використання
· 4 3D-движки
· 5 Недоліки
· 6 Альтернативи
· 7 Дивись також
· 8 Посилання
· 9 Виноски
«Adobe Flash(раніше Shockwave Flash і Macromedia Flash) — це набір мультимедійних технологій, що розробляються тарозповсюджуються компанією Adobe Systems (спочатку створених Macromedia). З моменту своєї появи на світ у1996 році технологія Flash стала популярним методомстворення анімаційних та інтерактивних елементів для веб-сайтів.
Flash використовують для розробкианімації, оголошень і різних компонентів сторінок, для інтеграції відео і знедавніх пір — збагачених інтернет-додатків».
Завдякирозробкам компанії Adobe Systems, багато програмні модулі на порталах мають графічнийкористувальницький інтерфейс, створений на основі технології Adobe Flash. На розглянутому порталі для розробкиспеціальних програмних модулів буде використовуватися також графічнийкористувальницький інтерфейс, створений на основі технології Adobe Flash.Розробники вбудованих систем, що використовуються в промисловості, медицині,автомобілі, теж починають звертати увагу на Flash-технологию оскільки з їїдопомогою можна скоротити час на розробку ДПІ майже на 50%. Раніше командирозробників ПЗ мали переводити наявні у них прототипи ДПІ на мову С, С + + абоJava — трудомісткий процес, що займає багато тижні і місяці. Зараз же можна задопомогою високорівневих інструментів технології Flash проектувати, створювати,і запускати компоненти ДПІ безпосередньо на вбудованих Flash-плейер, безнеобхідності писати графічні коди.
ТехнологіяAdobe Flash стала завойовувати популярність серед розробників вбудованих систем зкількох причин:
•Понад мільйон розробників графічних додатків по всьому світу використовуютьавторські розробки інструментальних засобів технології Flash, які складають зараз великий фонднакопиченого досвіду, який можуть запозичити інші розробники. Більш того,тисячі існуючих Flash-компонентів для ринкунастільних систем і мобільних телефонів можна легко інтегрувати в своїрозробки;
• Упорівнянні з Flash-плейери для настільнихсистем вбудовувані Flash-плеєри від Adobe (наприклад, Flash Lite 3)вимагають менше пам'яті й забезпечують більш швидке відтворення графіки зменшою загрузкой ЦПУ;
• ЦПУі графічні мікросхеми для вбудованих систем зараз підтримують частоти зміникадрів, необхідні для відтворення Flash-розробок на дисплеях VGA і надисплеях більшого розміру. Наприклад, для того, щоб отримати плавне відтворення анімаційної картинкина частоті 10 кадрів в секунду, в системі необхідно мати ЦПУ, що працює нашвидкості 100 мільйонів команд в секунду (MIPS) — це значно менше пропонованогозараз значення в 300 MIPS або трохи більше для більшості ЦПУ вбудованихсистем.Для переходу на Flash-технологию розробники промислових системуправління можуть зробити для себе вибір серед великого набору інструментальнихзасобів, багато з яких вони вже використовували раніше. Наприклад, длястворення Flash-контенту можна скористатися інструментами CAD і текстовимипроцесорами для настільних систем, за допомогою спеціальних утиліт можнаконвертувати різноманітні презентаційні формати у формат Flash. Розробникиможуть також скористатися Flash-компонентами, які інтегрують Flash-контент таелементи керування ActiveX. Різноманітність засобів підтримки для створенняFlash-контенту та управління екраном спрощує перехід до інтерфейсівкористувача, що базується на Flash-технології.
ТрадиційноFlash-плеєр запускається у веб-браузері або в оконной системі. Однак, розробкаДПІ може бути значно спрощено, якщо цю модель повернути з ніг на голову ізробити головною Flash-середовище, де будуть запускатися всі графічні програминезалежно від того, зроблені вони во Flash-технології, чи ні. ТодіFlash-технологія бере на себе роль адміністратора екрана, надаючи можливістьрозробнику графіки здійснювати детальний контроль над переміщеннями по меню інад звуковими ефектами. В такому середовищі простіше виконується адаптація підпотреби користувача за рахунок більш вільного позиціювання, зміни розмірів іконфігурування графічних компонентів.На рис. 1 дан приклад використанняFlash-технології в якості адміністратора екрана. Програма ліворуч — цеFlash-плейер, за допомогою якого безпосередньо в простір програми булизавантажені два компоненти: графічна 2D-бібліотека і графічний драйвер, якийуправляє графічним обладнанням. Завантаживши драйвер таким шляхом, виявляєтьсяможливим здійснювати безпосереднє управління графічним обладнаннямбезпосередньо з програми, а, отже, підвищується продуктивність системи. Справа«рідна» програма ОС малює тривимірну картинку засобами OpenGL ES, стандартногоінтерфейсу API для тривимірних додатків у вбудованих системах. Як і Flash-програма,інтерфейс API також безпосередньо управляє графічним обладнанням, забезпечуючивисоку продуктивність виводу.
/>
Рис.1 Інтеграція Flash-додатків з іншими графічнимидодатками
Рисунок1 — Інтеграція Flash-додатків з іншими графічнимидодатками. У даномуприкладі програма, заснована на Flash-технології, управляє додатком длямалювання тривимірних зображень, що базується на використанні функцій 3D APIпакету OpenGL ES.
Багатокристали для вбудованих систем в даний час підтримують роботу з кількомашарами, що дає можливість Flash-програмами ефективно співіснувати з іншимиграфічними програмами на одному й тому ж дисплеї. На рис. 1 Flash-плейерпрорісовивает шар переднього плану і керує відображенням тривимірних зображеньна фоновому шарі. Щоб зробити дивись тривимірне полотно, розробник використавна шарі переднього плану техніку хроматичної ключа (chroma key). Оскількивізуалізація тривимірного зображення і Flash-картинки відбувається в різнихшарах, графічний контролер може оновити тривимірну картинку без перерісовкіFlash-контенту. Це зменшує мерехтіння зображення і знижує навантаження на ЦПУ.
Розробникможе також використовувати методи альфа-сполучення (alpha blending)і хроматичної ключа для того, щоб зробити Flash-компоненти напівпрозорими, а потім розмістити їх прямо поверх іншогоконтенту.
Важливийнедолік полягає в тому, що не завжди є можливість запустити Flash-додаток, абовона пов'язана з деякими труднощами (наприклад, необхідно встановити плагін абооновити його до останньої версії). Деякі користувачі (або системніадміністратори в рамках цілої мережі) отключают в настройках браузераможливість завантажувати контент, що обробляється плагінами або завантаженийпід фрейма в цілях інформаційної безпеки (у зв'язку з можливою загрозою з бокуконтенту, наприклад, перехоплення буфера обміну), економії системних ресурсів,або для позбавлення від набридливої реклами.
До сих піртекстове вміст файлів формату. Swf було у всіх аспектах недоступне для павуківпошукових машин. Те ж стосується і тексту, що міститься в зображеннях. Тількитекст у форматі HTML міг бути прочитаний і проіндексовані пошуковими системами,оскільки вони не могли виконувати оптичне розпізнавання символів в оперативномурежимі.
Пошуковіпавуки зчитують HTML так само, як людина може прочитати пальцем написанийкульковою ручкою текст по контурів літер. У той же час зчитування інформації зFlash-файл або зображення схоже на водіння пальцем по плоскому дорожньомузнаку. Ви не можете відчути контури букв, а бот пошукової системи не здатнийпроіндексувати розташований під Flash-документі текст. З 30 червня 2008 рокукомпанії Google і Adobe нарешті заявили, що відтепер інформація з Flash-файлівформату. Swf буде індексуватися пошуковою системою Google. У вичерпнимповідомленні Adobe Developer Center також зазначено, що в найближчомумайбутньому варто очікувати появи подібної технології від Yahoo. Під часчитання новин і пов'язаних з ними статей у спільноті веб-маркетологів меністало ясно, що дане оновлення стало великим кроком вперед, але говорити проповне розкриття потенціалу веб-розробників ще рано.
Як правило,сервери Web-порталів розміщуються на території Інтернет-провайдерів, які маютьможливість забезпечити необхідну смугу пропускання каналів, за якими серверипорталу підключаються до мережі Інтернет. Управління Web-порталом в цьомувипадку здійснюється віддалено через Інтернет з автоматизованих робочих місць(АРМ) адміністраторів.
Длязахисту розглянутого web-порталу найбільш доцільнозастосовувати комплексний підхід, що поєднує організаційні та технічні засобизахисту. Організаційні засоби захисту пов'язані з розробкою та впровадженнямнормативно-правових документів, таких як політика і концепція забезпеченняінформаційної безпеки Web-порталу, посадові інструкціїпо роботі персоналу з автоматизованою системою і т.д. Технічні ж засоби захистуреалізуються за допомогою відповідних програмних, апаратних абопрограмно-апаратних засобів, які забезпечують виконання цілей і завдань, визначениху відповідних нормативно-правових документах. Використання комплексного підходуприпускає об'єднання технічних засобів захисту Web-порталу в інтегрований комплекс, що включає в себепідсистеми антивірусного захисту, контролю цілісності, розмежування доступу,виявлення вторгнень, аналізу захищеності, криптографічного захисту інформації,а також підсистему управління.
Підсистемауправління засобами захисту розміщується в однойменному сегменті Web-порталу.Підсистема включає в себе АРМ адміністратора безпеки, з якого здійснюєтьсяуправління, а також службові сервери, необхідні для функціонування відповіднихзасобів захисту. Підсистема також додатково може включати в себе модулькореляції подій, зареєстрованих різними підсистемами захисту порталу. Наявністьтакого модуля дозволяє автоматизувати обробку великого обсягу інформації, щореєструється в Web-порталі, та у відповідності з заданим набором правилвиділити найбільш критичні події, які вимагають негайного реагування.
3D-движки
Існують 3Dдвижки, що використовують як основу Flash. Їх швидкість і якість роботи доситьнизька. Основна причина цього — неможливість використовувати засоби DirectX абоOpenGL, тому виконується повна емуляціявсіх 3D-Алгоритмів. Немає підтримки апаратного прискорення, багатоядернихпроцесорів, що також знижує швидкість роботи движка. Зараз відбувається деякеполіпшення в якості й швидкості роботи 3D, тому що сама Adobe включилазастосування 3D-ефектів у новому Adobe Flash Player 10.
· Papervision3D(англ.) — Найвідоміший Open Source движок. Векторнепромальовування по трикутниках.
· Away3D(англ.) — Створений Олександром Задорожным з Києва на основіпроекту Papervision3D. У цей момент — провідний Open Source движок. Такожвекторне промальовування.
· Sandy(англ.) — Увикористанні ще простіше, ніж Papervision3D. Open Source. Також векторнепромальовування.
· FFilmation AS3 Flash Isometric Engine(англ.) — Ізометричний движок. Open Source.
· Infinity3D Engine — движок з динамічним BSP[2]. Розробляється ентузіастом ізСанкт-Петербурга Олексієм Романовим.
· Ігрова платформа AlternativaPlatform(рос.) — Платформа для тривимірних ігор, розроблювальна групою з Пермі.За флеш відповідає Антон Волков. Векторне промальовування по трикутниках. Наданій платформі створена гра Танки Онлайн.
· ZenBullets Flash Isometric 3D Game Engine(рос.) — ізометрична ігроваплатформа.
Недоліки
Головнийнедолік Flash-додатків — надмірна вимогливість до ресурсів процесора.Недостатня потужність комп'ютера може впливати на продуктивність операційноїсистеми вцілому, або привести до викривлення результатів роботи Flash-додатка,пов'язаних з відображенням анімації або підрахунком часу. Іноді це пов'язано знедоліками програмного забезпечення, відповідального за обробкуFlash-компонентів, або низькою якістю самого Flash-додатка.
Іншийважливий недолік полягає в тому, що не завжди є можливість запуститиFlash-додаток, або вона пов'язана з деякими труднощами (наприклад, необхідновстановити плагін або обновити його до останньої версії). Деякі користувачі(або системні адміністратори в рамках цілої мережі) відключають у налаштуванняхбраузера можливість завантажувати контент, оброблюваний плагинами або, щозавантажується у фреймах з метою інформаційної безпеки (у зв'язку з можливоюпогрозою з боку контенту, наприклад, перехоплення буфера обміну), економіїсистемних ресурсів, або для порятунку від обридлої реклами.
Це робитьтехнологію в цілому ненадійною також для розробників, яким ніхто не гарантує,що веб-додаток на основі Flash буде взагалі відтворено. Тому Flash, восновному, використовується для написання ігор, невеликих напівінтерактивниханімацій і для красиво оформленої реклами, тобто в сфері розваг і дизайну. Длясерйозних веб-додатків, де взаємодія з користувачем повинна бути без шкодикрасі, звичайно використовується Javascript, або взагалі не використовуютьсяніякі технології крім тих, що 100% працюють (HTML, CGI).
В Інтернетіможна знайти сайти, повністю оформлені у вигляді Flash-додатка (увесь контент,а також елементи навігації). Звичайно це сайти, присвячені іграм, дизайнерськістудії, особисті сторінки та інші сайти, метою яких є вразити відвідувачакрасою й незвичайністю реалізації. Великі портали й інформаційні ресурсинамагаються уникати використання Flash (за винятком вставки рекламних баннеров,неможливість виводу яких не викликає незручностей для користувачів).
ВикористанняFlash для розміщення текстовоїінформації перешкоджає її індексуванню пошуковими системами. Однак існує безлічспособів розв'язати цю проблему. Одним зі способів, розв'язку даної проблеми, євикористання тексту у форматі HTML, уфутері сторінки.Альтернативи
Головноюальтернативою Adobe Flash в браузерах э використання JavaScript, SVG і HTML 5, а для інтерактивнихвеб-додатків — AJAX. За наявності плагініввикористовують Silverlight від Microsoft.
Оскільки3D-движки для Adobe Flashмають досить низьку продуктивність, не зайвим буде згадати про існування O3D, що дозволяє не тількибудувати тривимірні моделі, а й змінювати їх динамічно за домомогою AJAX чи COMET технологій.
· ActionScript
· Macromedia
· Статті, уроки,вихідний код
· ActionScript уроки, вихідний код
1. ↑ Flash Satay: Embedding Flash WhileSupporting Standards.
2. ↑ makc3d.wordpress.com/2009/09/07/alternativa3d-vs-infinity3d-head-to-head-dynamic-bsp-test/ Alternativa3D vsInfinity3D: head to head dynamic BSP test
Отримано з uk.wikipedia.org/wiki/Adobe_Flash
Категорії: Adobe | Векторні графічні редактори | Програми анімації | Веб-технологіїІнформаційнабезпека
Інформацíйнабезпéка (англ. InformationSecurity) — стан інформації, в якому забезпечується збереження визначених політикою безпекивластивостей інформації.
Інформаційнабезпека — стан захищеності життєво важливих інтересів людини, суспільства ідержави, при якому запобігається нанесення шкоди через: неповноту, невчасністьта невірогідність інформації, що використовується; негативний інформаційнийвплив; негативні наслідки застосування інформаційних технологій;несанкціоноване розповсюдження, використання і порушення цілісності, конфіденційностіта доступності інформації.
Вирішенняпроблеми інформаційної безпеки має здійснюватися шляхом:
· створенняповнофункціональної інформаційної інфраструктури держави та забезпеченнязахисту її критичних елементів;
· підвищення рівнякоординації діяльності державних органів щодо виявлення, оцінки і прогнозуваннязагроз інформаційній безпеці, запобігання таким загрозам та забезпеченняліквідації їх наслідків, здійснення міжнародного співробітництва з цих питань;
· вдосконаленнянормативно-правової бази щодо забезпечення інформаційної безпеки, зокремазахисту інформаційних ресурсів, протидії комп'ютерній злочинності, захиступерсональних даних, а також правоохоронної діяльності в інформаційній сфері;
· розгортання тарозвитку Національної системи конфіденційного зв'язку як сучасної захищеноїтранспортної основи, здатної інтегрувати територіально розподілені інформаційнісистеми, в яких обробляється конфіденційна інформація
3.2 Технологія Microsoft Silverlight
Розроблений компанією Microsoft в кінці 2006року, Silverlight це плагін до браузера, щооброблює XAML файли (формат інтерфейсів платформи Windows Vista) та кодекидля відтворення мультимедійних файлів. Він представляє внутрішню модель DOM,що керується за допомогою JavaScript.
Microsoft Silverlight представляє собою підмножину WindowsPresentation Foundation, в якій реалізовано векторна графіка, анімація і засобивідтворення відео.
У версії 1.1 включає в себе повнупідтримку .NET CLR, що називається CoreCLR, яка дозволяєписати Silverlight додатки на буль-якій мові, що підтримують платформу .NET.
Silverlight реалізований для ОС Windows XP, Windows Vista, Mac OS X 10.4, табраузерів браузеров Internet Explorer 6.0/7.0, Mozilla Firefox 1.5/2.0 і Safari 3.1.
В майбутньому планується підтримкабраузера Opera, ОС Windows 2000 та, можливо, іншихплатформ.
Ця технологія є доволі молодою і містить багатонедоліків, основні з яких:
Плагін Microsoft Silverlight є лише для ОС Windows таMac OS X, браузери, що офіційно підтримуються — Internet Explorer та Firefox.Існують способи для підключення його до браузера Opera та реалізації для ОСLinux, але вони є неофіційними та нестабільними.
Ігнорування компанієюMicrosoft відкритих стандартів, таких як SVG.
Як і Flash, Silverlightбільше націлений на роботу з графікою та мультимедійними даними, тому не зовсімпідходить для заміни JavaScript в Ajax’і.
3.3 Технологія Java Апплети
Розроблений компанією Sun як частинатехнології Java в 1995 році.
Аплет-це програма, скомпільована вбайт-код, що виконується у браузері з використанням віртуальної Java машини.Оскільки байт-код платформо-незалежний, тому апллети можуть виконуватися вбраузерах багатьох платформ, де є реалізація віртуальної машини Java.
Мова Java значно запозичила синтаксис із C і C++, але має простішуоб'єктну модель і менше низькорівненвих можливостей.
Технологія Java є відкритою — протягом 2006-2008років компанія SUN опублікувала всі вихідні коди та специфікації Java під вільною ліцензієюGNU General Public License, яка надає одержувачам комп’ютерних програм такіправа:
свободу запуску програми, з будь-якою метою;
свободу вивчення того, як програма працює, і її модифікації (попередньоюумовою для цього є доступ до програмного коду);
свободу розповсюдження копій;
свободу поліпшення програми, і випуску поліпшень в публічний доступ(попередньою умовою для цього є доступ до програмного коду).
Java Апплети виконуються в спеціальному закритому оточенні, що запобігаєїї від доступу до локальних даних користувача.
Аплет зазвичай розроблюється за допомогою мовипрограмування Java, хоча для його розробки може використовуватись будь-якамова, що здатна компілюватися в байт-код. Наприклад: Jython, JRuby та інші.
Переваги аплетів:
Представлення інтерактивних можливостей Web-програм,що недоступні в HTML.
Технологія Java є платформо-незалежною, її реалізаціяє для більшості ОС та браузерів.
Технологія Java є відкритою — її вихідні коди таспецифікації доступні під вільною ліцензією GNU General Public License.
Аплет може працювати майже на будь-якій версії віртуальної машини Java,хоча в деяких випадках він вимагає останню версію.
Аплет кешується, тому при повторному використанні він завантажуєтьсяшвидко.
Аплет працює на порядок швидше, ніж JavaScript і маємайже таку саму швидкість, як і мови програмування, що компілюються —наприклад С/C++.
Аплет може перенести більшу частину бізнес-логіки на сторону клієнта.Таким чином зменшується навантаження на сервер і це дає змогу створюватисервіси з великою кількістю користувачів при відносно невеликих сервернихпотужностях.
Аплети мають недоліки:
Аплет потребує віртуальної машини Java, яка позамовчуванню не присутня в деяких популярних ОС (наприклад Microsoft WindowsXP).
Швидкість початку роботи Аплету залежить від швидкості запускувіртуальної машини Java.
Політика деяких компаній забороняє інсталяцію тавикористання віртуальної машини Java на службових комп’ютерах працівників.
Детальний аналіз цих недоліків та способи їх подоланнянаведені нижче.
1. Будь-яка розширена Web-технологія (крім базовихHTML, CSS і т.п.) потребує підтримки в браузері. Для JavaScript необхідно мативідповідний двигунець, для Adobe Flash — Adobe Flash Player, для Microsoft Silverlight —платформу .NET, для Java Апплетів — віртуальну машину Java.
Порівняємо статистику [5] підтримки у користувачів вищеназваних технологій.
JavaScript — ~95%
Adobe Flash — ~90%
Microsoft Silverlight— ~10%
Java — ~80%
Як бачимо, Java підтримується у переважної більшості користувачів, а при сучасних швидкостях Інтернет завантажити і встановити віртуальну машину Java можна без особливих витрат часу.
Також віртуальна машина Java входить в комплект з програмами деякихрозробників — OpenOffice.org, Oracle та інших.
2. Сучасні комп’ютери достатньо потужні, щоб користувач не помічав затримок із запуском віртуальної машини Java.
Комп’ютери 3-5 річної давнини все ще мають цюпроблему, але їх кількість постійно зменшується.
Інші технології також створюють значне навантаження на комп’ютер, аJavaScript ще й має відносно низьку швидкодію.
3. З тією ж проблемою користувачі стикаються і привикористанні інших Web-технологій. В залежності від політики компаній,забороненими можуть бути також Flash, Silverlight і навіть JavaScript. Тому цяпроблема є недоліком не лише Java а й інших популярних web-технологій.
Розділ 3. Розробка альтернативного механізму доступудля Web 2.0
3.4 Класичний механізм взаємодії у Web
Браузер
Сервер
запит
відповідь
HTTP — протокол передачі даних, що використовується вкомп'ютерних мережах, належить до протоколів моделі OSI 7-го програмного рівня.
Основнимпризначенням протоколу HTTP є передача веб-сторінок (текстових файлів з розміткою HTML),хоча за допомогою його можна передавати й інші файли, як пов'язані звеб-сторінками (зображення і додатки), так і не пов’язані з ними (у цьому HTTPконкурує з складнішим FTP).
HTTP припускає, щоклієнтська програма — веб-браузер — здатна відображати гіпертекстовівеб-сторінки і файли інших типів в зручній для користувача формі. Дляправильного відображення HTTP дозволяє клієнтові дізнатися мову ікодування веб-сторінки і/абозапитати версію сторінки в потрібних мові/кодуванні, використовуючи позначенняіз стандарту MIME.
Класичний механізм взаємодії у Web відбуваєтьсятак: браузер генерує HTTP запит і відправляє його на сервер.Сервер оброблює запит і відправляє відповідь клієнту у вигляді готової HTML сторінки, якубраузер показує користувачу. Для кожного обміну даними міжсервером та клієнтом потрібен окремий запит (перезавантаження сторінки).
Є два основні види запитів до сервера — GETта POST.
З початку GET був єдиним способом передачі даних відклієнта до сервера. Дані від клієнта до сервера передаються у виглядіпараметрів адреси (наприклад — www.example.ua/file?p1=v1&p2=v2). Згідно стандарту HTTP запити типу GETвважаються «безпечними» — багаторазове повторення одного і того ж запитупризводить до одного і того ж результату (при умові, що сам ресурс не змінивсяза час між запитами). Це дозволяє кешувати відповіді на HTTP запити з типом GET.
За допомогою GET не можнапередавати великі об’єми даних та файли (в браузерах, проксі-серверах та web-серверах єліміти на довжину адреси, наприклад в браузерів Microsoft Internet Explorer це 1Кб).
Використання GET є небезпечнимдля відправлення поролів та іншої конфіденційної інформації — вона будеприсутня в адресі у відкритому вигляд.
В 1996 з’явилася специфікація HTTP 1.0, що містилановий механізм запиту до сервера — POST. Дані від клієнта до серверапередаються в тілі запиту і, при необхідності, можуть бути зашифрованими. Навідміну від запиту з типом GET, запити з типом POST вважаються«небезпечними» — багатократне повторення одних і тих же запитів з типом POST може давати різнірезультати.
Також за допомогою POST запиту можлива передача файлів від клієнта досервера.
Існують також інші методи доступів, але вони маютьспецифічне застосування:
OPTIONS — повертає методи HTTP, які підтримуютьсясервером. Використовується для визначення можливостей Web-сервера.
HEAD — аналогічний методу GET, єдинарізниця — у відповіді сервера відсутнє тіло. Використовується для отриманнямета-даних, що задаються в заголовку відповіді, без відправлення всього вмісту.
PUT — завантажує вказаний ресурс насервер.
DELETE — видаляє вказаний ресурс.
TRACE — повертає отриману відповідь так,що клієнт може побачити, що проміжні сервери додали чи модифікували в запиті.
CONNECT — використовується разом з proxy-сервером, які можутьдинамічно переключатися в тунельний режим SSL.
Переваги класичного механізму доступу до Web —підтримка будь-яким HTTP клієнтом (браузером, роботом пошукової системи іт.п.).
Недоліки цього механізму — навіть принезначній зміністорінки потрібно повністю завантажувати всю сторінку, що негативно впливає якна швидкості та комфорт при роботі з Web-програмою, так і на збільшення трафіку між сервером та клієнтом.
3.5 Взаємодія у Web за допомогоюAjax
В цьому механізмі доступу з’єднуючоюланкою між сервером та сторінкою є JavaScript-об’єкт XMLHttpRequest. В різнихдвигунцях та їх версіях він реалізований по різному тому потрібновикористовувати спеціальну функцію, яка враховує всі можливі варіанти.
HTML
сторінка
Об’єкт
XMLHttpRequest
PHP
скрипт
При певнихдіях користувача (наприклад при активізації кнопки в складі користувацькогоінтерфейсу) браузер генерує запит і за допомогою JavaScript-об’єктаXMLHttpRequest відправляє його на сервер. При цьому метод доступу може бути GETабо POST. Користувацький інтерфейс під час відправлення запиту і отриманнявідповіді не блокується і користувач може продовжувати виконувати певні дії,результатом яких можуть бути нові запити до сервера — Ajax підтримує декількаодночасних взаємодій сторінки з сервером. Користувацький інтерфейс виглядає іреагує на дії користувачаяк звичайна програма, що полегшує роботу з ним.
Сервер оброблює запит івідправляє браузеру відповідь у форматі XML, JSON або подібних. При цьому невідбувається генерації усієї сторінки (як у класичному механізмі доступу), томучас обробки запиту скорочується. Це дозволяє зменшити навантаження на серверабо збільшити кількість клієнтів, що можуть працювати одночасно.
Браузер, за допомогою JavaScript, обробляєотриману відповідь і модифікує сторінку без перезавантаження за допомогою DHTML.
Переваги цього механізму доступу —сторінка модифікується без повного перезавантаження, збільшується швидкістьроботи з Web-програмою, зменшується трафік між сервером та клієнтом,метод роботи користувача з web-програмою є зручним.
Недоліки методу:
важкість у розробці та налагодженнічерез використання мови сценаріїв JavaScript, що маєспецифічне застосування тому вона мало пристосована до розробки багатих web-програм.
зміст сторінок, згенерованих за допомогою Ajax, неіндексується пошуковими системами і сторінку не можна зберегти за допомогоюбраузера збережеться лише початкова сторінка та сценарії JavaScript.
на сторінку, згенеровану за допомогою Ajax, не можна поставити прямепосилання — при модифікації сторінка не змінює адреси.
Для подолання вказаних недоліків потрібно:
Обмежети використання мови сценаріїв JavaScript івикористати технологію Java Апплетів. Повністю відмовитись від використанняJavaScript не можна (це єдиний спосіб динамічної зміни сторінки, що, хоч і знедоліками, але функціонує в більшості сучасних браузерів) але якщо перенестибільшу частину функціональних можливостей з сценарію JavaScript до Java Апплетуі використовувати JavaScript лише для зв’язку HTML сторінки з Апплетом тоскладність розробки та налагодження такої системи буде на порядок нижча.
Створювати окремі статичні сторінки,що матимуть той самий вміст, що і динамічні сторінки, але їх зможуть прочитатита обробити пошукові системи а також переглянути ті користувачі, щовикористовують застарілі браузери або браузери із відключеними абозаблокованими додатковими можливостями (JavaScript, Java, Flash і т.п.). Також ці статичністорінки користувач може зберегти на свій комп’ютер для перегляду оффлайн аборедагування за допомогою HTML-редакторів.
Створити спеціальний елементкористувацького інтерфейсу — «посилання на цю сторінку», що міститимеспеціально сформоване посилання, перейшовши за яким відкривається сторінка зтаким самим вмістом,як і згенерована динамічно. Це потребує модифікації серверної частини (вбільшості випадків ця модифікація є незначною), але подолання цього недоліку єдуже важливим для комфортної роботи з Web-сторіками, що побудованідинамічно.
Другий та третій пункти вже доволі широковикористовується на сайтах, побудованих за допомогою концепції Web 2.0.
Спосіб, вказаний в першому пункті ще мало вивчений,тому майже не зустрічається на сайтах. Реалізація цього способу призведе до створення базовогонабору засобів, за допомогою якого розробники web-програм зможуть більшефективно та з меншими витратами часу створювати web-програми, що матимутьбагаті можливості та звичний для користувачів інтерфейс.
3.6 Альтернативна взаємодія у Web задопомогою Java Апплетів
Цей метод схожий на попередній, лише замість JavaScript-об’єкта XMLHttpRequest об’єкта використовується Java Апплет.
HTML
сторінка
Java
Applet
PHP
скрипт
Ця заміна на перший погляд можездатися незначною — JavaScript (за допомогою об’єкту XMLHttpRequest) та Java Апплет маютьсхожі можливості для створення запитів, передачі їх на сервер таобробки отриманої відповіді. Але Java Апплет має набагато ширшіможливості для обробки отриманої інформації.
Також перевагою Апплетів надсценаріями JavaScript є їх значно вища швидкодія та значноменші проблеми з розробкою та налагодженням — для Java існують досить потужні інтегрованісередовища розробки та налагодження. Вони містять можливості, які відсутні впрограмах для розробки сценарії JavaScript (які вбільшості є простими текстовими редакторами з підсвіткою синтаксису тамінімальними функціональними можливостями) :
· вбудованийналагоджувач;
· інструменти длярефакторингу (повного або часткового перетворення внутрішньої структурипрограми при збереженні її зовнішньої поведінки);
· проектуванняUML діаграм (графічний опис для об’єктного моделювання в сфері розробкипрограмного забезпечення);
· система керуванняверсіями (програмне забезпечення для полегшення роботи з інформацією, що частозмінюється, основне застосування — слідкування за розробкою програм)
· колекціяшаблонів коду та бібліотек, що дозволяють позбавитися рутинних операція прирозробці Апплетів.
Для практичної реалізації цьогометоду взаємодії був розроблений базовий набір засобів (Framework). За допомогою ньогобула створена демонстраційна програма, що ілюструє основні можливості тапереваги. За допомогою цієї web-програми було проаналізовано переваги танедоліки базового набору засобів.
Демонстраційна web-програма складається з такихелементів:
Java Апплет (AJavaX.class)
HTML сторінка (AJavaX.html)
PHP скрипт (AJavaX.php)
3.6.1 Java Апплет
Виконує роль зв’язкової ланки між сервером тасторінкою. Коли користувач активізує елементи керування користувацьогоінтерфейсу, за допомогою JavaScript викликаються відповідні функції Апплету,які генерують запит і відправляють його на сервер. Сервер відправляє відповідь Апплету,який оброблює його і за допомогою JavaScript команд модифікує сторінку безперезавантаження.
Java Апплет може обмінюватись даними лише з тимсервером, з якого він був завантажений. Але якщо створити відповідну сервернупрограму (за допомогою Java Server Pages або Servlets) то можливе з’єднання збудь-яким іншим сервером. Таким чином у Web-програмі можна використовуватиWeb-служби від інших розробників.
Для виклику функція Апплету з HTML-сторінкивикористовуються JavaScript-об’єкт document.applets[“AJavaX”], який автоматичностворюється після завантаження Апплету з ім’ям AJavaX. Це працює в будь-якомубраузерів, на відміну від JavaScript-об’єкта XMLHttpRequest
Для модифікації сторінки в Апплеті використовуєтьсяклас JSObject з пакету netscape.javascript, який реалізує спосіб викликуметодів JavaScript та перевірку властивостей JavaScript.
Якщо об’єкт JavaScript передається в Java, віртуальна машина створюєJava-оболонку типу JSObject, коли JSObject передається в JavaScript, віртуальнамашина знімає оболонку і розгортає об’єкт в об’єкт оригінального типуJavaScript.
Будь-які дані JavaScript, перенесені в Java, конвертуються в типи данихJava. Коли JSObject передається назад в JavaScript, оболонка з об’єктазнімається і він може використовуватись в коді JavaScript.
Перетворення типів від Java до JavaScript:
Java типи byte, char, short, int,long, float та double перетворюються в числа JavaScript
Java тип boolean перетворюється в boolean JavaScript
Java тип JSObject перетворюється у відповідний об’єкт JavaScript
Інші Java об’єкти перетворюються у об’єкти-надбудови JavaScript длядоступу до полів та методів. Java-об’єкти можуть бути перетворені в рядок(викликається метод toString), число (метод floatValue), логічний тип (методbooleanValue) та псевдо-масиви JavaScript (які поводять себе так само, як іJavaScript масиви — як індекс використовується цілі числа, але вони влаштованіпо іншому)
Перетворення типів від JavaScript до Java:
Об’єкти-надбудови для Java об’єктів перетворюються в об’єкти Java
Решта об’єктів перетворюється в JSObject
Рядки, числа і логічний тип перетворюється в Java об’єкти String, Float та Boolean
При ініціалізації Апплету створюєтьсяекземпляр об’єкта JSObject win, що є об’єктом-надбудовою до JavaScript об’єкту вікнабраузера, та визначається адреса сторінки сервера, з якою буде відбуватисявзаємодія.
При виклику функція send або get Апплету передається параметри —текст, що набраний у вікні редагування та пароль для шифрування/дешифруваннятексту.
За допомогою методу libSendRequest формується запит,відправляється на сервер та отримується відповідь.
Отримані дані можна модифікувати чи оброблювати — тутможливості Java майже необмежені. Наприклад можна реалізувати криптостійкешифрування на клієнті і передавати на сервер дані в зашифрованому вигляді.
Для модифікації сторінки викликаєтьсяметод libReturnValue, який дозволяє динамічномодифікувати вміст сторінки, виконавши спеціальний JavaScript код. Такимчином відбувається модифікація сторінки за допомогою конструкції:
win.eval(«document.getElementById('»+id+"').innerHTML='"+value+"'")
Змінна id містить ідентифікаторобє’кту HTML, куди буде вставлений HTML код, що міститься в змінній value.
При потребі JavaScript длядинамічної модифікації сторінки можна суттєво розширити, використавши вжеіснуючі напрацювання в технології Ajax, лише найважчі операціїбудуть виконуватися Java Апплетом.
3.6.2 HTML сторінка
HTML сторінка є основою інтерфейсукористувача. Сторінка містить прихований Java Applet (він має розміри 0х0пікселів але він завантажується та нормально функціонує) та код JavaScipt, що викликаєфункції з Апплету при активізації користувачем елементів керування.
Аплет підключається до сторінки за допомогою конструкції:
що містить такі атрибути:
code — назва файлу, що містить аплет
name — ім’я аплету, використовується для викликуфункцій апплету через об’єкт document.applets[«AJavaX „].
width та height — ширина та висота апплету, в даномувипадку вони мають значення нуль тобто апплет не відображається на сторінці(хоча він повністю завантажується і функціонує)
mayscript — цей атрибут потрібний, щоб Апплет мігвиконувати функції JavaScript і динамічно модифікувати сторінку.
При використанні об’єкту XMLHttpRequest сторінкамістила б додатковий код для ініціалізації цього об’єкту та роботу з ним(приклад такого коду показаний в розділі 1.3.). Але для функціонування Апплетувін не потрібний — Апплет містить всі функціональні можливості, потрібні дляасинхронного зв’язку з сервером та обробки отриманих даних.
3.6.3 PHP скрипт
Серверна частина системи, що отримує запити,виконує необхідні дії (запис/читання з бази, створення/видалення файлів і т.п.)та повертає відповідь клієнту. PHP скрипт використаний лише длядемонстрації можливостей базового набору засобів, в реальних web-програмахсерверна частина може бути реалізована за допомогою будь-якої технології(Python, Rubi, Perl, SSI, ASP, JSP та подібних)
При використанні класичного методу взаємодії у Web PHPскрипт має генерувати усю сторінку і відправляти її клієнту.
При використанні механізмів взаємодії у Web 2.0 скриптмає 2 режими роботи:
· виконанняпотрібних дій, генерація сторінки та відправлення її клієнту в форматі HTML (як у класичномуметоді) — якщо браузер користувача не має підтримки JavaScript та Java Апплетівабо це ініціалізація web-програми.
· виконання потрібних дій, генерація лише тієї частини сторінки, щозмінилася та відправлення її клієнту в форматі XML, JSON та подібних —якщо відбувається взаємодія за допомогою технології Ajax.
При використанні другого методувзаємодії навантаження на сервер та трафік між сервером та клієнтомзменшується, а реакція користувацького інтерфейсу та зручність роботи з Web-програмою —збільшується.
В цілому web-програмафункціонує добре в будь-якому браузері, відгук на дії користувача та взаємодіяміж сервером та клієнтом відбувається досить швидко (завдяки швидкій роботі Java Апплету). Але основна перевагарозробленої web-програми в тому, що її можна розширювати за допомогою зручнихзасобів розробки на мові Java.
Розроблений базовий набір засобів є доволі простим алевін ефективно виконує взаємодію web-програми з сервером.
В рамках даної роботизапропонований новий підхід до створення Ajax-додатків, що полягає в застосуванні поруч з JavaScript-сценариями Java-аплетів. Задачі розподіляються так.
Java-аплет:
Обчислення, що потребують багато часу
Складні в реалізації алгоритми
Засоби асинхронної обробки даних
JavaScript-сценарий:
Взаємодія з елементами Web-сторінки
Створено набір базових засобів для написання Ajax-додатків, що реалізуєзапропонований підхід.
4. Створення flash-анімації за допомогою програми SWISHMAX
/>
ПрограмаSWISHMAX — це відносно нова розробка австралійської компанії SWiSHzone. Вона єрозширеною версією програми Swish2, яка вже встигла завоювати популярністьсеред користувачів у всьому світі (тим паче, що перша версія цієї програмирозповсюджувалася безкоштовно). Перевагою цієї програми можна вважати, перш завсе, простоту використання.
Навітьнепідготовлений користувач за короткий час зможе створити з її допомогоюпрофесійні флеш-роліки.
SWISHMAX маєвсі кращі якості Swish2 і при цьому володіє великою кількістю додаткових опцій- додатковими інструментами для малювання (AutoShapes), можливістю створенняскриптів і їх відладки, величезних кількістю нових ефектів (більше 200), щонастроюються, покращуваними опціями експорту. Випробувати програму в роботіможе будь-який охочий, викачавши її дистрибутив розміром близько 9 Мб.
Програмаповністю функціональна протягом 15 днів.
Цітеги також указують висоту і ширину вікна програвача Flash Player — 550 і 400 пікселів відповідно.Важливо відзначити, що графіка в Flash-анімації векторна. Це означає, що при використанні Flash-команд для малювання ліній і тексту,відповідні елементи зберігаються як координати і масштабуються відповідно дорозміру вікна програвача.
У Flash-анімаціїсвоя власна система координат, яку ви можете використовувати на свій розсуд дляоптимізації коду.
4.1 БібліотекаMing
Першийметод використання Flash-анімацій, представлений вцій статті, полягає в динамічному створенні анімацій за допомогою бібліотеки Ming. Бібліотека Ming — це PHP-бібліотека з набором об’єктів, які відповідають типам данихв SWF-анімації: спрайт (sprites), форми, текст, растрові малюнки іт.д.
Приклади роботипрограм — Динамічне створення Flash-анімації за допомогою PHP pdesign.com.ua Я не розповідатиму в цій статті, якзбирати і інсталювати Ming, тому що цей процес не є простим і залежить відплатформи. (див. Ресурси). Для роботи з цією статтею я використовувавзаздалегідь скомпільоване розширення бібліотеки php_ming.dll для Windows-версіїPHP.
Требавідзначити, що Ming до цих пір знаходиться у стадії розробки. На моментнаписання статті поточна версія бібліотеки — V0.4, і деякі команди з ранніхверсій не працюють в пізніших версіях. У даній статті я використовував версіюV0.4, тому вам знадобиться та ж версія, щоб використовувати цей код.
Запустившицей код з командного рядка, ви отримаєте файл hello.swf. Я відкриваю цей файл в своєму Web-браузере і бачу результат (див.рисунок 1).
/>
Рис.1.Приклад HelloWorld з використанням Ming
Повертаючисьдо коду, перше, що я роблю — створюю покажчик на вбудовані шрифти (_sans),потім я створюю текстове поле, встановлюю його шрифт, колір і розмір, а такожзадаю його значення (”Hello World”). Потім я створюю об’єкт SWFMovie і задаюйого розміри. Нарешті я додаю цей текстовий елемент до анімації і зберігаюанімацію у файл.
Якальтернатива безпосередньому створенню файлу можна виводити результуючуSWF-анімацію як сторінку, використовуючи замість методу save даний код
header(‘Content-type: application/x-shockwave-flash’ )
$m->output( )
Приклади роботи програм — Динамічне створення Flash-анімації за допомогою PHP pdesign.com.ua
Цей процессхожий на створення растрових малюнків з використанням бібліотеки ImageMagick врамках PHP. Я використовуватиму метод save для всіх прикладів з Ming, проте виможете робити, як вам зручніше.
В початок
Примусимотекст рухатися
Простопоміщати текст в Flash-анімацію безглуздо, краще примусити його рухатися. Дляцього я об’єднаю приклад з лістингу 2, який складається з двох частин: першийтекст з маленького стає більше і більше, а другою залишається статичним.
Лістинг 1. Text.php
$f= new SWFFont( ‘_sans’ );
$pt= new SWFTextField();
$pt->setFont($f );
$pt->setColor(0, 0, 0 );
$pt->setHeight(400 );
$pt->addString(‘1000′ );
$tt= new SWFTextField();
$tt->setFont($f );
$tt->setColor(192, 192, 192, 90 );
$tt->setHeight(350 );
$tt->addString(‘Points’ );
$m= new SWFMovie();
$m->setDimension(2500, 800 );
$pts= $m->add( $pt );
$pts->moveTo(0, 0 );
$tts= $m->add( $tt );
$tts->moveTo(1300, 200 );
$m->save(‘line.swf’ );
?>
Я запускаюцей сценарій з командного рядка, дивлюся на отриманий .swf-файл і бачузображення як на малюнку 3.
/>
Рис.2. Малювання простої лінії
Досить простоі не дуже цікаво. Що ж я зробив? Я створив новий об’єкт SWFShape, додавдекілька рухів пера і ліній. Потім приєднав цей спрайт-форму до анімації.
Щоб сталоцікавіше, я використовую той же тип кадрової анімації, як з текстом. Але вцьому випадку я обертатиму лінію навколо центру анімації за допомогою коду,показаного нижче.
Лістинг 2. Лінія, що обертається
$m = newSWFMovie();
$m->setDimension(300, 300 );
$s= new SWFShape();
$s->setLine(5, 0, 0, 0 );
$s->movePenTo(-100, -100 );
$s->drawLineTo(100, 100 );
$ts= $m->add( $s );
$ts->moveTo(150, 150 );
for($i = 0; $i
$ts->rotate(10 );
Приклади роботи програм- Динамічне створення Flash-анімації за допомогою PHPpdesign.com.ua $m->nextframe();
}
$m->save(‘rotate.swf’ );
?>
В даномувипадку я малюю лінію від крапки з координатами -100, -100 до 100, 100, так щобцентр лінії був розташований в крапці 0,0. Таким чином, коли я обертаю форму,обертання відбувається навколо центру лінії.
Додаючи формудо анімації, я рухаю об’єкт SWFDisplayItem, який повертається в центр кадру.Потім я його обертаю за допомогою методу rotate() і збільшую кадр в кожен моментчасу.
Використаннямалюнків
Текст іосновні векторні примітиви, такі, як лінії, кола, дуги, криві і прямокутники, — це все чудово, проте добре б мати доступ до зображень нашої Flash-анімації. Нащастя, бібліотека Ming спрощує використання зображень, як ви можете бачити:
Лістинг 3. Використання зображення
$img = newSWFBitmap( file_get_contents( ‘megan.jpg’ ));
$s = newSWFShape();
Створення flash-анімаціїза допомогою програми SWISHMAX4. Створення flash-анімації за допомогоюпрограми SWISHMAX1.
$imgf = $s->addFill($img );
$s->setRightFill($imgf );
$s->movePenTo(0, 0 );
$s->drawLineTo($img->getWidth(), 0 );
$s->drawLineTo($img->getWidth(), $img->getHeight() );
$s->drawLineTo(0 $img->getHeight() );
$s->drawLineTo(0, 0 );
$m= new SWFMovie();
$m->setDimension($img->getWidth() * 2 $img->getHeight() * 2 );
$is= $m->add( $s );
$is->moveTo($img->getWidth() / 2 $img->getHeight() / 2 );
for($i = 0; $i
{
$is->skewx(0.02 );
$is->skewy(-0.03 );
$m->nextframe();
}
$m->save(‘image.swf’ );
?>
Я запускаюцей сценарій з командного рядка, дивлюся на отриманий .swf-файл і бачузображення як на малюнку 4.
/>
Рис.3. Анімація із зображенням
Приклади роботи програм — Динамічне створення Flash-анімації за допомогою PHP pdesign.com.ua
Цей сценарійпочинає роботу з читання локального .jpeg-файла (в даному випадку фотографіямоєї дочки Меган). Потім він створює прямокутну форму і заповнює їїзображенням. Після цього впродовж десяти кадрів він застосовує ефект нахилу(skew), щоб малюнок небагато рухався.
Я лише злегкаторкнувся того, що можна зробити за допомогою бібліотеки Ming. Один з аспектів,який я не згадав в даній статті, — це інтерактивна частина, де ви можетеприкріплювати прості сценарії до елементів. (Проте якщо ви задумали складнуFlash-анімацію і встає питання реалізації інтерактивності,, то вам вартозадуматися про використання Flash-інструментарію для розробки анімації, яказможе спілкуватися з Web-сервісами в рамках вашого Web-додатку).
Ще однієюопцією, про яку треба пригадати, коли ви створюватимете складнішуFlash-анімацію, є використання авторських інструментів таких, як Adobe Flex абоLaszlo.
Обидваінструменти підтримують синтаксис XML для відображення призначеного для користувача інтерфейсу Flash-анімації і надають можливістьпростого створення сценаріїв JavaScript,які забезпечать інтерактивність інтерфейсу.
XML Chart і XML Gauge
Я буввражений ще двома програмами Flash SWF: XML Chart і XML Gauge, які можна знайти на сайті maani.us (див. Ресурси). Анімація спрощує підтримку динамічних шкал і діаграм на Web-сайті, просто створюючи XML-сторінки в PHP-додатку.
Приклади роботипрограм — Динамічне створення Flash-анімації за допомогою PHP pdesign.com.ua
Спочаткузавантажите SWF-файл з сайту. Потім додайте тег
web технологія додаток анімація
Висновок
Flash даєможливість простим способом значно підвищити інтерактивність Web-додатку.Почніть з чого-небудь маленького, наприклад, з елементів управління типувіджета, які недавно стали популярними. З програмами XML Chart і XML Gauge виможете випробувати такі типи Flash-виждетов до того, як витратите купу часу навивчення Ming, Flex або Laszlo.
Як би там не було, вам обов′язково стане в нагоді розуміння можливостейFlash для підвищення інтерактивності PHP-додатків в Web 2.0.
Джерело:ibm.com
Динамічне створенняFlash-анімації за допомогою PHP. Випадковепереміщення у флеш з використанням ActionScript.
Длятого, щоб створений вами сайт мав велике число постійних відвідувачів, крімрекламного розкручування і регулярних оновлень, необхідно, щоб його розмірибули якомога менше і при цьому він повинен мати дизайн, що запам’ятовувався.Одним з обов′язкових елементів сучасного сайту є флэш-анімація.
Елементисайту, побудовані з використанням технології flash, роблять зручнішоюнавігацію, а також привертають до нього увагу відвідувачів.
Створеннясайту з використанням Flash вимагає наявність певних знань, зокремаActionScript, численних настройок MacromediaFlash MX і т.д. Для багатьохкористувачів, що починають, це є серйозною перешкодою, оскільки у деяких невистачає час на вивчення складних програм, а у деяких — терпіння.
Вцьому огляді ми розглянемо основні настройки програми, щоб дати вам уявленняпро її можливості, а потім розглянемо прості приклади роботи з нею, якідопоможуть вам зрозуміти, як SWISHMAXпрацює на практиці.
Для першогозапуску програми на комп’ютері вам обов′язково знадобиться Інтернет. Длякожного користувача SWISHMAX генерує свій унікальний код, без якого роботанеможлива. Для отримання цього коду потрібне підключення до мережі. Програмасама відправить вас на потрібну сторіночку, і вам залишиться тільки скопіювати отриманийкод в спеціальне вікно.
Післявиконання цієї нескладної операції ви зможете спостерігати зовнішній виглядпрограми. Вікно SWISHMAX складається з декількох елементів. Розглянемо їх попорядку.
Панеліінструментів
/>
За умовчаннямвідображені три панелі інструментів
Приклади роботи програм — Створення flash-анімації за допомогою програми SWISHMAX1 pdesign.com.ua
· Standard Toolbar- панель з основними командами: вирізувати, копіювати, вставити, видалити,знайти, створити новий проект, відкрити, зберегти і ін.
· Insert Toolbar — панель з командами вставки основних об’єктів: тексту, зображення, кнопки, новоїсцени.
· Control Toolbar — панель управління анімацією.
Окрім цього,при необхідності можна додати ще дві панелі:
· Export Toolbar — панель з командами, що дозволяють експортувати сцену в один з підтримуванихпрограмою форматів Swf, Html, Exe і Avi. Окрім цього, на цій панелі розташованікнопки, що дозволяють зробити передпроглядання проекту в браузере або плеєрі.
· Grouping Toolbar- тут розташовані команди групування елементів і конвертації одних видівоб’єктів в інші.
Відмітимо, щови можете не тільки додавати панелі інструментів, але і видаляти будь-які з ниху разі потреби.
Timeline
/>
Підпанелями інструментів розташована панель Timeline. Вонарозділена на дві частини: у лівій ви можете додавати і видаляти ефекти, а такожуправляти їх настройками, в правій представлені вже задані ефекти сцени. Тутможна управляти часом їх появи і змінювати тривалість.
Outline
/>
В цьому вікніпредставлені всі об’єкти сцени у вигляді деревовидної структури. Цим вікномзручно користуватися для виділення об’єктів, а також для відключення їхвідображення і виконання будь-яких інших операцій з об’єктами: додавання до нихефектів, угрупування, конвертації і ін.
Layout
/>
Це вікно заумовчанням знаходиться посередині робочого вікна програми. У нім розташованаобласть, на якій відбувається робота з об’єктами, а також інструменти длястворення нових об’єктів — тексту, ліній, геометричних фігур.
Scene
/>
Це вікномістить в собі настройки сцени і окремих об’єктів. Воно має декілька закладок.
Movie — тутуказується колір фону, а також розміри файлу і кількість кадрів в секунду. Чимбільше це число, тим краще якість і тим більше розмір вихідного файлу.
Shape (Text)- назва цієї вкладки змінюється залежно від типу виділеного об’єкту. На нійзнаходяться настройки цього об’єкту.
Transform — на цій вкладці указується розмір виділеного об’єкту, кут повороту, а також йогоположення щодо кожної з осей координат.
Content — націй вкладці можна побачити зовнішні елементи, використовувані в проекті, — звукові файли, зображення і ін.
Export — натій вкладці задаються опції експорту сцени — вибирається формат івстановлюються настройки для кожного з них. Серед них особливо хочетьсявідзначити можливість оптимізації кінцевого файлу, що дозволяє істотно зменшитийого розміри.
Debug — націй вкладці програма веде статистику помилок, які ви зробили в процесі роботи.
Tint — на ційзакладці можна вибрати колір для виділеного об’єкту (параметр Color), а такожвстановити для нього ступінь прозорості (параметр Alpha color)
Align — настройки, розташовані на цій вкладці, дозволяють вирівнювати об’єкти щодо одинодного в заданому порядку.
Guides — настройки цієї вкладки дозволяють задати необхідні параметри для робочогопростору (вікно Layout) — відрегулювати колір, положення і розмір сітки, задативідображення лінійки і ін.
5. Ергономіка, та заходи забезпечення захисту припроведені монтажних робіт
5.1 Ергономіка —це процес наукової організації праці, направлений на створення засобівоптимізації праці, вдосконалення методів виконання людиною якої-небудь роботи зурахуванням його безпеки, комфортності і продуктивності. Можливо, відносноорганізації порядку у вашому службовому приміщенні це звучить декілька занадто,проте вибір і розміщення меблів, устаткування, довідкових матеріалові різногоприладдя у вашому офісі може зробити значний вплив на те, як ви працюєте.
Термін«ергономіка» запропонував ще 1857 р. польський природодослідник В.Ястшембовський. Як самостійна наукова дисципліна ергономіка сформувалась після1949 року.
Правильнаорганізація вашого робочого місця і службового приміщення може зробити значнийвплив на вашу продуктивність. Вона дозволить вам економити час, попереджативтому, завершувати виконання завдань швидше, ніж ви планували.
5.2 Як зменшитинеприємні наслідки довгої роботи за комп'ютером?
Ви сидите закомп'ютером з хорошим монітором. Чи втомляться ваші очі? Важливе розташуваннямонітора щодо очей, джерел освітлення, висота крісла.
• Освітлення прироботі з комп'ютером має бути не дуже яскравим, але і не бути відсутнім зовсім,ідеальний варіант — приглушене розсіяне світло.
• Поставте стілтак, щоб вікно не опинилося перед вами. Якщо це неминуче, купіть щільні шториабо жалюзі, які відсічуть світло. Якщо вікно збоку, рішення те ж — штори,жалюзі. Можна купити козирок, що одягається на монітор (такими козирками комплектуютьдеякі професійні монітори, продають їх і окремо) або зробити його самому:візьміть картонну коробку, виріжте з неї кут і одягніть на монітор. Козирокекранує світло, контрастність зображення підвищується, перенесення кольорівстає природнішим, очі втомлюються менше.
• Екран моніторамає бути абсолютно чистим; якщо ви працюєте в окулярах, вони теж мають бутиабсолютно чистими. Протирайте екран монітора (краще спеціальними серветками ірідиною для протирання моніторів) мінімум раз на тиждень, стежте за кристальноюпрозорістю окулярів щодня.
• Розташовуйтемонітор і клавіатуру на робочому столі прямо, у жодному випадку не навскоси.
• Центр екранумає бути приблизно на рівні ваших очей або ледве нижче. Тримайте голову прямо,без нахилу вперед. Періодично на декілька секунд закривайте віка, дайте м'язамочей відпочити і розслабитися.
Інколизустрічаються рекомендації використовувати спеціальні окуляри, фільтри. Вонидійсно здатні підняти якийсь з показників відеосистеми, але лише в збитокіншому показнику. Та чи резонно платити 200 у.о. за окуляри (хороші менше нестоять), замість того, щоб купити за ті ж гроші пристойний монітор?
• Екран моніторамає бути віддалений від очей мінімум на 50-60 сантиметрів. Якщо на такійвідстані ви погано бачите зображення, виберіть для роботи шрифт більшогорозміру.
• Якщокороткозорість перевищує 2-4 одиниці, необхідно мати дві пари окулярів дляроботи “поблизу» і «для далечіні».
Рівеньелектромагнітного випромінювання збоку і позаду монітора вище, ніж спереду. Встановітькомп'ютер в кутку кімнати або так, щоб люди, що не працюють на нім невиявлялися збоку або ззаду від монітора. Пам'ятайте про тих, що знаходяться всусідній кімнаті — стіни і перегородки випромінюванню не перешкода.
Часто монітористоять дуже низько. Людина цього майже не помічає, але щоб дивитися на моніторбуло зручно, доводиться нагинати голову, ледве сповзати на стільці. При цьомунапружується шия, мозок гірше забезпечується кров'ю, виникають головні болі,інші неприємні наслідки. Якщо ви «сповзаєте» на стільці, тонапружується спина і, проводячи в такій позі щодня по декілька годин, людинапотім відчуває різні нездужання. Відрегулюйте розташування монітора. Центрекрану має бути приблизно на рівні очей або ледве нижче, щоб ви зручно сиділина стільці, не нагинаючи голову, не скрючуючи хребет.
Правильна позаоператора комп'ютера
Спина нахилена надекілька градусів назад. Така поза дозволяє розвантажити хребет, поліпшитикровообіг в зоні між тулубом і стегнами, що особливо важливе для чоловіків врозквіті сил (див. розділи про простатит і геморой). Руки вільно опущені напідлокітники крісла. Лікті і зап'ястя розслаблені. Кисті мають спільну вісь зпередпліччями: не згинаються і не розгинаються. Працюють лише пальці. Стегназнаходяться під прямим кутом до тулуба, коліна — під прямим кутом до стегон.Ноги твердо стоять на підлозі або на спеціальній підставці.
Придбайте зручнеробоче крісло, яке дозволить без зусиль зберігати правильну позу закомп'ютером. Бажано, щоб можна було регулювати висоту сидіння і нахил спинки,переміщатися на роликах. Ідеальна спинка крісла повторює вигини хребта іслужить опорою для нижнього відділу спини. Сидіння злегка нахилене вперед, щодекілька переносить тиск з хребта на стегна і ноги. Край сидіння ледвезаломлений — це зменшує тиск на стегна. Крісло (стілець) має бути жорстке абонапівжорстке, це поліпшить кровообіг в малому тазу.
Розташуванняінших часто використовуваних речей не повинне заставляти довго знаходитися увикривленій позі, нахилятися убік, особливо для піднімання важких предметів(при такому нахилі велика вірогідність пошкодити міжхребцевий диск).
Якщо ви багатопрацюєте з клавіатурою, придбайте спеціальну підставку під зап'ястя. Продаютьсяклавіатури, в яких панель розділена навпіл з можливістю повертати половинкиодин до одного і нахиляти. Така клавіатура дорожча, до неї треба звикнутися,але для тих, хто багато друкує, вона буде вдалим придбанням.
Важливий чинникергономіки — шум на робочому місці. Системні блоки помітно шумлять, авінчестери особливо старих моделей «підвивають». Якщо ви довгопрацюєте з таким комп'ютером, це стане чинником підвищеної стомлюваності.Варіанти вирішення проблеми:
• купітьспеціальний комп'ютерний стіл, в якому системний блок прибирається в ящик здверцями;
• поставтекомп'ютер на підлогу (під стіл);
• виготовтешумозахисний екран, що відокремлює робоче місце від системного блоку, покладітьпід системний блок шумозахисну прокладку.
Не забудьте лишезабезпечити нормальну вентиляцію системного блоку: має бути досить вільногомісця перед вентиляційними отворами (це, як правило маленькі дірочки абопрорізи на бічних стінках системного блоку) і біля вентилятора (його отвірзазвичай знаходиться на задній стінці).
/>
Табл.1. Правильнерозташування за робочим місцем.
5.3 «Звуковеоформлення» робочого місця
Важливе длятривалої ефективної роботи. Виключіть сторонній шум: вимкніть телевізор, відгородітьсявід сусідів… Більшість людей здатна добре робити лише одну справу, якщо мозокотримує інформацію з декількох джерел (наприклад, комп'ютер + радіо)стомлюваність підвищується. З іншого боку приємна музика, спеціально підібранезвукове оформлення можуть підвищити ефективність роботи. Якщо ви працюєте вгаласливому офісі, спробуйте використовувати навушники (більшість Cd-дисководівдозволяють легко їх підключити) і слухайте записи музики або звуків природи.
Поліпшити умовипраці за комп'ютером допоможе насичення повітря негативними іонами за допомогоюіонізатора повітря (інакше званих «аероіонізатори», «ЛюстриЧижевського»), які зараз навчилися навіть вбудовувати в мишу.
Працюючи накомп'ютері, кожну годину робіть десятихвилинну перерву, під час якої погляньтеудалину, встаньте з крісла, зробіть комплекс вправ або просто походіть.Непогано кожні дві-три години надівати дірчасті окуляри, які знімають спазмочних м'язів.
5.4 Захист віддії електромагнітних полів
Небезпечна діяелектромагнітних полів (ЕМП) високої частоти на людину відбувається під часроботи радіопередаючих пристроїв, радіорелейних ліній зв’язку, пристроївбагатоканального радіозв’язку, радіолокаційних установок, промислових установокіндукційного та діелектричного нагрівання та інших високочастотних пристроїв.Джерелами електромагнітного випромінювання в радіотехнічних установкахявляються генератори.
Небезпечним можетакож бути і електричне поле промислової частоти високовольтних ліній передачі.Тому при значеннях напруженості електричного поля більше 5 кВ/м час перебуваннялюдей в небезпечній зоні обмежується.
Вплив ЕМП наорганізм людини в основному залежить від потужності випромінювання, тривалостівипромінювання, тривалості впливу ЕМП та діапазону частот. В цілях захистулюдини від опромінення по вказаним параметрам виконується нормування часузнаходження персоналу під дією опромінення. На частотах від 60 кГц до 300 МГцЕМП оцінюється окремо по його складовим — напруженості електричного поля Е(В/м) та напруженості магнітного поля Н (А/м). В діапазоні 300 МГц — 300 ГГцвплив ЕМП має в основному тепловий характер. Який залежить від потужностівипромінювання. В цьому діапазоні нормується значення густини (щільності)потоку енергії випромінювання (ГПЕ, Вт/м2).
Основним захистомвід впливу ЕМП є екранування джерела випромінювання та робочого місцяметалевими (відбиваючими) екранами або поглинаючим покриттям (стіни, стеля,підлога приміщення). Засобами індивідуального захисту людини від опромінення єзахисні окуляри (з відбиваючим або поглинаючим склом) та костюм з металізованоїтканини.
/>
Табл.2. сприйняття основних кольрівлюдиною
ВИСНОВОК
Вході дипломної роботи визначена розробка альтернативного механізму доступу для WEB 2.0. Проведено аналіз взаємодіі Java Апплетів у Web. Також в ході роботи розглянута flash-анімація. Для виконання анімаційногододатку використовувалась програма SWISHMAX 1, та PHP. В дипломній роботі розглянуто новий підхід до створенняAjax-додатків, згідно якому для написання коду клієнтської частини програми разом з JavaScript-сценаріямимають застосовуватися Java-апплети. Завдяки взаємодіїміж JavaScript та Java стає можливим розділитизадачі, що стоять перед додатком. Застосовуючи мову Java для написаннякоду, що реалізує складні алгоритми, можна застосувати численні інструментальнізасоби для розробки та налагодження програм. Такий підхід реалізований увигляді набору базових засобів для написання програми flash-плеєр.
Недоліки
Основнийнедолік Flash-додатків — надмірна вимогливість до ресурсів процесора. Томунедостатня потужність комп'ютера може вплинути на продуктивність операційноїсистеми в цілому, або призвести до спотворення результатів роботиFlash-додатки, пов'язаних з відображенням анімації або підрахунком часу. Інодіце пов'язано з недоліками браузера. Зазвичай ця проблема полягає в тому, що задопомогою Flash-додатків на веб-сторінках розміщують різнорідну рекламу, яка належнимчином не оптимізована.
Іншийважливий недолік полягає в тому, що не завжди є можливість запуститиFlash-додаток, або вона пов'язана з деякими труднощами (наприклад, необхідновстановити плагін або оновити його до останньої версії). Деякі користувачі (абосистемні адміністратори в рамках цілої мережі) відключають в настройкахбраузера можливість завантажувати контент, що обробляється плагінами абозавантаження у фреймах з метою інформаційної безпеки, економії системнихресурсів, або для позбавлення від набридливої реклами.
Це робитьтехнологію в цілому ненадійною також для розробників, яким ніхто не гарантує,що веб-додаток на основі Flash буде взагалі відтворено. Тому Flash, восновному, використовується для написання ігор, невеликих полуінтерактівних анімаційі для гарно оформленої реклами, тобто у сфері розваг та дизайну. Для серйознихвеб-додатків, де взаємодія з користувачем має бути без шкоди красі, звичайновикористовується JavaScript, або взагалі не використовуються ніякі технологіїкрім тих, що 100% працюють (HTML, CGI). Але ні JavaScript, ні HTML, ні що б тоне було ще, не дасть такої швидкості обміну даними, як Flash.
В Інтернетіможна знайти сайти, повністю оформлені у вигляді Flash-додатки (весь контент, атакож елементи навігації). Зазвичай це сайти, присвячені іграм, дизайнерськістудії, особисті сторінки та інші сайти, метою яких є вразити відвідувача красоюі незвичністю реалізації.