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

2. Вимоги до web-сайту в масштабах Укренерго

2.1. Визначення області застосування

На користь створення Web національного оператора енергоринку виступають наступні фактори:

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

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

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

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

Інакше створення Web-сайту та системи адміністрування, було б нерентабельним (через свою високу вартість та трудомісткість).

2.1.1 Технології середовища - Інтернет

Деякі з технологій, що надаються Інтернет, вже стали традиційними. До них можна віднести електронну пошту (e-mail), ftp і телеконференції (USENET, LISTSERV).

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

2.1.2 WWW та Web-сайт

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

2.2 Вимоги до створення web-сторінок

2.2.1 Створення фіксованих і гнучких Web-сторінок

З особливостями дозволу дисплея зв'язане питання вибору між сторінками, що змінюються (змінюється розмір і здійснюється настроювання під різні розміри вікон) і фіксованими по розмірі (що дозволяє розроблювачеві краще управляти розмірами сторінки). На користь кожного з підходів є вагомі аргументи. Природно, можна знайти гарні доводи за й проти кожного з них. Розробка гнучких сторінок. Web-сторінки за замовчуванням гнучкі. Текст і елементи HTML-файлу попадають у вікно браузера, заповнюючи весь доступний простір, поза залежністю від розмірів дисплея. Якщо розмір вікна браузера змінюється, елементи повторно виводяться, щоб настроїтися на нові розміри. У цьому й проявляється сутність Web. Багато дизайнерів свідомо розробляють сторінки таким чином, щоб вони витримували розширення й стиски Web-вікна. Цей підхід має свої достоїнства й недоліки. Достоїнства: - реальність така, що Web-сторінки будуть відображатися на дисплеях з різним дозволом; гнучку сторінку можна настроїти для висновку на будь-якому дисплеї; - заповнений весь простір дисплея, відсутнє небажане вільне місце, наявність якого часто планується розроблювачами сторінок з фіксованими розмірами; - дизайн гнучких сторінок за духом і по природі більше близький до золотої середини. Відповідно до таких стандартів, "гарної" уважається сторінка, що доступна для більшості користувачів. Недоліки: - на більших дисплеях довжина рядки може виявитися надмірної, коли текст заповнює всю ширину вікна браузера. Довгі рядки особливо незручні для читання з екрана, тому, при заповненні текстом всієї ширини вікна або фрейму, значно погіршуються умови читання багатьом користувачам; - на більших дисплеях елементи будуть розташовані на екрані досить гармонійно, на маленьких дисплеях вони виявляються скупченими; - результати гнучкого дизайну непередбачені, і сторінка в різних користувачів буде виглядати по-різному. Розробка сторінок фіксованого розміру. Тим, хто хоче мати більший контроль над розміткою сторінки, варто розробляти сторінки фіксованої ширини, що буде постійної для всіх користувачів, незалежно від розміру дисплея або змін розмірів вікна. Цей підхід заснований на принципах створення сторінок у видавничій справі, таких як підтримка постійної сітки, відносин елементів, розташованих на сторінці, і зручні довжини рядків. Достоїнства: - сторінка буде виглядати однаково незалежно від розмірів дисплея. Це особливо важливо для компаній, що прагнуть представити свій імідж однаково для всіх відвідувачів; - сторінки й стовпці з фіксованою шириною забезпечують краще керування довжинами рядків. Щоб рядки не ставали занадто довгими при перегляді на більших дисплеях, можна використати таблиці. Недоліки: - якщо розмір даного вікна браузера менше сітки сторінки, частини сторінки не будуть видні й може знадобитися горизонтальне прокручування. Вона майже завжди сприймається як перешкода, що ускладнює роботу, тому в більшості випадків її треба уникати. Одне з рішень - вибрати розмір сторінки, що підійде більшості; - як і раніше складно контролювати розмір виведених символів у браузерах, так що елементи можуть непередбачено зміщатися в результаті використання більшого або меншого розміру, у порівнянні з тим, що використався при розробці; - прагнення повністю контролювати відображення сторінки означає свого роду виступ проти середовища. Web - це не друковане видання, у нього свої сильні сторони й особливості. Захисники стратегії гнучкого дизайну скажуть, що фіксованому дизайну немає місця в Web.

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

