Лекція 3

Мета: ознайомлення з поняттями «веб-сайти», «класифікація веб-сайтів», «етапи розробки веб-сайту», «Інтернет-технології створення веб-сайтів», «підходи до створення веб-сайтів», «CMS», «класифікація CMS», «Drupal», «Joomla», «WordPress», розвиток уваги, пам’яті, мислення, вміння аналізувати матеріал, виховання у студентів самостійності.
Завдання: розкрити сутність понять «веб-сайти», «класифікація веб-сайтів», «етапи розробки веб-сайту», «Інтернет-технології створення веб-сайтів», «підходи до створення веб-сайтів», «CMS», «класифікація CMS», «Drupal», «Joomla», «WordPress».
Характеристика проблеми, показ стану питання:

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

Виклад лекційного матеріалу

1. Веб-сайти. Класифікація веб-сайтів. Етапи розробки веб-сайту.
Веб-сайт (англ. web – павутина, мережа і site – місце, буквально «місце в мережі») – місце в Інтернеті, яке визначається своєю адресою (доменним ім’ям або IP-адресою), має свого власника і складається з веб-сторінок, доступних в Інтернеті по протоколу HTTP. Веб-сторінки сайту об’єднані: загальною тематикою, оформленням, єдиної навігацією і пов’язані між собою посиланнями. Веб-сторінка – гіпертекстовий документ, що включає тексти, графіку, аудіо, відео, скрипти, та розміщений в мережі, що має свій URL [5, c. 168].
Класифікувати веб-сайти можна за значеннями різних властивостей. Наведемо кілька можливих класифікацій.

Відповідно до основної технології, що була використана для створення веб-сторінок, веб-сайти поділяються на:

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

· динамічні створюються за допомогою мов програмування, наприклад PHP, PERL. Всі сторінки динамічні, тобто інформація на веб-сторінках оновлюється. Приклади: сайти чатів, форумів, новин, погоди;

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

· мішані створюються за допомогою двох або трьох технологій.

За призначенням виділяють такі типи сайтів:

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

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

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

· сайти он-лайн сервісів: сайти електронної пошти, пошукових систем, сайти перекладу слів та текстів. Крім того, он-лайн сервісами, для яких створені відповідні сайти, є сервіси:

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

·сервіс автоматизованої розробки веб-сайтів. На сайтах, розроблених для підтримки цього сервісу, розміщують системи керування контентом CMS (англ. Content Management System – системи керування вмістом, контентом) – програми, що використовують для створення, редагування та керування вмістом веб-сайту;

та ін. [4, c. 250].

Етапи розробки веб-сайту

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

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

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

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

5. Тестування. Перевірка зручності навігації, цілісності даних, коректності посилань і орфографія.

6. Публікація. Розміщення веб-сайту в Інтернеті. Але більшість Інтернет-провайдерів надають послугу розміщення веб-сторінок безкоштовно (ця послуга називається веб-хостингом).

7. Розкрутка. Рекламна компанія і підвищення відвідуваності веб-сайту (реєстрація веб-сайту в пошукових системах, обмін посиланнями, банерна реклама та ін).

8. Підтримка. Необхідно вирішити, яким чином будуть додаватися нові розділи і матеріали, що відбуватиметься зі старими. Можливо, потребується створення архіву новин, куди будуть потрапляти новини, що втратили свою актуальність. Ще більш важливим є регулярне оновлення інформації на веб-сайті для його постійної привабливості [1, c. 53 – 54].

