Створення сайту для викладачів інформатики та комп’ютерних дисциплін

Створення сайту для викладачів інформатики та комп’ютерних дисциплін

Реферат

сайт інтернет інформація

Тема роботи: «Створення сайту для викладачів інформатики та комп’ютерних дисциплін».

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

У роботі представлений сайт, розроблений з використанням мов HTML, PHP, CSS та з базою даних MySQL.

Ключові слова: ВЕБ-САЙТ, CSS, PHP, HTML, APACHE, PHPMYADMIN, MYSQL, XAMPP.

Вступ

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

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

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

1. Поняття про сайт

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

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

Перший у світі сайт info.cern.ch з'явився в 1990 році. Його творець, Тім Бернерс - Лі, опублікував на ньому опис нової технології World Wide Web, заснованої на протоколі передачі даних HTTP, системі адресації URI і мові гіпертекстової розмітки HTML. Також на сайті були описані принципи установки і роботи серверів і браузерів. Сайт став і першим в світі інтернет - каталогом, оскільки пізніше Тім Бернерс - Лі розмістив на ньому список посилань на інші сайти. Всі інструменти, необхідні для роботи першого сайту, Бернерс - Лі підготував ще раніше - в кінці 1990 року з'явилися перші гіпертекстовий браузер WorldWideWeb з функціоналом веб - редактора, перший сервер на базі NeXTcube і перші веб - сторінки.

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

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

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

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

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

У більшості випадків в Інтернеті одному сайту відповідає одне доменне ім'я. Саме по доменних іменах сайти ідентифікуються в глобальній мережі. Можливі інші варіанти : один сайт на декількох доменах або декілька сайтів під одним доменом. Звичайно кілька доменів використовують великі сайти (веб - портали) щоб логічно відокремити різні види послуг (mail.google.com, news.google.com, maps.google.com). Непоодинокі випадки виділення окремих доменів для різних країн або мов. Наприклад, google.ru та google.fr логічно є сайтом Google на різних мовах, але технічно це різні сайти. Об'єднання декількох сайтів під одним доменом характерно для безкоштовних хостингів.

Апаратні сервери для зберігання сайтів називаються веб - серверами. Сама послуга зберігання називається хостингом. Раніше кожен сайт зберігався на своєму власному сервері, але із зростанням Інтернету, технологічним поліпшенням серверів на одному комп'ютері стало можливе розміщення безлічі сайтів (віртуальний хостинг). Зараз сервери для зберігання тільки одного сайту називаються виділеними (англ. dedicated).

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

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

.1 Основні функції сайту

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

сайт інтернет інформація

1.2 Класифікація сайтів

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

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

)        Інформаційні ресурси:

а)      Тематичний сайт - сайт, що надає специфічну вузько тематичні інформацію з якої - небудь темі.

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

)        Інтернет - представництва власників бізнесу (торгівля та послуги, не завжди пов'язані безпосередньо з Інтернетом) :

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

г)       Корпоративний сайт - містить повну інформацію про компанії - власника, послуги / продукції, події в житті компанії. Як підвид - навчальний сайт.

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

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

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

)        Веб - сервіс - сайт, створений для виконання будь - яких завдань або надання послуг в рамках мережі WWW:

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

и)      Каталог сайтів - це ресурс, на якому розміщуються сайти і блоги, наприклад, Open Directory Project. Каталоги бувають платні і безкоштовні. Також каталоги можуть сприяти просуванню ресурсу, який розміщується в каталозі сайтів.

к)      Пошукові сервіси - наприклад, Yahoo!, Google, Bing, Яндекс.

л)      Поштовий сервіс наприклад - Mail.ru і Gmail.

м)      Веб - форуми

н)      Блоги

о)      Файлообмінний пірінговий сервіс - наприклад, Bittorrent.

п)      Хмарне сховище даних - наприклад, Skydrive.

р)      Фотохостинг - наприклад, Picnik, ImageShack, Panoramio, Photobucket.

с)       Відеохостинг - наприклад, YouTube, Dailymotion.

.3 Програмна розробка

Отримавши завдання я прийняв рішення створювати сайт на за допомогою програми Notepad++, бо він має більш розширені можливості ніж звичайний «Блокнот» і це полегшує написання коду. Зазвичай для створення сайтів використовують мову гіпертекстової розмітки HTML та формальну мову описання зовнішнього виду документа CSS. Це стандартний набір для створення сторінок сайту. За допомогою CSS можна створювати яскраві та гарні сторінки з різним набором шрифтів, картинок та унікального фону сайту.

.4 Створення сайтів

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

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

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

.4.1 Мова написання сайтів

Для виконання поставленої задачі використовується таке програмне забезпечення: (англ. HyperText Markup Language - Мова розмітки гіпертекстових документів) -стандартна мова розмітки веб-сторінок в Інтернеті. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді.HTML разом із каскадними таблицями стилів та вбудованими скриптами - це три основні технології побудови веб-сторінок.впроваджує засоби для:

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

.        отримання інформації із Всесвітньої мережі через гіперпосилання;

.        створення інтерактивних форм;

.        включення зображень, звуку, відео, та інших об'єктів до тексту.- скриптова мова програмування, створена для генерації HTML-сторінок на стороні веб-сервера. PHP є однією з найпоширеніших мов, що використовуються у сфері веб-розробок (разом із Java, NET, Perl, Python, Ruby). PHP підтримується переважною більшість хостинг-провайдерів. PHP - проект відкритого програмного забезпечення. PHP інтерпретується веб-сервером в HTML-код, який передається на сторону клієнта. На відміну від скриптової мови JavaScript, користувач не бачить PHP-коду, бо браузер отримує готовий html-код. Це є перевага з точки зору безпеки, але погіршує інтерактивність сторінок. Але ніщо не забороняє використовувати РНР для генерування і JavaScript-кодів які виконуються вже на стороні клієнта. PHP - мова, яка може бути вбудована безпосередньо в html-код сторінок, які, в свою чергу коректно будуть оброблені PHP -інтерпретатором. Механізм РНР просто починає виконувати код після першої екрануючої послідовності (<?) і продовжує виконання до того моменту, коли він зустріне парну екрануючу послідовність (?>). Велика різноманітність функцій PHP дають можливість уникнути написання багаторядкових призначених для користувача функцій на C або Pascal. Мова РНР здаватиметься знайомою програмістам, що працюють в різних областях. Багато конструкцій мови запозичені з С, Perl. І хоча PHP є досить молодою мовою, вона здобула таку популярність серед web-програмістів, що в наш час є мало не найпопулярнішою мовою для створення веб-застосунків (скриптів). Важливою перевагою PHP є те, що ця мова належить до інтерпретованих. Це дозволяє обробляти сценарії з достатньо високою швидкістю.

