2.2.2Верстка

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

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

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

На даному етапі використовувалися Adobe CS5 Photoshop і Artisteer.

2.2.3Програмування

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

Для виконання поставленого завдання використовувався патерн MVC - Model-View-Controller.

Шаблон проектування MVC передбачає поділ даних програми, користувальницького інтерфейсу і керуючої логіки на три окремі компоненти: модель, уявлення і контролер – таким чином, що модифікація кожного компонента може здійснюватися незалежно. Модель (Model) надає дані предметної області поданням і реагує на команди контролера, змінюючи свій стан. Представлення (View) відповідає за відображення даних предметної області (моделі) користувачеві, реагуючи на зміни моделі. Контролер (Controller) інтерпретує дії користувача, оповіщаючи модель про необхідність змін.

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

Порядок опрацювання:

1. Ініціалізація середовища: визначення базових констант і змінних

2. Створення примірників класу ModuleControl.

3. Контролер шукає всі наявні модулі та ініціалізує їх.

4. Запускає модулі, що відповідають за авторизацію користувача.

5. Запускає модулі, які відповідають за обробку дій користувача.

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

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

На даному етапі використовувалися CMS Joomla, різні браузери.

 Для створення та управління базами даних використовувалася бібліотека PhpMyAdmin.

Тестові сервера для налагодження: використовувався Apache і MySql у складі пакету Open Server.

Код програмної частини головної сторінки можно побачити в додатку Б.

2.2.4Наповнення сайту

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