Розробка інформаційного веб-сайту з використанням мови програмування PHP

Реферат

сервер сайт комп’ютерний мережа

Розробка інформаційного веб-сайту з використанням мови програмування PHP // Дипломний проект // Melkiy.te.ua Володимир Романович // Тернопільський національний технічний університет імені Івана Пулюя, факультет комп’ютерно-інформаційних систем і програмної інженерії, група СІ-52 // Тернопіль 2014.

Ключові слова: web-сайт, сайт-візитка, сайт, PHP, MYSQL, HTML, CSS, PHPMYADMIN, APACHE, LAMP.

Об’єкт проектування - розробка інформаційного веб-сайту з викорстанням мови програмування PHP.

Проект складається з п’яти розділів.

Перший розділ присвячено побудови апаратної структури для серверу, встановленню і налаштуванню операційної системи і програмного забезпечення, а також розробка веб-сайту.

Другий розділ представляє собою засоби для перевірки якості сайту.

Третій розділ розкриває питання економічного обґрунтування дипломного проектування та оцінки економічних показників, розрахунок річної суми економічного ефекту від впровадження комп’ютерної мережі.

Четвертий розділ з охорони праці представляє розрахунки освітлення, визначення категорій приміщень по вибуховій і пожежній небезпеці, первинні засоби пожежогасіння.

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

Перелік умовних позначень, символів, одиниць, скорочень і термінів

ПК - персональний комп’ютер;- Hyper Text Markup Language - мова розмітки гіпертекстових сторінок;- Hyper Text Transfer Protocol - протокол передачі гіпертекстових сторінок;- Hypertext Preprocessor - гіпертекстовий препроцесор; - скриптова мова програмування, була створена для генерації HTML-сторінок на стороні веб-сервера; Personal Home Page- Cascading Style Sheets - таблиці каскадних стилів;

MySQL <#"870102.files/image001.jpg">

Рисунок 1.1 - серверна стійка HP Micro AMD N40L

Характеристики серверної стійки:

Таблиця 1.1 - Характеристики серверної стійки HP Micro AMD

Ціна	3 267 грн
Виробник	HP
Модель	Micro AMD N40L
Процесор	AMD Turion™ II Neo N40L processor (1.5 GHz, 15W, 2MB)
Пам'ять	2 GB (1 x 2 GB) PC3-10600E Unbuffered Advanced ECC memory Standard
	Продовження таблиці 1.1
Жорсткий диск	HP 250GB 7.2k Non Hot Plug SATA standard
RAID	Embedded SATA RAID 0, 1, 10 Controller
Оптичний привід	Відсутній в стандартній комплектаціі
Мережний контролер	Embedded HP NC107i PCI Express Gigabit Server Adapter
Блок живлення	150W Non-Hot Plug, Non-Redundant Power Supply
Форм-фактор	Ultra Micro Tower

1.2.2 Характеристики наявного комп'ютера

Веб-сайт, який розробляється у ході виконання пимломного проекту буде знаходитися на домашньому комп'ютері-сервері Lenovo B560 з наступними характеристиками:

Таблиця 1.2 - Характеристики Lenovo B560

Процесор	Intel Core i5 M520 2.4 GHz
Системна плата	Lenovo Invalid
Системна пам'ять	3828 Мб (DDR3-1333 DDR3 SDRAM)
Тип BIOS	Phoenix (04/13/11)
Вiдеоадаптер	NVIDIA GeForce 310M (1024 Мб)
Жорсткий диск	WDC Scorpio Blue WD5000BEVT , 250 ГБ 5400 оборотів в хвилину WD5000BEVT - 24A0RT0
Роз'єми	3 USB 2.0 , 1 VGA , 1 HDMI , 1 Kensington Lock , 1 eSata , Аудіороз'єми : Лінійний вихід , мікрофон
	Продовження таблиці 1.2
Мережеві можливості	Atheros AR8131 PCI - E Gigabit Ethernet Controller ( 10MBit ) , Broadcom 802.11n ( abgn )
Оптичний привід	HL- DT- ST DVDRAM GT30N
Розміри	висота х ширина х глибина ( в мм): 36 x 381 x 245
Вага	2.399 кг Батарея: 0.217 кг
Акумулятор	48 Вч Літієва -іонна , 10.8В 4050мА * ч

Рисунок 1.2 - Lenovo B560

1.3 Встановлення та налаштування операційної системи