Каскадні таблиці стилів (CSS) - спеціальна мова, що використовується для відображення сторінок, написаних мовами розмітки даних. Найчастіше CSS використовують для візуальної презентації сторінок, написаних HTML та XHTML, але формат CSS може застосовуватися до інших видів XML-документів.HTTP-сервер - відкритий веб-сервер Інтернет для UNIX -подібних, Microsoft Windows, Novell NetWare та інших операційних систем. Apache розроблюється та підтримується спільнотою розробників відкритого програмного забезпечення під керівництвом Apache Software Foundation. В 1996 році Apache обійшов NCSA HTTPd із того часу є найбільш популярним веб-сервером у світі. Web-сервер Apache є самостійним, некомерційним, вільно розповсюджуваним продуктом. Продукт підтримує безліч можливостей, багато з яких реалізовані як скомпільовані модулі, які розширюють основні функціональні можливості. Вони різняться від серверної підтримки мов програмування до схем аутентифікації. Існують інтерфейси для підтримки мов програмування Perl, Python, Tcl і PHP.Популярні методи стискування на Apache включають зовнішній модуль mod_gzip, створений для зменшення розміру веб-сторінок, переданих по HTTP.Функції віртуального хостингу дозволяють одній інсталяції Apache обслуговувати різні веб-сайти. Наприклад, одна машина, з однією інсталяцією Apache може одночасно містити www.example.com, www.test.com, server.test.com і так далі. Apache передусім використовується для передачі через HTTP статичних та динамічних веб-сторінок у всесвітній павутині. Багато веб-застосунків спроектовано, зважаючи на середовище і можливості, які надає цей веб-сервер.Продукт може працювати в якості кешувального проксі-сервера, що дозволяє істотно підвищити продуктивність роботи користувачів локальної мережі при роботі з документами, розташованими в Інтернет. Можна задавати такі параметри і налаштування проксі-сервера: типи файлів, які необхідно кешувати або навпаки, не включати в кеш, максимальний обсяг дискового простору, відведений під кеш, періодичний перегляд і індексування бази даних кеша з метою вивільнення дискового простору шляхом видалення застарілих об'єктів.

.4.2 Створення сайтів у візуальних редакторах

Редактор HTML - комп'ютерна програма, яка дозволяє створювати і змінювати HTML-сторінки. Незважаючи на те, що HTML-код може бути написаний в простому текстовому редакторі (наприклад, Notepad), спеціальні редактори для написання коду HTML пропонують більше зручностей і функціональності, а також дозволяють зробити це швидше, ніж у тектовому редакторі. Найпопулярнішими редакторами вважають Microsoft FrontPage та Dreamweaver.FrontPage - редактор HTML, призначений для створення веб-сторінок і сайтів без необхідності знання користувачем мови HTML. Окрім цього, програму використовують для розташування сайтів на веб-сервері та їхньої наступної експлуатації.Користувач має змогу створити окрему сторінку чи сайт двома способами: з нуля, або скориставшись шаблоном з колекції програми FrontPage. Шаблонів окремих сторінок тут є більше, ніж шаблонів у колекції програми Word. Є режими папки, навігація, звичайний, код, перегляд.Dreamweaver (попередня назва Macromedia Dreamweaver) - HTML-редактор. Остання версія HTML-редактора Adobe DreamWeaver CS 5, що відноситься до категорії WYSIWYG-редакторів, має дуже багато переваг: зручний інтерфейс, настроювання функцій, підтримка великих проектів і ShockWave-технологій, можливість закачування файлів через FTP, підтримка SSI і багато чого іншого. Для роботи в цій програмі не потрібно досконально знати HTML (у цьому і полягає перевага технології WYSIWYG - що бачу, те й одержую). Проте DreamWeaver на кілька кроків випереджає інші редактори, що використовують технологію WYSIWYG, у першу чергу завдяки тому, що генерує «чистий» HTML-код. DreamWeaver дозволяє позбутися однотипної роботи при створенні сторінок.

1.5 Хостинг для сайту

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

Хо́стинг - послуга, що надає дисковий простір для розміщення фізичної інформації на сервері, що постійно перебуває в мережі (наприклад Internet). Зазвичай під поняттям послуги хостингу мають на увазі, як мінімум, послугу розміщення файлів сайту на сервері, на якому запущене ПЗ, необхідне для обробки запитів до цих файлів (веб-сервер). Як правило, до послуг хостингу вже входить надання місця для поштової кореспонденції, баз даних, DNS файлового сховища тощо, а також підтримка функціонування відповідних сервісів, однак вони можуть надаватися і окремо. Розрізняють безкоштовний та платний хостинг. Безкоштовні «хостери» заробляють на тому, що розміщують рекламу на своїх сайтах.

2. Програмна реалізація додатку

.1 Постановка задачі

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

.2 Розробка адмін-панелі

Для того, щоб мати можливість додавати новини на сайт, я створив адмін-панель. Її розроблено на мові РНР, бо вона є однією з найпоширеніших мов, що використовуються у сфері веб-розробок та дозволяє зробити це без проблем. Адмін-панель - це сторінка на сайті, зазвичай схована від звичайних відвідувачів, на якій адміністратор може керувати налаштуваннями сайту. Для входу потрібно почати сесію командою session_start(), а також перевірити правильність вводу логіна та пароля if($posted_admin_login == $login && $posted_admin_password == $password){ $_SESSION['admin'] = $posted_admin_login;$print_form = 0;}else{$msg = "Ви ввели не вірний логін чи пароль!<br>";$print_form = 1;}(Додаток А index.php сторінка 60).Також у полі для введення тексту є можливість застосовувати ВВ-коди. Це мова розмітки, яка використовується для форматування на багатьох електронних дошках оголошень та форумах

<form name="addform" action="<?=$phpself ?>" method="POST"><input type=button onClick="insBB('[b]', '[/b]')" title="Жирний" value=" B "> (Додаток А edit.php сторінка 57). Для форматування тексту використовують теги, схожі тегам HTML, але, на відміну від них, закриті у квадратні дужки. Перед відображенням сторінки РНР код виконує розбір тексту та перетворення його в HTML-код.

На мою думку, адмін-панель повинна бути схована від звичайних користувачів, бо новини зможе додавати лише адміністратор сайту.(Додаток А admin.php сторінка 56)

.2.1 Створення бази даних

Для мого сайту потрібно створити дві бази даних. Перша для новин, а друга для зворотнього зв’язку. База даних для новин має назву news. У ній знаходиться лише одна таблиця, котра містить такі стовбці: date - поле з датою створення новини; id - поле номером новини; text - поле з новиною; title - це поле містить заголовок новини. Таблиця створюється за допомогою команди Create table, у котрій задаються назви та параметри цих полів

$query = "CREATE TABLE `news` (

`id` INT NOT NULL AUTO_INCREMENT ,

`date` VARCHAR( 30 ) NOT NULL ,

`text` VARCHAR( 5000 ) NOT NULL , KEY ( `id` ) );"; (Додаток А news.php сторінка 61).

База даних для зворотнього зв’язку також має тільки одну таблицю, котра містить в собі такі стовбці: mail - поле, котре містить e-mail відправника повідомлення; name - містить ім’я відправника; theme - поле для теми; text - поле для самого звернення до адміністратора. Для перегляду таблиці з повідомленнями треба підключитися до бази даних за допомогою команди mysql_connect, обрати відповідну базу даних виконавши команду mysql_select_db, та обрати записи, котрі ми хочемо вивести за допомогою MySQL запиту select * from contact.msg (додаток А see.php сторінка 52)

2.3 Підключення бази даних

Найбільшим плюсом РНР є те, що за його допомогою можна легко зв’язати сайт за базою даних та працювати із MySQL запитами. Тобто додавати, редагувати та видаляти записи. Завдяки певним РНР-скриптам можна створити таблицю, підключившись до бази даних, задавши логін та пароль облікового запису, ім’я хоста, назву БД у певному конфігураційному файлі . Якщо задати не вірні дані, то на екрані з’явиться повідомлення про помилку і з’єднання не відбудеться

$query = "INSERT INTO `news` ( `date` , `text`, `title` ) (

'$date', '$text', '$title'

);";(mysql_query($query))