2.2.2 Розробка комбінованих Web-сторінок

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

2.3 Методика створення web-сайту

Визначивши, які браузери використовує більшість відвідувачів Web-сайту, можна вирішити, які теги HTML і Web-технології доцільно використати розробці. Точно так само можна визначити, частину користувачів яка ризикує бути проігнорованою при використанні таких засобів, як Java або JavaScrіpt.

Ставши перед такою дилемою розходження функціональних можливостей браузерів, Web-дизайнери розробили різноманітні підходи до рішення проблем, що відрізняються по ступені крайності. Зрозуміло, "правильний" спосіб підтримки того або іншого сайту залежить від його призначення й аудиторії. Незначна частина розроблювачів дотримується ідеалізованого подання про те, що Web повинен бути доступний усім. Також вони можуть уважати, що спосіб зовнішнього подання повинен перебувати в руках кінцевого користувача, а не автора. Вони прагнуть використати тільки самий надійний, перевірений стандарт і переконатися, що сторінки працюють із усіма браузерами, включаючи Lynx і перші версії самих популярних браузерів. Розробка для останньої версії. Ще одна група розроблювачів дотримується іншої крайньої точки зору. Вони створюють сторінки тільки для самої останньої, новітньої версії популярних браузерів. Їх не хвилює, що сторінка не буде доступна для користувачів, що використають інші браузери. Твердження "порадьте їм поставити нову версію - це безкоштовно" дуже часто звучить як виправдання такої тактики. Крім того, існують автори, які працюють тільки з останньою версією одного конкретного браузера. Помітимо, що такий підхід може бути цілком розумним у рамках мереж Інтранет. Поділ розходжень. Більшість дизайнерів воліють іти на компроміс. У дизайнерських колах поширена фраза про Web-сторінки, які "добірно деградують" ("degrade gracefully"), що означає використання новітніх технологій, подібних DHTML або JavaScrіpt, таким чином, щоб забезпечувати функціонування сторінки й на більше ранніх версіях браузерах. Кожному - по потребах. Інший удалий, але більше трудомісткий підхід - створити кілька версій сайту, розрахованих на різні можливості користувачів. Деякі сайти надають користувачам самостійно вирішувати, яку з версій вони хочуть подивитися. Часто при вході на сайт користувача просять зробити вибір між версією з повним набором ефектів і просто текстової або між версіями - із фреймами й без них. Такий варіант передає керування в руки користувача. Ще більше один підхід - автоматичний запуск версії, що відповідає типу браузера, що робить запит. JavaScrіpt може задавати дії залежно від використовуваного браузера. Крім того, сторінки можуть бути скомпоновані в процесі роботи для конкретного браузера серверними включеннями (Server Sіde Іncludes). Засоби перевірки HTML. Незалежно від того, який браузер обраний, однією з умов успіху є правильне програмування HTML. Існує ряд онлайнових ресурсів, які перевіряють Web-сайт на відповідність різним показникам якості, включаючи сумісність із браузерами (або погодженість із HTML-специфікацією) вашої програми. Крім того, є засоби, що перевіряють HTML-код на наявність помилок. Найбільш популярні послуги з перевірки якості HTML надають: WebSіteGarage http://www.Websіtegarage.com; NetMechanіc http://www.netmechanіc.com; Doctor HTML http://www.іmagіware.сom. Перевірка з використанням редакторів HTML. Бази даних сумісності браузерів і засобу перевірки HTML починають прокладати шлях до авторського інструментарію HTML. Так, GoLіve Cyberstudіo (тільки для Мас: http://www.golіve.com/) надає повну базу всіх тегів HTML, а також інформацію про їхню підтримку браузерами. Ще більш корисний засіб "Check Target Browsers" інструмента Macromedіa Dreamweaver. Автори задають типи браузерів, для яких вони розробляють сайт (Netscape 2.0, 3.0 і 4.0 і Internet Explorer 2.0, 3.0, 4.0, 5.0), a Dreamweaver перевіряє, чи всі теги й атрибути підтримуються обраними браузерами. Висновки В даній дипломній роботі розглянуті актуальні питання розробки й створення сучасного Web-сайту. При цьому мною були вирішені наступні приватні завдання: - ознайомлення із сучасними Інтернет-технологіями і їхнє використання в дійсній розробці; - вивчення програмного інструментарію, застосовуваного для розробки й створення Web-сайтів; - виявлення й облік методів і способів подання на Web-сторінках різних видів інформації, що не перешкоджає їхньої доступності; - ознайомлення з основними правилами й рекомендаціями з розробки й створення Web-сайтів і неухильне проходження їм на практиці; - визначення структури Web-сторінок; - вибір стратегії розробки і створення Web-сайту. В результаті проведених робіт на базі обраних технологій був створений сучасний Web-сайту. До числа його основних відмінних рис можна віднести наступне: * маленький розмір файлів з кодами Web-сторінок (їх лістинг наведений у додатку), що забезпечує їхнє швидке завантаження з Мережі на клієнтській машині; * векторний формат використовуваної графіки, стислі формати растрові й звукові файли, що так само позитивно впливає на зменшення розміру Web-сторінок і часу їх завантаження по каналах Мережі; * відсутність проблем сумісності з різними браузерами, наприклад такими широко розповсюдженими, як Internet Explorer і Netscape Navіgator; * автоматична підтримка antі-alіasіng (згладжування контурів за допомогою змішання сусідніх квітів), що значно поліпшує естетичне сприйняття використаної графіки; * гнучкість, відкритість і модифікування за допомогою простих засобів. До числа наявних недоліків можна віднести наступне: * необхідність оволодіння ідеологією й засобами Macromedіa Flash 8.0 - сучасним професійним інструментарієм створення Web-сторінок; * вимушеність використання для існуючих версій браузерів (поки ще не випущені їхні обновлені версії) модуля-програвача, що підключає, (Flash Java Player) для адекватного перегляду Flash-сторінок. Методика процесу розробки й створення Web-сайту, використана в даній роботі, була опробована й досліджена в реальних умовах моєї професійної діяльності й показала свою працездатність і ефективність.

