Міністерство освіти і науки , молоді та спорту України
Черкаський державний технологічний університет
Кафедра інформаційних технологій проектування
Реферат
на тему:
«Переваги і недоліки використання технології AJAX.»
з дисципліни:
«Web-технології та Web-дизайн»
Перевірила: Гамоцька Сніжана Леонідівна __ __________ 2012р. Підпис: _____ |
Виконала: Ст.групи ПР-122 Кагамлик Інна Русланівна Група: ПР - 122 Підпис:_________ |
Зміст
AJAX 3
Історія 4
Порівняння класичного підходу до завантаження сторінки та AJAX 4
Класична модель веб-застосування: 4
Модель AJAX: 4
Браузери, які підтримують AJAX 4
Переваги та недоліки сайтів на AJAX 5
Основні переваги 5
Недоліки, які необхідно враховувати при розробці 6
Наскільки доцільно використовувати AJAX в web-сторінках? 6
Висновки: 13
Інформаційні джерела 13
AJAX
Коли існуючих можливостей ставати мало, а вдосконалювати існуюче вже нікуди, тоді і відбувається технологічний прорив. Таким проривом і є AJAX (Asynchronous JavaScript and XML) - підхід до побудови призначених для користувача інтерфейсів веб-додатків, при якому web-сторінка, не перезавантажуючись, сама довантажує потрібні користувачу дані. AJAX - один з компонентів концепції DHTML.
Що ж дає нам ця технологія. В даний час розробка WEB додатків прагне до розмежування клієнтської частини і серверної, цим і обумовлюється повсюдне використання шаблонів, таких як Smarty і XSLT. Зараз проекти стають складніше, і переплітати між собою різні технології ставати занадто дорого для часу розробника. Так, наприклад, всі стилі форматування виносяться в CSS або в XSL файли, HTML або XML дані зберігаються в інших розділах, серверні обробники в третіх, бази даних в четвертих. І якщо ще 5-6 років тому практично скрізь можна було побачити переплетіння всього цього в одному файлі, то зараз це все частіше ставати рідкістю.
При розробці більш складних проектів виникає необхідність у структурованості коду. Не слід засмічувати код програміста кодом верстальника, а код верстальника - правками дизайнера, і так далі.
Виникає необхідність в розмежуванні роботи. Так, наприклад, дизайнер буде робити свою роботу, верстальник свою, програміст свою, і при цьому ніхто один одному заважати не буде. У підсумку кожному учаснику проекту достатньо буде знати тільки ті дані, з якими йому доведеться працювати. У такому випадку продуктивність групи і якість проекту підвищується в рази. В даний час ця проблема з успіхом вирішується шляхом використання шаблонів, однак це теж створює певні труднощі, так як щоб, скажімо, підключити Smarty, необхідно підключити програмний модуль обробки шаблонів, і чітко пов'язати зі структурою проекту. А це далеко не завжди можливо і вимагає певних витрат. Трохи простіше при використанні зв'язки XML + XSL, так як вони надають більше можливостей, однак це альтернатива, не більше. А що якщо подивитися у бік чогось радикально нового, що дозволяло б об'єднати все краще, використовуючи можливості того, що є? Спробуйте уявити JavaScript, який володіє всім можливостями PHP або Perl, включаючи роботу з графікою та базами даних, який має набагато більш зручну розширюваність і практичність, і до того ж крос-платформа.
Історія
Про AJAX заговорили після появи в лютому 2005-го року статті Джесі Джеймса Гарретта (Jesse James Garrett) «Новий підхід до веб-застосунків». AJAX — не самостійна технологія. Це ідея.
Порівняння класичного підходу до завантаження сторінки та AJAX
Класична модель веб-застосування:
Користувач заходить на веб-сторінку і натискає на який-небудь її елемент
Браузер надсилає запит серверу
У відповідь сервер генерує повністю нову веб-сторінку і відправляє її браузеру і т. д.
З боку сервера можлива генерація не всієї сторінки наново, а тільки деяких її частин, з подальшою передачею користувачу.
Модель AJAX:
Користувач заходить на веб-сторінку і натискає на який-небудь її елемент.
Браузер відправляє відповідний запит на сервер.
Сервер віддає тільки ту частину документа, яка змінилася.
Браузери, які підтримують AJAX
Зауважте, що це загальний список і підтримка застосувань AJAX залежатиме від особливостей підтримки оглядача:
Версія Microsoft Internet Explorer 5.0 і вище, а також браузери, засновані на ньому (Версії ОС Mac не підтримуються)
Браузер Opera та програмне забезпечення для пристроїв від Opera Software.
Засновані на Gecko подібно до Mozilla, Mozilla Firefox, SeaMonkey, Camino, Flock, Epiphany, Galeon та версія Netscape 7.1 і вище.
Браузери з вбудованим KHTML API (WebKit) версії 3.2 і вище, зокрема Konqueror 3.2 і вище, версія Apple Safari 1.2 і вище, Google Chrome.
Переваги та недоліки сайтів на ajax
Використання технологій AJAX для розробки сайтів перетворилося на поширену тенденцію, якої дотримуються багато сучасних веб-студії. Які переваги це дає і які можливі недоліки необхідно враховувати? Перш за все необхідно сказати, що мова йде не про одну самостійної технології, а про комплекс технологій. Назва походить від англійського Asynchronous Javascript and XML («асинхронний JavaScript і XML»). Звернення до сервера здійснюється без перезавантаження сторінки. Для реалізації цього створюються дочірні фрейми або контент завантажується через тег <script>, створюваний динамічно. Вперше комплекс технологій був реалізований в поштовому клієнті Gmail і картах Google Maps і буквально відразу ж став популярним. На сьогоднішній день він активно використовується у величезній кількості сайтів Рунета.
Основні переваги
Розробка сайту з використанням AJAX дає безліч переваг:
-поліпшення юзабіліті (за рахунок підвищення зручності додатків для користувачів), - зниження навантаження на сервер,
- підвищення швидкості реакції інтерфейсу у відповідь на дії користувача,
-економія трафіку для відвідувачів
- і багато інших.
За рахунок звертання до сервера без перезавантаження сайт стає зручнішим для користувачів. Наприклад, при заповненні форм реєстрації, онлайн-замовлення та інших, де потрібно вказувати будь-яку інформацію про себе і вводити пароль. Якщо дані з форми не прийняті і їх необхідно ввести заново, після перезавантаження інформація збережеться. Підвищення швидкості реакції користувача інтерфейсу досягається за рахунок того, що сторінка змінюється не повністю, а лише в певних частинах. Однак необхідно знати: на інтернет-ресурсах, повністю створених на AJAX, загальна швидкість завантаження сторінок може зменшитися. Це відбувається у зв'язку з тим, що програмний код таких сайтів набагато складніше.
Недоліки, які необхідно враховувати при розробці
Говорячи про переваги, необхідно згадати і можливі недоліки. Далеко не завжди технології можна інтегрувати з інструментами браузерів користувачів. Через це відвідувачі, приміром, не зможуть скористатися кнопкою «Назад» або додати поточну сторінку в закладки («Вибране»). Час відповіді сервера на користувальницький запит не визначається, тому в браузері не відображається, що йде процес завантаження. Передана інформація не кешується, що також може викликати деякі складності. Важливо знати, що текстовий контент, який динамічно завантажується на сформованій за допомогою AJAX сторінці, не індексується пошуковиками. Якщо після розробки проекту планується кампанія по його просуванню, необхідно передбачити альтернативні варіанти доступу до SEO-текстів. Або застосовувати AJAX для вирішення другорядних завдань, пов'язаних тільки з підвищенням юзабіліті, і не використовувати на оптимізуються цільових сторінках.
Наскільки доцільно використовувати ajax в web-сторінках?
Визначити, наскільки виправдане впровадження технології і які вигоди вона принесе, допомагає комплексний аудит сайту. Практика показує, що оптимальний варіант по швидкості завантаження, якості індексації сторінок і загальної вартості - комбінування елементів технології з іншими. Технологія реалізується в різних мовах програмування. Впроваджувати її доцільно ще на стадії розробки. Якщо використання AJAX не закладено в модулі, згодом їх доведеться коригувати. За рахунок цього обсяг робіт збільшується. Зростає і загальна вартість створення сайту.