{print"<p><center>Новина успішно додана!<p>\n<a href=\"news.php?do=add\">Додати ще</a><br>\n<a href=\"news.php\">В центр керування новинами</a>\n"; } else {"Виникла помилка:" . mysql_error() . "\n"; } (Додаток news.php сторінка 61).

.4 Робочий проект сайту

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

Рис. 1 Головна сторінка - меню та слайдер

Рис. 2 Головна сторінка - новини с бази даних

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

Рис. 3 Галерея - зменшені фото.

Рис. 4 Галерея - збільшене фото

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

Рис. 5 Олімпіада - результати та положення

Склад методоб'єднання. Присутня таблиця с контактними даними викладачів інформатики та комп’ютерних дисциплін ВНЗ І-ІІ р.а. Сумської області.

Рис.6 Склад методоб'єднання

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

Рис.7 Зворотній зв’язок (Додаток А, send.php)

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

Рис.8 Вікно авторизації (Додаток А, index.php)

Рис. 9 Вікно додавання новини (Додаток А, add.php)

3.Охорона праці

.1 Вимоги нормативних актів

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

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

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

Закон України «Про охорону праці» також поділяє права робітників і проголошує: “Умови праці на робочому місці, безпека технологічних процесів, роботи машин, устаткування, оснащення й інших засобів виробництва, стан засобів колективного й індивідуального захисту, що використаються робітниками, а також санітарно-побутові умови повинні відповідати вимогам нормативних актів по охороні праці...” - Закон України від 14 жовтня 1992р., Закон України «Про охорону праці» (Конституція України) проголошує: “Держава створює умови для повного здійснення громадянами права на працю. Використання примусової праці забороняється... Кожен має право на належні, безпечні і здорові умови праці, на заробітну плату, не нижчу від визначеної Законом. Використання праці жінок і неповнолітніх на небезпечних для їхнього здоров'я роботах забороняється...» - Конституція України від 28 червня 1996р., 5 сесія Верховної ради України.

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

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

Основними завданнями з безпеки праці є:

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

підвищення рівня безпеки діючого виробничого устаткування за рахунок ліквідації небезпечних та шкідливих виробничих факторів;

удосконалення оснащення підприємств сучасними технічними способами безпеки, виробничої санітарії;

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

підвищення культури організації виробництва;

підвищення кваліфікації виробничого персоналу;

впровадження уніфікованих стандартів;

підвищення дисципліни праці.

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

аналіз небезпечних і шкідливих факторів при роботі з персональним комп'ютером у приміщенн;

розрахунок системи заземлення.

.1.1 Аналіз небезпечних і шкідливих факторів у приміщенні, де встановлена обчислювальна техніка

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

.1.2 Виробниче освітлення

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

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

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

Як джерело світла при штучному освітленні повинні застосовуватися, як правило, люмінесцентні лампи типу ЛБ. При відсутності світильників з ВЧ ПРА лампи багатолампових світильників або розташовані поруч світильники загального освітлення необхідно підключати до різних фаз трифазної мережі.

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

Світильники місцевого освітлення повинні мати напівпрозорий відбивач світла з захисним кутом не меншим за 40°.

Необхідно обмежувати нерівномірність розподілу яскравості в полі зору осіб, що працюють з відеотерміналом, при цьому відношення значень яскравості робочих поверхонь не повинно перевищувати 3:1, а робочих поверхонь і навколишніх предметів (стіни, обладнання) - 5:1.

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

Для забезпечення нормованих значень освітлення в приміщеннях з відеотерміналами ЕОМ загального та персонального користування необхідно очищати віконне скло та світильники не рідше ніж 2 рази на рік, та своєчасно проводити заміну ламп, що перегоріли.

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

Для штучного освітлення приміщень варто використовувати люмінесцентні лампи, тому що в них висока світлова віддача (до 75 лм/Вт і більш), тривалий термін служби (до 10000 годин), мала яскравість світної поверхні, близький до природного спектральний склад випромінюваного світла, що забезпечує гарну передачу кольору. Найбільш прийнятними для дисплейних приміщень є люмінесцентні лампи ЛБ (білого світла) і ЛТБ (тепло-білого світла) потужністю 40, 80 Вт.

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

.1.3 Захист від шуму та вібрації

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

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

Як засоби шумопоглинання повинні застосовуватися негорючі або важкогорючі спеціальні перфоровані плити, панелі, мінеральна вата з максимальним коефіцієнтом звукопоглинання в межах частот 31,5 - 8000 Гц, або інші матеріали аналогічного призначення, дозволені для оздоблення приміщень органами державного санітарно-епідеміологічного нагляду.

Рівні вібрації під час виконання робіт з ЕОМ у виробничих приміщеннях не повинні перевищувати допустимих значень, визначених в СН 3044-84 та ГОСТ 12.1.012-90“Вібраційна безпека. Загальні вимоги”.

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

В приміщенні шум існує від роботи системного блоку але він відповідає вимогам ГОСТ 12.1.012-90 “ Вібраційна безпека. Загальні вимоги”.

.1.4 Регулювання параметрів мікроклімату

Приміщення повинно бути обладнане системами опалення, кондиціювання повітря або припливно-витяжною вентиляцією відповідно до СНиП 2.04.05-91 “Вентиляція промислових приміщень”.

Параметри мікроклімату, іонного складу повітря, вміст шкідливих речовин на робочих місцях, оснащених відео терміналами, повинні відповідати вимогам пункту 2.4 СН 4088-86 “Санітарні норми мікроклімату виробничих приміщень”, затверджених Міністерством охорони здоров'я СРСР, ГОСТ12.1.005-88 “ССБТ Загальні санітарно-гігієнічні вимоги до повітря робочої зони” (таблиця 4.1.5.1), СН 2152-80 “Санітарно-гігієнічні норми допустимих рівнів іонізації повітря виробничих та громадських приміщень”, затверджених Міністерством охорони здоров'я СРСР (таблиця 4.1.5.2).

Таблиця 3.1.5.1 - Нормовані параметри мікроклімату для приміщень з ВДТ та ПЕОМ

Таблиця 3.1.5.2 - Рівні іонізації повітря приміщень при роботі на ВДТ та ПЕОМ (відповідно до СН 2152-80)

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

.1.5 Захист від електромагнітного випромінювання та електростатичних полів

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

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

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

З метою профілактики несприятливого впливу електромагнітного випромінювання від ВДТ на користувача необхідно: встановити на робочому місці відеотермінал, що відповідає сучасним вимогам стосовно захисту від випромінювань (стандарти MPR-II, TCO95, TCO99), встановити на ВДТ старої конструкції заземлений приекранний фільтр, не переобтяжувати приміщення значною кількістю робочих місць с ВДТ, не концентрувати на робочому місці великої кількості радіоелектронних пристроїв, вимикати ВДТ, якщо на ньому не працюють, однак знаходяться неподалік від нього.

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

Напруженість електростатичного поля на робочих місцях не повинна перевищувати 20кВ/м відповідно до ГОСТ 12.1.045-84 “ССБТ. Електростатичні поля. Допустимий рівень на робочих місцях та вимоги до проведення контролю”.

Для запобігання створенню значної напруженості поля та захисту від статичної електрики необхідно: встановити нейтралізатори статичної електрики, підтримувати в приміщенні з ВДТ відносну вологість повітря не нижче 45-50%, застелити підлогу антистатичним лінолеумом, проводити вологе прибирання, протирати екран та робоче місце спеціальною антистатичною серветкою або зволоженою тканиною, користувачам частіше мити руки та обличчя водою.

.1.6 Електробезпека