3. Розробка системи керування та актуалізації інформації web-сайту національного оператора Енергоринка

3.1 Вибір інструментарію для створення web-сайту та системи керування

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

3.1.1 Критерії вибору інструментарію

Визначимо основні критерії, за якими ми будемо обирати ту чи іншу систему, мову:

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

Мова описів сценаріїв повинна добре зістиковуватись із ВЕБ-сервером, на який вона встановлюється.

3.1.2 Порівняння опрецаійних систем та мов опису скриптів

Досить часто доводиться зустрічати порівняльні характеристики тих чи інших платформ, мов, середовищ, але частіше за все даний аналіз є необ'єктивним, так як передбачає їх порівняння у окремих випадках. Серед платформ можна обирати лінійки Windows та Unix, так як в основному у мережі Інтернет використовуються саме ці операційні системи для створення ВЕБ-серверів. Окрім них можна згадувати і інші системи, але вони не є настільки розповсюдженими і не настільки часто використовуються. Щодо ВЕБ-серверів, то серед них у порівнянні приймали участь: Apache,IIS, вбудовані ВЕБ-сервера, інтерпретатори мов на стороні сервера, PHP, Perl, ASP/VBScript, Java.

Розглядаючи Unix-системи спробуємо віднайти загальний для усіх них варіант ВЕБ-серверного рішення. Для цього розглянемо системи Solaris 2.6, Linux 2.2.x, RedHat 6.x. Для кожної з них існує достатня кількість потрібних нам серверних рішень. Але для узагальнення налагодження та спроби знайти оптимальне рішення ВЕБ-сервер - мова описів сценаріїв ми зупинимося на варіанті Apache та інтерпретаторі PHP. Цей вибір пояснюється тим, що ВЕБ-сервер Apache з самого початку був створений для Unix-платформ, окрім цього він встановлюється на більшість з платформ цього типу. Крім цього на сьогоднішній день існує варіант даного сервера для Windows - платформ, що найкращим чином обумовлює перехід з однієї платформи на іншу. Щодо інтерпретатора PHP, то деякий час він навіть був вбудований у ВЕБ-сервер Apache, що каже про максимальну сумісність цих двох продуктів. Як і ВЕБ-сервер Apache, інтерпретатор PHP також існує у варіанті, що встановлюється на платформу Windows.

