PI-Popovichenko / ПІ_ПЗС-1244_Поповіченко_Лаб№1
.doc
МІНІСТЕРСТВО ОСВІТИ І НАУКИ, МОЛОДІ ТА СПОРТУ УКРАЇНИ
Черкаський державний технологічний університет
Кафедра програмного забезпечення автоматизованих систем
ЗВІТ
з лабораторної роботи № 2
з дисципліни «Програмування інтернет»
на тему: «Синхронна передача даних в Internet по протоколу HTTP. Використання кешування і cookie для оптимізації обміну даними»
Перевірив: |
Виконав: |
асистент кафедри ПЗАС Металап В.В. __________________________ |
студент групи ПЗС-1244 Поповіченко Антон __________________________ |
Черкаси 2013
Тема: Синхронна передача даних в Internet по протоколу HTTP. Використання кешування і cookie для оптимізації обміну даними.
Мета роботи: Навчитись створювати HTML-сторінки для введення даних
автоматизованої системи. Дослідити кешування Web-ресурсів на стороні Web-
сервера, а також використання Cookies і методи їх створення, за допомогою
тегу <META> на Web-сторінці, і за допомогою команди document.cookie у
Javascript.
Теоретичні відомості
Основи HTML.
HTML - це гіпертекстова мова розмітки документів. Будь-який документ на мові HTML є набором елементів, причому початок і кінець кожного елементу позначається пеціальними позначками - тегами. Зазвичай документ HTML або XHTML дотримає чотири головні частини.
• Оголошення типу документа ( DOCTYPE), що містить інформацію
про версію HTML.
• Елемент html, що містить елементи head і body. У документі HTML
елемент html може мати атрибути, що інформують броузер про мову і
напрям виведення тексту.
• Заголовний розділ - елемент head, що містить заголовок сторінки, різні
метадані і дані про сценарії і стилі.
• Тіло документа - елемент body.
Використання Cookie.
Cookie є вирішенням однієї зі спадкових проблем HTTP протоколу (HyperText Transfer Protocol) яка полягає в непостійності з'єднання між клієнтом і сервером, так само як і при використанні FTP або Telnet сесії, тобто для кожного документа ( або файлу) під час передачі по HTTP протоколу посилається окремий запит. Після відправки відповіді, сервер " забуває" про користувача і кожен його наступний запит вважається запитом від нового користувача. Використовуючи cookie, можна емулювати сесію по HTTP протоколу.
Cookie - це невелика порція текстової інформації, яку сервер передає браузеру.
Браузер зберігатиме цю інформацію і передаватиме її серверу з кожним запитом як частина HTTP заголовка. Одні значення cookie можуть зберігатися тільки протягом однієї сесії, вони видаляються після закриття броузера. Інші, встановлені на деякий період часу, записуються у файл. Зазвичай цей файл називається 'Cookies.txt', знаходиться в робочій директорії встановленого на комп'ютер браузера і містить дані.
Завдання
1. Створити пусті файли у кодуванні UTF-8: index.html, script.js, style.css. Додати у файл index.html теги завантаження файлу з Javascript script.js і файлу зі стилями style.css.
2. Розробити модель бази даних ( БД) для збереження даних автоматизованої системи відповідно до заданого варіанту.
Варіант 1
Автоматизована система літакобудівельного підприємства.
Структурно підприємство розбите на цехи, які у свою чергу підрозділяються на ділянки. Вироби підприємства - літаки ( цивільні, транспортні, військові). Робітники поєднується в бригади, якими керують бригадири. Кожен виріб збирається у своєму цеху (у цеху може збиратися кілька видів виробів) і в процесі виготовлення проходить визначений цикл робіт, переміщаючи з однієї ділянки на іншій. Усі роботи зі зборки конкретного виробу на визначеній ділянці виконує одна бригада робітників.
Лістинг програми
<html>
<head>
<meta http-equiv="Cache-Control" Content="max-age=30, must-revalidate, name=Jhon"/>
<meta http-equiv="Expires" content="Wed, 29 Feb 2012 19:00:00 GMT"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title> Сайт автоматизованої системи літакобудівельного підприємства</title>
<link href="https://a248.e.akamai.net/assets.github.com/assets/github-1d8c53662cc8b54a6c8485b3959ea7f9fe9a3ac7.css" media="all" rel="stylesheet" type="text/css" />
<link href="https://a248.e.akamai.net/assets.github.com/assets/github2-ed807098c7a87d88e4e01d0945b8ba0ef54521ea.css" media="all" rel="stylesheet" type="text/css" /> </head>
<body>
<div align="middle">
<h1 class="pagetitle">Вітаємо вас на сайті <br /> літакобудівельного підприємствa</h1>
<div id="contein_block">
<table class="forumline prof-tbl">
<col class="row1" width="35%">
<col class="row2" width="65%">
<tr>
<td class="row2 small prof-title">Оберіть тип літака:</td>
<td>
<select name="tup_litak">
<option value="civ" selected="selected">Цивільні</option>
<option value="tran">Транспортні</option>
<option value="viys taxi">Військові</option>
</select>
</td>
</tr>
<tr>
<td class="prof-title">Виберіть бригаду:</td>
<td>
<input type="radio" name="tt" value="br1" />бригада № 1
<input type="radio" name="tt1" value="br2" />бригада № 2
<input type="radio" name="tt2" value="br2" />бригада № 3
</td>
</tr>
<tr>
<td class="prof-title">Введіть П.І.Б. бригадира даної бригади:</td>
<td>
<input type="text" name="fio" maxlength="100" value="" size="50" />
</td>
</tr>
<tr>
<td class="prof-title">Особистий номер:</td>
<td>
<input type="password" name="key" maxlength="100" value="" size="50" />
</td>
</tr>
<tr>
<td class="prof-title">Кількість виготовлених деталей одной бригадой:</td>
<td>
<input type="checkbox" name="route" value="d5"/>5 деталей
<input type="checkbox" name="route" value="d10"/>10 деталей
<input type="checkbox" name="route" value="d15"/>15 деталей
</td>
</tr>
<tr>
<td class="prof-title">Час роботи бригади над деталею:</td>
<td>
<input type="text" name="time" maxlength="100" size="15" /><br />
<h6>в форматі ГГ:ХХ:СС</h6>
</td>
</tr>
<tr>
<td class="prof-title">Кількість деталей за день роботи:</td>
<td>
<input type="text" name="count" maxlength="100" size="5" />
</td>
</tr>
<tr>
<td class="prof-title">Доп. інформація:</td>
<td>
<textarea name="dop_info" rows="5" cols="60" style="width: 96%;"></textarea>
</td>
</tr>
</col>
</col>
<tr>
<td class="catBottom" colspan="2">
<div align="middle">
<input type="submit" name="submit" value="Відіслати" onclick="ups()" />
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
Результати роботи програми
Висновок: На даній лабораторній роботі навчитись створювати HTML-сторінки для введення даних автоматизованої системи. Дослідив кешування Web-ресурсів на стороні Web-сервера, а також використання Cookies і методи їх створення, за допомогою тегу <META> на Web-сторінці, і за допомогою команди document.cookie у Javascript.