Під час проектування систем електропостачання, монтажу силового електрообладнання та електричного освітлення будівель та приміщень для ЕОМ необхідно дотримуватись ви¬мог ПВЕ, ПТЕ, ПБЕ, СН 357-77 "Инструкция по проектированию силового осветительного оборудования промышленных предприятий", затверджених Держбудом СРСР, ГОСТ 12.1.006, ГОСТ 12.1.030 "ССБТ Електробезпека. Захисне заземлення, занулення", ГОСТ 12.1.019 "ССБТ Електробезпека. Загальні вимоги та номенклатура видів захисту", ГОСТ 12.1.045, ВСН 59-88 Держкомархітектури СРСР "Електрообладнання жилих и суспільних будівель. Норми проектування", Пра¬вил пожежної безпеки в Україні, цих Правил, а також розділів СНиП, що стосуються штучного освітлення і електротехнічних пристроїв, та ви¬мог нормативно-технічної і експлуатаційної до¬кументації заводу-виробника ЕОМ.

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

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

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

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

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

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

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

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

Штепсельні з'єднання та електророзетки для напруги 12 В та 36 В за своєю конструкцією повинні відрізнятися від штепсельних з'єднань для напруги 127 В та 220 В. Окрім того вони мають бути пофарбовані в колір, який візуально значно відрізняється від кольору штепсельних з'єднань, розрахованих на напругу 127 В та 220 В.

Індивідуальні та групові штепсельні з'єднання та електророзетки необхідно монтувати на негорючих або важкогорючих пластинах з урахуванням вимог ПВЕ та Правил пожежної безпеки в Україні.

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

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

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

Металеві труби та гнучкі металеві рукави повинні бути заземлені. Заземлення повинно відповідати вимогам ДНАОП 0.00-1.21-98 “Правила безпечної експлуатації електроустановок споживачів”.

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

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

Є неприпустимими:

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

захисні властивості за час експлуатації, ізоляцією;

залишення під напругою кабелів та проводів з неізольованими провідниками;

застосування саморобних подовжувачів, які не відповідають вимогам ПВЕ до переносних електропроводок;

застосування для опалення приміщення нестандартного (саморобного) електронагрівального обладнання або ламп розжарювання;

користування пошкодженими розетками, розгалужувальними та з'єднувальними коробками, вимикачами та іншими електроприладами, а також лампами, скло яких має сліди затемнення або випинання;

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

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

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

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

.1.7 Пожежна безпека

Залежно від особливостей виробничого процесу, крім загальних вимог пожежної безпеки, здійснюються спеціальні протипожежні заходи для окремих видів виробництв, технологічних процесів та промислових об’єктів. Для споруд та приміщень, в яких експлуатуються відеотермінали та ЕОМ такі заходи визначені Правилами пожежної безпеки в Україні, ДНАОП 0.00-1.31.99 та іншими нормативними документами.

Для приміщень повинна бути визначена категорія з вибухопожежної і пожежної безпеки відповідно до ОНТП 24-86 "Определение категорий помещений й зданий по взрывопожарной и пожарной опасности", затверджених МВС СРСР 27.02.86, та клас зони згідно з ПВЕ. Відповідні позначення повинні бути нанесені на вхідні двері приміщення.

Будівлі і ті їх частини, в яких розташовуються ЕОМ, повинні мати не нижче II ступеня вогнестійкості. Якщо відповідно до СНиП 2.09.02-85 ці приміщення повинні бути відокремленими від приміщень іншого призначення протипожежними стінами, то межа їх вогнестійкості визначається відповідно до СНиП 2.01.02-85. Неприпустимим є розташування приміщень категорій А і Б (ОНТП 24-86), а також виробництв з мокрими технологічними процесами поряд з приміщенням, де розташовуються ЕОМ.

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

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

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

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

Для запобігання виникнення пожежі необхідно передбачити міри пожежної профілактики: дотримання протипожежних вимог при проектуванні й експлуатації систем вентиляції згідно СНиП 1.01.02-84; дотримання умов пожежної безпеки електроустановок згідно ПУЕ-84; наявність засобів оповіщення:

пожежні повідомлювачі (ЛИПНУВ-1, ИП-105 2/1 і т.д.);

установки пожежегасіння (АУП);

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

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

3.1.8 Організація робочого місця

Робоче місце - це місце постійного або тимчасового перебування працівника в процесі трудової діяльності.

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

Площа, виділена для одного робочого місця з відеотерміналом або персональною ЕОМ, повинна складати не менше 6 м², а обсяг - не менше 20 м³. Площа, виділена для одного робочого місця з відеотерміналом або персональною ЕОМ, повинна складати не менше 6 м², а обсяг - не менше 20 м³.

При розміщенні робочих місць необхідно дотримуватись таких вимог:

робочі місця розміщуються на відстані не менше 1 м від стін зі світловими прорізами;

відстань між бічними поверхнями відеотерміналів має бути не меншою за  1,2 м;

відстань між тильною поверхнею одного відеотермінала та екраном іншого не повинна бути меншою 2,5 м;

прохід між рядами робочих місць має бути не меншим 1 м.

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

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

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

Робоче сидіння (стілець, крісло) користувача відеотерміналу та персональної ЕОМ повинно мати такі основні елементи: сидіння, спинку та стаціонарні або знімні підлокітники, також повинно бути підйомно-поворотним, таким, що регулюється за висотою, кутом нахилу сидіння та спинки, за відстанню спинки до переднього краю сидіння, висотою підлокітників. Поверхня сидіння має бути плоскою, передній край - заокругленим. Висота спинки сидіння має становити 300±20 мм, ширина - не менше 380 мм, радіус кривизни в горизонтальній площині - 400 мм. Кут нахилу спинки повинен регулюватися в межах 0-30° відносно вертикального положення. Відстань від спинки до переднього краю сидіння повинна регулюватись у межах 260-400 мм.

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

Клавіатуру слід розміщувати на поверхні столу або на спеціальній, регульовуваній за висотою, робочій поверхні окремо від столу на відстані 100-300 мм від краю, ближчого до працівника. Кут нахилу клавіатури має бути в межах 5-15°.

Розрахунок заземлення

Початкові дані:

IV кліматична зона;

тип грунту - супісь;

вологість грунту нормальна;

вертикальне заземлення - сталева труба;

горизонтальне заземлення - сталева полоса

 = 3 м;

 = 60мм;

 = 24 мм;

 = 0,7 м;

 = 2 м;

 = 0,7;

 = 0,5.

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

для вертикального заземлення:

для горизонтального заземлення:

,

,

де

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

 і  - глибина закладання відповідно вертикального та горизонтального заземлювача, м;

 - зовнішній діаметр електрода, м;

 - ширина сталевої полоси, м;

 - відстань між вертикальними електродами, м;

 - питомий об’ємний опір грунту, Ом*м;

 - кількість вертикальних електродів, шт.

 м;

 Ом;

 м;

 Ом

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

Згідно початкових даних визначаємо  за таблицею.

 = 1,1.

Розраховуємо кількість заземлювачів. Нам відомий опір розтікання струму одиночного заземлювача  і розрахункова величина опору заземлювального приладу  = 40 Ом, розрахуємо кількість необхідних для встановлення заземлювачів за формулою:

,

де

 - коефіцієнт використання вертикальних заземлювачів.

Розрахуємо спільний опір заземлювального приладу за формулою:

,

де  - коефіцієнт використання горизонтального заземлювача.

 Ом.

Результати розрахунків приведені в таблиці 3.1.9.1

Таблиця 3.1.9.1 - Результати

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

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