З лінійки Windows - систем розглянемо системи Windows 9x і вище. Настільки широкий вибір дозволить встановити ВЕБ-сервер на довільному персональному комп'ютері з операційною системою Windows. В даному випадку систему можна буде використовувати як для прямого використанні в Інтернеті, так і локально в організації, у мережі Інтранет. Для систем Windows NT та вище існують ВЕБ-серверні рішення IIS, але вони не поширюються на більш старі системи, такі як Windows 9x, для яких існує адаптований варіант ВЕБ-серверу, так званий Persona Web Server. Але загального рішення для усієї лінійки немає, що обумовлює додаткове втручання у налагодження роботи серверу. Тим більше, що даний варіант ВЕБ-серверу не переноситься на інші платформи. Що ж стосується варіанту ВЕБ-серверу Apache, адаптованому під цю платформу, то він досить просто встановлюється та потребує мінімального втручання у налагодження. Крім цього досягається однотипність налагодження для усіх систем даного типу.

HTTP сервер Apache дозволяє:

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

- видача коректних Content-type:...;charset=...;

- видача при необхідності заголовку Expires: для Proxy серверів;

- видача коректних заголовків Vary: та ETag, в результаті є можливість коректного кеєшування Документів (якщо proxy-cache з підтримкою HTTP/1.1 );

- автоматичне пере направлення клієнтів на URL у вірній кодировці.

У сервері використовується декілька методів согласування кодування клієнту та серверу:

- через заголовки клієнта Accept-Charset: або Accept: text/x-cyrillic... якщо сервер знає що charset, котрий запитує клієнт, то ці заголовки мають більший пріоритет для сервера, невраховаючи налаштування на native charset;

- через пошук імені сервера у назвах однієї з кодованих сторінок;

- через пошук в префіксі запрошеного URI назви однієї з закодованих сторінок;

- через явне вказання відповідності «номер порту - кодування»;

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

- для різних (віртуальних) серверів, або дерикторій окремо.

З виконаного порівняння випливає, що найкращим рішенням є використання ВЕБ-серверу Apache 2.0.55 (Win32) та мови описів сценаріїв PHP 5.1.2 в режимі CGI.

3.1.3 Вибір мови програмування

Головним чинником при проектуванні та вибору мови РНР є практичність. РНР повинен надати програмісту засоби для швидкого і ефективного вирішення поставлених завдань. Практичний характер РНР обумовлений п'ятьма важливими характеристиками:

традиційністю;

простотою;

ефективністю;

безпекою;

гнучкістю.

Існує ще одна «характеристика», яка робить РНР особливо привабливим: він розповсюджується безкоштовно!

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

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

3.3 Головні задачі що ставляться перед адміністративною частино web-сайту

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

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

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

Можливість підтримки постійного з'єднання з БД підчас проведення операцій з даними оскільки створення з'єднання з БД при кожному звертанні користувача до програми потребує багато часу).

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

Можливість переносу на інші платформи без істотної модифікації тому що компілюється додаток стороннім інтерпретатором котрий оптімізований під певну платформу, а мовні засоби, що реалізовані в додатку я універсальними та загально прийнятими в цій області технологій. На 90% сервері встановлене все необхідне для функціонування даного додатку, а саме: HTTP Server, PHP, mySQL.

3.4 Функції, реалізовані в проекті

Головними задачами, що були сформульовані для системи адміністрування Web-сайту - це надання різновидів інформації її пошук та оперативна зміна, а саме:

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

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

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

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

