Глава 2. Проектування web-сайту освітнього закладу та розміщення його в мережі Інтернет

2.1 Розробка web-сайту

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

Формування цілей і завдань сайту.

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

Які функції буде виконувати сайт?

Яка аудиторія відвідувачів сайту?

Якого роду інформація необхідна потенційної аудиторії?

Як буде реалізована схема оновлення (поповнення) матеріалів сайту? Хто буде відповідальний за наповнення кожного розділу?

Які способи просування сайту для формування його відвідуваності цільовою аудиторією?

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

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

Проведені в НДІ інформаційних технологій соціальної сфери Кемеровського державного університету культури і мистецтв (КемГУКІ) дослідження контенту сайтів освітніх установ (вузів культури і мистецтв, федеральних освітніх сайтів), музеїв, бібліотек, органів виконавчої влади виявили ряд загальних недоліків, значно знижують ефективність створюваних Інтернет- ресурсів. Виявлені недоліки свідчать про те, що проблема якості сайтів носить комплексний характер і включає питання як програмно-технічного, організаційного, так і семантичного характеру. [4, 5]

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

Аналіз ситуації в Інтернет

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

Цей етап включає в себе:

Аналіз існуючих освітніх сайтів і їх сервісів;

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

Аналіз необхідних програмних розробок, їх продуктивності та ефективності;

Аналіз існуючих доменних імен.

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

Доменні імена можуть ставитися до 2 або 3 рівня. Якщо ви будете вдоволені доменним ім'ям 3 рівні, то хостинг для сайту обсягом до 50 Мбайт (іноді більше) можна знайти абсолютно безкоштовно, наприклад у Яндекса на Народе.ru.

Доменне ім'я 2 рівні:

http://адрес_ресурса, наприклад http://www.atsrf.ru.

Доменне ім'я 3 рівні:

http://адрес_ресурса.адрес_сервера, наприклад http://www.web-book.narod.ru [12].

У нашому випадку сайт буде розміщуватися на платному хостингу (див. § 2) і, відповідно, мати доменне ім'я 2 рівні.

Проектування структури сайту

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

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

Існує кілька видів структурування інформаційного матеріалу на Web-сайті [8]:

Лінійна структура

Матеріал весь розташовується послідовно

Ієрархічна структура

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

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

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

Широка неглибока ієрархія.

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

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

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

Змішана структура

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

Наш сайт буде представляти собою широку ієрархію з елементами нелінійної структури. Перший рівень ієрархії складають 3 основні рубрики («Про УФС», «Студенту», «Абітурієнту») і 3 додаткові («Байрам», «Час читати!», «Твій дозвілля»).

Збір матеріалів і розробка навчальних курсів

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

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

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

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

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