В рамках дипломного проекту було створено «Сайт методичного об’єднання викладачів інформатики», при створенні якого було здійснено ряд витрат, що зумовило собівартість «Сайту методичного об’єднання викладачів інформатики».

Даний програмний продукт створювався в рамках дипломного проектування в умовах згідно техніки безпеки роботи за ПЕОМ 6-годинного робочого дня, згідно Кодексу законів України «Про працю» 5-денного робочого тижня протягом 30 год. Розробка була виконана для методичного об’єднання викладачів інформатики.

Витрати виробництва поділяються на прямі, які безпосередньо пов’язані з розробкою «Сайту методичного об’єднання викладачів інформатики», та непрямі, які пов’язані з забезпеченням підготовки дипломного проекту.

.1 Вхідні дані

Розробка та реалізація «Сайту методичного об’єднання викладачів інформатики» пов’язана з витратами, розмір яких буде складати ціну даного продукту.

Таблиця 4.1.1 - Характеристика використаних технічних засобів праці.

.2 Розрахунок загальної суми витрат

Загальна сума витрат розраховується за формулою:

ВЗ = Взм + Впост(4.2.1)

Де, ВЗ - загальна сума витрат, грн.;

Взм - змінні витрати, грн. ;

Впост - постійні витрати, грн. .

ВЗ=576,5+463,61=1040,11 (грн.).

Змінні витрати, пов’язані з розробкою «Сайту методичного об’єднання викладачів інформатики» розраховуються по формулі:

Взм = Векс + Взп + Вдод  (4.2.2)

Де, Векс - витрати пов’язані з експлуатацією технічних засобів, грн.;

Взп - витрати, пов’язані з оплатою праці розробника «Сайту методичного об’єднання викладачів інформатики», грн.;

Вдод - витрати, пов’язані з додатковими матеріалами, грн. .

Витрати, пов’язані з експлуатацією технічних засобів розраховуються за формулою:

Векс = Смг х Т     (4.2.3)

Т = 10 х 3=30 (год.).

Векс = 5,85 х 30=175,53 (грн.).

Де, Смг -вартість однієї машино-години роботи «Сайту методичного об’єднання викладачів інформатики» грн./год.;

Т - Час, витрачений на створення «Сайту методичного об’єднання викладачів інформатики» год.

Вартість машино-години розраховується за формулою:

Смг = А + Вел + Він     (4.2.4)

Смг=0,8+0,05+5=5,85 (грн./год.)

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

Вел - витрати , пов’язані зі спожитою електроенергією,грн.;

Він - інші витрати, пов’язані з експлуатацією, грн..

Відповідно до розробки Він = 0

Розраховуємо амортизацію «Сайту методичного об’єднання викладачів інформатики» прямолінійним методом:

А=Кв/Тпл      (4.2.5)

А = 6025/7530=0,8 (грн./год.)

Кв - вартість капітальних інвестицій, грн., згідно з таблицею 4.2.1.

Тпл - плановий термін використання технічного засобу, год.;

Плановий термін використання технічного засобу

Тпл = Тсм х Дроб х Тсл       (4.2.6)

Тпл.=6 х 251 х 5=7530 (год.).

Тсм - кількість годин роботи в зміні (6 год.);

Тсл - термін використання технічного засобу згідно Податкового кодексу України (5 років);

Дроб - число робочих днів в 2014 році складає 251день 5-денного робочого тижня відповідно до ЗУ «Про бюджет на 2014 рік»;

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