2. Інтернет-технології створення веб-сайтів. Підходи до створення веб-сайтів.
Існує два типи створення веб-сторінок: візуальний і програмований.
Візульний метод – метод створення веб-сторінок, використовуючи візуальні та текстові редактори.
Візуальні редактори (WYSIWYG-редактори) – графічні редактори, які дозволяють будувати макет сторінки та задавати стилі візуально, як в текстовому процесорі [3, c. 379]. Приклади візуальних редакторів: Macromedia Dreamweaver MX, Adobe GoLivi, LiveMotion, Microsoft FrontPage, Google Site (онлайновий редактор).
Текстові редактори – редактори, які мають різні функції, що полегшують написання коду: підсвічування коду (так легше бачити, де в коді вставлено стилі або скрипти, а де просто текст), різні гарячі кнопки й клавіші, які вставляють уже готові конструкції (фрагменти коду, спецсимволи) у код тощо [2, c. 27]. Приклади текстових редакторів: Homesite, HTML Pad, Notepad.
Програмований метод – метод створення веб-сторінок, використовуючи мови програмування та фреймворки: ASP.NET, Java, PHP, Perl, Ruby тощо, але в основі будь-якого коду сайту є мова гіпертекстової розмітки HTML.
HTML (HyperText Markup Language) – стандартна мова, призначена для створення гіпертекстових документів за допомогою керуючих символів – тегів. HTML-документи можуть переглядатися різними типами браузерів.
До окремої категорії можна віднести створення сайту засобами CMS. CMS – це дуже широке поняття, яке включає як дуже прості, що складаються з декількох скриптів, так і складні універсальні системи, призначені для вирішення найрізноманітніших завдань при створенні сайтів.

3. Поняття, призначення, використання «CMS». Класифікація CMS.

На початку XIX ст. під ліцензією GPL була випущена одна з найперших систем управління сайтом – Mambo. У 2005 р. від цього проекту відокремилася група розробників і назвала свій проект Joomla!. Головна особливість цих систем полягає в тому, що з їх допомогою можна створити і підтримувати сайт навіть без знання мов програмування. Це досягнуто за рахунок використання компонентів системи, з яких можна, як з конструктора, зібрати свій сайт [6, c. 317].

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

Різновиди CMS

Системи поділяють на різні категорії, призначені для різних потреб. Існують платні і безсплатні CMS, з відкритим вихідним кодом або без. Переваги платних систем полягають у постійній технічній підтримці з боку виробника, у постійних оновленнях версій продукту, а також у більш високому рівні безпеки порівняно із безкоштовними продуктами. До безкоштовних систем з відкритим кодом відноситься: Joomla, WordPress, Drupal.

Переваги CMS:

1. Застосування шаблонів для автоматичної зміни вигляду веб-сайту.

2. Контент цілком відокремлено від візуального представлення сайту, що спрощує редагування вмісту веб-сайту. Більшість CMS містять візуальний онлайновий редактор, або мають такий додатковий модуль.

3. Модульна архітектура, функціональність якої реалізується за рахунок плагинів (наприклад, для додавання форуму достатньо налаштувати відповідний плагін).

4. Технічна підтримка у вигляді спільноти користувачів.

5. Економія часу розробки сайту.
Огляд безкоштовних CMS

CMS Joomla використовується для створення порталу, має вбудовані модулі: Статистика відвідин, Документообіг, Управління рекламою, FAQ, Опитування, Голосування, Пошук, Форум, Блоги, Розсилка, Новини, Фотогалерея, Інтернет-магазин.

Joomla дуже популярна система управління сайтом. По суті, є продовженням не менш знаменитої Mambо.

CMS WordPress використовується для створення блогу, має додаткові плагини (модулі) і теми.

CMS phpBB використовується для створення форуму, має додаткові модулі і теми оформлення, що кардинально змінюють зовнішній вигляд і структуру форуму.

CMS MODx використовується для створення порталу, має вбудовані модулі: Галерея, Каталог файлів, Голосування, Опитування, Управління рекламою, Форум, Блоги, Пошук, Інтернет-магазин, FAQ, Зворотний зв’язок.

CMS Santafox використовується для створення порталу, має вбудовані модулі: Зворотний зв’язок, Каталог товаров/Інтернет магазин, Новинна стрічка, Фотогалерея, Музичний альбом, Форум, FAQ, Вакансії, Список персоналу.

