Розробка Web-сайту для ТОВ "ТС ПЛЮС"

Размещено на http://www.allbest.ru

ЗМІСТ

Вступ

1. Загальна частина

1.1 Огляд та аналіз існуючих аналогів

1.2 Аналіз технічного завдання

2. Спеціальна частина

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

2.2 Обгрунтування програмного забезпечення

2.3 Вибір мов програмування

2.4 Розробка WEB-сторінок

2.5 Розробка бази данних

2.6 Організація хостингу

2.7 Організація інформаційного захисту контенту сайту

2.8 Організація реклами сайту

3. Організаційно-економічна частина

3.1 Позитивні результати проведеної роботи

3.2 Розрахунок витрат на розробку ДКР

3.3 Розрахунок економічної ефективності проведеної роботи

4. Охорона праці

4.1 Вимоги до техніки безпеки

4.2 Вимоги до промислової санітарії

4.3 Вимоги до пожежної безпеки

Висновки

Перелік посилань



Вступ

У сучасному світі все більше з'являється веб-ресурсів. Сьогодні кожна компанія зобов'язана мати своє представництво в інтернеті.

Метою дипломної роботи є розробка Web-сайту для ТОВ «ТС ПЛЮС», що спеціалізується на виробництві ексклюзивних м'яких меблів для готелів, театрів, конференц-залів, кінотеатрів і спортивних установ.

Підбір необхідних матеріалів по розробці сайтів здійснювався з Internet і відповідної літератури.

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

З переліку всіх можливих варіантів, для розробки сайту я обрав створення інтернет-магазину за допомогою OpenCart .

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

сайт програмування хостинг контент сторінка



1. Загальна частина

1.1 Огляд та аналіз існуючих аналогів

Типи сайтів :

Сайт-візитка

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

Сайт-візитка - це:

· зручний засіб для промацування грунту ринку;

· не дорого;

· швидко;

· вигідний для організацій, у яких бізнес здійснюється не в Інтернеті.

Корпоративний сайт

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

Отже, корпоративний сайт - це:

· доказ серйозності і перспективності бізнесу;

· гідне представництво компанії на ринку;

· найдешевший і масовий спосіб реклами бізнесу;

· зручно і економічно виправдано.

Промо-сайт

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

Промо-сайт - це:

· використання можливостей Інтернету для впливу на цільову аудиторію;

· донесення до потенційних клієнтів максимум інформації про товар або послугу;

· потужний і ефективний інструмент реклами компанії та окремих її продуктів.

Сайт-вітрина

Бюджетним варіантом реклами компанії є сайт-вітрина. Якщо компанія хочет продавати в Інтернеті один конкретний товар або групу товарів, то цей тип сайтів ідеально підходить для неї. На таких сторінках знаходиться вся інформація, необхідна для того, щоб клієнт побачив, зацікавився і купив даний товар, не відволікаючись на новини та посилання. Це структурований каталог продукції компанії. Але цей каталог організований таким чином (фото, опис, ціна), щоб клієнт зробив як можна менше кліків, для того, щоб знайти потрібний товар. Головне призначення сайту-вітрини - продавати.

Сайт-вітрина - це:

· максимальний прибуток при мінімальному вкладенні сил і засобів;

· стабільний дохід;

· позитивний імідж компанії.

Інтернет-магазин

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

Інтернет-магазин - це:

· нові можливості для бізнесу;

· розширення ринку збуту;

· залучення широкої аудиторії клієнтів;

· скорочення витрат.

Аналогоми сайту є интернет-магазини меблів :

· Meblis.ua

· sofino.ua

· promebli.ua

На аналогах реалізовано :

· «Головна сторінка» (рис.1.1), на якій міститься коротка інформація про компанію .

· «Контакти» (рис.1.2), на цій сторінці є інформація про місця знаходження магазинів компанії .

· «Про нас» данна сторінка містить стислу інформацію про компанію.

· «Новини», на сторінці відображено графік работи компанії в святкові дні.

· «Зворотний зв'язок», на данній сторінці заповнивши форму можна задати запитання фірмі . або залишити коментар .

Також є каталог товарів який розділений на відділи :

· Дизайнерські меблі, вибір виробів з склопластику марки «INSOLO».

· М'які меблі, меблі з формованого пінополіуретану.

· Меблі на замовлення, виготовлення меблів під замовлення.

· Готові меблі, в данному відділі містяться кухонні кутки, корпусні меблі . столи-трансформери.