Нижче приведені описи функцій котрі були використанні при створенні нашого додатку.

3.5 Компоненти, що використовувались

Всі використані в підсистемі компоненти є стандартними компонентами палітри компонентів HTML (Macromedia Dreamweaver 8), їх перелік наведено у табл. 1.

Назва	Призначення	Використання в додатку
<form id="form1" name="form1" method="post" action="">	Компонент призначений для створення форм в HTML додатку та передачі зміних POST або GET методом.	Використовується для передачі параметрів(змінних) між сторінками
<input name="" type="text" />	Текстове поле призначення для введення та введення певної інформації	Дозволяє користувачеві введення інформації.
<input name="" type="hidden" value="" />	Скрите текстове поле; Поле, що користувач не бачить на своєму екрані. Воно використовується для збереження та передачі параметрів (змінних).	Використовується для збереження та передачі зміних.
<textarea name="" cols="" rows=""></textarea>	Тестове поле, що дозволяє вводити та виводити велику кількість текстової інформації воно оснащене горизонтальним та вертикальним скролінгом.	Використовується для введення великого масиву тексту.
<input name="" type="image" />	Поле зображення використовується для розміщення графічних об'єктів	Використовується для розміщення графіки
<input name="" type="checkbox" value="" />	Компонент галочка використовуется як перемикач вибору TRUE FALSE	Для вибору групи об'єктів.
<input name="" type="radio" value="" />	Компонент для здійснення вибору «дин з»	Для здійснення вибору.
<label></label>	Компонент мітка для введення тексту.	Використовуємо для виведення тексту.

<strong></strong>	Використовується для форматування тексту. «Жирний»	При оформленні тексту.
<em></em>	Використовується для форматування тексту. «Курсив»	При оформленні тексту.
<p></p>	Використовується для форматування тексту. «Абзакс»	При оформленні для розбиття тексту на абзакси.
<h1></h1>	Заголовок №1	Для оформлення заголовку.
<h2></h2>	Заголовок №2	Для оформлення заголовку.
<h3></h3>	Заголовок №3	Для оформлення заголовку.
&nbsp;	Компонент емітуючий «пробіл».	Для розділення слів та тексту.
<br />	Компонент емітуючий перехід на наступний рядок.	Для форматування тексту.
<hr />	Для от ображення горизонтальної лінії	Розділення тексту та елементів управління між собою.
<table></table>	Компонент використовується для створення таблиці	Для розміщення зображення фону елементів управління та тексту в певних місцях екрану.
<tr></tr>	Компонент строки таблиці.	Для створення в таблиці строк.
<td></td>	Компонент данні таблиці.	Для введення даних у таблицю.
<object></object>	Компонент для додавання об'єктів різних додатків.	Для додавання анімованних об'єктів флеш.swf для оформлення сторінки та виконання певних операцій.

3.6 Проектування бази даних web-сайту

В якості СУБД в сайті використовується СУБД MySQL 4.1. Ця система являє собою відносно невеликою та швидкодійною реляційною СУБД заснованою на традиціях Hughes Technologies Mini SQL (mSQL). Вона розроблена фірмою Михаель Видениусом (Michael Widenius).