Вел = Аел х ((У/КПДі) х Кзав   (4.2.7)

Вел = 0,2802 х (0,04/0,7+0,034/0,7+0,0015/0,7+0,006/0,7+0,004/0,7+0,025/0,7+0,015/0,7+0,001/0,7+010005/0,7) х 1= 0,05 (грн.)

Де, Аел -тариф 1кВТ електроенергії , грн.:

Аел = 0,2802 (грн.).

Ні - потужність і-го елементу технічного засобу, кВт.;

КПДі - коефіцієнт корисного використання і-го елементу технічного засобу (приймаємо приблизно 0,7 - 0,9);

К зав - коефіцієнт завантаження технічного пристрою ;

Кзав = Тр/Фр   (4.2.8)

Де, Тр - витрати праці на весь об’єм роботи по створенню «Сайту методичного об’єднання викладачів інформатики», год;

Фр - фонд робочого часу по створенню «Сайту методичного об’єднання викладачів інформатики», год.

Так, як при розробці «Сайту методичного об’єднання викладачів інформатики» Тр = Фр, то Кзав=1.

Визначимо витрати на оплату праці розробника «Сайту методичного об’єднання викладачів інформатики»

Взп = О + О х Кстр  (4.2.9)

Взп=292,83+292,83 х 0,3676=400,47 (грн.).

Кстр - єдиний соціальний внесок роботодавця, 36,76%;

О= м х Т  (4.2.10)

м = Часова тарифна ставка

м = Окл/Т1    (4.2.11)

Окл - Оклад1225,грн.

м = 1225/125.5=9,76 (грн.).

О = 9,76 х 30=292,83 (грн.).

де, Окл - місячний оклад відповідно до спеціальності, грн.;

Т1 - середній фонд роботи, год.;

Т1=251 х 6/12=125,5 (год.).

Вдод складається із: CD-диск.

Вдод=5 (грн.).

Отже Взм = Векс + Взп + Вдод

Взм = 15,33+400,47+0,5=576,5 (грн.).

Впост в даній розробці ми беремо витрати по заробітній платі керівників дипломного проектування. Керівники основної та економічної частин на кожного студента мають навантаження 15 годин. Середня ставка за годину складає 22 грн 60 коп. Єдиний соціальний внесок роботодавця складає 36,76 %

Впост=22,6 х 15 х 1,3676=463,6 (грн.).

ВЗ=576,5+463,61=1040,11 (грн.).

.3 Розрахунок ціни «Сайту методичного об’єднання викладачів інформатики»

Оптова ціна визначається за формулою:

Цопт = ВЗ + П(4.3.1)

Цопт=1040,11+156,02=1196,13 (грн.).

Де, П - прибуток, грн.;

П= ВЗ х (Р/100)  (4.3.2)

П=1040,11 х 0.15=156,02 (грн.).

Де, Р - рентабельність приймаємо його на рівні 15% від повної собівартості «Сайту методичного об’єднання викладачів інформатики», %;

Розрахуємо відпускну ціну за формулою:

Цвід = Цопт + ПДВ (4.3.3)

Цвід = 1196,13+239,22=1435,35 (грн.).

Де, ПДВ - податок на додану вартість, грн.;

ПДВ в Україні в 2014 році України становить 20%.

ПДВ= Цопт х 20% (4.3.4)

ПДВ = 1196,13*0,2=239,22 (грн.).

.4 Економічна ефективність «Сайту методичного об’єднання викладачів інформатики»

Виконаний в рамках дипломного проекту «Веб-сайт» буде використовуватись в Машинобудівному коледжі Сумського Державного університету. Машинобудівний коледж Сумду, як замовник має досвід придбання програмних продуктів сторонніх розробників, так як даний «Веб-сайт» дозволить викладачам методоб'єднання обмінюватись досвідом між собою.. Тому при розробці було розроблені оптимальні терміни розробки 30 год, а також витрати на заробітну плату враховувались, згідно Штатних розписів для бюджетних установ молодших спеціалістів, що дало економічний ефект близько 15%, а в сумі 138,16 грн.

Заробітна плата спеціаліста I категорії становить:Окл₁ - 1225 х 1,25=1531,25 (грн.).

Взп₁=1531,25+1531,25 х 0,3676=2094,14 (грн.).

м₁=2094,14/125.5= 16,69 (грн.).

О₁=16,69 х 30=500,59 (грн.).

Взм₁=174,75+500,59+0,5=676,62 (грн.).

ВЗ₁=676,62+463,61=1140,23 (грн.).

Цопт₁= ВЗ + П

П₁=1140,23 х 0.15=171,03 (грн.).

Цопт₁=1140,23+171,03=1573,52 (грн.).

Цвід₁=Цопт₁+ПДВ

ПДВ₁=1349 х 0,2 = 262,25 (грн.).

Цвід₁=1349+262,25 = 1573,52 (грн.).

Економічний ефект визначається за формулою:

Е = Цвід₁ - Цвід

Е=1573,52-1435,35=138,16 (грн.).

Висновок

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

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

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

Література

1 Ахаян, Рубен; Горев, Андрій; Макашарипов, Сергій Ефективна робота із СУБД; СПб: Пітер, 2013. - 704 р.

2 Вієйра, Р.: Програмування баз даних Microsoft SQL Server 2005 для професіоналів; Діалектика, 2008. - 1072р.

Віктор Ромашев CMS Drupal: Система управління вмістом сайту; Пітер, 2010. - 255 p. - ISBN 978 - 5 - 49807 - 241 - 8

Грофф, Джеймс; Вайнберг, SQL: повне керівництво; Київ: BHV, 2008. - 608 р.

Дебольт, Вірджинія: HTML і CSS. Спільне використання; НТ Пресс, 2006. - 512р. - ISBN: 0-7821-4378-4

Іссі Коен, Лазаро; Іссі Коен, Джозеф: Повний довідник по HTML, CSS і JavaScript; М.: ЕКОМ Паблишерз, 2007. - 1168р. - ISBN: 978-5-9790-0009-1

С.О. Кравчук, В.О. Шонін. - К.: Основи комп'ютерної техніки: Компоненти, системи, мережі: Навч. посіб. для студ. вищ. навч. закл.; ІВЦ "Видавництво «Політехніка»: Видавництво «Каравела», 2005. - 344р.

Хаген Граф: Створення веб - сайтів за допомогою Joomla! 1.5.; Видавничий дім "Вільямс", 2009. - 312p. - ISBN 978 - 5 - 8459 - 1506 - 1

http://www.wikipedia.org

http://www.htmlbook.ru

Додатки

Додаток А

Лістинг файлів PHP

See.php

<html><head>

<title>Перегляд повідомлень</title>

<link rel='stylesheet' href='css/table.css' type='text/css'>

<link rel='stylesheet' href='admin/main.css' type='text/css'>

</head><body>

<center><a href="home.html">Повернутись на головну</a></center><br>

<?php $db=mysql_connect("localhost","root","");_select_db("contact",$db);

$result=mysql_query("select * from contact.msg", $db); ?>

<table border=5 align=center>

<tr><th>Ім'я</th><th>Пошта</th><th>Тема</th><th>Повідомлення</th>

</tr>

<?php while($row=mysql_fetch_array($result)){"<tr><td>".$row['name']."</td><td>".$row['mail']."</td><td>".$row['theme']."</td><td>".$row['text']."</td></tr>";}_close($db); ?></table><br><br></body></html>

Send.php

<?php

$db = mysql_connect("localhost","root","");_select_db("contact",$db);

$name = $_POST['name']; // передаємо змінної name значення

глобального масиву POST

$mail = $_POST['mail'];

$theme = $_POST['theme'];

$text = $_POST['text'];

$sql = 'INSERT INTO msg(name, mail, theme, text) ("'.$name.'", "'.$mail.'", "'.$theme.'", "'.$text.'")';проверка(!mysql_query($sql)) {echo '<center><p><b>Помилка при додаванні даних!</b></p></center>';} else

{echo '<center><p><b>Ваше повідомлення було відправлено, чекайте відповіді =)</b></p></center>';} ?>

<title>Відправка повідомлень</title>

<link rel="stylesheet" type="text/css" href="admin/main.css">

<center><a href="home.html">Повернутись на головну</a></center>

<center><a href="see.php">Переглянути записи</a></center>.php

<?php

 $admin_login = "admin"; $admin_password = "admin";

$dbhost = "localhost"; $dbname = "news";

$dbuser = "root"; $dbpass = "";

mysql_connect($dbhost, $dbuser, $dbpass);

mysql_select_db($dbname); ?>

Add.php

<?php($isinclude == false) { Header("Location: news.php"); exit; }

?><html><head>

<title>Адмін-Центр | Додавання новини</title>

<link rel="stylesheet" type="text/css" href="main.css">

<script type="text/javascript">insBB(oTag, cTag) {sel = document.selection.createRange();(sel.text > '') {.text = oTag + sel.text + cTag;

} else {.addform.addtext.value = document.addform.addtext.value + oTag + cTag;}}</script></head><body>

<center><h1>Додати новину</h1></center>

<?php$date = date("d.m.Y H:i:s");

$phpself = $_SERVER["PHP_SELF"]."?do=add";

$print_form = 0;

if (@$_POST){$text = $_POST['text'];

$title = $_POST['title'];

$text = bb_to_html($text);$text = nl2br($text);(strlen($text) > 5000){

print "Максимальна довжина повідомлення 5000 символів.<br>\n";$print_form = 1;}(strlen($text) <= 1){

print "Мінімальна довжина повідомлення 2 символа.<br>\n";

$print_form = 1;} else{

$query = "INSERT INTO `news` ( `date` , `text`, `title` )

VALUES ('$date', '$text', '$title'

);";if (mysql_query($query)) {

 print "<p><center>Новина успішно додана!<p>\n<a href=\"news.php?do=add\">Додати ще</a><br>\n<a href=\"news.php\">В центр керування новинами</a>\n"; } else {

print "Виникла помилка:" . mysql_error() . "\n";

} } else{$print_form = 1; }if ($print_form == 1)

{?>

<form name="addform" action="<?=$phpself ?>" method="POST">

<input type=button onClick="insBB('[b]', '[/b]')" title="Жирний" value=" B "> |

<input type=button onClick="insBB('[i]', '[/i]')" title="Курсив" value=" I "> |

<input type=button onClick="insBB('[u]', '[/u]')" title="Підкреслювання" value=" U "> |

<input type=button onClick="insBB('[center]', '[/center]')" title="Відцентрувати" value=" center "> |

<input type=button onClick="insBB('[font=Verdana]', '[/font]')" title="Шрифт" value=" A ">

<select OnChange="insBB('[size=' + this.options[this.selectedIndex].value + ']', '[/size]'); this.selectedIndex = 0;"> |

<option>Розмір</option>

<option value="8">8</option>

<option value="25">25</option>

</select>

<select OnChange="insBB('[color=' + this.options[this.selectedIndex].value + ']', '[/color]'); this.selectedIndex = 0;"> |

<option>Колір тексту</option>

<option style="color:red" value="red">Червоний</option>

<option style="color:purple" value="purple">Пурпурний</option>

<option style="color:pink" value="pink">Рожевий</option>

<option style="color:orange" value="orange">Оранжевий</option>

<option style="color:yellow" value="yellow">Жовтий</option>

<option style="color:green" value="green">Зелений</option>

<option style="color:teal" value="teal">Бірюзовий</option>

<option style="color:blue" value="blue">Синій</option>

<option style="color:navy" value="navy">Фіолетовий</option>

<option style="color:brown" value="brown">Коричневий</option>

<option style="color:gray" value="gray">Сірий</option>

</select>

<input type=button onClick="insBB('[img]', '[/img]')" title="Вставка зображения" value=" img "> |

<input type=button onClick="insBB('[url=]', '[/url]')" title="Вставити URL" value=" url ">

<br/><br/>Назва:<br/><input type=text size=40 name="title"/>

<br/>Новина:<br/><textarea id='text' name="text" cols=41 rows=10 wrap="hard"></textarea><br/>

<input type="submit" value="Додати новину" /><br /></form>

<a href="news.php">Центр керування новинами</a><br />

<a href="../home.html">На головну сторінку</a>

<?php unction bb_to_html($str){

$bbcode=array('[b]','[i]','[u]','[center]','[/b]','[/i]','[/u]' '[/center]');$html = array('<b>','<i>','<u>',<center>','</b>',

'</center>');$str = str_replace($bbcode, $html, $str);

$bbcode = array('/\[font=(.+?)\]/i',

'/\[color=(.+?)\]/i',/\[size=(.+?)\]/i',

'/\[url=(.+?)\]/i','/\[img\](.+?)\[\/img\]/i');

$html = array('<font face="$1">','<font color="$1">',

'<font size="$1">','<a href="$1">','<img src="$1">');

$str = preg_replace($bbcode, $html, $str);

$bbcode = array('[/font]','[/color]','[/size]','[/url]');

$html = array('</font>','</font>','</font>','</a>');

$str = str_replace($bbcode, $html, $str);return $str; }?>

</body></html>.php

<?php(!isset($_SESSION)) {session_start();}(!$_SESSION['admin']) { Header("Location: index.php"); exit; }?>

<link rel='stylesheet' href='main.css' type='text/css'>

<center><a href="../home.html">Повернутись на головну</a></center>

<center><a href="news.php">Керування новинами</a></center>

<center><a href="logout.php">Вихід</a></center>

Delete.php

<?php(@$isinclude == false) { Header("Location: index.php"); exit; }(!isset($_GET['new'])) { Header("Location: index.php"); exit; }?>

<html><head><title>Адмін-Центр | Видалення новини</title>

</head><body><?php$new_id = $_GET['new'];$query = "SELECT * FROM `news` WHERE `id`='$new_id' LIMIT 1";

 $result = mysql_query($query);

 if (mysql_num_rows($result) != 1)

print "<p><center>Такої новини немає!<p>\n<a href=\"news.php\">В центр керування новинами</a><br />\n"; exit;}

$query = "DELETE FROM `news` WHERE `id`='$new_id'";(mysql_query($query)){

print "<p><center>Новина успішно видалена!<p>\n<a href=\"news.php\">В центр керування новинами</a><br />\n";}{print "Вийшла помилка:" . mysql_error()"\n";}?></body></html>.php

<?php(!isset($_SESSION)) {session_start();}(!$_SESSION['admin']) { Header("Location: index.php"); exit; }(@$isinclude == false) { Header("Location: index.php"); exit; }(!isset($_GET['new'])) { Header("Location: index.php"); exit; }

?><html><head>

<title>Адмін-Центр | Редагування новини</title>

<link rel="stylesheet" type="text/css" href="main.css">

<script type="text/javascript">insBB(oTag, cTag) {sel = document.selection.createRange();(sel.text > '') {.text = oTag + sel.text + cTag;

} else {.addform.addtext.value = document.addform.addtext.value + oTag + cTag;}}</script></head><body>

<center><h2>Редагування новини</h2></center>

<?php$date = date("d.m.Y H:i:s");$new_id = $_GET['new'];

$query = "SELECT * FROM `news` WHERE `id`='$new_id' LIMIT 1";

$result = mysql_query($query);if (mysql_num_rows($result) != 1){

print "<p><center>Такої новини не існує!!<p>\n<a href=\"news.php\">В центр керування новинами</a><br />\n "; exit;}

$phpself = $_SERVER["PHP_SELF"]."?do=edit&new=$new_id";

$print_form = 0;if (@$_POST){

 $title = $_POST['title'];

$text = $_POST['text']$text = bb_to_html($text);

$text = nl2br($text);if (strlen($text) > 5000){

print "Максимальна довжина повідомлення 5000 символів.<br>\n";

$print_form = 1;}elseif (strlen($text) <= 1){

print "Мінамальна довжина повідомлення 1 символ.<br>\n";

$print_form = 1;} else {

$query = "UPDATE `news` SET `title`='$title', `text`='$text' WHERE `id`='$new_id'";

if (mysql_query($query)){

 print "<p><center>Новина відредагована успішно!<p>\n<a href=\"news.php\">В центр керування новинами</a><br />\n";

} else{print "Сталася помилка:" . mysql_error() . "\n";}}}else{

$print_form = 1; }if ($print_form == 1){$query = "SELECT * FROM `news` WHERE `id`='$new_id'";

 $result = mysql_query($query);

 $row = mysql_fetch_assoc($result);

 $row_title = $row['title'];

 $row_text = $row['text'];

$row_text = str_replace("<br />", "", $row_text);

<form name="addform" action="<?=$phpself ?>" method="POST">

<input type=button onClick="insBB('[b]', '[/b]')" title="Жирний" value=" B "> |

<input type=button onClick="insBB('[i]', '[/i]')" title="Курсив" value=" I "> |

<input type=button onClick="insBB('[u]', '[/u]')" title="ПІдкреслювання" value=" U "> |

<input type=button onClick="insBB('[center]', '[/center]')" title="Відцентрувати" value=" center "> |

<input type=button onClick="insBB('[font=Verdana]', '[/font]')" title="Шрифт" value=" A ">

<select OnChange="insBB('[size=' + this.options[this.selectedIndex].value + ']', '[/size]'); this.selectedIndex = 0;"> |

<option>Розмір</option>

<option value="8">8</option>

<option value="10">10</option>

<option value="25">25</option>

</select>

<select OnChange="insBB('[color=' + this.options[this.selectedIndex].value + ']', '[/color]'); this.selectedIndex = 0;"> |

<option>Колір тексту</option>

<option style="color:red" value="red">Червоний</option>

<option style="color:purple" value="purple">Пурпурний</option>

<option style="color:pink" value="pink">Рожевий</option>

<option style="color:orange" value="orange">Оранжевий</option>

<option style="color:yellow" value="yellow">Жовтий</option>

<option style="color:green" value="green">Зелений</option>

<option style="color:teal" value="teal">Бірюзовий</option>

<option style="color:blue" value="blue">Синій</option>

<option style="color:navy" value="navy">Фіолетовий</option>

<option style="color:brown" value="brown">Коричневий</option>

<option style="color:gray" value="gray">Сірий</option></select>

<input type=button onClick="insBB('[img]', '[/img]')" title="Вставка зображения" value=" img "> |

<input type=button onClick="insBB('[url=]', '[/url]')" title="Вставити URL" value=" url "><br/><br/>Назва:<br/><input type=text size=40 name="title" value="<?php echo $row_title;?>"/>

<br/>Новина:<br/><textarea id='text' name="text" cols=41 rows=10 wrap="hard"><?php echo $row_text;?></textarea><br/>

<input type="submit" value="Прийняти зміни" /><br /></form>

<a href="news.php">В центр керування новинами</a><br />

<a href="../home.html">На головну сторінку</a>

<?php }function bb_to_html($str){$bbcode = array(

'[b]','[i]','[u]','[center]','[/b]','[/i]','[/u]','[/center]');

$html = array('<b>','<i>','<u>','<center>','</b>', '</i>','</u>',

'</center>');

$str = str_replace($bbcode, $html, $str);

$bbcode = array('/\[font=(.+?)\]/i','/\[color=(.+?)\]/i',

'/\[size=(.+?)\]/i','/\[url=(.+?)\]/i','/\[img\](.+?)\[\/img\]/i');

$html = array('<font face="$1">','<font color="$1">','

<font size="$1">','<a href="$1">','<img src="$1">');

$str = preg_replace($bbcode, $html, $str);

$bbcode = array('[/font]','[/color]','[/size]','[/url]' );

$html = array('</font>','</font>','</font>','</a>');

$str = str_replace($bbcode, $html, $str); $str }  function html_to_bb($str)

{$html = array('<b>','<i>','<u>','</b>','</i>','</u>',);

$bbcode = array('[b]','[i]',[u]','[/b]','[/i]','[/u]',);

$str = str_replace($html, $bbcode, $str);

$html = array('/<font face="(.+?)">','/<font color="(.+?)">/i','/<font size="(.+?)">','/<a href="(.+?)">/i','/<img src="(.+?)">/i',);

$bbcode=array('[font=$1]','[color=$1]','[size=$1]','[url=$1]',

'[img]$1[/img]');

$str = preg_replace($html, $bbcode, $str);

$html = array('</font>','</font>','</font>','</a>');

$bbcode = array('[/font]','[/color]','[/size]','[/url]');

$str = str_replace($html, $bbcode, $str);return $str;} ?>

</body></html>

Index.php

<?php(!isset($_SESSION)) {session_start();}"../dbinit.php";

$login = $admin_login;

$password = $admin_password;

$print_form='';(isset($_SESSION['admin'])) { $print_form = "already_login"; }($print_form != "already_login"){if (!@$_POST)

{$print_form = 1;}else{$posted_admin_login = $_POST['login'];

$posted_admin_password = $_POST['password'];($posted_admin_login == $login && $posted_admin_password == $password)

{$_SESSION['admin'] = $posted_admin_login;$print_form = 0;}{$msg="Ви ввели не вірний логін чи пароль!<br>";$print_form=1;}

}}if ($print_form != 1 or $print_form == "already_login")

{Header("Location: news.php");}else{?>

<?=@$msg ?><center><form action="<?=$_SERVER["PHP_SELF"] ?>" method="POST" name="admin_login">

<input type="text" size=50 name="login" value="admin"><br />

<input type="password" size=50 name="password" value=""><br />

<input type="submit" name="" value="Войти"><br />

<a href="../home.html">Перейти на головну сторінку.</a>

</center><?php ?>

<link rel='stylesheet' href='main.css' type='text/css'>

Logout.php

<?phpif(!isset($_SESSION)) {session_start();}_destroy();("Location: index.php");?>

News.php

<?php(!isset($_SESSION)) {session_start();}(!$_SESSION['admin']) { Header("Location: index.php"); exit; }

$isinclude = true;"../dbinit.php";if (isset($_GET['createtable']))$done = 0;  

echo "<hr>"; echo "***Лог:***<p>";

$query = "CREATE TABLE `news` ( 

`id` INT NOT NULL AUTO_INCREMENT ,

`date` VARCHAR( 30 ) NOT NULL ,

`text` VARCHAR( 5000 ) NOT NULL , KEY ( `id` )

);";  if (mysql_query($query)) { $done++; echo "*&nbsp;&nbsp;Таблиця створена успішно!!!;<br>"; } else { echo "*<font color=\"red\">&nbsp;&nbsp;" . mysql_error() . ";</font><br>"; }if ($done == 1) {  echo "<font color=\"green\"><b>Виконано!</b></font><p>***Кінець логу***<p>\n"; exit;}else

{ echo "<b>Помилки!</b><p>***Кінець логу***<p>\n"; exit;

}}if (@$_GET['do'] == "add"){ include "add.php"; exit;}

if (@$_GET['do'] == "edit"){include "edit.php"; exit;  }

if (@$_GET['do'] == "delete"){include "delete.php"; exit;}

if (@$_POST) {$posts_id = $_POST;foreach($posts_id as $post_id){$query = "DELETE FROM `news` WHERE `id`='$post_id'";if (!mysql_query($query)) echo mysql_error();}}

?><html><head><title>Адмін-Центр</title>

<link rel='stylesheet' href='main.css' type='text/css'>

</head><body><center><a href="../home.html"><center>На головну сторінку</a><?phpecho "<center><a href=\"news.php?do=add\">Додати новину</a><br>\n";echo "<a href=\"news.php#do=delete_checked\" OnClick=\" if (confirm('Видалити обрані новини?')) { document.forms['delete_checked'].submit() }\">Видалити відмічені новини</a><br>\n";"<a href=\"logout.php\">Вийти</a></center><p>\n";

$query = "SELECT * FROM `news`";$result = mysql_query($query);if (!$result){ print "<center><img src=\"news.gif\"><br>помилка:" . mysql_error() . "<br></center>\n";}elseif (mysql_num_rows($result) == 0) print "<center><img src=\"news.gif\"><br>Новин немає<br></center>\n";}else{

$rows = array(); while ($row = mysql_fetch_assoc($result))

{$rows[]= $row;}$rows = array_reverse($rows);

echo "<form action=\"{$_SERVER["PHP_SELF"]}\" method=\"POST\" name=\"delete_checked\">\n";foreach($rows as $row print"<center><img src=\"news.gif\"><br>\n<b>{$row['date']}</b><input type=\"checkbox\" name=\"id_{$row['id']}\"value=\"{$row['id']}\"><br>\n{$row['text']}<p>\n<a href=\"news.php?do=delete&new={$row['id']}\" OnClick=\"return confirm('Видалити цю новину?');\">Видалити</a>&nbsp;<a href=\"news.php?do=edit&new={$row['id']}\">Редагувати</a></center>\n

} echo "</form>\n";}?></body></html>