· Матеріали, з яких виготовляють меблі.

· На сайті наявний футер.



Рисунок 1.1 - Приклад головної сторінки

Рисунок 1.2 - Приклад контактів сайту



1.2 Аналіз технічного завдання

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

На сьогоднішній день існують кілька етапів розробки веб-сайта:

· Розробка креативної концепції сайту;

· Створення дизайн-концепції сайту;

· Створення макетів сторінок;

· Створення мультимедіа та FLASH-елементів;

· Верстка сторінок і дизайнів;

· Програмування (розробка функціональних інструментів) або інтеграція в систему управління вмістом (CMS);

· Оптимізація і розміщення матеріалів сайту;

· Тестування та внесення корегувань;

· Відкриття проекту на хостингу;

· Обслуговування працюючого сайту або його програмної основи.

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

Пошукова оптимізація - це зміни у веб-сторінках з метою підвищення рейтингу сайту в пошукових системах. Пошукову оптимізацію поділяють на SEO-оптимізацію та оптимізацію сайту. Оптимізація сайту-це те, з чого зазвичай починають просування сайту в пошукових системах.

Оптимізацією сайту називають комплекс заходів щодо структуризації інформації на сайті.

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

Пошукова оптимізація полягає в застосуванні мета-тегів.

В OpenCart оптимізований пошук дозволяє сторінкам бути проіндексованими у всіх основних пошукових системах і включає в себе підтримку користувацьких продуктів і категорій мета-тегів.

В Opencart, наприклад присутні:

· контролер, який відповідає за т. зв. маршрут, тобто кінцевий адресу, який «зашифрований» для сервера у вигляді ЛЗУ;

· таблиця в базі даних, яка зберігає в собі всі пари «реальний адреса» -- ЛЗУ.

Контролер парсити (розбиває) наш ЛЗУ адресу на блоки за допомогою поділу рядка через символ «/», і дивиться, до якого реального адресою має приналежність той чи інший блок.

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

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

Оптимізація сайту -- поняття комплексне. Під оптимізацією сайту найчастіше розуміють:

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

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

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

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

Під оптимізацією сайту розуміють процес зміни структури сайту на основі аналізу ядра запитів.

Оптимізація сайту:

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

· Виправляє мову сайту, «підточує» її на використання пошукових запитів для позначення відповідних їм професійних термінів. Наприклад, у комп'ютерній індустрії жорсткий диск (HDD) прийнято називати «вінчестером». Якщо сайт не дозволяє вживання таких термінів, то це все одно робиться шляхом створення спеціального розділу, де такі терміни вживаються.

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

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

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

На сайті буде створено такі функції :

· «Добавлення товару до закладок» - для економії часу на пошук товару , який зацікавив клієнта .

· «Порівняння товару» - ця функція дозволяе поріняти характеристики декількох товарів на одній сторінці .

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

· На сайті створено сторінку з «Картою сайту»

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

· Реалізовано подарункові сертифікати. Подарунковий сертифікат буде відправлений одержувачу після того як клієнт сплатите вартість Подарункового сертифікату.

Структура веб-сайтів (рис.1.3) :

· Головна сторінка

· Меню сайту

· Гіперпосилання на інші сторінки або сайти

Рисунок 1.3 - Структура Web-сайтів



2. Спеціальна частина

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

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

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

Головне меню включає основні розділи. Якщо максимально спростити структуру - це збільшить кількість користувачів сайту. Але якщо на сайті буду багато зайвої інформації - користувачі відразу відчують незручність і навіть роздратування.

Головної сторінки сайту відкривається доступ до :

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

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

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

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

· Інформаційний відділ - містить в собі інформацію про компанію , а також можливість знайти інформацію про доставку товару.

Структури сайту (рис.2.1) для ТОВ «ТС ПЛЮС» , розроблена в програмі Mindjet:

Рисунок 2.1 - Структура сайту

2.2 Обгрунтування програмного забезпечення

Для створення сайту було розглянемо такі программи:

CMS OpenCart - це движок інтернет-магазину (конструктор для створення інтернет-магазинів) Поширюється як вільне програмне забезпечення за ліцензією GNU General Public License, скорочено GNU GPL означає, що програма безкоштовна і її можна поширювати, вносити зміни будь-яким чином і надалі продавати програму.

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

OpenCart побудований за принципом MVC, це - один з найбільш вдалих способів розділити Дані, Логіку і Шаблон.

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

