ЗМІСТ

ВСТУП 3

1. ЗАГАЛЬНА ЧАСТИНА 5

   1. Предметна область 5

   2. Технології створення сайтів 5

   3. Сучасні методи реалізації завдання 9

   4. Актуальність розробки даної теми 10

2. РОЗШИРЕНИЙ АНАЛІЗ ТЕХНІЧНОГО ЗАВДАННЯ 13

   1. Мета і завдання 13

   2. Вимоги до складу программного продукту

   3. Призначення і цілі створення системи 13

3. ОБГРУНТУВАННЯ ВИБОРУ ЗАСОБІВ РЕАЛІЗАЦІЇ 16

   1. Основні діаграми моделі програмної системи 16

   2. Вибір мови та середовища програмування 17

3.2.1 Мова HTML версії 4.01 18

3.2.2 Мова HTML версії 5 19

3.2.3 Огляд мови CSS 22

3.2.4 Мова CSS версії 2.1 23

3.2.5 Мова CSS версії 3 24

3.2.6 JavaScript та його використання у веб-розробці 25

3.2.7 Java 26

3.2.8 ASP.NET 28

3.2.9 Мова PHP 29

3.2.10 CMS 30

3. Вибір СУБД 35

4. ОПИСАННЯ ПРОГРАМНОГО ПРОДУКТУ 39

   1. Структура сторінки сайту 39

   2. Структура сайту 41

   3. Формування файлової структури 41

   4. Опис шаблону сайту 42

   5. Реалізація фіксованої верстки 43

   6. Результати роботи програми 44

5. ОБСЛУГОВУВАННЯ СИСТЕМИ 44

   1. Безпека сайту 44

   2. Адміністрування 45

   3. Розміщення сайту в інтернеті 45

   4. Забезпечення технічної підтримки веб-сайту 47

6. ОХОРОНА ПРАЦІ 49

   1. Аналіз умов праці та засоби безпеки щодо попередження травматизму і професійних захворювань 49

   2. Організація робочих місць 51

   3. Заходи пожежної безпеки та електробезпеки 55

   4. Охорона навколишнього середовища 56

ВИСНОВКИ 57

ПЕРЕЛІК ПОСИЛАНЬ 58

ВСТУП

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

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

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

Кожен з нас вже зараз може зробити свій внесок у розвиток Internet. Для цього досить створити свій Web-сайт і розмістити його в Мережі.

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

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

Для реалізації системи можна сформувати наступні завдання:

- зібрати і проаналізувати необхідну інформацію, визначити цільову аудиторію, дослідити структуру, концепцію, дизайн і функціональність сайтів конкурентів;

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

- виконати HTML-верстку та заповнити шаблони вмістом;

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

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

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

1. Предметна область

Предметну область можна визначити функціональним підходом.

В даному випадку основним об'єктом предметної області є веб-сайт відео-студії.

Функціональні можливості веб-сайту:

• можливість використовувати зворотний зв'язок;

• можливість закачувати файли на сайт.

Це мінімальний набір характеристик сайту. Природно, що цей набір може бути розширений.

2. Технології створення сайтів

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

При роботі над версткою сайту і створенням необхідних сервісів використовуються такі технології:

• HTML і CSS;

• PHP;

• JavaScript;

• jQuery;

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

HTML (HyperText Markup Language - мова гіпертекстової розмітки) - є стандартною мовою, призначеним для створення гіпертекстових документів в середовищі WEB. HTML-документи можуть проглядатися різними типами WEB-браузерів. Коли документ створений з використанням HTML, WEB-броузер може інтерпретувати HTML для виділення різних елементів документа та первинної їх обробки. Використання HTML дозволяє форматувати документи для їх подання з використанням шрифтів, ліній та інших графічних елементів на будь-якій системі, їх переглядає.

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

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

CSS (Cascading Style Sheets - каскадні таблиці стилів) - це каскадні таблиці стилів. Таблиці стилів - спроба відокремити деталі дизайну сторінки від її структури та змісту. У класичному HTML структура і дизайн були упереміш: поруч з текстовим абзацом його колір, розмір шрифту, тип шрифту і т.п. Якщо змінити такий простий параметр, як розмір шрифту на своєму сайті - доведеться переписувати всі сторінки. CSS дозволяє призначити всім об'єктам стиль, опис якого може зберігатися взагалі в окремому файлі. Використовуючи CSS, можна змінити розмір шрифту у всіх сторінках сайту, виправивши тільки один файл із описом стилів. Чим більше різних стилів ти придумаєш, тим легше міняти дизайн. Найголовніше, що не доведеться міняти вже готові HTML документи, що лежать на сервері. Браузер користувача сам звернеться до файлу (за посиланням) зі стилями і додасть сторінці потрібний вигляд[8].

PHP (Hypertext Preprocessor - препроцесор гіпертексту) – це поширена мова програмування загального призначення з відкритим вихідним кодом. PHP сконструйований спеціально для ведення Web-розробок та його код може впроваджуватися безпосередньо в HTML.

Замість рутинного виведення HTML-коду командами мови (як це відбувається, наприклад, в Perl або C), скрипт PHP містить HTML з вкрапленнями коду (у нашому випадку, це висновок тексту "Привіт, я - скрипт PHP!"). Код PHP відділяється спеціальними початковим і кінцевим тегами <? Php і ?>, Які дозволяють "перемикатися" в "PHP-режим" і виходити з нього.

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

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

Хоча PHP, головним чином, призначений для роботи в середовищі web-серверів, область його застосування не обмежується тільки цим.

JavaScript – це динамічна, об'єктно-орієнтованa мова програмування. Реалізація стандарту ECMAScript. Найчастіше використовується як частина браузера, що надає можливість коду на стороні клієнта (такому, що виконується на пристрої кінцевого користувача) взаємодіяти з користувачем, керувати браузером, асинхронно обмінюватися даними з сервером, змінювати структуру та зовнішній вигляд веб-сторінки. Мова JavaScript також використовується для програмування на стороні серверу (подібно до таких мов програмування, як Java і C#), розробки ігор, стаціонарних та мобільних додатків, сценаріїв в прикладному ПЗ (наприклад, в програмах зі складу Adobe Creative Suite), всередині PDF-документів тощо.

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

jQuery - бібліотека JavaScript, що фокусується на взаємодії JavaScript і HTML. Бібліотека jQuery допомагає легко отримувати доступ до будь-якого елементу DOM, звертатися до атрибутів і вмісту елементів DOM, маніпулювати ними. Також бібліотека jQuery надає зручний API для роботи з AJAX. Зараз розробка jQuery ведеться командою jQuery на чолі з Джоном Резігом.