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-сайту, використана в даній роботі, була опробована й досліджена в реальних умовах моєї професійної діяльності й показала свою працездатність і ефективність.