Загалом OpenCart краще всього підходить для створення інтернет-магазину, якщо розглядати варіант з мінімальними вкладеннями коштів і зусиль у розробку.

Російськомовна версія OpenCart називається - ocStore.

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

Програмне забезпечення написано на мові програмування PHP, а в архітектурі використаний шаблон проектування MVC.

Причини використання Opencart :

· ідеальна архітектура MVC (гарний вибір для початкових програмістів);

· добре спроектована схема БД;

· кешування і ресайз зображень;

Mozilla Firefox -- вільний браузер на движку Gecko, розробкою та поширенням якого займається Mozilla Corporation. Третій за популярністю браузер у світі і першим серед вільного ПЗ . Використовувався у розробці сайту для перевірки дефектів сайту .

Notepad++ є безкоштовним редактором вихідного коду і заміна блокнота, який підтримує кілька мов. Працює в МС середовищі Windows, його використання регулюється ліцензією GPL ліцензії.

Notepad++ написаний на C++ і використовує чистий Win32 API і STL, що забезпечує більш високу швидкість виконання і менший розмір програми.

Необхідний для внесення редагувань в сайт.

Filezilla - це популярний безкоштовний FTP-клієнт, який забезпечує користувачеві доступ до даних з локального комп'ютера на віддалений сервер за допомогою FTP, SFTP і FTPS. Програма є кроссплатформної і працює як на системах Windows, так і на Mac OS X і Linux.

FTP є скороченням від англ. File Transfer Protocol -- протокол передачі файлів, який застосовується для обміну файлами по TCP/IP мереж між двома комп'ютерами (клієнт і сервер).

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

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

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

Adobe Photoshop - графічний редактор, розроблений і поширюваний фірмою Adobe Systems. Цей продукт є лідером ринку в області комерційних засобів редагування растрових зображень, і найвідомішим продуктом фірми Adobe. Часто цю програму називають просто Photoshop. У наш час Photoshop доступний на платформах Mac OS X/Mac OS і Microsoft Windows. Ранні версії редактора були портовані під SGI IRIX, але офіційна підтримка була припинена, починаючи з третьої версії продукту. Для версії CS і CS6 можливий запуск під Linux за допомогою альтернативи Windows API - Wine.

2.3 Вибір мов програмування

Програмне забезпечення для OpenCart написано на мові програмування PHP, а в архітектурі використаний шаблон проектування MVC.

Головним фактором мови РНР є практичність. РНР повинен надати програмісту засоби для швидкого та ефективного вирішення поставлених завдань. Практичний характер РНР зумовлений п'ятьма важливими характеристиками:

· традиційністю;

· простотою;

· ефективністю;

· безпекою;

· гнучкістю.

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

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

Оскільки РНР є вбудованою (embedded) мовою, він відрізняється винятковою гнучкістю по відношенню до потреб розробника. Хоча РНР зазвичай рекомендується використовувати в поєднанні з HTML, він з таким же успіхом інтегрується і в JavaScript, WML, XML та інші мови. Крім того, добре структуровані програми РНР легко розширюються по мірі необхідності (втім, це відноситься до всіх основних мов програмування).

MVC - це досить складний шаблон проектування, але це не скільки шаблон -- скільки метод або ідея того, як можна організувати веб-додаток. І ця ідея полягає в тому, що б відокремити логіку програмування від подання (тобто від виводу на екран).

Отже, як випливає з назви MVC складається з трьох компонентів модель (Model) - вид (View) або подання і контролер (controller).

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

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

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



2.4 Розробка Web-сторінок

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

Model View Controller, або MVC, є паттерном(шаблоном) проектування №1 у сфері веб-розробки. OpenCart просто додає ще один елемент до нього мову. Саме тому назва змінюється до MVC-L(рис.2.2) (Model View Controller - Language). Розглянемо детальніше кожен з розділів і за що вони відповідають.

Рисунок 2.2 - Шаблон проектування MVC-L

Огляд елементів:

· Controller (Контролер). Відповідає за обробку даних.

· Language (Мова). Використовується для поділу мовної інформації.

· Model (Модель). Відповідає за вибірку даних з бази даних.

· View (Вид). Відповідає за візуальне оформлення та подання інформації.

Файли папки View (рис.2.3):

Рисунок 2.3 - Файли папки View