Додаток Б

Лістинг файлів sql

News.sqlSQL_MODE = "NO_AUTO_VALUE_ON_ZERO";time_zone = "+00:00";

- База данных: `news`

- Структура таблицы `news`TABLE IF NOT EXISTS `news` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`date` varchar(30) NOT NULL,

`text` text NOT NULL,

`title` varchar(200) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=8 ;

- Дамп данных таблицы `news`

INSERT INTO `news` (`id`, `date`, `text`, `title`) VALUES

(4, '26.05.2014 10:55:18', '<p><font color="red"><b>Зелений курсив</b></font></p>', текст'),

(6, '03.06.2014 13:12:24', '<p><strong>українська&nbsp;<em>мова&nbsp;</em></strong><em>текст</em></p>','),

(7, '06.06.2014 09:07:35', '<p><font color="green">зелений колір‚</font></p>', 'новина');ontact.sql

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";time_zone = "+00:00";

- База данных: `contact`

- Структура таблицы `msg`TABLE IF NOT EXISTS `msg` (

 `name` varchar(20) CHARACTER SET utf8 NOT NULL,

`mail` varchar(20) CHARACTER SET utf8 NOT NULL,

`theme` varchar(20) CHARACTER SET utf8 NOT NULL,

`text` varchar(255) CHARACTER SET utf8 NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

- Дамп данных таблицы `msg`INTO `msg` (`name`, `mail`, `theme`, `text`) VALUES

('Ім’я', 'w94@mail.ua', 'Тема‚', 'Повідомлення’”!'),

('Ім’я', 'mix94@gmail.com', 'Тема‚', 'Повідомлення‚!'),

('Ім’я', 'vk93@yahoo.com', 'Тема‚', 'Повідомлення =)');