SQL - найпоширеніша мова для роботи з базами даних. Мова SQL закладена в основу практично всіх існуючих СУБД. MySQL (http://www.mysql.com) - надійна СУБД на базі SQL, розроблена і супроводжувана фірмою Т.с.Х DataKonsultAB (Стокгольм, Швеція). Починаючи з 1995 року, MySQL стала однієї з найпоширеніших СУБД у світі, що обумовлено її швидкістю, надійністю і гнучкою ліцензійною політикою.

Завдяки гарним характеристикам і великому наборові стандартних інтерфейсних функцій, дуже простих у використанні, MySQL стала самим популярним засобом для роботи з базами даних у РНР. MySQL - це реляційна база даних.

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

MySQL - компактний багато поточний сервер баз даних. MySQL характеризується великою швидкістю, стабільністю та легкістю у використанні. MySQL був розроблений компанією ТсХ для внутрішніх потреб, що полягали у швидкій обробці дуже великих баз даних. Компанія стверджує, що використовує MySQL з 1996 року на сервері з більш ніж 40 БД, що містять 10,000 таблиць, з яких більш ніж 500 мають більш 7 мільйонів рядків.

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

MySQL-сервер є безкоштовним для некомерційного використання. Інакше необхідне придбання ліцензії, вартість якої складає 190 EUR.

Можливості MySQL.

MySQL підтримує мову запитів SQL у стандарті ANSI 92, та крім цього має безліч розширень до цього стандарту, яких немає в жодній інший СУБД.

Короткий перелік можливостей MySQL.

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

2. Кількість рядків у таблицях може досягати 50 млн.

3. Швидке виконання команд. Можливо MySQL найшвидший сервер з існуючих.

4. Проста та ефективна система безпеки.

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

5. Підтримка вкладених запитів, типу SELECT * FROM table1 WHERE id IN (SELECT id FROM table2). Стверджується, що така можливість буде у версії 3.23.

6. Не реалізована підтримка транзакцій. Замість пропонується використовувати LOCK/UNLOCK TABLE.

7. Немає підтримки зовнішніх (foreign) ключів.

8. Немає підтримки тригерів та збережених процедур.

9. Немає підтримки представлень (VIEW). У версії 3.23 планується можливість створювати представлення. За словами творців саме пункти 2-4 дали можливість досягти високої швидкодії. Їхня реалізація істотно знижує швидкість сервера. Ці можливості не є критичними при створенні Web-аплікацій, що в поєднанні з високою швидкодією та малою ціною дозволило серверу набути велику популярність. Також достатньо вагомим аргументом при виборі бази данних, що не залишило сумнівів про вірність нашого вибору зробив той факт, що сервер реляційних баз даних MySQL є стандартним сервером більшості хост серверів, що надає можливість безпроблемного встановлення нашого сайту на будь-який сервер.

3.6.1 Структура бази даних.

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

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

3.6.2 Структура таблиць

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

вхідний HTML код, що використовується для заповнення сторінок;

інформація необхідна для формування меню;

інформація для забезпечення функціонування Гостьової книги та поштової системи

4 інформація необхідна для формування підменю;

інформація необхідна для оздоблення основної сторінки;

інформація необхідна для збереження параметрів налаштування;

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

Розглянемо детально кожен з цих пунктів.

1) Вхідний HTML код, що використовується для заповнення сторінок:

В процесі формування кінцевої веб сторінки котру бачить користувач приймають участь.

Данні, що знаходяться в таблиці тобто HTML код. Зберігаються наступні данні:

зміст сторінки для відображення;

заголовок вікна для динамічного змінювання;

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

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

Таблиця 1 - data:

Назва	Тип	Опис	Пусте	Замов
id	int(11)(auto_increment) (primary key)	Номер сторінки	Ні	0
sub_id	Int(11)	Номер підсторінки	Ні	0
title	text	Назва(заголовок).	Ні	-
source	text	HTML код певної сторінки	Так	-
	Type=MyISAM
Поле	Призначення
id	Призначений для задання номера сторінки для подальшої обробки
sub_id	Призначений для задання номера підсторінки
title	Призначений для збереження заголовку
source	Призначений для збереження HTML коду

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

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

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

- ім'я автора, що залишив повідомлення для подальшого відображення;

- дата занесення повідомлення для подальшого відображення;

- час занесення повідомлення для подальшого відображення;

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

- поля які б могли класифікувати, що це є відповідь чи питання від(до) викладача;

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

- поле, що містить адресу електронної скриньки для забезпечення зв'язку.

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

Таблиця 2 - guest:

Назва	Тип	Опис	Пусте	Замов
id_guest	int(6)(auto_increment) (primary key)	Номер повідомлення	Ні	-
author	text	Ім'я автора	Так	-
added_d	text	Додано дата	Так	-
added_t	text	Додано час	Так	-
message	text	Текст повідомлення	Так	-
answer	int(1)	Чи це є відповідь	Так	0
quest	int(1)	Чи це є питання	Так	0
ip	text	Айпи адреса автора	Так	-
email	text	Адреса електронної скриньки	Так	-
	Type=MyISAM
