- •Лабораторна робота № 1. Синхронна передача даних в Internet по протоколу http. Використання кешування і cookie для оптимізації обміну даними.
- •1. Теоретичні відомості 1.1. Основи html
- •1.1.1 Синтаксис Web-форм
- •1.2. Основи css
- •1.2.1.Зв'язані листи стилів
- •1.4. Використання Cookie
- •1.4.1 Формат і синтаксис поля "Set-Cookie"
- •1.4.2 Формат і синтаксис поля "Cookie"
- •1.4.3. Способи запису значень cookie
- •1.4.3.1. Запис cookie за допомогою meta-тегів
- •1.4.3.2. Запис cookie за допомогою JavaScript
- •1.5. Кешування Web-ресурсів
- •1.5.1. Правила кешування
- •2.Завдання
- •3. Контрольні питання:
- •1. Автоматизована система вУу
- •2. Автоматизована система торгової організації
- •3. Автоматизована система лікарні
- •4. Автоматизована система підприємства пасажирського транспорту
- •5. Автоматизована система проектної організації
2.Завдання
Створити пусті файли у кодуванні UTF-8: index.html, script.js, style.css. Додати у файл index.html теги завантаження файлу з Javascript script.js і файлу зі стилями style.css.
Розробити модель бази даних (БД) для збереження даних автоматизованої системи відповідно до заданого варіанту (див. Додаток А. Технічне завдання на розробку сайту автоматизованої системи).
Розробити Web-форму для введення даних автоматизованої системи заданого вигляду в базу даних. У Web-сторінку index.html додати HTML-код для відображення розробленої форми. Форма обов'язково повинна містити такі елементи, як текстові поля, список, текстову область, радіо-кнопки, checkbox-и, кнопку відправлення даних, з форматом і назвами елементів відповідно до розробленої в п.2 моделі бази даних. При необхідності, потрібно скорегувати розроблену раніше модель.
Розробити стиль тіла сторінки і записати його у файл style.css.
За допомогою програми Mozilla Firefox і Firebug переглянути структуру DOM створеної Web-сторінки і зміст HTTP-запиту, який буде відправлятись на сервер під час збереження даних розробленої в п.3 Web-форми.
Дослідження механізму використання Cookie.
6.1. Додати у створену в л.р.1 Web-сторінку index.html в <head> теги для збереження на локальному комп'ютері заданих Cookie, наприклад: <meta http-equiv="Set-Cookie" content="name=Jhon; expires=Tue, 17 Feb 2010 10:00:00 GMT;"
/>
6.2.Додати у файл script.js javascript для збереження на локальному комп' ютері заданих Cookie, наприклад: document.cookie = "name = Jhon; expires=Tue, 17 Feb 2010 10:00:00 GMT;".
6.3.Відкрити index.html в Mozilla Firefox і пересвідчитись в Firebug, що Cookie присутні у вкладці DOM у властивості Window->document->cookie, і передаються через поле Cookie запиту сторінки index.html. Перевідкрити Mozilla Firefox і перевірити, аби Cookie передавались через поле Cookie запиту сторінки index.html.
6.4.Відкрити index.html в Internet Explorer.
6.5.Знайти мюцерозташування Cookies на локальному комп'ютері. 6.6.З'ясувати яким чином включається і відключається збереження Cookies в браузерах Mozilla Firefox і в Internet Explorer.
7. Дослідження механізму кешування Web-ресурсів:
- дослідження типового браузерного кешування;
- примусове відключення кешування через за допомогою поля "Cache-Control: no-cache";
- визначення 30 секунд часу збереження сторінки в кеші за допомогою поля "Cache-Control: max-age=30";
- визначення дати завершення актуальності сторінки за допомогою поля "Expires: Wed, 17 Feb 2010 10:00:00 GMT".
7.1. Створити і переписати на Web-сервер файл index.php з наступним змістом:
<?php
header("Cache-Control: max-age=30, must-revalidate"); header("Expires: Tue, 17 Feb 2010 10:00:00 GMT"); header("Last-Modified: Mon, 29 Jun 1998 02:28:12 GMT");
?>
<html> <body>
<?php echo date("d-m-Y h:i:s"); ?> </body> </html>
Запустити Internet Explorer і відкрити index.php з Web-сервера. Дослідити яким чином впливають поля відповіді сервера Cache-Control, Expires на кешування сторінки index.php. З'ясувати яким чином включається і відключається кешування файлів в налаштуваннях браузеру. Знайти на локальному компьютері закешовану сторінку index.php.
Запустити Mozilla Firefox і відкрити index.php з Web-сервера. Дослідити яким чином впливають поля відповіді сервера Cache-Control, Expires на кешування сторінки index.php. З'ясувати яким чином включається і відключається кешування файлів в налаштуваннях браузеру. Переглянути закешовану сторінку за допомогою Firebug.