CMS 4Site використовується для створення порталу, має вбудовані модулі: Новини, FAQ, Глосарій, Галерея, Розсилка, Каталог сайтів, Опити, Каталог заслань, Банери Особливості: система має модульну структуру, зручний інтерфейс управління.

CMS Energine використовується для створення порталу, має вбудовані модулі: Новини, Каталог файлів, Каталог, Пошук по сайту, Зворотний зв’язок, Управління користувачами, Інтернет-магазин.

CMS Typo3 використовується для створення порталу, має вбудовані модулі: Новини, Каталог файлів, Блог, Форум, Галерея, Календар, Зворотний зв’язок, Статті, Управління рекламлй, Розсилки, Чат, Голосування, Опитування, Інтернет-магазин та інші.

RunCMS використовується для створення порталу, має вбудовані модулі: Новини, Форум, FAQ, Каталог файлів, Каталог посилань, Голосування, Партнери. Особливості: має модульну структуру представлення даних

Ekvi X використовується для створення порталу, має вбудовані модулі: Новини, Опитування, Пошук, Зворотний зв’язок. Особливості: CMS написана на мові PHP і використовуюча як сховище змісту реляційну базу даних (на даний момент підтримується тільки MySQL).

OpenCMS використовується для створення порталу, має вбудовані модулі: Статистика відвідувань, FAQ, Опитування, Форум, Блоги, Новини, Каталог файлів, Фотогалерея, Інтернет-магазин. Особливості: має високу адаптованiсть і розширюваність, використовується, як система управління в сайтах абсолютно різної складності.

PHP-Nuk використовується для створення порталу, має вбудовані модулі: Управління рекламою, Опитування, Голосування, Форум, Блоги, Новини, Каталог файлів, Управління користувачами. Особливості: велика кількість доступних для завантаження модулів і блоків.

Drupal використовується для створення порталу, має вбудовані модулі: Каталог файлів, Фотогалерея, FAQ, Статті, Форум, Блог, Голосування, Опитування, Управління рекламою, Пошук по сайту, Зворотний зв’язок, Розсилка. Особливості: Drupal є вільним програмним забезпеченням, захищеним ліцензією GPL і створюється зусиллями ентузіастів зі всього світу.

4. Принципи роботи з CMS: Drupal, Joomla та WordPress. Порівняння Drupal, Joomla та WordPress.

Розглянемо більш детально наступні CMS: Joomla, WordPress, Drupal.

Joomla – простота в управлінні, є фактичним лідером по можливостям і кількості ком’юніті (спільнот). На Joomla можна створити, як сайт-візитку, персональний сайт, так і великі потужні портали, інформаційні проекти,  корпоративні сайти.

Інтернет-ресурси: http://joomla.org –  офіційний сайт Joomla!, http://joomla.org.ua –Joomla! – українська спільнота, http://joomla-ua.org – Joomla! Україна, http://joomlaportal.ru — Joomla! CMS російською.

Drupal – це движок (від англ. «engine», програмне забезпечення), який призначений для спільного керування контентом сайту багатьма користувачами. Система піддається розширенню за рахунок модулів. Можна використовувати при створенні соціальних мереж, порталів, інтернет-газет, різного роду блогів, тощо. Drupal – це навіть не CMS, а каркас (framework) для створення потужних налаштовуваних веб-сайтів.

Інтернет-ресурси: http://drupal.org – офіційний сайт Drupal (англомовний), http://drupal.ridne.net/ – українська спільнота розробників та користувачів Drupal, http://drupal.kiev.ua/ – Drupal українською мовою, http://drupal.ru – сайт для російськомовних користувачів Drupal.

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

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

Інтернет-ресурси: http://wordpress.org – офіційний сайт проекту, http://www.mpcr.biz/ – «Твій гід в україномовному WordPress: теми, плаґіни, інформація», http://mywordpress.ru/ – все про ВордПресс російською».

Завдання для самостійної та пошукової роботи:
Знайти відповіді на наступні питання:
1. TextPattern, Radiant CMS, Cushy CMS, TYPOlight: призначення, особливості роботи.