Операці́йна систе́ма, скорочено ОС (англ. <#"870102.files/image003.jpg">

Рисунок 1.3 - Вибір мови операційної системи

4. Вибираю англійську мову, оскільки при встановленні української мови українські букви відображаються "квадратиками", що не є читабельним текстом. Це показано на рисунку 5.

Саме тому обираємо мову встановлення - Англійську.

Рисунок 1.4 - Відображення української мови в серверній системі

. Наступне вікно дає можливість зробити різні дії, такі як: тестування пам’яті, перевірка сумісності, перевірка системи без встановлення.

Вибираю пункт "Встановити Ubuntu Server"

Рисунок 1.5 - Встановлення операційної системи

6. У наступному вікні вибираю мову, якою буде встановлена операційна система.

Вибираю Англійську мову.

Рисунок 1.6 - Вибір мови

7. Після вибору мови, необхідно зробити вибір країни. Це треба для вибору серверів під час оновлення операційної системи.

Так як немає нашої країни, то вибираємо пункт "Інша".

Рисунок 1.7 - Вибір країни

. Оскільки я вибрав пункт "Інша", то тепер необхідно зробити вибір континенту.

Вибираю "Європа".

Рисунок 1.8 - Вибір континенту

. Вибір країни проживання.

Вибираю "Україна".

Рисунок 1.9 - Вибір країни

10. Наступним кроком необхідно вибирати кодування. Можна вибрати кодування UTF-8.

Рисунок 1.10 - Вибір кодування

. Вибір автоматичної перевірки розкладки клавіатури. Вибираю "Ні", тому що достатньо у наступному вікні вибрати необхідну мову.

Рисунок 1.11 - Вибір автоматичної перевірки розкладки клавіатури

. Вибір мови клавіатури. Вибираю "Українська", тому що я є українцем. Але можна вибрати англійську мову, якщо не буде потреби друкувати українською мовою.

Рисунок 1.12 - Вибір мови клавіатури

. Після цього є вибір розкладки клавіатури. На вибір дається кілька різних версій, такий як: громофонна, стандартна, фонетична, з клавішами Win та інші.

Вибираю "Українська".

Рисунок 1.13 - Вибір розкладки клавіатури

. Вибір комбінацій клавіш для переключення мови введення. Вибираю "Ctrl+Shift".

Рисунок 1.14 - Вибір комбінацій клавіш для переключення мови введення

. Вибираю назву комп'ютера. Я вибрав "nykorchuk".

Рисунок 1.15 - Вибір назви комп'ютера

. Вибираю облікове ім'я користувача. Я вибрав "volodymyr".

Рисунок 1.16 - Вибір назву комп'ютера

17. Повторяю ввід облікового імені користувача, для провірки на правильність.

Рисунок 1.17 - Повторяю ввід облікового імені користувача

. Ввожу пароль. Я попередньо вибрав собі пароль "sw6x4f6rer". Паролі можна згенерувати різними додатковими сервісами попередньо, або придумати самому.

Важливо знати, що логіни та паролі для доступу до облікових записів ні в якому разі не можна повідомляти іншим особам.

Рисунок 1.18 - Ввід паролю

. Тепер необхідно повторити ввід пароля ще раз. Це необхідно для перевірки правильності вводу пароля. Тому я ще раз ввожу свій пароль "sw6x4f6rer".

Рисунок 1.19 - Повторення пароля

. Тепер не погоджуюся із шифруванням домашнього каталогу і продовжуємо встановлення операційної системи.

. Наступний крок - розбивка жорсткого диску.

Маєю на вибір чотири варіанти: три стандартних і один ручний. Вибираю розбивку жорсткого диску "Вручну".

Рисунок 1.20 - Вибір розбивки жорсткого диску

. Вибір жорсткого диску, на який буде встановлена операційна система.

Оскільки сервер має тільки один жорсткий диск, то вибираю його.

Рисунок 1.21 - Вибір жорсткого диску

. Оскільки на комп'ютері ще не було встановлено жодної операційної системи, то вибираю "Створити нову таблицю розділів".

Рисунок 1.22 - Нова таблиця розділів

. Вибираю "вільне місце" і перехожу до наступного вікна, для створення першого диску.

Рисунок 1.23 - Вибір вільного місця

25. Створюю новий розділ.

Рисунок 1.24 - Створюю новий розділ

. Задаю розмір нового диску.

Цей диск буде використовуватися для файлів операційної системи. Я виділив 5 Гб вільного місця. Цього є достатньо.

Рисунок 1.25 - Виділення вільного місця для нового диску

Задаю місцезнаходження диску - "Початок".

Рисунок 1.26 - Вибір місцезнаходження диску

. Продовжую створення нових дисків.

Рисунок 1.27 - Продовження створення нових дисків

29. Задаю параметри диску:

Тип файлової системи - Ext4;

Точка монтування - /;

Опції монтування - за замовчуванням;

Зарезервовані блоки - 5%;

Інші дані - за замовчуванням.

Після цього маю три варіанти вибору: копіювати диск, видалити та закінчити налаштування диску.

Вибираю останній пункт - "Закінчити налаштування диску".

Рисунок 1.28 - Параметри диску

. Створення першого диску закінчено. Оскільки треба ще створити два диски, то я вибираю вільне місце і продовжую їх створення.

Рисунок 1.29 - Вибір вільного місця

. Створюю ще один новий розділ.

Рисунок 1.30 - Створення нового розділу

32. Задаю розмір нового диску. Цей диск буде використовуватися для файлу підкачки. Я виділив 3 Гб. Цього буде достатньо.

Рисунок 1.31 - Виділення вільного місця для нового диску

. Задаю місцезнаходження диску - "Початок".

Рисунок 1.32 - Вибір місцезнаходження диску

. Продовжую створення нових дисків.

Рисунок 1.33 - Продовження створення нових дисків

. Задаю параметри диску

Рисунок 1.34 - Параметри диску

36. Створення другого диску закінчено. Знову вибираю вільне місце.

Рисунок 1.35 - Вибір вільного місця

. Створюю новий розділ.

Рисунок 1.36 -Створюю новий розділ

. Задаю розмір нового диску. Я виділив для цього диску усе вільне місце, тому що цей диск буде використовуватися для файлів.

Рисунок 1.37 - Виділення вільного місця для нового диску

. Задаю місцезнаходження диску - "Логічний".

Рисунок 1.38 - Вибір місцезнаходження диску

40. Задаю параметри диску:

Тип файлової системи - Ext4;

Точка монтування - /home;

Опції монтування - за замовчуванням;

Зарезервовані блоки - 5%;

Інші дані - за замовчуванням.

Після цього є три варіанти вибору: копіювати диск, видалити та закінчити налаштування диску.

Вибираю останній пункт - "Закінчити налаштування диску".

Рисунок 1.39 - Параметри диску

. Завершую розбивання жорсткого диску.

Рисунок 1.40 - Завершення розбивання жорсткого диску

. Записую зміни на диск, для цього вибираю "Так".

Рисунок 1.41 - Запис змін на диск

43. Відбувається процес встановлення операційної системи.

Рисунок 1.42 - Процес встановлення

. Налаштування HTTP-проксі. Залишаю його порожнім.

Рисунок 1.43 - Налаштування HTTP-проксі

. Відбувається продовження встановлення операційної системи. Через кілька хвилин продовжую вибирати параметри операційної системи.

. Вибираю спосіб оновлення операційної системи.

Рисунок 1.44 - Спосіб оновлення операційної системи

. Програма встановлення операційної системи має можливість встановити програмне забезпечення. На вибір програм для автоматичного встановлення є такі популярні програми для серверу:

·              OpenSSH server (OpenSSH - відкрита <#"870102.files/image045.jpg">

Рисунок 1.45 - Програми для автоматичного встановлення

. Встановлення завантажувача операційної системи GRAB.

GRAB - це завантажувач операційної системи <#"870102.files/image046.jpg">

Рисунок 1.46 - Встановлення завантажувача GRAB

. Закінчення встановлення.

Після закінчення встановлення операційної необхідно вибирати пункт "Перезавантаження".

Рисунок 1.47 - Закінчення встановлення

. Після перезавантаження ввожу свій логін і пароль для входження в операційну систему.

Рисунок 1.48 - Вхід в операційну систему

Процес встановлення операційної системи успішно закінчено.

1.3.3 Оновлення та налаштування GNU Ubuntu 12.04.3 Server

Після встановлення операційної системи її необхідно обновити.

Для початку необхідно обновити список репозиторіїв і провести пошук індексів обновлених версій програм, драйверів, ядра й усього іншого.

Це робиться командою:

apt-get update

Тепер установлюю всі доступні оновлення:

apt-get upgrade

Рисунок 1.49 - Оновлення операційної системи

1.4 Встановлення та налаштування програмного забезпечення

Програ́мне забезпе́чення (ПЗ; англ. <#"870102.files/image050.jpg">

Рисунок 1.50 - Створення користувача root

Для того щоб ввійти в root необхідно ввести команду:

Рисунок 1.51 - Вхід в режим суперкористувача

Для того, щоб вийти з root необхідно скористатися комбінацією клавіш Ctrl+D, або ввести команду exit.

1.4.2 Встановлення веб-сервера Apache

Apache HTTP-сервер - відкритий веб-сервер Інтернет для UNIX-подібних, Microsoft Windows, Novell NetWare та інших операційних систем.розроблюється та підтримується спільнотою розробників відкритого програмного забезпечення під керівництвом Apache Software Foundation.сервер Apache є самостійним, некомерційним, вільно розповсюджуваним продуктом. Продукт підтримує безліч можливостей, багато з яких реалізовані як скомпільовані модулі, які розширюють основні функціональні можливості. Вони різняться від серверної підтримки мов програмування до схем аутентифікації. Існують інтерфейси для підтримки мов програмування Perl, Python, Tcl і PHP.

Популярні методи стискування на Apache включають зовнішній модуль mod_gzip, створений для зменшення розміру веб-сторінок, переданих по HTTP.

Функції віртуального хостингу дозволяють одній інсталяції Apache обслуговувати різні веб-сайти. Наприклад, одна машина, з однією інсталяцією Apache може одночасно містити www.example.com, www.test.com, test47.test-server.test.com і так далі.

Для встановлення необхідно використати команду:

apt-get install apache2

Рисунок 1.52 - Встановлення веб-сервера

Після нажимання клавіші "Y" веб-сервер Apache успішно встановлюється.

1.4.3 Встановлення інтерпретатора PHP

PHP (англ. PHP: Hypertext Preprocessor - PHP: гіпертекстовий препроцесор), попередня назва: Personal Home Page Tools - скриптовамова програмування, була створена для генерації HTML-сторінок на стороні веб-сервера. PHP є однією з найпоширеніших мов, що використовуються у сфері веб-розробок (разом із Java, .NET, Perl, Python, Ruby). PHP підтримується переважною більшістю хостинг-провайдерів. PHP - проект відкритого програмного забезпечення.інтерпретується веб-сервером в HTML-код, який передається на сторону клієнта. На відміну від скриптової мови JavaScript, користувач не бачить PHP-коду, бо браузер отримує готовий html-код. Це є перевага з точки зору безпеки, але погіршує інтерактивність сторінок. Але ніщо не забороняє використовувати РНР для генерування і JavaScript-кодів які виконуються вже на стороні клієнта.- мова, яка може бути вбудована безпосередньо в html-код сторінок, які, в свою чергу коректно будуть оброблені PHP -інтерпретатором. Механізм РНР просто починає виконувати код після першої екрануючої послідовності (<?) і продовжує виконання до того моменту, коли він зустріне парну екрануючу послідовність (?>).

Велика різноманітність функцій PHP дають можливість уникнути написання багаторядкових призначених для користувача функцій на C або Pascal.

Для встановлення цього інтерпретатора ввожу команду:

apt-get install php5

Рисунок 1.53 - Встановлення інтерпретатора PHP

Інтерпретатор мови PHP успішно встановлений.

1.4.4 Встановлення бази даних MySQL

Систе́ма керування ба́зами да́них (СКБД) - комп'ютерна програма чи комплекс програм, що забезпечує користувачам можливість створення, збереження, оновлення, пошук інформації та контролю доступу в базах даних.- вільна система керування реляційними базами даних.був розроблений компанією "ТсХ" для підвищення швидкодії обробки великих баз даних. Ця система керування базами даних (СКБД) з відкритим кодом була створена як альтернатива комерційним системам. MySQL з самого початку була дуже схожою на mSQL, проте з часом вона все розширювалася і зараз MySQL - одна з найпоширеніших систем керування базами даних. Вона використовується, в першу чергу, для створення динамічних веб-сторінок, оскільки має чудову підтримку з боку різноманітних мов програмування.

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

apt-get install mysql-server

Розпочалося встановлення системи управління базами даних.

Рисунок 1.54 - Встановлення бази даних MySQL

У процесі встановлення необхідно ввести пароль для доступу до бази даних.

Рисунок 1.55 - Ввід пароля до бази даних

Далі необхідно ввести ще раз пароль, для перевірки на правильність.

Рисунок 1.56 - Повторне введення паролю

Система управління базами даних MySQL успішно встановлена.

1.4.5 Зв'язка встановлених сервісів

Головні сервіси на сервері уже встановлені, але тепер їх необхідно зв'язати, щоб вони коректно працювали один з одним.

Для цього ввожу одразу кілька команд:

apt-get install libapache2-mod-php5apt-get install libapache2-mod-auth-mysqlapt-get install imagemagickapt-get install php5-mysql

Після установлення, я перезавантажую веб-сервер:

/etc/init.d/apache2 restart

Робота з домашньої папки.

Для зручності роботи хотілося, щоб сайти, які я створюю розташовувалися в домашній папці, наприклад в папці projects.

Робиться це так:

Відкриваю файл зі списком віртуальних хостів

gedit /etc/apache2/httpd.conf

і додаю наступний запис:

127.0.0.2

<VirtualHost 127.0.0.2>site1"/home/user/projects/site1"

</VirtualHost>

Для додавання декількох віртуальних хостів просто необхідно клонувати цей запис потрібну кількість разів.

Після цього відкриваю файл

gedit /etc/hosts

і додаю наступний рядок для кожного зі знову створених віртуальних хостів.

# My Virtual Hosts

.0.0.2 site1

Тепер необхідно перезапустити сервер Apache. Робиться це наступною командою:

sudo /etc/init.d/apache2 restart

Якщо Apache видав повідомлення [ОК], то все пройшло вдало і тепер створена своя папка для кожного сайту.

Якщо є помилка, то необхідно повторити процедуру заново.

Для того, щоб подивитися версію php і взагалі запустився він чи ні, можна створити в папці /home/user/projects/site1 файл info.php:

<?php_info();

?>

Відкрити цей файл із браузера: <#"870102.files/image057.jpg">

Рисунок 1.57 - Встановлення паролю для phpmyadmin.

Після цього перезапускаю апач командою:

/etc/init.d/apache2 restart

провіряю:://localhost/phpmyadmin

Усе працює.

1.4.7 Встановлення Samba file server

Samba - вільна <#"870102.files/image058.jpg">

Рисунок 1.58 - Встановлення Samba file server

Встановлення успішно завершене.

 

.4.8 Встановлення OpenSSH

OpenSSH - відкрита реалізація клієнта і сервера для роботи за протоколами SSH та SFTP, набір програм, що надають шифрування сеансів зв'язку у комп'ютерних мережах. Він був створений під керівництвом Teo де Раадта як відкрита альтернатива власницькій реалізації від SSH Communications Security.

Встановлення відбувається командою:

apt-get install openssh-server

Рисунок 1.59 - Встановлення OpenSSH

Все, тепер ssh-сервер встановлений та запущений.

Щоб його зупинити/запустити/запустити знову треба ввести команду:

/etc/init.d/ssh stop | start | restart

Для того щоб під’єднатися до серверу через ssh треба в терміналі ввести:

user@host

де user - ім’я користувача.- ім’я, або IP-адреса сервера.

Для підключення з windows необхідно використати PuTTY.

Конфігураційний файл openssh-server знаходиться:

/etc/ssh/sshd_config

1.4.9 Встановлення dns-серверу bind

//лабораторна робота №2 ТНТУ 10

Доменна система імен (Domain Name System, DNS) - це розподілена база даних, яка містить інформацію про комп’ютери (хости), підключені до мережі Інтернет. Найчастіше інформація включає ім’я машини, ІР-адресу та дані для маршрутизації пошти.

Для звернення до хостів в мережі Інтернет використовуються 32-розрядні ІР-адреси, що однозначно ідентифікують будь-який комп’ютер в цій мережі. Однак для користувачів застосування ІР-адрес при звертанні до хостів є незручним. Тому було створено систему перетворення імен, яка дозволяла б комп’ютеру у випадку відсутності у нього інформації про відповідність імен та ІР-адрес отримати необхідні відомості від DNS-сервера, ІР-адреса якого зберігається в налаштуваннях підключення до Інтернет.

Таким чином, основне завдання DNS - перетворення імен комп’ютерів в ІР-адреси і навпаки.

Для реалізації системи DNS було створено спеціальний мережений протокол DNS. В мережі також є спеціальні виділені інфомаційно-пошукові сервери - DNS-сервери.сервери (сервери імен DNS) - це комп’ютери, на яких зберігаються ті частини бази даних простору імен DNS, за які дані сервери відповідають, і, на яких функціонує програмне забезпечення, що обробляє запити DNS-клієнтів і видає на них відповіді.клієнт - це будь-який мережений вузол, який звернувся до DNS-сервера для перетворення імені вузла в ІР-адресу чи, навпаки, ІР-адреси в ім’я вузла.

Основою DNS є уявлення про ієрархічну структуру доменного імені. Кожен сервер, відповідальний за ім’я, може передавати відповідальність за наступну частину домена іншому серверу (з адміністративної точки зору - іншій організації чи людині). Це дозволяє скласти відповідальність за актуальність інформації на сервери різних організацій (людей), що відповідають тільки за "свою" частину доменного імені.

Характеристики DNS:

·        Розподіленість адміністрування (відповідальність за різні частини ієрархічної структури несуть різні люди чи організації)

·              Розподіленість зберігання інформації (кожен вузол мережі в обов’язковому порядку повинен зберігати тільки ті дані, як івходять в зону його відповідальності і (можливо) адреси кореневих DNS-серверів)

·              Кешування інформації (вузол може зберігати деяку кількість даних не із своєї зони відповідальності для зменшення навантаження на мережу)

·              Ієрархічна структура (усі вузли об’єднані в дерево, і кожен вузол може або самостійно визначати роботу розміщених нижче вузлів, або передавати їх іншим вузлам)

·              Резервування (за зберігання і обслуговування своїх вузлів (зон) відповідають (зазвичай) кілька серверів, розмежованих як фізично, так і логічно, що забезпечує збережуваність даних та продовження роботи навіть у випадку збою одного з вузлів).

Як працює DNS.Для перетворення імен машин в ІР-адреси програми прикладного рівня, такі як Netscape Navigator і т. п., викликають підпрограму gethostbyname. Якщо конфігурація машини передбачає використання DNS, gethostbyname запитує адресу в сервера імен, ІР-адреса якого вказана в налаштуваннях підключення до Інтернет.

Сервери імен бувають рекурсивними та нерекурсивними. Нерекурсивний сервер діє наступним чином: якщо у нього є адреса, кешована з попереднього запиту, або якщо вона авторитетна для домена, до якого відноситься ім’я, то він дає відповідну відповідь. В протилежному випадку замість правильної відповіді він відсилає до авторитетних серверів іншого домена, які повинні знати відповідь.

Рекурсивний сервер повертає тільки реальні відповіді та повідомлення про помилки. Базова процедура обробки запиту по суті така ж; єдина відмінність полягає в тому що цей сервер імен сам займається обробкою відсилок (відсилань), не передаючи їх клієнту.

Проте у відслідковуванні сервером відсилань є один побічний ефект: у його кеш надходить інформація про проміжні домени. Серверу домена високого рівня (такого як com чи ua) не рекомендується зберігати інформацію, що запитується машиною, розміщеною на кілька рівнів нижче. Його кеш швидко наповниться, і через додаткові затрати часу на обробку рекурсивних запитів пропускна здатність сервера знизиться.

У зв’язку з цим сервери імен нижчих рівнів зазвичай є рекурсивними, а сервери вищих рівнів (верхнього чи частково другого) - нерекурсивними.

Динамічний DNS - технологія, що дозволяє інформації на DNS-сервері оновлюватися в реальному часі, і (за бажанням) в автоматичному режимі. Вона застосовується для присвоєння постійного доменного імені пристрою (комп’ютеру, мереженому накопичувачу) з динамічною ІР-адресою. Це може бути ІР-адреса, отримана по DHCP чи по IPCP в РРР-з’єднаннях (наприклад, при віддаленому доступі через модем). Інші машини в Інтернеті можуть встановлювати з’єднання з цією машиною по доменному імені і навіть не знати, що ІР-адреса змінилася.

Динамічна DNS також часто застосовується в локальних мережах, де клієнти отримують ІР-адресу по DHCP, а потім реєструють свої імена в локальному DNS-сервері.

Приклади управління службою DNS:

·        установка служби DNS;

·              створення основної та додаткової зони прямого перегляду;

·              створення зони оберненого перегляду;

Зона прямого перегляду (forward lookup zone) - зони, які служать для перетворення імен вузлів в ІР-адреси. Найчастіше для цього використовуються записи типу A, CNAME, SRV.

Зона оберненого перегляду (reverse lookup zone) - зони, які служать для визначення імені вузла за його ІР-адресою. Основний тип запису PTR.

Порядок встановлення DNS серверу:

Ввожу команду для встановлення:

apt-get install bind9

Рисунок 1.60 - Встановлення DNS сервера Bind

Судячи по документації та порадах багатьох системних адміністраторів, bind настійно рекомендують запускати в chroot середовищі. Для цього спочатку треба зупинити bind:

/etc/init.d/bind9 stop

Щоб вказати серверу, що він повинен запускатися в chroot середовищі потрібно відредагувати такий файл /etc/default/bind9 командою:

/etc/default/bind9

Змінивши в ньому стрічку OPTIONS="-u bind" на OPTIONS="-u bind -t /var/lib/named".

Тепер потрібно створити всі необхідні для роботи bind в chroot середовищі директорії:

/var/lib/named/dev/null c 1 3/var/lib/named/dev/random c 1 8666 /var/lib/named/dev/null /var/lib/named/dev/random-R bind:bind /var/lib/named/var/*-R bind:bind /var/lib/named/etc/bin

Тепер потрібно видалити налаштування bind з apparmor, так як apparmor стає непотрібним, при запуску bind в chroot середовищі:

rm /etc/apparmor.d/usr.sbin.named

Перезапускаю apparmor:

/etc/init.d/apparmor restart

Запускаємо bind9:

/etc/init.d/bind9 start

Якщо все зроблено правильно, то помилок бути не повинно. Якщо bind раптом не запустився, то варто перевірити /var/log/syslog на наявність помилок:

/var/log/syslog

Якщо все працює правильно, то потрібно приступити до налаштування зони для мого домену domain.com

Створюю файл конфігурації зон:

/var/lib/named/etc/bind/zones.conf

З наступним змістом:

" domain.com " {master;" /etc/bind/domain.com " ;

} ;

Встановлюю його власника:

bind:bind/var/lib/named/etc/bind/zones.conf

Редагую файл конфігурації bind, щоб він чіпляв конфігурацію зон:

/var/lib/named/etc/bind/named.conf

Додаю в нього рядок include " zones.conf " ;

Залишилося лише створити файл зони domain.com:

/var/lib/named/etc/bind/domain.com

З наступним змістом:

$ TTL 86400

@ IN SOA ns1.domain.com . root.domain.com . (

; Serial

; Refresh

; Retry

; Expire

; Minimum

) ;

@ IN NS ns1.domain.com .

@ IN A 192.168.1.1IN A 192.168.1.1IN A 192.168.1.1IN CNAME @

domain.com - відповідно ім'я вашого домену. Поміняйте значення перед параметром; Serial на поточну дату. Останні цифри в рядку з датою (01) позначають скільки разів раз зона редагувалася за поточну добу. Так само не забудьте поміняти IP адреса, з яким ви пов'язуєте свій домен (192.168.1.1).

Після збереження файлу виставляємо його власника:

bind:bind/var/lib/named/etc/bind/domain.com

Все готово. Тепер залишилося оновити конфігурацію bind командою

reload

І перевірити роботу сервера:

domain.com 127.0.0.1

Якщо все працює вірно, то відповідь сервера буде виглядати:

: 127.0.0.1: 127.0.0.1 # 53authoritative answer :: domain.com: 192.168.1.1

На цьому налаштування DNS серверу завершена.

1.4.10 Встановлення серверу електронної пошти sendmail

Поштовий сервер, сервер електронної пошти - в системі пересилки електронної пошти так зазвичай називають агент пересилання повідомлень (англ. mail transfer agent, MTA). Це комп'ютерна програма, яка передає повідомлення від одного комп'ютера до іншого. Зазвичай поштовий сервер працює "за лаштунками", а користувачі мають справу з іншою програмою - клієнтом електронної пошти (англ. mail user agent, MUA).

Наприклад, в поширених конфігураціях клієнтом пошти користувача є Outlook Express, повноцінна версія Microsoft Outlook, або Mozilla Thunderbird. Коли користувач набрав повідомлення і посилає його одержувачу, поштовий клієнт взаємодіє з поштовим сервером, використовуючи протокол SMTP. Поштовий сервер відправника взаємодіє з поштовим сервером одержувача (безпосередньо або через проміжний сервер - релей). На поштовому сервері одержувача повідомлення потрапляє в поштову скриньку, звідки за допомогою агента доставки повідомлень (англ. mail delivery agent, MDA) доставляється клієнту одержувача. Часто останні два агенти суміщені в одній програмі (наприклад, sendmail), хоча є спеціалізовані MDA, які в тому числі займаються фільтрацією спаму. Для фінальної доставки отриманих повідомлень використовується не SMTP, а інший протокол - часто POP3або IMAP - який також підтримується більшістю поштових серверів. Хоча у найпростішій реалізації MTA досить покласти отримані повідомлення в особисту теку користувача уфайловій системі центрального сервера ("поштова скринька").

Часто поштовий сервер включає програмне забезпечення для організації розсилок електронної пошти.

Sendmail - один з найстаріших агентів передачі пошти <#"870102.files/image061.jpg">

Рисунок 1.61 - Встановлення сервера електронної пошти

Потім ввожу команду

sendmailconfig

після цього вводяться зміни в наступні файли

/etc/mail.sendmail.conf

/etc/cron.d/sendmail

/etc/mail/sendmail.mc

1.4.11 Встановлення FTP серверу

Протокол <#"870102.files/image062.jpg">

Рисунок 1.62 - Встановлення ftp

Якщо FTP-сервер не використовуватиметься постійно відповісти на питання, що з'явилося, про спосіб запуску, необхідно: "самостійно".

. Відкриваю файл /etc/shells командою:

nano/etc/shells

. Додаю в нього рядок

/bin/false

. Створюю в /home каталозі папку FTP-shared командою:

mkdir /home/FTP-shared

. Створюю користувача з ім'ям userftp командою

userftp - p pass - d /home/FTP - shared - s /bin/false

де "pass" - пароль.

. В папці FTP-shared створюю дві вкладені папки:

mkdir /home/FTP-shared/publicmkdir /home/FTP-shared/upload

. Присвоюю потрібні права створеним текам командами

chmod 755 /home/FTP-sharedchmod 755 /home/FTP-shared/publicchmod 777 /home/FTP-shared/upload

8. Переіменовую наявний конфігураційний файл proftpd.conf і створюю новий:

mv /etc/proftpd/proftpd.conf

/etc/proftpd/proftpd.conf.oldnano/etc/proftpd/proftpd.conf

. Якщо треба зробити анонімний доступ, слід закоментувати обидві секції для donet і розкоментувати секцію для аноніма.

. Cервер вже запущений, але з параметрами за замовчуванням. Його необхідно перезапустити:

/etc/init.d/proftpd restart

. Для перевірки синтаксису створеного конфіг-файлу можна виконати:

proftpd - td5

. Щоб взнати, хто підключений до фтп-серверу в даний момент використовується команда ftptop (клавіша t міняє відображення, q - вихід) можна також використати команду ftpwho

. Фтп-сервер з двома папками, одна з них (public) доступна тільки для читання, інша (upload) - для запису.

1.5 Створення інформаційного веб-сайту

Сайт або веб-сайт (від англ. <#"870102.files/image063.jpg">

Рисунок 1.63 - Вигляд сайту, написаного на HTML

Решту контенту можна буде дописати згодом. А те, що сайт не має привабливого вигляду, це не проблема. Тому, що вирівнювати і зафарбовувати сайт буду за допомогою каскадних таблиць стилів - CSS.

1.5.3.2 Створення веб-сторінки за допомогою CSS

Каскадні таблиці стилів (англ. <#"870102.files/image064.jpg">

Рисунок 1.64 - Вигляд сайту з використанням CSS

В результаті було створено і підключено дві каскадні таблиці стилів.

1.5.3.3 Створення веб-сторінки за допомогою javascript

JavaScript - назва реалізації стандарту <#"870102.files/image065.jpg">

Рисунок 1.65 - Вигляд сайту з використанням скрапів

В результаті було створено і підключено два javascript - скріпти.

 

.5.3.4 Створення та вставка графічних об’єктів

Тепер треба в сторінку сайту вставити зображення, які би доповнили дизайн сайту.

Перш ніж приступати до створення зображення варто знати, що зображення є векторними та растровими.

Ве́кторна гра́фіка (також геометричне моделювання або об'єктно-орієнтована графіка) - створення зображення <#"870102.files/image066.gif">

Рисунок 1.66 - Вигляд зображення favicon

Підключається favicon-зображення спеціальним тегом, який розміщується між тегами <head> і </head>:

<link rel="shortcut icon" href=" favicon.png" type= "image/png">

Обновляю сторінку і дивлюся на закладку у браузері. Біля назви сайту появився синьо-жовтий прапор України.

Тепер малюю логототип компанії.

Наперед вирішено, що логотип буде у формі блок-схеми і міститиме назву компанії, яка написана англійською мовою "POLITECH".

Для цього запускаю графічний редактор GIMР. Створюю нове зображення і зберігаю з назвою polytech-logo та задаю розширення PNG.

Тепер малюю два еліпси (як початок і кінець у блок-схемі), а також домальовуємо два квадрати і один ромб (які відповідають за елементи та перемикачі у блок-схемі). Після цього усі елементи від "початку" і до "кінця" з’єдную між собою стрілками.

Наступний крок - це розмальовування готового зображення. Елементи заливаю синім кольором, щоб воно підійшло до шаблону, а букви замалюю червоним кольором.

Результат роботи буде мати вигляд.

Рисунок 1.67 - Логотип

Тепер необхідно розмістити логотип у папці з зображеннями та приєднати його до сторінки сайту.

Логотип поміщується у папку images.

На сайті логотип розміщується у шапці сайту.

Код матиме вигляд:

<div>

<a href="#"870102.files/image068.gif">

Рисунок 1.68 - Зображення back to top

Отримане зображення переміщую в папку сайту у папку images.

Тепер необхідно вставити картинку в сторінку сайту. Робиться це тегом картинки, який поміщений у тег посилання. Код матиме вигляд:

<div style="position: fixed; bottom: 40px; right: 80px;">

<a href="template.php#top" title="Піднятися до верху">

<img src="images/back-to-top.png" alt="back-to-top">

</a>

</div>

Даний блок знаходиться у самому низу сайту після div-блоку footer.

Більше не рекомендовано використовувати зображення, тому що вони впливають на швидкість завантаження сторінки.

1.5.3.5 Створення веб-сторінки за допомогою PHP

PHP (англ. <#"870102.files/image069.jpg">

Рисунок 1.69 - Результат роботи книги гостей

1.5.4 Створення шаблону

Шаблон сайту - сукупність оформлених і верстаючих в HTML <#"870102.files/image070.jpg">

Рисунок 1.70 - Вигляд головної сторінки

1.5.6 Створення сторінок сайту і їх наповнення

Тепер створюю інші сторінки сайту.

Запускаю файл template і зберігаємо його з іменем about.php у кореневій папці сайту. Тут буде інформація про компанію.

Тепер ввожу дані в робочу область.

Код має вигляд:

<center><h1>Про нас:</h1></center><hr>

<h2>Історія нашої компанії:</h2>

<h4>Створення:</h4>

<p>Наша компанія була створена у 1991 у місті Тернополі.</p>

<h4>Перший успіх:</h4>

<p>Перший успіх до компанії прийшов, коли ми вийшли на Європейський ринок у 2006 році.</p>

<hr>

Рисунок 1.71 - Вигляд сторінки з інформацією про компанію

Запускаю файл template і зберігаємо його з іменем services.php у кореневій папці сайту. Тут буде інформація про послуги компанії.

Тепер ввожу дані в робочу область.

Код має вигляд:

<div>

<center><h1>Ми надаємо послуги:</h1></center><hr>

<h2>Наша компанія надає ряд послуг:</h2>

<p>Послуга #1 - <i>Створення web-сайту.</i></p>

<p>Створення веб-сайтів різної складності.</p>

<br>

<p>Послуга #2 - <i>Адміністрування існуючого сайту</i></p>

<p>Супровід, наповнення, виявлення критичних помилок коду</p>

<br>

<p>Послуга #3 - <i>Розкручування сайту</i></p>

<p>Ріст сайту у рейтингах та у видачі результатів пошуковців</p>

<hr>

</div>

Рисунок 1.72 - Вигляд сторінки з послугами

Запускаю файл template і зберігаємо його з іменем contact.php у кореневій папці сайту. Тут буде інформація про контакти для зв’язків з компанією.

Тепер ввожу дані в робочу область.

Код має вигляд:

<center><h1>Наші контакти:</h1></center><hr>

<h2>Наша компанія розташовується за адресою:</h2>

<pre>

м. Тернопіль

вул. Руська 53

ЗАТ Політех

</pre>

Наший сайт - <a href="#"870102.files/image073.jpg">

Рисунок 1.73 - Вигляд сторінки з контактами

Запускаю файл template і зберігаємо його з іменем help.php у кореневій папці сайту. Тут будь найпопулярніші питання і відповіді.

Тепер ввожу дані в робочу область.

Код має вигляд:

<center><h1>Питання - Відповіді:</h1></center><hr>

<h2>Часті питання та відповіді:</h2>

<p><b>1. У Вас є тестовий період?</b></p>

<p><i>Так. 14 днів.</i></p>

<p><b>2. Які Ваші гарантії?</b></p>

<p><i>Наша компанія є учасником і переможцем багатьох ІТ-конкурсів, що підкреслює професіоналізм наших програмістів. Окрім цього, якщо ми не виконаємо поставлене завдання, то повернемо Вам гроші.</i></p>

<p><b>3. У Вас є інтернет-магазин?</b></p>

<p><i>Ні.</i></p>

<hr>

Рисунок 1.74 - Вигляд сторінки з питаннями і відповідями

Запускаю файл template і зберігаємо його з іменем guestbook.php у кореневій папці сайту. Тут буде розміщуватися книга відвідувачів.

Тепер ввожу дані в робочу область.

Код має вигляд:

<center><h1>Книга відвідувачів</h1></center><hr>

<h2>Тут ви можете залишити відгук про роботу нашої компанії:</h2>

<div style="width: 100%; margin: 0 auto;">

<form action="addMessage.php" method="post">

Ваше ім'я:<br>

<input type="text" name="guestName" placeholder="Ваше ім'я" style="width: 100%;"><br><br>

Текст Вашого повідомлення в книзі відвідувачів:<br>

<textarea name="messageText" placeholder="Текст повідомлення" style="width: 100%; height: 100px;">

</textarea><br><br>

<input type="submit" value="Залишити повідомлення в книзі відвідувачів!" style="width: 100%;">

</form><hr><br>

<?php

// подключення до бази даних

$connect = new mysqli('localhost', 'root', '', 'guestbook');

// отримуємо список всіх повідомлень

$result = $connect->query("select * from guestbook");

// вираховуємо кількість отриманих записів

$countMessage = $result->num_rows;

// якщо кількість записів в базі даних більше, то її виводимо($countMessage > 0)

{

// переглядаємо весь масив отриманих даних($i = 0; $i < $countMessage; $i++)

{'<div style="border: 1px solid green;">';

// витягаю дані

$message = $result->fetch_object();

// виводжу дані у потрібному виді"<b>".$message->guestbook_user_name.": </b><br>";$message->guestbook_message_text."<br>";"Дата: ".$message->guestbook_data."<br>";'</div><br>';

}

}

?>

</div><hr>

Рисунок 1.75 - Вигляд книги відвідувачів

На цьому створення сторінок сайту завершене.

 

.6 Створення сайту на основі системи управління вмістом

Також можна скористатися не власними сторінками, а спеціальними "двигунами" - системами керування вмісту.

Систе́ма керува́ння вмі́стом (СКВ; англ. <#"870102.files/image076.jpg">

Рисунок 1.76 - Завантаження CMS WordPress

2. Після завантаження архіву його необхідно розпакувати.

Рисунок 1.77 - Розпаковування архіву

. Файл-конфігурації

Рисунок 1.78 - Початок встановлення WordPress’у

. Початок встановлення WordPress’у.

Перед початком потрібно ввести необхідну інформацію в базу даних. Де потрібно знати наступні речі.

·      ім'я бази даних;

·              ім'я користувача бази даних;

·              пароль до бази даних;

·              адреса сервера бази даних;

·              префікс таблиць (якщо ви хочете запустити більш ніж один WordPress на одній базі).

Рисунок 1.79 - Установлювач CMS

. Паралельно у іншому вікні браузера необхідно створити таблицю, користувача та задати пароль в phpmyadmin. Ці дії також можна зробити зі допомогою команд MySQL.

Рисунок 1.80 -Створення таблиці в phpmyadmin

. На цій сторінці необхідно ввести свої дані, які я вводив в phpmyadmin.

Тепер необхідно ввести:

·        ім'я бази даних (ім'я бази даних, до якої треба встановити WP);

·              ім'я користувача (MySQL логін);

·              пароль (пароль до MySQL);

·              хост бази даних (це поле потрібно заповнити коли localhost спрацьовує);

·              префікс для таблиць (якщо є необхідність одночасно мати кілька інсталяцій WordPress’у в одній базі даних).

Рисунок 1.81 - Введення даних

. Перевірка введених даних. Це повідомлення вказує, що усі дані введено коректно і можна продовжити і розпочати встановлення CMS WordPress.

Рисунок 1.82 - Перевірка введених даних

. Далі необхідно ввести дані про сайт. Такі як:

·    заголовок сайту;

·              логін;

·              пароль;

·              перевірка паролю;

·              електронний адрес пошти;

·              приватність.

Рисунок 1.83 - Введення даних про сайт

9. На цьому встановлення закінчено.

Рисунок 1.84 - Закінчення встановлення

Тепер можна ввійти на свій новостворений сайт, або в адмін-панель.

На головній сторінці міститься:

Ліве меню, яке має:

·    Заголовок сайту;

·              Останні публікації;

·              Останні коментарі;

·              Архіви;

·              Категорії.

А також є робоча область, на якій розміщуються блоги. За замовчуванням система створює один тестовий блок з назвою Привіт світ.

Рисунок 1.85 - Стандартний вигляд сайту

В панелі адміністратора містяться:

Консоль - у цей розділ користувач попадає після того, як увійде на панель керування.

·  Відновлення - даний підрозділ дозволяє обновити WordPress, плагіни та теми.

Записи - перегляд всіх записів, можливість швидкого редагування й сортування.

·  Додати нову - ви можете оформляти й публікувати нові пости.

·              Рубрики - відкриває редактор рубрик.

·              Мітки - відкриває редактор міток (тегів).

Медіафайли - надає доступ до медіафайлів, завантажених у блог, звичайно блогери завантажують тільки картинки. Створюючи пост, ви можете використати ці картинки для оформлення.

·  Бібліотека - перегляд всіх медіафайлів блога, можливість швидкого редагування й сортування.

·  Додати новий - завантаження нових медіафайлів, можливість завантажити відразу кілька файлів.

Посилання - перегляд всіх посилань, можливість швидкого редагування й сортування. Щоб посилання були видні, можна скористатися віджетом "Посилання".

·  Додати нову - додавання нових посилань.

·              Рубрики посилань - угруповання посилань із розбивкою їх на рубрики.

Сторінки - перегляд всіх сторінок, можливість швидкого редагування й сортування.

·  Додати нову - оформлення й публікування нових сторінок. Відкриває редактор сторінок, такий же як редактор постів.

Зовнішній вигляд - перегляд всіх шаблонів оформлення.

·  Віджети - настроювання й керування віджетами, незалежними блоками-елементами бічного стовпчика.

·  Меню - надає можливість зібрати свій зміст із окремих елементів (посилань, рубрик, довільного коду) і використати в бічному стовпчику за допомогою виджета довільне меню.

·  Довільне тло - можливість настроїти тло теми оформлення. Варто відзначити, що більшість шаблонів не призначені для редагування їхніх фонів й у цьому випадку такої можливості немає .

·  Редактор - можливість редагувати код шаблона. Перед тим як редагувати код теми, варто зберегти її резервну копію.

Плагіни - перегляд всіх плагінів, можливість включення, відключення й сортування плагінів, це незалежні програмні модулі, що розширюють функціонала.

·  Додати новий - можливість завантажити в блог новий плагін.

·              Редактор - можливість редагувати програмний код завантажених плагенів.

Користувачі - перегляд всіх зареєстрованих користувачів. У нашому випадку користувач блогу буде тільки один.

·  Додати нового - можливість додати нового користувача.

·              Ваш профіль - можливість відредагувати ваш профіль, додати інформацію про себе й настроїти її відображення.

Інструменти - додаткові інструменти й можливості WordPress.

·  Імпорт - посилання на плагіни для завантаження вмісту з інших ваших блогів. Можна використати, щоб перенести ваш блог із блогохостингу на платформу WordPress.

·  Експорт - дозволяє завантажити XML-файл із текстовим умістом.

Параметри - настроювання блогу.

·  Загальні - основні настроювання WordPress, його назва, підзаголовок, настроювання дати й часу.

·  Написання - настроювання різних способів публікації постів. У нашому випадку вони неактуальні, ми будемо користуватися класичним способом публікації.

·  Читання - настроювання, що впливають на відображення вмісту.

·  Обговорення - настроювання коментування й відображення коментарів.

·  Медіафайли - настроювання обробки медіафайлів при завантаженні.

·  Приватність - установлення заборони пошуковим системам індексувати блог.

·  Постійні посилання - можливість настроїти структуру посилань, це дуже важливе настроювання.

Рисунок 1.86 - Вигляд адмін-панелі

1.6.2 Eleanor CMS

Eleanor CMS - нова безкоштовна система управління сайтом <#"870102.files/image087.jpg">

Рисунок 1.87 - Завантаження CMS Eleanor

2. Із офіційного сайту завантажується CMS Eleanor у архіві. Тому тепер розпаковую архів

Рисунок 1.88 - Розархівування CMS Eleanor

3. Початок встановлення. В стрічці адреси в браузері пишу адрес хоста <#"870102.files/image089.jpg">

Рисунок 1.89 - Встановлення CMS Eleanor

. Наступним кроком є підтвердження ліцензійної згоди на використання CMS Eleanor.

Мені необхідно відмітити галочкою пункт "Я приймаю умови ліцензійної угоди" і натиснути кнопку "Далі".

Рисунок 1.90 - Ліцензійна згода

. Наступним кроком є продовження підтвердження ліцензійної згоди на використання CMS Eleanor. Цей пункт названий "Санкції".

Мені необхідно відмітити галочкою пункт "Я приймаю умови санкцій" і натиснути кнопку "Далі".

Рисунок 1.91 - Санкції

. В наступному вікни є інформація про системні вимоги, які необхідні для роботи CMS Eleanor. Також є інформація про статус сервера, чи відповідає він вимогам.

Нижче є на вибір дві дії: "Встановлення" CMS Eleanor та "Оновлення" програмного забезпечення на сервері.

Оскільки сервер відповідає вимогам, то вибираю пункт "Встановлення CMS Eleanor"

Рисунок 1.92 - Системні вимоги

. Заходжу в phpmyadmin і створюю нову базу даних eldb. Потім треба створити ще користувача, для доступу до бази даних і задати йому пароль. Створюю користувача eluser і задаю йому пароль elpass.

. В інсталяторі CMS Eleanor необхідно ввести дані, для зв’язку з базою даних та інших налаштувань:

Сервер бази даних - localhost

Назва бази даних - eldb

Користувач - eluser

Префікс таблиць - el_

Назва сайту - ІТ-компанія "Політех"

Базовий e-mail - admin@melkiy.te.ua

Увімкнути ЧПУ? - Так

Часовий пояс - Київ

Додаткові мови - Англійська та російська

Рисунок 1.93 - Збирання даних

9. Підготовка до встановлення.

У цьому вікні розміщується інформація для перевірки. Фактично, вона повторяє пункт 8.

На вибір є дві кнопки: "Назад", якщо є якісь помилки і "Встановити", якщо усі дані введені правильно.

Вибираю "Встановити".

Рисунок 1.94 - Підготовка до встановлення

. Відбувається процес встановлення

Рисунок 1.95 - Процес встановлення

. Створення облікового запису адміністратора.

В цьому пункті треба ввести:

Логін - eladmin

Пароль - eladmpass

Повторіть пароль - eladmpassmail - admin@melkiy.te.ua

Рисунок 1.96 - Створення облікового запису адміністратора

. Закінчення процесу встановлення.

Це останнє вікно встановлювача. У цьому вікні адміністратора повідомляється про те, що установлення CMS Eleanor успішно завершено. А також є повідомлення про роботу скріпта та рекомендації по підготовці до роботи.

"Ваша копія Eleanor CMS успішно встановлена і готова до роботи! Скрипт установки заблоковано файлом install/install.lock, тому якщо Ви бажаєте встановити систему ще раз - Ви повинні вручну видалити цей файл. Ми переконливо рекомендуємо видалити теку install з усім її вмістом виключно з міркувань безпеки."

Рисунок 1.97 - Закінчення процесу встановлення

. Переходжу у свій сайт. Тепер можна зайти на сайт з правами адміністратора, або зареєструватися.

Головна сторінка сайту складається з шапки, підвалу, робочої області, а також лівого і правого блоку.

Рисунок 1.98 - Головна сторінка сайту

Встановлення CMS Eleanor успішно завершено і готове до роботи.

1.7 Налаштування комп’ютера

Отже, уже є готовий сервер і сайт, але вони доступні тільки локально. Тепер зробимо його доступним ззовні.

ПК із Ubuntu Server відставляємо і далі будемо працювати з ним через SSH. Я використаю для цього PUTTY.

1.7.1 Конфігурація

У першу чергу необхідно налаштувати файл підкачування.

Для цього створюємо файл заповнений нулями:

dd if=/dev/zero of=/swap bs=1M count=2048

Підготовляємо його для використання як swap:

mkswap /swap

Додаємо у файл fstab наш створений файл для використання як файл підкачування:

nano /etc/fstab/swap none swap sw 0 0

Перезавантажуємося:

shutdown -r now

1.7.2 Оновлення ПЗ

Відразу ж обновляємо всі пакети, робиться це двома командами:

apt-get updateapt-get upgrade

1.7.3 Веб-інтерфейс

Для керування системою через веб-інтерфейс необхідно мати пакет webim, але його на жаль у репозитарії немає, тому завантажую підготовлений пакет вручну:

#"870102.files/image099.jpg">

Рисунок 2.1 - Результат перевірки сайту сервісом Ping-Admin.Ru

Результати перевірки:

ТИЦ: 0; PR: 1вашого сервера 31.170.163.16

Термін завантаження сайту 0,701655 сек0,151359(21,57%)

швидкість завантаження 37 КБ/с

2.3.2 mysitecost.ru

mysitecost.ru - рахує вартість сайту, кількість відвідувачів, щоденний доход, перевіримо Google PageRank, індекс цитування від Яндекс, довідаємося інформацію про хостинге, покажемо соціальний індекс і багато чого іншого.використає різні джерела інформації в Інтернеті для приблизного підрахунку вартості сайту й кількості щоденних відвідувачів.

Опис оцінювання сайту проектом mysitecost.ru

Рисунок 2.2 - Результат перевірки сайту сервісом mysitecost.ru

Результати перевірки:

Ця сторінка містить звіт про приблизну вартість сайту #"870102.files/image101.jpg">

Рисунок 2.3 - Результат перевірки сайту сервісом validator.w3.org

Результати перевірки:

Помилки, 31 попередження

Адреса: #"870102.files/image102.gif">, (3.1)

де Тс - тарифна ставка, грн.;

Кг - кількість відпрацьованих годин.

Оскільки всі види робіт в даному проекті виконує інженер, то основна заробітна плата буде розраховуватись тільки за однією формулою:

 грн.

Додаткова заробітна плата становить 10-15% від суми основної заробітної плати.

, (3.2)

де Кдопл. - коефіцієнт додаткових виплат працівникам, 0,1-0,15 (візьмемо його рівним 0,15).

 грн.

Звідси загальні витрати на оплату праці (Во.п.) визначаються за формулою:

. (3.3)

 грн.

Крім того, слід визначити відрахування на соціальні заходи:

6       фонд страхування на випадок безробіття - 1,3%;

7       фонд по тимчасовій втраті працездатності - 2,9%;

         пенсійний фонд - 32,3%.

У сумі зазначені відрахування становлять 37,5%.

Отже, сума відрахувань на соціальні заходи буде становити:

 (3.4)

де ФОП - фонд оплати праці, грн.

грн.

Проведені розрахунки витрат на оплату праці зведемо у таблицю 3.2.

Таблиця 3.2 Зведені розрахунки витрат на оплату праці

№п/п	Категорія працівн.	Основна заробітна плата, грн.			Додат. заробітна плата, грн.	Нарахув. на ФОП, грн.	Всього витрати на оплату праці, грн. 6=3+4+5
		Тариф. ставка, грн.	К-сть відпр. год.	Фактиx. нарах. з/пл., грн.
А	Б	1	2	3	4	5	6
1	інженер	5	105	525	78,75	226,41	830,156

3.3 Розрахунок матеріальних витрат

Матеріальні витрати визначаються як добуток кількості витрачених матеріалів та їх ціни:

, (3.5)

Де: qi - кількість витраченого матеріалу і-го виду;

рі - ціна матеріалу і-го виду.

Звідси, загальні матеріальні витрати можна визначити:

. (3.6)

Проведені розрахунки занесемо у таблицю 3.3.

Таблиця 3.3 Зведені розрахунки матеріальних витрат

№ п/п	Найменування матеріальних ресурсів	Од. виміру	Факт. витрачено матеріалів	Ціна 1-ці, грн.	Загальна сума витрат, грн.
1	Папір формату А4	шт.	200	0,05	10
2	Папір формату А1	шт.	6	1,5	9
3	Інструменти для малювання та креслення	шт.	10	1	10
Разом			216	2,55	29

3.4 Розрахунок витрат на електроенергію

Затрати на електроенергію 1-ці обладнання визначаються за формулою:

 (3.7)

де W - необхідна потужність, кВт;- кількість годин роботи обладнання;- вартість кіловат-години електроенергії.

Вартість кіловат-години електроенергії слід приймати згідно існуючих на даний час тарифів (0,203 грн. + 20% ПДВ за 1 кВт). Отже, 1 кВт з ПДВ коштує 0,2436 грн.

Потужність мого комп’ютера - 400 Вт, кількість годин роботи обладнання згідно таблиці 4.1 - 105 годин.

Тоді,

 грн.

3.5 Розрахунок суми амортизаційних відрахувань

Характерною особливістю застосування основних фондів у процесі виробництва є їх відновлення. Для відновлення засобів праці у натуральному виразі необхідне їх відшкодування у вартісній формі, яке здійснюється шляхом амортизації.

Амортизація - це процес перенесення вартості основних фондів на вартість новоствореної продукції з метою їх повного відновлення.

Комп’ютери та оргтехніка належать до четвертої групи основних фондів. Для цієї групи річна норма амортизації дорівнює 60% (квартальна - 15%).

Для визначення амортизаційних відрахувань застосовуємо формулу:

, (3.8)

де А - амортизаційні відрахування за звітний період, грн.;

БВ - балансова вартість групи основних фондів на початок звітного періоду, грн.;

НА - норма амортизації, %.

Для даного проекту засобом праці є комп’ютер. Його сума становить 4200 грн. Отже, амортизаційні відрахування будуть рівні:

грн.

Оскільки робота виконувалась 105 годин, то амортизаційні відрахування будуть становити:

грн.

3.6 Обчислення накладних витрат

Накладні витрати пов’язані з обслуговуванням виробництва, утриманням апарату управління спілкою та створення необхідних умов праці.

В залежності від організаційно-правової форми діяльності господарюючого суб’єкта, накладні витрати можуть становити 20-60% від суми основної та додаткової заробітної плати працівників.

, (3.9)

де НВ - накладні витрати.

Отже, накладні витрати:

 грн.

3.7 Складання кошторису витрат та визначення собівартості НДР

Результати проведених вище розрахунків зведемо у таблицю 3.4.

Таблиця 3.4 Кошторис витрат на НДР

Зміст витрат	Сума, грн.	В % до загальної суми
Витрати на оплату праці (основну і додаткову заробітну плату)	603,75	53,1
Відрахування на соціальні заходи	226,41	19,91
Матеріальні витрати	29	2,55
Витрати на електроенергію	10,23	0,9
Амортизаційні відрахування	147	12,92
Накладні витрати	120,75	10,62
Собівартість	1137,14	100

Собівартість (СВ) програмного продукту розрахуємо за формулою:

. (3.10)

Отже, собівартість програмного продукту дорівнює:

 грн.

3.8 Розрахунок ціни програмного продукту

Ціну НДР можна визначити за формулою:

, (3.11)

де Ррен. - рівень рентабельності, 30%;

К - кількість замовлень, од. (встановлюється лише при розробці програмного продукту та мікропроцесорних систем);

Вн.і. - вартість носія інформації, грн. (встановлюється лише при розробці програмного продукту);

ПДВ - ставка податку на додану вартість, (20 %).

Так як мій програмний продукт не є прикладним, а він створений для WEB, то для розрахунку його ціни не потрібно вказувати коефіцієнти К та Ві.н , оскільки їх в даному випадку не потрібно.

Тоді, формула для обчислення ціни програмного продукту буде мати вигляд:

. (3.12)

Звідси ціна на програму складе:

 грн.

3.9 Визначення економічної ефективності і терміну окупності капітальних вкладень

Ефективність виробництва - це узагальнене і повне відображення кінцевих результатів використання робочої сили, засобів та предметів праці на підприємстві за певний проміжок часу.

Економічна ефективність (Ер) полягає у відношенні результату виробництва до затрачених ресурсів:

, (3.13)

де П - прибуток;

СВ - собівартість.

Плановий прибуток (Ппл) знаходимо за формулою:

. (3.14)

Розраховуємо плановий прибуток:

 грн.

Отже, формула для визначення економічної ефективності набуде вигляду:

. (3.15)

Тоді,

Поряд із економічною ефективністю розраховують термін окупності капітальних вкладень (Тр):

, (3.16)

Термін окупності дорівнює:

 роки

Висновок

В цьому розділі дипломного проекту було розраховано основні техніко-економічні показники мого програмного продукту - веб-сайту (таблиця 3.5).

Таблиця 3.5 Техніко-економічні показники НДР

№п/п	Показник	Значення
1	Собівартість, грн.	1137,14
2	Плановий прибуток, грн..	636,86
3	Ціна, грн.	1774
4	Економічна ефективність	0,56
5	Термін окупності, рік	1,8

Розраховане значення економічної ефективності становить 0,56, що є високим значенням.

Так само нормальним є термін окупності. Для мого продукту він становить 1.8 років.

Отже, даний програмний продукт може бути впроваджений та мати подальший розвиток, оскільки він є економічно вигідним за всіма основними техніко-економічними показниками.

4. Охорона праці та безпека в надзвичайних ситуаціях

4.1 Охорона праці

Метою дипломного проекту є розробка інформаційного веб-сайту з використанням мови програмування PHP. Оскільки, розробка входить до складу інформаційної системи, то важливим з точки зору безпеки працівників системи є дотримання норм та правил з охорони праці і техніки безпеки при використанні комп’ютерів-серверів. Окрім цього, встановлення, оновлення, супровід та налаштування серверу проводить спеціаліст, який також відповідає за дотримання техніки безпеки та охорони праці при використанні ПК. При розробці, враховано вимоги охорони праці користувачів ПК.

Основним нормативним документом, який регламентує норми і правила експлуатації електронно-обчислювальної техніки є НПАОП 0.00-1.28-10 "Правила охорони праці під час експлуатації електронно-обчислювальних машин". Правила встановлюють вимоги безпеки до обладнання робочих місць операторів ЕОМ. Вимоги НПАОП 0.00-1.28-10 є обов'язковими для роботодавців, операторів електронно-обчислювальних машин, операторів комп'ютерного набору, операторів комп'ютерної верстки, програмістів та працівників інших професій, які у своїй роботі застосовують ЕОМ з ВДТ і ПП.

Площа, на якій розташовується одне робоче місце, облаштоване комп’ютером, повинна становити не менше як 6 м2, об'ємом не менше як 20 м³. Висота стель у приміщеннях, де розташовуються сервери становить 3,2 м, а розміщення комп’ютеризованих робочих місць розраховувалось у відповідності до вимог.

Робочі місця працівників, які використовують ПК, розташовуються на відстані від стін - на 1 м; а між собою на відстані не менше ніж 1,7 м, що відповідає вимогам до організації робочих місць, обладнаних комп’ютерами.

З метою запобігання нещасним випадкам та організації охорони праці на виробництві керівництвом установи, де експлуатуються ЕОМ, розроблено інструкції з охорони праці і техніки безпеки при використанні комп’ютерної техніки. Дія інструкції поширюється на всі структурні підрозділи даної установи.

До роботи на ПК допускаються особи, які пройшли спеціальне навчання, медичне обстеження, вступний інструктаж з охорони праці, інструктаж на робочому місці та інструктаж з пожежної безпеки. Хто із працівників не пройшов інструктажі, той не допускається до роботи із серверами.

Відповідно до розробленої інструкції, відповідальний працівник за охорону праці і техніку безпеки при експлуатації програмної системи тестування, повинен дотримуватись правил внутрішнього трудового розпорядку, не допускати в робочу зону сторонніх осіб, не виконувати вказівок, які суперечать правилам охорони праці та пам'ятати про особисту відповідальність за виконання правил охорони праці та безпеку товаришів по роботі.

Для усіх працівників, які працюють із серверами, на яких розміщується інформаційний сайт, поставлено вимоги щодо вміння надавати першу медичну допомогу потерпілим від нещасних випадків, користування первинними засобами пожежогасіння та дотримання правил особистої гігієни.

Основними небезпечними та шкідливими виробничими факторами, які впливають на користувачів ПК є:

-   підвищений рівень шуму на робочому місці (від вентиляторів процесорів та відеоплат);

-       можливе підвищене значення напруги в електричному колі, замикання якого може статися через тіло людини;

-       підвищений рівень статичної електрики;

-       підвищений рівень електромагнітного випромінення;

-       підвищена напруженість електричного поля;

-       прямий та відбитий від екранів блиск; несприятливий розподіл яскравості в полі зору;

-       фізичні перевантаження статичної та динамічної дії;

-       нервово-психічні перевантаження (розумове перенапруження, перенапруження аналізаторів, монотонність праці, емоційні перевантаження).

При виборі кімнат для розміщення серверних стійок враховано ступінь відбиття світла на екранах дисплеїв, яке проходить через вікна і яке може викликати значне осліплення в тих, хто сидить перед ними, особливо влітку та в сонячні дні. Тому, сервери, ПК і оргтехніка розміщені біля стін, які не знаходяться біля вікон або навпроти них.

Оскільки, при незадовільному освітленні знижується продуктивність праці користувачів ПК, і можливі негативні впливи на здоров’я такі, як короткозорість, швидка втомленість, тому всі приміщення, які облаштовані робочими місцями з ПК, мають природне і штучне освітлення.

Розміщення робочих місць користувачів ПК відповідають ГОСТ 22269-76 "Рабочее место оператора. Взаимное расположение злементов рабочего места.".

Робочі місця з ПК при виконанні творчої роботи, яка потребує значної розумової напруги чи великої концентрації уваги, ізольовано одне від одного перегородкою висотою 1,6 м.

Поверхня підлоги у приміщеннях оздоблена керамічною плиткою і є рівною та зручною для очищення та вологого прибирання.

Штучне освітлення у приміщеннях даної установи виконано у вигляді комбінованої системи освітлення з використанням люмінесцентних джерел світла у світильниках загального освітлення, які розташовувати над робочими поверхнями у рівномірно-прямокутному порядку. Штучне освітлення забезпечує на робочих місцях з ПК освітленість 300-500 лк.

Для запобігання засвітленню дисплеїв ПК прямими світловими потоками лінії світильників розташовані з достатнім бічним зміщенням відносно рядів робочих місць, а також паралельно до світлових отворів. При цьому кожне вікно повинно мати світлорозсіюючі штори з коефіцієнтом відбивання 0,7.

У приміщенні із серверами забезпечено також природнє освітлення. При цьому на кожному вікні закріплені жалюзі з вертикальними ламелями, що регулюються для зменшення прямого попадання сонячного світла на екран комп’ютерів.

Жодних cвітлових відблисків з клавіатури, екрана та від інших частин ВДТ у напрямку очей оператора не повинно бути. Тому усі робочі місця з ПК розташовано таким чином, щоб в поле зору користувача не потрапляли вікна або освітлювальні прилади.

З метою мінімізації відблисків від клавіатури та екрану застосовуються спеціальні захисні козирки і джерела штучного світла розташовано паралельно напрямку погляду на екран ПК з обох сторін.

Для запобігання засліпленню користувачів світильники місцевого освітлення молочного кольору. Захисний кут відбивача світильника становить 600.

Для оздоблення приміщень використано дифузно-відзеркалюючі матеріали з коефіцієнтами відбиття: стелі - 0,8; стін - 0,5; підлоги - 0,3, що відповідає чинним вимогам.

Вміст шкідливих хімічних речовин у приміщеннях з ПК не перевищує концентрацій вказаних у ГОСТ 12.1.005-88 "Общие санитарно-гигиенические требования к воздуху рабочей зоны".

Взаємне розташування елементів робочого місця не заважає виконанню всіх необхідних рухів та переміщень для експлуатації ПК, сприяє оптимальному режиму праці та зниженню втоми користувача.

Для забезпечення точного і швидкого зчитування інформації поверхню екрана монітора ПК розташовано в оптимальній зоні інформаційного поля в площині, перпендикулярній нормальній лінії погляду користувача, який знаходиться в робочій позі. Допускається відхилення від цієї площини - не більше 45 градусів; допускається кут відхилення лінії погляду від нормального - не більше 30 градусів.

Розташування клавіатури на робочому столі відповідає вимогам ергономіки і становить 200 мм від краю стола ближче до працюючого. Положення клавіатури та кут її нахилу відповідає кут нахилу в межах 5-15°.

Робочі місця, обладнанні принтером, розташовані так, що доступ до нього користувача є зручним і максимальна відстань до клавіш управління принтером не перевищує довжину витягнутої руки.

Конструкція робочого столу повинна забезпечує можливість оптимального розміщення на робочій поверхні обладнання, що використовується, з урахуванням його кількості, розмірів, конструктивних особливостей.

Висота робочої поверхні столу регулюється у межах 680-800 мм. Ширина і глибина робочої поверхні забезпечують можливість виконання трудових операцій в межах моторного поля, межа якого визначається зоною в межах видимості приладів і досяжності органів керування. Поверхня столу має матове покриття з малим відбиттям та є теплоізолюючою.

Отже, при створенні сайту, враховано необхідні вимоги щодо охорони праці та техніки безпеки при використанні електронно-обчислювальної техніки і забезпечено умови для зручної та ефективної роботи працівників.

4.2 Оцінка надійності захисту персоналу об’єкту у воєнний час

Економіка країни відіграє вирішальну роль у збройній боротьбі держав. Вона визначає характер і способи ведення війни і справляє визначальний вплив на військову міць держави, на хід і результат війни в цілому. У сучасних умовах, коли науково-технічний прогрес у всіх областях виробництва досяг небачених масштабів і привів до створення новітніх видів зброї масового ураження, роль і значення економіки як найважливішого чинника підготовки і ведення війни зросли ще більше.

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

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

Ці документи, розроблені з урахуванням реальних можливостей і умов об'єкта, є настановою для організованих дій як з метою підготовки об'єкта до захисту в надзвичайних умовах, так із метою ліквідації наслідків надзвичайних ситуацій (стихійних лих, виробничих аварій і вогнищ воєнних конфліктів).

На об'єкті мають бути розроблені два плани: на воєнний та мирний час.

План цивільного захисту на воєнний час - це документи, які визначають організацію і порядок переведення об'єкта з мирного на воєнний час і ведення цивільнго захисту в початковий період війни.

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

План на воєнний час складається з текстової частини і додатків. Текстова частина складається з трьох розділів.

Розділ 1. Оцінка обстановки, що може скластися на об'єкті в результаті дій противника.

У цьому розділі висвітлюються: коротка характеристика і оцінка обстановки, що може скластися на території об'єкта після несподіваного нападу і при плановому переведенні ЦЗ на воєнний стан; можливий ступінь руйнування виробничих дільниць і житлових будинків; ступінь радіоактивного забруднення тварин, території; можливість виникнення і характер впливу осередків сильнодіючих ядучих речовин (СДЯР), лісових, торфових пожеж, зон затоплення; можливе зниження виробництва; можлива радіаційна, пожежна і хімічна обстановка; стан транспортних артерій, систем енерго-, газо-, водо-, теплозабезпечення, матеріально-технічної бази, оповіщення, зв'язку і управління; втрати сил і засобів ЦЗ і людей об'єкта та населеного пункту; втрати від повторних факторів ураження; обставини, які можуть скластися на території об'єкта і населеного пункту при використанні противником звичайних засобів ураження.

Висновки з оцінки можливої обстановки і стан сил для рятувальних робіт, вплив на вирішення завдань об'єкта при переведенні на воєнний стан і в період проведення рятувальних та інших невідкладних робіт.

Розділ 2. Виконання заходів на об'єкті при планомірному переведенні на особливий період.

Виконання заходів при загрозі нападу противника: 1. Захист працюючих і членів їх сімей:

а) організація і порядок укриття їх у захисних спорудах: підготовка захисних споруд; організація будівництва ПРУ; будівництво найпростіших укриттів; використання підвалів, погребів та інших заглиблених приміщень для укриття населення і формувань; управління людьми, які знаходяться в захисних спорудах;

б) організація прийому і розміщення евакуйованого населення; порядок оповіщення про початок евакуації населення; загальна кількість населення, що прибуває, організація розміщення їх у населеному пункті; порядок, способи і строки доставки людей від пунктів вивантаження, приймальних евакопунктів до місць розселення; організація розміщення евакуйованих для проживання; організація працевлаштування, матеріального, медичного та іншого забезпечення.

Евакуюючи населення із зон катастрофічного затоплення і приміських господарств, розміщених у зоні можливих руйнувань, необхідно визначити: кількість населення, матеріальних цінностей, техніки, які підлягають евакуації, та ц організацію (час евакуації, район евакуації тощо);

в) протирадіаційний і протихімічний захист: порядок роботи об'єкта в умовах радіоактивного забруднення. Режим протирадіаційного захисту населення; організація дозиметричного контролю; порядок видачі засобів індивідуального захисту; організація санітарної обробки людей і знезаражування техніки;

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

. Заходи забезпечення стійкої роботи у воєнний час.

А. Захист сільськогосподарських тварин і продукції тваринництва:

а) протирадіаційний і протихімічний захист: порядок доведення сигналів ЦЗ до тваринницьких бригад під час випасу; строки переведення тварин на стійлове утримання; герметизація тваринницьких приміщень; режими протирадіаційного захисту й утримання тварин в умовах радіоактивного забруднення луків і пасовищ. Організація дозиметричного контролю; порядок проведення санітарно-ветеринарних профілактичних заходів; поповнення запасів медичних і ветеринарних засобів; створення запасів фуражу, засобів знезаражування, матеріалів для герметизації; порядок проведення ветеринарної обробки тварин, підготовка забійних пунктів. Організація забою уражених тварин, консервація і зберігання продукції тваринництва;

б) організація і проведення евакуації тварин: назва (номер ферми, приміщень), населених пунктів, у яких вони розміщені і які потрібно евакуювати в безпечні зони, кількість тварин кожної ферми; способи евакуації; розміщення тварин, організація життєзабезпечення тварин на пунктах евакуації.

Для господарств, які приймають евакуйованих тварин, вказати кількість евакуйованих тварин за видами, порядок їх розміщення і життєзабезпечення.

Б. Захист сільськогосподарських рослин і продукції рослинництва: організація спостереження за радіаційним забрудненням, хімічним ураженням посівів сільськогосподарських культур; порядок доставки проб ґрунту і рослин з осередків ураження в районну станцію захисту рослин і агрохімічну лабораторію; способи виклику підрозділів фітопатологічної розвідки в місця зараження; герметизація сховищ насіннєвого фонду, складів мінеральних добрив, овочесховищ; порядок поповнення запасів пестицидів, мінеральних добрив; організація переробки і тимчасового зберігання продукції рослинництва.

Заходи підготовки господарств до стійкої роботи в умовах війни розробляються в повному обсязі заходів згідно з додатком №5 "План-графік нарощування заходів підвищення стійкості роботи сільськогосподарського об'єкта у воєнний час".

В. Захист і знезаражування продуктів харчування, урожаю, кормів, води і джерел води: захист продовольства і зерна в складах і сховищах; захист кормів і урожаю в польових умовах; захист урожаю і фуражу при перевезеннях; захист продовольства, води в домашніх умовах; захист колодязів від ОР, РР і ВР; знезаражування урожаю, кормів і води в господарстві.

. Заходи і ведення рятувальних та інших невідкладних робіт: порядок приведення в готовність формувань ЦЗ; сили і засоби, виділені до територіальних формувань ЦЗ; організація висування сил, виділених для надання допомоги іншим об'єктам; порядок подання медичної допомоги населенню і ветеринарної допомоги тварин; порядок використання техніки об'єкта для знезаражування.

. Організація забезпечення заходів ЦЗ.

З метою забезпечення дії сил ЦЗ розробляються заходи у вигляді завдань спеціалістам, начальникам служб об'єкта.

Основні види забезпечення заходів: розвідка; транспортне, матеріальне і технічне забезпечення; гідрометеорологічна інформація; пожежне забезпечення та забезпечення громадського порядку.

. Організація управління.

Управління об'єкта включає: організацію повідомлення керівного складу формувань, населення в місцях проживання; час розгортання ІГУ, склад обслуги, організація чергувань; організація зв'язку, у тому числі й рухомими засобами з виробничими дільницями, формуваннями, взаємодіючими організаціями; порядок подання донесень.

Розділ 3. Виконання заходів ЦЗ на об'єкті в умовах несподіваного нападу противника.

. Дії за сигналом "Повітряна тривога" (ПТ): порядок і строки повідомлення працюючих і населення за сигналом "ПТ"; порядок видачі засобів індивідуального захисту (ЗІЗ), приладів розвідки і дозиметричного контролю, які знаходяться біля робочих місць і в ПРУ; організація безаварійної зупинки виробництва; укриття населення; управління населенням, яке знаходиться в укриттях.

. Дії після нападу противника: заходи відновлення порушеного управління; приведення в готовність формувань ЦЗ; введення режимів захисту; організація прийому і розміщення евакуйованого населення; порядок розгортання і приведення до готовності сил і засобів ЦЗ; організація прискореного відновлення і будівництва ЗС; організація і ведення рятувальних та інших невідкладних робіт на території об'єкта; порядок відновлення боєздатності об'ектових сил і засобів, що потерпіли.

5. Екологія

 

.1 Стратегія і тактика збереження й розвитку життя на землі

Сталий ро́звиток (англ. <http://uk.wikipedia.org/wiki/%D0%90%D0%BD%D0%B3%D0%BB%D1%96%D0%B9%D1%81%D1%8C%D0%BA%D0%B0_%D0%BC%D0%BE%D0%B2%D0%B0> Sustainable development) - загальна концепція стосовно необхідності встановлення балансу між задоволенням сучасних потреб <http://uk.wikipedia.org/wiki/%D0%9F%D0%BE%D1%82%D1%80%D0%B5%D0%B1%D0%B0> людства і захистом інтересів майбутніх поколінь, включаючи їх потребу в безпечному і здоровому довкіллі <http://uk.wikipedia.org/wiki/%D0%94%D0%BE%D0%B2%D0%BA%D1%96%D0%BB%D0%BB%D1%8F>.

Ряд теоретиків і прихильників сталого розвитку вважають його найперспективнішою ідеологією <http://uk.wikipedia.org/wiki/%D0%86%D0%B4%D0%B5%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%8F> 21 століття <http://uk.wikipedia.org/wiki/21_%D1%81%D1%82%D0%BE%D0%BB%D1%96%D1%82%D1%82%D1%8F> і навіть усього третього тисячоліття, яка з поглибленням наукової обґрунтованості, витіснить усі наявні світоглядні ідеології, як такі, що є фрагментарними, неспроможними забезпечити збалансований розвиток цивілізації.

Сталий розвиток - це керований розвиток. Основою його керованості є системний підхід <http://uk.wikipedia.org/wiki/%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%BD%D0%B8%D0%B9_%D0%BF%D1%96%D0%B4%D1%85%D1%96%D0%B4> та сучасні інформаційні технології <http://uk.wikipedia.org/wiki/%D0%86%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D1%96%D0%B9%D0%BD%D1%96_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%97>, які дозволяють дуже швидко моделювати <http://uk.wikipedia.org/wiki/%D0%9C%D0%BE%D0%B4%D0%B5%D0%BB%D1%8E%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F> різні варіанти напрямків розвитку, з високою точністю прогнозувати їх результати та вибрати найбільш оптимальний.

Варто відзначити, що досягнення оптимального варіанта розвитку декларують ряд країн, у кожної країни свій шлях розвитку. В одних цей шлях тільки починається, у інших вже розпочався, треті вже стали на шлях сталого економічного розвитку. Існує багато і таких країн, яким не до сталого розвитку і вони його не сприймають. На перше місце вони ставлять одну стратегічну мету - вижити. Саме такі країни провокують загрози, що поширюються до інших держав та їхніх регіонів. Досягти сталого розвитку регіонів надзвичайно важко, адже близьке сусідство з іншими державами формує загрозу екологічної небезпеки, а глобалізація, що стрімко набрала обертів, сприяє утворенню та загостренню економічних та соціальних небезпек, що зрештою торкаються регіонального розвитку.

Термін "сталий розвиток" є офіційним українським відповідником англійського терміну "англ. <http://uk.wikipedia.org/wiki/%D0%90%D0%BD%D0%B3%D0%BB%D1%96%D0%B9%D1%81%D1%8C%D0%BA%D0%B0_%D0%BC%D0%BE%D0%B2%D0%B0> sustainable development", дослівний переклад якого з урахуванням контексту може бути "життєздатний розвиток" а за сенсом - "самопідтримуваний розвиток", інколи цей термін тлумачать як всебічно збалансований розвиток. За визначенням Комісії ООН зі сталого розвитку <http://uk.wikipedia.org/wiki/%D0%9A%D0%BE%D0%BC%D1%96%D1%81%D1%96%D1%8F_%D0%9E%D0%9E%D0%9D_%D0%B7%D1%96_%D1%81%D1%82%D0%B0%D0%BB%D0%BE%D0%B3%D0%BE_%D1%80%D0%BE%D0%B7%D0%B2%D0%B8%D1%82%D0%BA%D1%83>, його мета - задовольняти потреби сучасного суспільства <http://uk.wikipedia.org/wiki/%D0%A1%D1%83%D1%81%D0%BF%D1%96%D0%BB%D1%8C%D1%81%D1%82%D0%B2%D0%BE>, не ставлячи під загрозу здатність майбутніх поколінь задовольняти свої потреби. Теорія сталого розвитку є альтернативою парадигмі економічного зростання, яка ігнорує екологічну небезпеку від розвитку за екстенсивною моделлю <http://uk.wikipedia.org/w/index.php?title=%D0%95%D0%BA%D1%81%D1%82%D0%B5%D0%BD%D1%81%D0%B8%D0%B2%D0%BD%D0%B8%D0%B9_%D1%80%D0%BE%D0%B7%D0%B2%D0%B8%D1%82%D0%BE%D0%BA_%D0%B5%D0%BA%D0%BE%D0%BD%D0%BE%D0%BC%D1%96%D0%BA%D0%B8&action=edit&redlink=1>.

Парадигма <http://uk.wikipedia.org/wiki/%D0%9F%D0%B0%D1%80%D0%B0%D0%B4%D0%B8%D0%B3%D0%BC%D0%B0> сталого розвитку включає в себе вимоги до захисту довкілля, соціальної справедливості та відсутності расової й національної дискримінації. У країнах, де на державному рівні зазначені вимоги ігноруються, в поняття сталого розвитку намагаються вкласти "зручний" зміст, вихолощуючи справжній. Так в Україні термін "сталий розвиток" часто вживають для означення лише неухильного зростання економічних показників країни, її регіонів, міст, сіл та окремих галузей <http://uk.wikipedia.org/wiki/%D0%93%D0%B0%D0%BB%D1%83%D0%B7%D1%8C> економіки. Інколи до цього додають здійснення безсистемних заходів щодо збереження довкілля та поліпшення санітарних умов проживання й праці людей. Таке тлумачення терміну розкритиковане Ґ. Дейлі і є не лише грубою помилкою, але і його профанацією.

Концепція сталого розвитку ґрунтується на п'яти головних принципах:

1.  Людство дійсно може надати розвитку сталого і довготривалого характеру, для того щоб він відповідав потребам людей, що живуть зараз, не втрачаючи при цьому можливості майбутнім поколінням задовольняти свої потреби.

2.      Обмеження, які існують в галузі експлуатації природних ресурсів, відносні. Вони пов'язані з сучасним рівнем техніки і соціальної організації, а також із здатністю біосфери до самовідновлення.

.        Необхідно задовольнити елементарні потреби всіх людей і всім надати можливість реалізувати свої надії на благополучніше життя. Без цього сталий і довготривалий розвиток просто неможливий. Одна з головних причин виникнення екологічних та інших катастроф - злидні, які стали у світі звичайним явищем.

.        Необхідно налагодити стан життя тих, хто користується надмірними засобами (грошовими і матеріальними), з екологічними можливостями планети, зокрема відносно використання енергії.

.        Розміри і темпи росту населення повинні бути погоджені з виробничим потенціалом глобальної екосистеми Землі, що змінюється.

Приклади впровадження концепції

·      Будівництво доріг, будівель має супроводжуватися відповідним зростанням зелених насаджень - щоб не погіршувати стан довкілля.

·              Зростання виробництва зерна не повинно супроводжуватися виснаженням чи іншим погіршенням якості ґрунту.

·              Видобування корисних копалин (наприклад металевих руд, вугілля) має супроводжуватися створенням підприємств, що не залежать від цього видобутку. Таким чином, щоб після вичерпання майбутні покоління (а часто й поточні) не мали економічних проблем.

·              У приватному сенсі - заробітна плата повинна компенсувати витрати на відновлення здоров'я, погіршене через виконувану роботу.

5.2 Методи визначення якості та обсягу забруднень

Забруднення - це зміна якості навколишнього середовища, що призводить до негативних наслідків.

Розрізняють природні й антропогенні забруднення. Природне виникає в результаті природних причин - виверження вулканів, землетрусів, катастрофічних повеней, пожеж. Антропогенне забруднення - результат людської діяльності.

В даний час загальна потужність джерел антропогенного забруднення в багатьох випадках перевершує потужність природних. Природні джерела окису азоту викидають 30 млн т на рік, а антропогенні - 35-50 млн т; двоокису сірки відповідно 30 і більше 150 млн т. У результаті діяльності людини свинцю потрапляє в біосферу в 10 разів більше, ніж у процесі природних забруднень.

За масштабами, забруднення поділяють на:

а) глобальні (планетарні): озонові дірки, кислотні дощі, парниковий ефект, підвищення рівня радіації і забруднення Світового океану;

) регіональні: забруднення окремих частин країни, басейну окремої річки, моря;

За видами, забруднення поділяються на:

. Механічні - це забруднення навколишнього середовища механічними відходами без хіміко-фізичних наслідків.

. Хімічні - це зміна хімічних властивостей середовища, що спричиняє негативний вплив на екосистеми і техногенні системи.

З. Фізичні - це зміна фізичних параметрів навколишнього середовища, що призводить до негативних наслідків.

. Біологічні - це проникнення в екосистеми чи техногенні системи живих істот, ворожих даним співтовариствам.

Для визначення ступеня забруднення довкілля та впливу того чи іншого забруднювача на біоту й здоров'я людини, оцінки шкідливості забруднювачів, проведення екологічних експертиз стану середовища або окремих об'єктів чи районів, нині в усьому світі користуються такими поняттями, як гранична допустимі концентрації шкідливих речовин, граничне допустимі викиди (ГДЗ) забруднювачів, гранично допустимі екологічні навантаження (ГДЕН), максимально допустимий рівень (МДР), кризисні екологічні ситуації, санітарно-захисні зони (СЗЗ) тощо.

Гранично допустимі концентрації встановлюються головними санітарними інспекціями в законодавчому порядку або рекомендуються відповідними установами, комісіями на основі результатів складних комплексних наукових досліджень, лабораторних експериментів, а також відомостей, одержаних після різних аварій на виробництвах, військових дій, природних катастроф (вивержень вулканів, землетрусів, великих пожеж, падіння метеоритів) з використанням матеріалів тривалих медичних обстежень людей на шкідливих виробництвах у хімічних та ливарних цехах, на АЕС, у шахтах і кар'єрах.

В Україні стан довкілля сьогодні контролюється кількома відомствами. Основний контроль здійснюють Міністерства охорони здоров'я та природи, санітарно-епідеміологічні служби, республіканська гідрометеослужба та її відділи в районах і областях. Допоміжний екологічний контроль здійснюється службами міністерств комунального господарства, рибнагляду, геології, товариства охорони природи, "зеленими" службами Управління екологічного моніторингу Міністерства охорони навколишнього природного середовища.

5.3 Стаcтичне оцінювання екологічного стану навколишнього середовища

Екологічна статистика - галузь статистики природних ресурсів і навколишнього середовища. Включає дані про стан забруднення. природних об'єктів - атмосферного повітря, природних водних об'єктів, ґрунтів, одержувані на підставі моніторингу. Якість природних об'єктів оцінюється показниками: кількість вимірів, середня концентрація, максимальна концентрація, повторюваність концентрації шкідливих домішок вище гранично припустимої концентрації. Дані екологічної статистики використовуються в соціально-економічному аналізі для оцінки результатів заходів щодо зниження шкідливих викидів в атмосферу, забруднених стоків у природні водні об'єкти, визначення взаємозв'язку якості навколишнього середовища і станів здоров'я населення, а також визначення економічного збитку від забруднення навколишнього середовища в зв'язку зі зниженням врожайності сільськогосподарських культур, погіршенням продуктивності у тваринництві, підвищеним зносом будинків, споруджень і т. д.

Ознаки й параметри середовища. Середовище і його структурні елементи характеризуються множиною специфічних ознак, кожна з яких має свої параметри.

Параметр - це кількісна характеристика ознаки. Таких характеристик для кожної ознаки є чимало. Таким чином, параметрів середовища дуже багато і кожен з них потребує використання системи методів вимірювання.

Основними ознаками середовища є:

екологічний стан середовища;

варіація властивостей і стосунків в середовищі;

екологічні зв'язки (стосунки) в середовищі;

динаміка і тенденція змін стану середовища;

Таким чином, екологічний стан середовища - це природна ситуація, яка виникла внаслідок дії фізичних, хімічних і біологічних чинників. Його можна встановлювати вимірюванням і оцінкою двох основних параметрів: продуктивності і забруднення природного середовища.

Висновки

У даному дипломному проекті було розроблено інформаційний веб-сайт.

Даний сайт було реалізовано засобами мов HTML, CSS, JavaScript, PHP. Тестування та випробовування web-сторінок проводилось при наявності установленого web-сервера Apache. Для тестування використовувались програми-браузери.

Дипломний проект має економічну частину, з розрахунком собівартості робіт по розробці сайту, а також розділ, який описує питання охорони праці, безпеки в надзвичайних ситуаціях та екології.

Графічний матеріал для сайту підготовлено в GIMP.

У найближчому майбутньому планується удосконалення даного сайту. Саме тому під час розробки даного дипломного проекту була закладена можливість оновлення і покращення його характеристик та функціональності.

Дипломний проект виконано у повній відповідності із завданням і всіма нормативними вимогами.

У ході написання дипломного проекту було створено сайт, який успішно пройшов тести на роботоздатність.

Перелік посилань

1.      Мержевич В. (22 сентября 2010). Основы CSS. Свойства текста [WWW документ]. URL <http://htmlbook.ru/content/svoystva-teksta> (28 листопада 2012).

2.      Глушаков С.В., Жакин И.А., Хачиров Т.С. Программирование Web-страниц. - Харьков: "Фолио", 2005.-390 с.

3.      Vol III: Client-Server Programming and Applications. - Department of Computer Sciences, Purdue University, West Lafayette, IN 47907: Prentice Hall, 1993. - P. 11d. - ISBN 0-13-474222-2 <http://uk.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%94%D0%B6%D0%B5%D1%80%D0%B5%D0%BB%D0%B0_%D0%BA%D0%BD%D0%B8%D0%B3/0134742222>

4.      Teaching Web Evaluation, http://lrs.ed.uiuc.edu/wp/credibility/ page4.html, Date Last Modified: 7/01/2002

5.      Как оценить достоверность результатов поиска? [Электронный ресурс] - Режим доступа: http://shperk.ru/v-seti/servisy/kak-ocenit-dostovernost-rezultatov-poiska.html

6.      Мержевич В. (1 октября 2010). Фиксированная ширина, float плюс margin [WWW документ]. URL <http://htmlbook.ru/layout/fiksirovannaya-shirina-float-plyus-margin> (28 листопада 2012).

.        Мержевич В. (22 сентября 2010). Основы CSS. Свойства текста [WWW документ]. URL <http://htmlbook.ru/content/svoystva-teksta> (28 листопада 2012).

8.      Глушаков С.В., Жакин И.А., Хачиров Т.С. Программирование Web-страниц. - Харьков: "Фолио", 2005.-390 с.

.        Морзе Н.В. Методика навчання інформатики: Навч. посіб.: У 4 ч. / За ред. акад. М.І. Жалдака. - К.: Навчальна книга, 2003. - Ч. ІІІ: Методика навчання основних послуг глобальної мережі Інтернет. - 196 с.

10.    Рамський Ю.С., Рєзіна О.В. Вивчення інформаційно-пошукових систем мережі Інтернет: Навч. посіб. - К.: НПУ імені М.П. Драгоманова, 2004. - 60с.

 

Додатки

Додаток А. Технічне завдання

МІНІСТЕРСТВО ОСВІТИ І НАУКИ, МОЛОДІ ТА СПОРТУ УКРАЇНИ

ТЕРНОПІЛЬСЬКИЙ НАЦІОНАЛЬНИЙ ТЕХНІЧНИЙ УНІВЕРСИТЕТ

ІМЕНІ ІВАНА ПУЛЮЯ

ЗАТВЕРДЖУЮ

Завідувач кафедрою КС

_______________

Лупенко С. А.

"___"__________ 2013 р.

ТЕХНІЧНЕ ЗАВДАННЯ

до дипломної роботи

на тему: "Інтернет-магазин мережевого устаткування"

Узгоджено:Виконавець:

Керівник дипломної роботи  студент групи СІ-41

Яцишин В. В. __________ Ууууууууууу Ю.Є. __________

"___"__________ 2013 р."___"__________ 2013 р.

Тернопіль, 2014

. НАЗВА ДИПЛОМНОЇ РОБОТИ І ПІДСТАВА ДЛЯ ВИКОНАННЯ

.1 Назва: Розробка інформаційного web-сайту з використанням мови програмування PHP.

.2 Підставою для виконання дипломної роботи є наказ по університету на затвердження теми дипломного проекту.

. ВИКОНАВЕЦЬ ДИПЛОМНОЇ РОБОТИ

.1 Студент Melkiy.te.ua В. Р., групи СІ-52 кафедри комп’ютерної інженерії, факультету комп’ютерно-інформаційних систем і програмної інженерії, Тернопільського національного технічного університету імені Івана Пулюя

. МЕТА ДИПЛОМНОЇ РОБОТИ

Метою дипломної роботи є розробка інформаційного web-сайту, що включає в себе:

- вибір апаратного забезпечення для хостингу;

-       вибір програмного забезпечення для хостингу;

-       вибір доменного імені для хостингу;

-       розробка сайту на мові web-програмування;

. ТЕХНІЧНІ ВИМОГИ

.1 Вимоги по призначенню:

.1.1 Сайт повинен задовольняти універсальні вимоги по сайтобудуванню;

.1.2 Сайт повинен заміняти будь-які CMS.

.2 Вимоги до параметрів:

.2.1 Використання процесора PHP;

.2.2 Використання бази даних MySQL;

.2.3 Використання серверу Apache.

.3 Вимоги до надійності:

.3.1 Сайт повинен функціонувати 24/7.

. ЕКОНОМІЧНІ ПОКАЗНИКИ

.1 Собівартість економічної ефективності впровадження. Обґрунтування.

.2 Собівартість сайту повинна бути не вищою 50 000 грн.

*Примітка: собівартість може змінюватися під час розрахунку в процесі розробки.

. ВИМОГИ ДО ДОКУМЕНТАЦІЇ

.1 Конструкторська документація повинна відповідати вимогам ЄСКД та ДСТУ;

. ПОРЯДОК ВИКОНАННЯ ДИПЛОМНОЇ РОБОТИ

Стадії виконання дипломної роботи приведенні в таблиці 7.1.

Таблиця 7.1 - Стадії та етапи виконання ДР

№ етапу	Назва етапу виконання ДР	Термін виконання
1	Розробка та затвердження технічного завдання
2	Аналіз технічного завдання, підбір бібліографічних матеріалів, необхідних для виконання роботи, техніко-економічний аналіз
3	Встановлення фізичного серверу і ПЗ для його роботи
4	Написання web-сайту з використанням мови програмування і засобів баз даних
5	Економічне обґрунтування
6	Оформлення ДР
7	Нормо-контроль
8	Попередній захист ДР
9	Захист ДР

* - графік виконання дипломної роботи узгоджується з керівником дипломної роботи і з графіком виконання дипломної роботи

. ДОДАТКОВІ УМОВИ ВИКОНАННЯ ДИПЛОМНОЇ РОБОТИ

.1 Під час виконання дипломної роботи в дане технічне завдання можуть вноситися зміни та доповнення.

* Примітка: Технічне завдання - оформляється при проходженні технологічної практики і здається на затвердження завідуючому кафедрою до здачі звіту по технологічній практиці, оцінювання студента без затвердженого технічного завдання забороняється.

Додаток Б. Вихідні коди

.html

<html>

<head>

<title>ІТ-компанія "Політех"</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<meta name="description" content="Офіційний сайт компанії Політех"/>

<meta name="keywords" content="хостинг, адміністрування"/>

<link href="/css/general-style.css" rel="stylesheet" type="tsxt/css">

<link href="/css/menu-style.css" rel="stylesheet" type="tsxt/css">

<script type="text/javascript" src="/javascripts/welcome.js"></script>

<link rel="shortcut icon" href="favicon.png" type= "image/png">

<script type="text/javascript">

<!--message2() {window.alert('Ви знаходитеся на головній сторінці сайту')}

-->

</script>

</head>

<body>

<div>

<?php'include/header.php';

?>

<div>

<?php'include/general-menu.php';

?>

<div>

<center><p onclick="return message2()">Щоб дізнатися на якій Ви сторінці, просто натисніть тут</p></center>

<?php'include/left-block.php';

?>

</div>

<div>

<center><h1>Вітаємо Вас на нашому сайті:</h1></center><hr>

<h2>Вітаємо Вас на сайті ІТ-компанії "Політех"</h2>

<p>Якщо Ви потрапили на цю сторінку, значить Ви хочете створити собі web-сайт.</p>

<p>Наша компанія працює у сфері web-розробки з 2006 року.</p>

<p>Ми пропонуємо самі найнижчі ціни на послуги по створенню, підтримці та обслуговуванню сайтів.</p>

<p>Обов'язково перегляньте наші <a href="services.php" title="Наші послуги">послуги</a> і виберіть найкращий варіант.</p>

<p>Серед наших клієнтів є такі компанії, як [melkiy] corporation та VVcompany</p>

<hr>

</div>

<?php'include/footer.php';

?>

<div style="position: fixed; bottom: 40px; right: 80px;">

<a href="index.php#top" title="Піднятися до верху">

<img src="images/back-to-top.png" alt="back-to-top">

</a>

</div>

</div>

</body>

</html>

.html

<html>

<head>

<title>ІТ-компанія "Політех"</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<meta name="description" content="Офіційний сайт компанії Політех"/>

<meta name="keywords" content="хостинг, адміністрування"/>

<link href="/css/general-style.css" rel="stylesheet" type="tsxt/css">

<link href="/css/menu-style.css" rel="stylesheet" type="tsxt/css">

<script type="text/javascript" src="/javascripts/welcome.js"></script>

<link rel="shortcut icon" href="favicon.png" type= "image/png">

<script type="text/javascript">

<!--message2() {window.alert('Ви знаходитеся на сторінці послуг сайту')}

-->

</script>

</head>

<body>

<div>

<?php'include/header.php';

?>

<div>

<?php'include/general-menu.php';

?>

<div>

<center><p onclick="return message2()">Щоб дізнатися на якій Ви сторінці, просто натисніть тут</p></center>

<?php'include/left-block.php';

?>

</div>

<div>

<center><h1>Ми надаємо послуги:</h1></center><hr>

<h2>Наша компанія надає ряд послуг:</h2>

<p>Послуга #1 - <i>Створення web-сайту.</i></p>

<p>Створення веб-сайтів різної складності.</p>

<br>

<p>Послуга #2 - <i>Адміністрування існуючого сайту</i></p>

<p>Супровід, наповнення, виявлення критичних помилок коду</p>

<br>

<p>Послуга #3 - <i>Розкручування сайту</i></p>

<p>Ріст сайту у рейтингах та у видачі результатів пошуковців</p>

<hr>

</div>

<?php'include/footer.php';

?>

<div style="position: fixed; bottom: 40px; right: 80px;">

<a href="services.php#top" title="Піднятися до верху">

<img src="images/back-to-top.png" alt="back-to-top">

</a>

</div>

</div>

</body>

</html>

.html

<html>

<head>

<title>ІТ-компанія "Політех"</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<meta name="description" content="Офіційний сайт компанії Політех"/>

<meta name="keywords" content="хостинг, адміністрування"/>

<link href="/css/general-style.css" rel="stylesheet" type="tsxt/css">

<link href="/css/menu-style.css" rel="stylesheet" type="tsxt/css">

<script type="text/javascript" src="/javascripts/welcome.js"></script>

<link rel="shortcut icon" href="favicon.png" type= "image/png">

<script type="text/javascript">

<!--message2() {window.alert('Ви знаходитеся на сторінці інформації про компанію')}

-->

</script>

</head>

<body>

<div>

<?php'include/header.php';

?>

<div>

<?php'include/general-menu.php';

?>

<div>

<center><p onclick="return message2()">Щоб дізнатися на якій Ви сторінці, просто натисніть тут</p></center>

<?php'include/left-block.php';

?>

</div>

<div>

<center><h1>Про нас:</h1></center><hr>

<h2>Історія нашої компанії:</h2>

<h4>Створення:</h4>

<p>Наша компанія була створена у 1991 у місті Тернополі.</p>

<h4>Перший успіх:</h4>

<p>Перший успіх до компанії прийшов, коли ми вийшли на Європейський ринок у 2006 році.</p>

<hr>

</div>

<?php'include/footer.php';

?>

<div style="position: fixed; bottom: 40px; right: 80px;">

<a href="about.php#top" title="Піднятися до верху">

<img src="images/back-to-top.png" alt="back-to-top">

</a>

</div>

</div>

</body>

</html>

сontacts.html

<html>

<head>

<title>ІТ-компанія "Політех"</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<meta name="description" content="Офіційний сайт компанії Політех"/>

<meta name="keywords" content="хостинг, адміністрування"/>

<link href="/css/general-style.css" rel="stylesheet" type="tsxt/css">

<link href="/css/menu-style.css" rel="stylesheet" type="tsxt/css">

<script type="text/javascript" src="/javascripts/welcome.js"></script>

<link rel="shortcut icon" href="favicon.png" type= "image/png">

<script type="text/javascript">

<!--message2() {window.alert('Ви знаходитеся на сторінці контактів')}

-->

</script>

</head>

<body>

<div>

<?php'include/header.php';

?>

<div>

<?php'include/general-menu.php';

?>

<div>

<center><p onclick="return message2()">Щоб дізнатися на якій Ви сторінці, просто натисніть тут</p></center>

<?php'include/left-block.php';

?>

</div>

<div>

<center><h1>Наші контакти:</h1></center><hr>

<h2>Наша компанія розташовується за адресою:</h2>

<pre>

м. Тернопіль

вул. Руська 53

ЗАТ Політех

</pre>

Наший сайт - <a href="http://melkiy.te.ua" target="_blank">http://melkiy.te.ua/</a>

<hr>

</div>

<?php'include/footer.php';

?>

<div style="position: fixed; bottom: 40px; right: 80px;">

<a href="contact.php#top" title="Піднятися до верху">

<img src="images/back-to-top.png" alt="back-to-top">

</a>

</div>

</div>

</body>

</html>

help.html

<html>

<head>

<title>ІТ-компанія "Політех"</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<meta name="description" content="Офіційний сайт компанії Політех"/>

<meta name="keywords" content="хостинг, адміністрування"/>

<link href="/css/general-style.css" rel="stylesheet" type="tsxt/css">

<link href="/css/menu-style.css" rel="stylesheet" type="tsxt/css">

<script type="text/javascript" src="/javascripts/welcome.js"></script>

<link rel="shortcut icon" href="favicon.png" type= "image/png">

<script type="text/javascript">

<!--message2() {window.alert('Ви знаходитеся на сторінці питання-відповіді')}

-->

</script>

</head>

<body>

<div>

<?php'include/header.php';

?>

<div>

<?php'include/general-menu.php';

?>

<div>

<center><p onclick="return message2()">Щоб дізнатися на якій Ви сторінці, просто натисніть тут</p></center>

<?php'include/left-block.php';

?>

</div>

<div>

<center><h1>Питання - Відповіді:</h1></center><hr>

<h2>Часті питання та відповіді:</h2>

<p><b>1. У Вас є тестовий період?</b></p>

<p><i>Так. 14 днів.</i></p>

<p><b>2. Які Ваші гарантії?</b></p>

<p><i>Наша компанія є учасником і переможцем багатьох ІТ-конкурсів, що підкреслює професіоналізм наших програмістів. Окрім цього, якщо ми не виконаємо поставлене завдання, то повернемо Вам гроші.</i></p>

<p><b>3. У Вас є інтернет-магазин?</b></p>

<p><i>Ні.</i></p>

<hr>

</div>

<?php'include/footer.php';

?>

<div style="position: fixed; bottom: 40px; right: 80px;">

<a href="help.php#top" title="Піднятися до верху">

<img src="images/back-to-top.png" alt="back-to-top">

</a>

</div>

</div>

</body>

guestbook

<html>

<head>

<title>ІТ-компанія "Політех"</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<meta name="description" content="Офіційний сайт компанії Політех"/>

<meta name="keywords" content="хостинг, адміністрування"/>

<link href="/css/general-style.css" rel="stylesheet" type="tsxt/css">

<link href="/css/menu-style.css" rel="stylesheet" type="tsxt/css">

<script type="text/javascript" src="/javascripts/welcome.js"></script>

<link rel="shortcut icon" href="favicon.png" type= "image/png">

<script type="text/javascript">

<!--message2() {window.alert('Ви знаходитеся на сторінці відгуків про роботу нашої компанії')}

-->

</script>

</head>

<body>

<div>

<?php'include/header.php';

?>

<div>

<?php'include/general-menu.php';

?>

<div>

<center><p onclick="return message2()">Щоб дізнатися на якій Ви сторінці, просто натисніть тут</p></center>

<?php'include/left-block.php';

?>

</div>

<div>

<center><h1>Книга відвідувачів</h1></center><hr>

<h2>Тут ви можете залишити відгук про нашу роботу:</h2>

<div style="width: 100%; margin: 0 auto;">

<form action="addMessage.php" method="post">

Ваше ім'я:<br>

<input type="text" name="guestName" placeholder="Ваше ім'я" style="width: 100%;"><br><br>

Текст Вашого повідомлення в книзі відвідувачів:<br>

<textarea name="messageText" placeholder="Текст повідомлення" style="width: 100%; height: 100px;">

</textarea><br><br>

<input type="submit" value="Залишити повідомлення в книзі відвідувачів!" style="width: 100%;">

</form><hr><br>

<?php

// подключення до бази даних

$connect = new mysqli('localhost', 'root', '', 'guestbook');

// отримуємо список всіх повідомлень

$result = $connect->query("select * from guestbook");

// вираховуємо кількість отриманих записів

$countMessage = $result->num_rows;

// якщо кількість записів в базі даних більше, то її виводимо($countMessage > 0)

{

// переглядаємо весь масив отриманих даних($i = 0; $i < $countMessage; $i++)

{'<div style="border: 1px solid green;">';

// витягаю дані

$message = $result->fetch_object();

// виводжу дані у потрібному виді"<b>".$message->guestbook_user_name.": </b><br>";$message->guestbook_message_text."<br>";"Дата: ".$message->guestbook_data."<br>";'</div><br>';

}

}

?>

</div><hr>

</div>

<?php'include/footer.php';

?>

<div style="position: fixed; bottom: 40px; right: 80px;">

<a href="guestbook.php#top" title="Піднятися до верху">

<img src="images/back-to-top.png" alt="back-to-top">

</a>

</div>

</div>

</body>

</html>

addmessage

<?php

// отримую і обролюю ім'я і текст коментаря

$guestName = addslashes(htmlspecialchars($_POST['guestName'], ENT_QUOTES));

$messageText = addslashes(htmlspecialchars($_POST['messageText'], ENT_QUOTES));

// виведення сьогодньошньої дати

$date = date("Y.m.d");

// якщо користувач ввів своє ім'я і текст повідомлення, то додати все це в базу даних($guestName != "" && $messageText != "")

{

// з'єднуємо з базою даних

$connect = new mysqli('mylocalhost', 'root', '', 'guestbook');

// якщо запит виконаний успішно, то вивести повідомлення "повідомлення відправлено"($connect->query("insert into guestbook values (0, '$guestName', '$messageText', '$date')"))"<center><a href='guestbook.php'>Повідомлення відправлено.</a></center>";

// якщо при виконанні запиту є помилка, то вивести повідомлення про неї"<center><a href='guestbook.php'>Виникла помилка при відправленні повідомлення. Спробуйте пізніше.</a></center>";

}

// якщо користувач не ввів своє ім'я, або текст повідомлення"<center><a href='guestbook.php'>Необхідно заповнити усі поля! Поверніться на попередню сторінку.</a></center>";

?>

message() {window.alert('Вітаю Вас на сайті ПОЛІТЕХУ. У нас Ви можете замовити послуги: хостингу, адміністрування, створення та розкрутка сайту. Детальніше в розділі "Послуги"')}

<div>

<p>

Компанія "Політех" <a href="http://melkiy.te.ua" target="_blank">Розробив Володимир Melkiy.te.ua</a> Усі права вільні

<span style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block;">&copy;</span><!--Copyleft-->

</p>

</div>

menu

<div>

<div>

<p><div>

<p><div>

<p><div>

<p><div>

<p><div>

<p><div>

</div>

<div>

<a href="index.php"><img src="images/polytech-logo.png" alt="logo"></a>

</div>

block

<div>

<p onclick="return message()">Вітання!!!</p>

<p>

<?'Зараз ';date('H:i');' година';

?>

</p>

<p>

<?php

$counter = 0;

$counter++;"Сьогодні було відвідувачів: $counter";

?>

</p>

<div>

<ul>

<li><a href="http://melkiy.te.ua/" target="_blank">[melkiy] corporation</a></li>

<li><a href="http://melkiy.bz.ua/" target="_blank">Офіційний melkiy сайт</a></li>

<li><a href="http://vmn70.te.ua/" target="_blank">Блог Володимира Melkiy.te.uaа</a></li>

<li><a href="http://mi.ucoz.org/" target="_blank">[melkiy] - інформаційний портал</a></li>

<li><a href="http://melkiy.at.ua/" target="_blank">melkiy сайт</a></li>

</ul>

style

/*вся сторінка*/

{color: faf3ba;/*фоновий колір*/: 005906;/*колір тексту*/

}/*головний блок ||| усі блоки взяті в один загальний блок*/

{

/*border: 1px solid black; бордюр ||| потім видалити. потрібен для розмітки*/: 900px;/*ширина головного блоку = ширина сайту*/: 10px auto 20px;/*10px = відступ з верху, auto (center) з ліва/з права, 20px = з низу*/: hidden;/*заборона показувати контент, якщо він виходить за межі блоку (щоб не з'їхав шаблон)*/

}

.header

{

/*border: 1px solid black; бордюр ||| потім видалити. потрібен для розмітки*/align: center;/*розміщення тексту = по центру*/

}

.leftmenu

{

/*border: 1px solid black; бордюр ||| потім видалити. потрібен для розмітки*/: left;/*розміщення блоку = з ліва. обтікання з правого боку*/: hidden;/*заборона показувати контент, якщо він виходить за межі блоку (щоб не з'їхав шаблон)*/: 250px;/*ширина блоку*/: 20px;/*відступ вмісту блоку від границь блоку*/

}

.leftmenu-block

{: 1px solid red; /*бордюр*/: hidden;/*заборона показувати контент, якщо він виходить за межі блоку (щоб не з'їхав шаблон)*/: 10px;/*відступ вмісту блоку від границь блоку*/align: center;/*розміщення тексту = по центру*/radius: 8px;/*заокруглені краї*/: blue;/*колір тексту*/color: gold;/*колір заливки*/

}

.workarea

{

/*border: 1px solid black; бордюр ||| потім видалити. потрібен для розмітки*/: hidden;/*заборона показувати контент, якщо він виходить за межі блоку (щоб не з'їхав шаблон)*/: 20px;/*відступ вмісту блоку від границь блоку*/

}

.footer

{

/*border: 1px solid black; бордюр ||| потім видалити. потрібен для розмітки*/: hidden;/*заборона показувати контент, якщо він виходить за межі блоку (щоб не з'їхав шаблон)*/align: center;/*розміщення тексту = по центру*/: 100%;/*ширина блоку*/

}

style

.menu-point

{: 5px;: 100%;/*ширина блоку*/

}

.menu

{: 1px solid green;: hidden;/*заборона показувати контент, якщо він виходить за межі блоку (щоб не з'їхав шаблон)*/: 5px;decoration: none;/*забираю підкреслення для посилання*/: red;radius: 4px;/*заокруглені краї*/

}

.menu:hover

{: blue;color: gold;

}

.diva

{: center;

/*border: 1px solid black;*/

}