Всі шаблони в Openсart за замовчуванням надається папкою View. У цій папці є ще два каталогу: javascript і theme. Всі необхідні файли JavaScript розміщені в каталозі javascript.

Структура default:

· Image (зображення). Всі зображення, які пов'язані з шаблоном знаходяться тут.

· Stylesheet (css). CSS шаблону

· Template (макети шаблону). Макети шаблону тут, все структуровано за модульним принципом.

Папка template (рис.2.4) містить:

Рисунок 2.4 - Папка template

Openсart використовує зручну структуру організації файлів шаблону. Зараз давайте ближче розглянемо класифікацію макетів в папці template.

Класифікація макетів:

· Common (Загальні). Тут розміщені макети, загальні для всіх сторінок теми. Приклади таких макетів: шапка сайту, нижній колонтитул, бічна панель і тд. У кінцевому рахунку це полегшує роботу з ними.

· Error (Помилка). Макети виведення різних користувальницьких помилок

· Information (Інформаційні). Тут всі макети, пов'язані зі сторінки контакти, картою сайту і статичними інформаційними сторінками.

· Module (Модулі). В Opencart наявна можливість створювати власні модулі для розширення стандартного функціоналу. Саме тут і зберігаються макети пов'язані з модулями.

Крім структурних файлів шаблону є ще й інші директорії макетів, вони також містять конкретні приклади шаблонів файлів. З точки зору Opencart, вони є маршрутними. Наприклад, коли відвідуємо сторінку my account (Мій обліковий запис) у зовнішньому інтерфейсі, макети, пов'язані з нею, можна знайти в catalog/view/theme/default/template/account.

Макети шаблону

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

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

Приклад макетів в Opencart

template/common/header.tpl - шапка, template/common/footer.tpl - футер.

Модульні макети

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

За замовчуванням, існує чотири позиції модульних макетів в шаблоні:

· Верхня - top

· Нижня - bottom

· Ліва колонка - left

· Права колонка - right

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

Як інтерпретується сторінка

На основі маршруту в url opencart шукає контролер відповідальний за обробку поточного запиту. Далі, контролер самостійно виконує іншу частину процесу.

Контролер - це зв'язок між користувачем і системою. Визначає певний зміст і макет використовувати для відображення.

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

Загальні елементи шаблону.

Файл макета default/template/account/login.tpl. містить :

· $header - відображає шапку(верхній колонтитул). Шаблон, що відносяться до нього можна знайти тут - default/template/common/header.tpl

· $footer - відображає вміст футеру(нижнього колонтитула). Шаблон, що відноситься до нього можна знайти на default/template/common/footer.tpl

· $column_left - відображає дані всіх модулів з позицією left . Макет тут - default/template/common/column_left.tpl

· $column_right - відображає дані всіх модулів з позицією right . Макет тут - default/template/common/column_right.tpl

Про розташування модулів(рис.2.5) :

· Авторизуйтесь в панелі адміністратора.

· Перейдіть в розділ макети система->вигляд->макети

· На екрані відобразиться список макетів сторінок, що є в системі.

· home - макет головної сторінки, для редагування.

Рисунок 2.5 - Розташування модулів



Рисунок 2.6 - Скриншот першої сторінки сайту

2.5 Розробка бази данних

База даних для сайту створюється за допомогою MySQL в адміністративній панелі хостингу.

MySQL є ідеальним рішенням для малих і середніх додатків. Входить до складу серверів WAMP, AppServ, LAMP і портативні збірки серверів Денвер, XAMPP, VertrigoServ. Зазвичай MySQL використовується як сервер, до якого звертаються локальні або видалені клієнти, проте в дистрибутив входить бібліотека внутрішнього сервера, що дозволяє включати MySQL в автономні програми.

Гнучкість СУБД MySQL забезпечується підтримкою великої кількості типів таблиць: користувачі можуть вибрати як таблиці типу MyISAM, що підтримують повнотекстовий пошук, так і таблиці InnoDB, що підтримують транзакції на рівні окремих записів. Більш того, СУБД MySQL поставляється із спеціальним типом таблиць EXAMPLE, що демонструє принципи створення нових типів таблиць. Завдяки відкритій архітектурі і GPL-ліцензуванню, СУБД MySQL постійно з'являються нові типи таблиць.

· Необхідно відкрити своїй панелі на хостингу;

· Знаходимо вкладку «База даних MySQL»