Поле	Призначення
id_guest	Призначене для збереження номеру повідомлення для наступної обробки
author	Призначене для збереження ім'я автора повідомлення
added_d	Призначене для збереження дати коли було додано повідомлення
added_t	Призначене для збереження часу коли було додано повідомлення
message	Призначене для збереження тексту повідомлення
answer	Призначене для збереження 0 або 1 в залежності від чи це питання чи відповідь
quest	Призначене для збереження 0 або 1 в залежності від чи це питання чи відповідь
ip	Призначене для збереження айпи адреси
email	Призначене для збереження адреси email

Інформація необхідна для формування меню:

- номер пункту меню для зручності обробки та впорядкування у таблиці та зв'язку з відповідним полем таблиці “data”;

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

Таблиця 3 - menu:

Назва	Тип	Опис	Пусте	Замов
id	int(11)(auto_increment) (primary key)	Номер пункту меню	Ні	-
name	text	Назва пункту меню	Так	-
	Type=MyISAM
Поле	Призначення
id	Призначене для збереження номеру пункту меню для наступної обробки
name	Призначене для збереження назви пункту меню для подальшого відображення

Таблиця 4 - source:

Назва	Тип	Опис	Пусте	Замов
id	int(6)(auto_increment) (primary key)	Номер запису	Ні	-
sour	text	Вміст виноски	Так	-
top	text	Вміст верхнього заголовка	Так	-
bottom	text	Вміст нижнього заголовка	Так	-
	Type=MyISAM
Поле	Призначення
id	Призначене для збереження номеру запису
sour	Призначене для збереження вмісту виноски
top	Призначене для збереження вмісту верхнього заголовка
bottom	Призначене для збереження вмісту нижнього заголовка

В системі використовується одна база даних “SITE”, котра містить всі необхідні таблиці. З її складу можна виділити таблиці, що використовує підсистема:

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

2 guest: ця таблиця містить данні для організації гостьової книги

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

4 source: ця таблиця містить данні необхідні для оздоблення головної та інших сторінок.

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

- швидкий доступ до даних;

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

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

- забезпечення швидкості та зручності оновлення інформації

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

Система БД, як для сайту Національного оператора енергоринку так і для системи адміністрування єдина. Зміни в системі адмістрування в базі даних призводять для змін в кінцевому веб документі.

3.6.3 Структура об'єктів доступу до даних

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

3.7 Проектування системи керування та актуалізації інформації

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

Система адміністрування складається з:

- форма авторизації;

- головне меню;

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

- система додавання, редагування та видалення інформації з відповідними органами управління;

Форма авторизації:

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

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

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

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

Головне меню користувача:

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

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

Головне меню складається з заголовку та пунктів меню:

- Редагування пунктів головного меню;

- Додавання нового пункту до головного меню;

- Редагування пунктів з підменю;

- Додавання нового пункту до підменю;

- Редагування вихідного коду з головного меню;

- Редагування вихідного коду з підменю;

- Індексуючий скрипт;

- Налаштування системи;

- Вихід;

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

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

Новини

Держенергонагляд

Держінспекція

Робота ОЕС України

Кадрова політика

Тендери

Корисні посилання

Міжнародна діяльність

Про підприємство та енергетику

Контакти

Нормативна база

Гостьова книга

Архів

Реєстрація

Користувачеві надається можливість змінити кожен з цих пунктів головного меню. Для цього необхідно клікнути на одному з цих пунктів котрий підлягає редагуванню. З'явиться вікно, що складається з заголовку, опису, номеру обраного пункту головного меню, поля вводу що містить назву цього меню на початок редагування та органів управління у складі двох кнопочок «Оновити» та «Відміна».

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

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

Додавання нового пункту до головного меню.

При переході по цьому пункту меню користувачеві надається можливість додавати нові пукти меню до головного меню. В формі «додавання нового пункту до головного меню» розміщенні такі елементи: заголовок, описання, поле вводу та елементи управління.

