Програмна розробка веб-сайту

Розробка дизайну

 

Дизайн сайту – поняття складніше, ніж просто зовнішнє оформлення сайту. Під дизайном сайту розуміється і зручність web-сайту для користувача — наскільки виділені потрібні для постійного вживання елементи, чи легко читається текст.

Дизайн сайту повинен задовольняти наступним основним вимогам:

· створювати у відвідувача web-сайту відчуття комфорту завдяки правильній компоновці інформації на сторінці;

· не заставляти відвідувача web-сайту думати і відшукувати елементи управління і навігації по сайту;

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

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

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

 

Верстка

 

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

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

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

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

 

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

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

Для виконання поставленого завдання використовувався патерн 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.

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

 

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

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

Тестування

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

Тестування вирішує декілька основних завдань:

· дає упевненість як кінцевий продукт, підтверджує, що всі заявлені функціональні вимоги реалізовані, додаток їм відповідає і не має помилок в програмному коді;

· підтверджує, що додаток здатний виконуватися у всіх заявлених режимах і на всіх підтримуваних ОС або web-браузерах коректно;

· гарантує, що дані, що зберігаються і оброблювані, надійно захищені від стороннього доступу і "злому";

· визначає, яка максимальне навантаження на сервер, локальну мережу, БД може бути коректно оброблена додатком;

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

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

· функціональне тестування;

· конфігураційне тестування;

· тестування безпеки;

· тестування навантаження;

· тестування usability;

· автоматизоване тестування.

 

ЕКОНОМІЧНА ЧАСТИНА

Аналіз ринку

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

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

Велика складність кількісної оцінки будь-яких параметрів ринку – основна причина повної відсутності якої-небудь аналітичної інформації [16].