· Створіть базу даних зі своїм ім'ям, користувачем, паролем доступу. У користувача повинні бути повні права для роботи з базою.

· Всі дані знову створеної бази даних (ім'я, ім'я користувача, пароль і сервер, де знаходиться MySQL) повинні бути у вас під рукою. Сервер MySQL це зазвичай localchost.

У браузері необхідно відкрити головну сторінку сайту інтернет-магазину OpenCart: [http://project.fillsites.net].

Далі необхідно виконати декілька пунктів :

· Ліцензійна угода (рис.2.8)

· Вимоги (рис.2.9)

· Конфігурація

· Закінчення



Рисунок 2.8 - Ліцензійна угода

Рисунок 2.9 - Вимоги до сайту

Потрібно заповнити дані наявної бази даних і задати логін і пароль для входу в адміністративну панель магазину.

Після завершення установки видалити з каталогу сайту директорію (папку) «install».



2.6 Організація хостингу

Сайт буде розташовано на безкоштовному хостингу .

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

У зв'язку з обмеженням та завантаженістю сервера ваш ресурс буває не доступний, довго вантажиться повільно може працювати панель управління хостингом. З цієї ж причини сервер може деякий час недоступний. Також з причини економії ресурсів, практично скрізь не передбачено резервне копіювання даних і бази даних. Бувають випадки, коли дані губляться.

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

Сайт розміщується безкоштовно на хостингу «HOSTiQ»

Цей хостинг було обрано через :

· забезпечує хостинг сайтів будь-якої складності: від односторінкових візиток до масштабних новинних порталів;

· дозволяє перевірити доступність доменного імені в різних зонах і зареєструвати домен безпосередньо на сайті hostiq.com.ua , буквально в декілька кліків;

· надшвидкісні SSD-диски, прискорюють роботу проекту в кілька разів;

· реєстрація доменів здійснюється у стислі строки;

· надає український хостинг, але не обмежується їм, дозволяючи вибрати датацентри в США, Нідерландах і Франції;

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

Програмне забезпечення хостингу :

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

· SolusVM -- одночасно просунута, доступна і динамічно розвивається панель для управління VPS серверами. Підтримка основних гіпервізоров з відкритим вихідним кодом, якісна підтримка і бажання (і можливість) розробників йти на зустріч клієнтам роблять SolusVM найбільш привабливим вибором серед систем автоматизації управління фермами VPS серверів. Обіцянки розробників додати підтримку хмарних обчислень в найближчих релізах гріють душу і малюють райдужні перспективи в плані побудови хмари і перенесення в нього як VPS, так і Shared, VIP & Reseller серверів для забезпечення ще більшої надійності і аптайма.

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

· Nagios -- наш невпинний вартовий, який спостерігає, так само як і Zabbix, за станом серверів, їх датчиками і сервісами, але на відміну від останнього призначений для оповіщення системних адміністраторів про всі неполадки (або показники датчиків, що виходять за допустимі межі) всіма доступними йому способами. В момент, коли Nagios зауважує проблему, в кімнаті системних адміністраторів в буквальному сенсі звучить сигнал тривоги. За роки експлуатації Nagios обріс купою додаткових модулів, що дозволяють настільки гнучко налаштовувати його, наскільки це необхідно.

2.7 Організація інформаційного захисту контенту сайту

Виконавши декілька протих дій - можливо захиститися від найпоширеніших методів взлому.

· Замінити посилання на адміністративну частину вашого магазину.

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

· Не залишайте за замовчуванням логін для входу в адміністративну частину магазину

admin -- не тільки назва папки, але і логін для входу. Залишаючи ці значення за замовчуванням, ви допомагаєте зловмиснику, адже замість трьох невідомих (логін, пароль, посилання на вхід) йому залишається тільки одна, нехай і найскладніша. Виберіть незвичайний логін при установці магазину на хостинг або змініть його через адміністративну частину: /Система/Користувачі. Не забувайте бути оригінальним при виборі логіна -- це не повинен бути ваш рік народження, адресу електронної пошти або просто слово login. Користуйтеся генераторами випадкових слів.

· Пароль

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

· Адреса електронної пошти адміністратора

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

· Доступ до файлів config.php

Два найважливіших файлу вашого магазину -- це config.php і /admin/config.php (або як тепер називається адміністративна папка). Вони містять інформацію про доступ до бази даних, а значить слід максимально обмежити доступ до цих файлів. Встановіть права 0444 для обох файлів config.php. Зробити це можна через файловий менеджер в панелі управління хостингом або через ftp-клієнт.

· Вимкнути відображення php-помилок

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

2.8 Організація реклами сайту

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

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

· релевантність сторінок;

· оригінальний контент;

· якісний дизайн;

· реєстрація в пошукових системах;

· реєстрація в безкоштовних каталогах;

· соціальні закладки і так далі.

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

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

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

Необхідне дотримання правил створення та структурування матеріалів, а саме наявність:

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

· H1-H6 -- заголовки 1-6 рівня (відповідно значимості) у контенті сторінки, що містять ключові слова у прямому і морфологічному входження (H1 використовується 1 раз на сторінку);

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

· використання тегів виділення в тексті для акцентування уваги на певних моментах і підвищення ваги ключів;

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

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

· схожа з вашою тематика майданчики-донора;

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

· як можна менша кількість сусідніх зовнішніх посилань (ідеал -- одна, норма -- до трьох);

· однорідність цих посилань;

· оптимальність місця розміщення посилань на сторінці, її видимість (підвал виключається);

· різні анкор (оптимально -- одне посилання з прямим входженням плюс одна з не прямим);

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

· проіндексованості сторінок, бажано -- у кількох пошукових системах;

· відвідуваність сторінки-донора;

· наявність вхідних посилань на сайт-донор.

Практично кожна пошукова система також має реєстраційну форму. Заповнити її вкрай необхідно. Додайте свій сайт в каталоги Яндекс, Google, Rambler, Mail та ін. Лише після цього ваш сайт буде проіндексований пошуковими системами і стане з'являтися в результатах пошуку.

У мережі можна знайти різноманітні програми, які допомагають безкоштовно розкрутити сайт. Вам запропонують:

· робити масову розсилку, в яку включаються посилання на ваш проект;

· розміщувати їх на дошках оголошень;

· провести автоматичну реєстрацію в каталогах;

· зареєструвати в пошукових системах;

· включити до рейтинги та інше.



3. Організаційно-економічна частина

3.1 Позитивні результати проведеної роботи

Розробка веб-сайту ведеться для ТОВ «ТС ПЛЮС». Підприємство займається виробництвом ексклюзивних м'яких меблів для готелів, театрів, конференц-залів, кінотеатрів і спортивних установ. А також на підприємстві наявна можливість зробити індивідуальну мебель на заказ.

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

· Розвиток бізнесу та нові клієнти

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

· Гнучкість в експериментах

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

· Комунікація

Інтернет сам по собі є відмінним каналом для взаємодії між людьми, а сайт компанії надає в цьому контексті і відмінні можливості для бізнесу. Форми опитувань і зв'язку, форум, сторінка запитань і відповідей, інтеграція з соціальними мережами, онлайн-консультант - кожен з перерахованих пунктів можна використовувати як канал для комунікації з потенційними клієнтами.

· Побудова спільноти і бренда

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

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

· Інформаційна підтримка та сервіс

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

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

3.2 Методика розрахунку економічної частини

3.2.1 Розробка етапів проведення дослідно-конструкторських робіт

Весь процес розробки веб-сайту можна розділити на етапи. Етапи проектування і зміст кожного етапу представлено у таблиці 3.1

Таблиця 3.1 - Етапи розробки web-сайту

Стадії розробки	Зміст роботи
1. Аналіз побажань та вимог	Отримання замовлення на розробку, вияснення та розуміння того , що хоче отримати замовник, створення та уточнення технічного завдання. Головна мета початкового етапу - знайти та зрозуміти чого в дійсності бажає замовник
2.Уточнення функціональних характеристик	Створюються та уточнюються технічні завдання де враховуються всі побажання замовника. Створюється часова діаграма проекту, де вказані терміни початку та закінчення розробки кожного модуля, частин проекту та всього проекту взагалі .
3.Створення технічного проекту	Створення ескізного проекту який повинен мати вид майбутнього готового проекту за вимогами замовника.
4.Реалізація	Остаточне закріплення елементів програмного забезпечення. Відладка програмного коду та надання програмному забезпеченню готового вигляду та видання готового продукту
5.Системне тестування	Тестування програмного продукту , та виявлення наявної ефективності.
6.Супроводження	Поставлення документу, що детально описує розробку, а саме: - розгляд всіх проблем та задач; - вимоги замовника; - необхідна інформація; - інструкція з використання.

3.2.2 Визначення трудомісткості етапів, кількості виконавців, тривалості проведення етапів

3.2.2.1 Розрахунок трудомісткості етапів

Трудомісткість розраховується в чоловіко-днях витрат робочого часу основних виконавців за формулою:

(3.1)

де - трудомісткість на і-тому етапі, чол.-дн.;

- загальна трудомісткість, чол.-дн.;

?питома трудомісткість, %.

Для першого етапу розрахунок трудомісткості має такий вигляд:

/ 100% = 1.8 дн

Для інших етапів розрахунки проводяться аналогічно, а результати вносяться до таблиці 3.2

3.2.2.2 Розрахунок кількості виконавців

Для створення веб - сайту необхідні такі спеціалісти:

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

· веб-дизайнер - людина яка розробляє зовнішній вигляд інтернет-магазину;

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

Приймаємо загальну кількість виконавців для розроблення інтернет магазину = 3 чоловіки.

3.2.2.3 Розрахунок тривалості етапів

Розрахунок тривалості етапів проводиться за формулою :

(3.2)

де - тривалість циклу на і-тому етапі, днів;

- трудомісткість на і-тому етапі, чол.-дн.;

- загальна кількість виконавців на і-тому етапі, чол.;

- плановий коефіцієнт виконання норм ( - 1,06). Розрахунок тривалості циклу для першого етапу має вигляд:



= = 0,56 днів

Для інших етапів розрахунок проводиться аналогічно, а результати розрахунку заносимо у таблицю 3.2

Таблиця 4.2 - Характеристика робіт по розробці веб - сайту

Назва етапів	Трудомісткість етапів	Виконавці	Тривалість днів
	Ті, чол.-дні	%від суми	Спеціальність	Кількість чоловік
1.Аналіз побажань та вимог	1,8	10	Програміст,консультант, дизайнер.	3	0,56
2.Уточнення функціональних характеристик	0,9	5	Програміст, консультант.	2	0,42
3.Створення технічного проекту	2,7	15	Програміст,консультант, дизайнер.	3	0,84
4.Реалізація	9,9	55	Програміст,консультант, дизайни.	3	3,11
5.Система тестування	1,8	10	Програміст,консультант.	2	0,84
6.Супроводження	0,5	5	Програміст,консультант.	2	0,23
Всього	17,6	100		3	6,00

3.2.2.4 Побудова план-графіку виконання робіт

План графік будується на основі данних таблиці 3.2 і зображується в таблиці 3.3



Таблиця 3.3 - План-графік проведення робіт

3.2.3 Розрахунок витратт на проведення дослідно-конструкторських робіт (розробка веб-сайту)

3.2.3.1 Розрахунок витрат на матеріали, покупні вироби та напівфабрикати (за вирахуванням відходів)

Витрати на основні матеріали розраховуються за формулою :

де - застрати на основні матеріали, грн.;

- коефіціент, який враховує транспортно-заготівельні витрати;

- ціна на і-й матеріал, грн.;

- потреби в матеріалі і-того найменування;

n - кількість найменування матеріалу.

Розрахунок витрат на основні матеріали виглядає так:

= (1+ 0,05) • (1 • 75 + 1 • 70 + 1 • 60) = 215,25 грн.



Розрахунок витрат на основны матеріали занесений до таблицы 3.4

Таблиця 3.4 - Розрахунок витрат матеріалів і їх вартість

Назва матеріалу	Одиниця вимірювання	Кількість	Ціна за одиницю,грн	Загальна вартість, грн
Папір офісний А4(500шт.)Xerox	шт	1	75	75
Набір DVD дисків(10шт.)Genius	шт	1	70	70
Краски для принтера 100 мл	шт	1	60	60
Всього	205
Транспортно-заготівельні витрати 5% від загальної вартості	10.25
Всього з транспортними витратами	215.25

3.2.3.2 Розрахунок основної, додаткової заробітної плати і відрахувань на соціальне страхування

Розрахунок здійснюється згідно місячних посадових окладів основних працівників:

- інженер-програміст - 4000 грн.;

- веб-дизайнер - 2600 грн.;

- замовник консультант - 1400грн.;

Нарахування та виплата надбавок, доплат та премій проводиться у відповідності з Законом Украіни про оплату праці.

Розрахунок заробітної плати за один чоловіко-день здійснюється за формулою:

- заробітна плата і-того працівника за один чоловіко-день, грн..;

...