Вивчення технологій програмування Internet-сайтів. Розробка інтерактивного інтерфейсу Web-додатків засобами бібліотеки Codeigniter. Інтернет-проекти на основі Ajax-технології. Обробка запиту засобами Codeigniter. Асинхронний обмін даними способами Ajax.
Краткое сожержание материала:

Размещено на

2

Размещено на

Зміст

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

Вступ

1. Розробка інтерактивного інтерфейсу web-додатків засобами бібліотеки Codeigniter та технології Ajax

1.1 Загальнi вiдомостi про Ajax

1.2 Переваги технології Ajax

1.3 Недоліки технології Ajax

1.4 Взаємодія у Web за допомогою Ajax

1.5 Суть Ajax-підходу

1.6 Інтернет-проекти на основі AJAX-технології

2. Загальна інформація про програмні бібліотеки підтримки розробки Web - додатків

2.1 Каркас додатків CodeIgniter

2.2 Асинхронний обмін даними засобами Ajax

3. Ініціалізація проекту та обробка запиту засобами Codeigniter

3.1 Ініціалізація обробки запиту засобами CodeIgniter

3.2 Приклад застосування CodeIgniter для задачі аутентифікації користувача

3.3 Приклад використання бібліотеки CodeIgniter для обміну даними засобами Ajax

4. Економічна частина

5. Частина з охорони праці

Висновки

Список використаних джерел

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

AJAX - Asynchronous JavaScript And XML (Асинхронний JavaScript і XML)

WEB - Всесвітня павутина

XML - Extensible Markup Language (Розширювана мова розмітки)

HTML - HyperText Markup Language (Мова розмітки гіпертексту)

JSON - JavaScript Object Notation (Об'єктний запис JavaScript)

CSV - Comma-Separated Values

HTTP - HyperText Transfer Protocol (Протокол передачі гіпертексту)

DOM - Document Object Model (Об'єктна модель документа)

DHTML - Dynamic HyperText Markup Language

PHP - Hypertext Preprocessor (Гіпертекстовий препроцесор)

JAVA - Об'єктно-орієнтована мова програмування

URL - Uniform Resource Locator (Уніфікований адрес ресурсу)

XMLHttpRequest - API-запит веб-клієнта (браузера) до веб-сервера за протоколом HTTP у фоновому режимі, для мовпрограмування JavaScript, JScript, VBScript

СУБД - Система керування базами даних

ООП - Об'єктно-орієнтоване програмування

ОС - Операційна система

ПЗ - Програмне забезпечення

ПК - Персональний комп'ютер

Вступ

Швидкий розвиток інформаційного Web - середовища призвів до того, що вимоги до Web-додатків суттєво змінилися. Зокрема спостерігається тенденція до створення багатих Web-додатків, тобто додатків, інтерфейс яких надає можливості, що не відрізняються від можливостей звичайного додатку, який призначений для настільної системі. Але при роботі програм, що підтримують мережеву взаємодію, усунути затримку відповіді, пов'язану з передачею даних через мережу Інтернет, принципово неможливо. Пом'якшити негативний ефект від затримки даних дозволяє технологія Ajax. Але застосування цієї технології повністю змінило структуру та принципи роботи Web-додатків. В сучасних мережевих програмах все більше функцій виконується на клієнтському боці, тому обсяг коду клієнтської частини Web-додатку суттєво збільшується і робота над нею виконується групою розробників. В результаті виявилося, що мова JavaScript, яка застосовується для написання Ajax-додатків, має специфічне застосування і не відповідає вимогам до інструментальних засобів розробки та налагодження програм.

В цій роботі запропоновано новий підхід до створення Ajax-додатків, згідно якому для написання коду клієнтської частини програми разом з JavaScript-сценаріями мають застосовуватися Java-апплети. Завдяки взаємодії між JavaScript та Java стає можливим розділити задачі, що стоять перед додатком. Застосовуючи мову Java для написання коду, що реалізує складні алгоритми, можна застосувати численні інструментальні засоби для розробки та налагодження програм. При цьому на долю JavaScript залишаються незначні по об'єму фрагменти коду, які динамічно змінють вміст сторінки, що можуть бути написані та налагоджені без застосування спеціальних інструментальних засобів розробки та налагодження програм.

Запропонований підхід реалізований у вигляді набору базових засобів для написання Ajax-додатків.

Метою дипломного проекту є розглянути технічне створення Web- додатків за допомогою Ajax.

Предметом дослідження є додаток.

Для реалізації поставленої мети слід вирішити наступні завдання:

- Детальніше ознайомитися з технологією Ajax;

- Ознайомитися принципи роботи Web-додатків;

- Детальніше ознайомитися з інформацією про програмні бібліотеки підтримки розробки Web-додатків.

- Ек

- Ох.

1. Розробка інтерактивного інтерфейсу web-додатків засобами бібліотеки codeigniter та технології Ajax

1.1 Загальнi вiдомостi про Ajax

Ajax -- група методів Web-розробки, що використовуються для створення Web-програм з багатими можливостями та мережевою взаємодією, що базується на «фоновому» обміні даними браузера з Web-сервером. В результаті сторінка не перезавантажується повністю і Web-програма стає швидкою та зручною.

Ajax це не самостійна технологія, а скоріше концепція використання декількох суміжних технологій. Ajax базується на двох основних принципах: використання технології взаємодії із сервером за допомогою JavaScript об'єкта XMLHttpRequest без перезавантаження усієї сторінки використання - для динамічної зміни вмісту сторінки та реагування на дії користувача

Для передачі даних від сервера до клієнта використовуються формати 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.

1.2 Переваги технології Ajax

Інтерактивність веб-інтерфейсу займає ключову позицію в проектуванні веб ресурсу. Інтерактивність зумовлюється використанням мультимедійних форм, сучасними шаблонами проектування, принципом спілкування користувача із інтерфейсом сайту. Наприклад, користувач зробив запит на сервер з певними даними і має очікувати результати. На сайтах з класичними методами перед користувачем білий екран доти, доки не завантажиться вся сторінка. За звичай, в класичних сайт користувач після заповнення, наприклад, форми, мав наживати кнопку «Підтвердити» і очікувати на відповідь сервера, яка в свою чергу може містити попередження. Часто користувач змушений наново заповнювати все. Ajax дозволяє так спроектувати сторінку, що запит робитиметься після будь-якій зміни зі сторони користувача. А також технологія Ajax дозволяє залишатись користувачеві на сайті, і можна розробити заставку, яка буде з'являтись під час завантаження даних. У Додатках А є приклад, які можна запрограмовувати заставки.

Зменшення трафіку;

Якщо в класичних моделях реалізації взаємодії клієнт-сервер, якщо користувач хоче зробити запит на сервер, то для цього в об'єкті-запиту передавалась вся сторінка, яка після оновлення завантажувалась в браузері, що вимагало збільшення використаного трафіку. Тепер «витрати» трафіку можна зменшити, завантажуючи тільки ту частину, яка змінилась. Це можна реалізовується завдяки тому, що створюється HTTP запити, які відсилаються на сервер у фоновому режимі і модифікуються тільки окремі частини web-сторінки за допомогою JavaScript, коли приходить відповідь з серверу.

Динамічні і бі...