В поле вводу вводитися бажане ім'я нового пункту головного меню.

До елементів управління відноситься дві кнопочки «Додати» та «Відмінна».

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

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

Редагування пунктів з підменю.

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

Новини

Оголошення

Тендерна документація

Результати проведення тендерів

Форма редагування ідентична з тою, що описувалась вище, а відрізняється лише трохи графічно і функціонально. Зміст форми, розміщення поля вводу та елементів керування ідентичне розділу «Редагування пунктів головного меню» з поправкою на редагування пунктів підменю.

Додавання нового пункту до підменю.

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

Редагування вихідного коду з головного меню.

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

Перш за все генерується список елементів(пунктів), що входять до складу головного меню, щоб користувач обрав один з них перейшов до безпосереднього процесу редагування. До втручання користувача стандартний набір головного меню описаний вище. Після того, як користувач обере певний пункт головного меню виконується запит до БД з метою отримання вхідного HTML коду котрий використовується для відображення веб-сторінок у браузері для подальшої обробки та передачі на віртуальний JAVA-HTML редактор, що дозволяє без певних знань в області HTML розмітки та синтаксису редагувати веб-сторінки інструментарієм схожий на MS Word.

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

JAVA-HTML редактор складається з панелі інструментів вікна редагування та перемикача режимів перегляду інформації: Стандартний та HTML. Та кнопочки що виконує запит до БД з метою оновлення інформації.

Панель інструментів розбита на такі групи по функціональності:

Робота з файлами:

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

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

Робота з буфером обміну:

- вирізати (вирізає виділений текст та переміщує його у буфер обміну);

- копіювати (копіює виділений фрагмент до буферу);

- вставити (вставляє в виділене місце текст з буферу);

- Відкриття вікна попереднього перегляду;

Історія дій

- відміна дії (відміна останньої дії);

- повтор дії (повтор останньої дії);

- додавання елементів;

- додавання гіперссилки (забезпечую додавання гіперссилки на інший об'єкт з параметрами для відображення);

- додавання зображення (дозволяє додавати графічні зображення до документу);

- додавання таблиці (додає таблиці для введення інформації та позиціонування інформації);

- робота з шрифтом;

- тип шрифту (зміна типу шрифту на шрифт зі списку);

- розмір (зміна розміру шрифту);

- редагування стилю;

- жирний (робить виділений текст жирним);

- похилий (робить виділений текст похилим);

- підкресленний (підкреслює виділений текст);

- перекреслений (перекреслює виділений текст);

- зміна кольору (змінює колір виділеного тексту на колір з палітри кольорів або на певний інший при вказані його коду);

- зміна розміщення;

- з лівого краю (змінює позіціонування тексту по лівому краю);

- по центру (змінює позіціонування тексту по центру);

- з правого краю (змінює позіціонування тексту по правому краю)

Позиціонування тексту

- редагування списків

- маркерний список (створює маркерний список);

- нумерованний список (створює нумерований список);

- редагування отступів;

- внутрішній (дозволяє користувачеві змінювати внутрішній отступ);

- зовнішній (дозволяє користувачеві змінювати зовнішній отступ);

- оздоблення;

- додавання ліній (додає до документу горизонтальну лінію);

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

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

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

Для завершення редагування передбачено 3 шляхи:

- перегляд

- збереження

- оновлення інформацій через систему адміністрування сайту Національного оператора енергоринку

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

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

Оновлення інформації - виконання ряду запитів до БД з метою оновлення вибраної сторінки з сайту IT Національного оператора енергоринку.

Редагування вихідного коду з підменю.

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

Всі операції порозводяться за схожою послідовністю, як для попереднього пункту.

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

Індексуючий скрипт.

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

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

Налаштування системи.

В цьому розділі зберігається інформація про на лаштунки сайту Національного оператора енергоринку.

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

В полях введення можна змінити

- ім'я та пароль користувача, що використовує систему адміністрування;

- ім'я та пароль користувача, що відповідає на питання в Гостьовій книзі;