Презентація на тему:
Новий підхід до розробки Web-інтерфейсів AJAX (Asynchronuos JavaScript & XML)

Виконала студентка факультету інформатики Баб’яр О.А.

Вперше термін AJAX був публічно використаний 18 лютого 2005 у статті Джесі Джеймса Гарретта AJAX-двигун складається з двох частин: клієнт-додаток (написаний на мові JavaScript) і сервер-додаток (написане на будь-якій серверній мові).

Сьогодні веб-сайт вимагає набагато більше, ніж може запропонувати технологія HTML Особлива популярність завдяки Google (Gmail, Google Maps і Google Suggest)

1. Створюється екземпляр об’єкту XMLHttpRequest 2. За допомогою об’єкту XMLHttpRequest створюється асинхронний запит до сервера, визначається функція виклику повернення, яка буде автоматично викликатись у випадку прийому відповіді зі сервера. 3. Обробка запиту на сервері 4. Функція поверненого виклику обробляє відповідь сервера 5. Відображення отриманих даних

  var XMLHttp=null ; //створення XMLHttpRequest об’єкту   if (window.XMLHttpRequest) // перевірка чи є доступ { //якщо є, то створюється новий об’єкт   XMLHttp=new XMLHttpRequest() } Else //якщо ні, то перевіряється чи доступний об’єкт window.ActiveXObject if (window.ActiveXObject) { //якщо доступний, то створюємо новий XMLHttp=new ActiveXObject("Microsoft.XMLHTTP") }

- HTML, CSS для подачі і стилізації інформації. - DOM-модель (об’єктна модель документів) для динамічного відображення та взаємодії з і нформацією - XMLHttpRequest для асинхронного обміну даними з веб-сервером. - JavaScript-код – це основний код, який виконує Ajax-додатки і забезпечує взаємодію із серверними додатками.

інтерактивність веб-інтерфейсу зменшення трафіку динамічні і більш якісні веб-сайти динамічні і більш якісні веб-сайти

Відсутні такі інструменти: кнопка повернення Закладки Прокрутка сторінки Проблема індексації Несумісність із браузерами

1. Налаштування локального сервера (DENWER) 2. Розробка коду 3. Створення бази на локальному сервері 4. Тестування

http://www.w3schools.com/Ajax/ajax_intro.asp - сайт школи консорціуму W3C http://www.adaptivepath.com/ideas/essays/archives/000385.php - Стаття Джеймса Гарретта http://www.ajaxblog.com - Блог присвячений Ajax http://www.ajaxian.com - Сайт (з підтримкою Ajax) Бена Галбрайта та Діона Алмейра http://google.com - Сайт Гуглу, де можна подивитись як працює Ajax http://en.wikipedia.org/wiki/Ajax - Інформація на векіпедії http://www.ajaxpatterns.org - Сайт з шаблонами для проектування Крейн Д. Ajax в действии / Паскарелло Э., Джеймс Д; пер. с англ. М. : Издательский дом "Вильяме", 2006. — 640 с. Ajax і Php. Розработка динамических веб-приложений/ Дари К, Бринзаре Б., Черчез-Тоза Ф., Бусика М. – СПб.: Символ-Плюс, 2006 – 336с.