АНАЛІЗ ВЕБ-ЗАСОБІВ СТВОРЕННЯ ТА ОБРОБКИ ГРАФІЧНОЇ ІНФОРМАЦІЇ (PHP+JavaScript)

При розробці та оформленні веб-сайтів чималу роль відіграє якість та інформативність представленої на них графічної інформації. Графіка впливає не лише на інформативність сайтів але й на швидкість їхнього завантаження.
Представлення даних на екрані комп’ютера в графічному вигляді вперше було реалізовано в середині минулого сторіччя, з того часу графічний спосіб відображення даних став невідємною приналежністю переважної кількості компютерних систем, особливо персональних комп’ютерів. Наявність графічного інтерфейсу користувача сьогодні є стандартом для програмного забезпечення різних класів.
Графічна інформація є одним з основних джерел інформації у глобальній мережі Інтернет. Використання різних зображень як статичних так і динамічних потребує різних підходів та засобів для їх створення та обробки. Різні технології та методи створення зображень реалізовані як для застосування на окремих машинах так і з використанням веб-сервісів, а деякі засоби надають можливість генерувати зображення он-лайн. Особливий інтерес представляють діаграми та графіки, що будуються безпосередньо засобами мов веб-програмування.
Метою кваліфікаційної роботи є аналіз веб-засобів створення та обробки графічної інформації.
Для цього вирішувались наступні завдання:
 проводилося порівняння графічних форматів, що використовуються у веб-середовищі;
 проводився пошук та порівняльний аналіз веб-засобів для створення графічної інформації та її обробки;
 виконувалась побудова діаграм за допомогою різних веб-засобів.

ЗАВДАННЯ НА ВИКОНАННЯ КВАЛІФІКАЦІЙНОЇ РОБОТИ 2
РЕФЕРАТ 6
ВСТУП 7
1. ГРАФІЧНІ ФОРМАТИ ДЛЯ ВЕБ ТА ОПТИМІЗАЦІЯ ЗОБРАЖЕНЬ 8
1.1. Основні формати для веб-графіки 8
1.2. Технологія обєднання зображень 10
1.3. Технологія підстановки зображень 12
1.4. Алгоритми зменшення зображень 13
2. АНАЛІЗ ВЕБ-ЗАСОБІВ СТВОРЕННЯ ТА ОБРОБКИ ГРАФІЧНОЇ ІНФОРМАЦІЇ 17
2.1. Веб-засоби створення графічних об’єктів 17
2.2. Створення та зміна зображень засобами PHP 18
2.3. Графічні стандарти Canvas, SVG та VML 29
2.4. JavaScript бібліотеки для роботи з Canvas, SVG та VML 33
2.5. Порівняння швидкодії Canvas та SVG 36
2.6. Готові рішення та веб-сервіси для створення графіків функцій 39
3. ПРИКЛАДИ СТВОРЕННЯ ДІАГРАМ РІЗНИМ ВЕБ-ЗАСОБАМИ 43
3.1. Побудова графіків за допомогою PHP 43
3.2. Побудова графіків за допомогою JavaScript 50
3.3. Побудова графіків за допомогою веб-сервісу Google Chart 52
ВИСНОВКИ 55
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ 56
1. Мациевский Н.С., Степанищев Е.В., Кондратенко Г.И. Алгоритмы и задачи клиентской оптимизации. [Електронний ресурс]. - Режим доступу: URL: http://www.intuit.ru/department/inte
et/algcso/3/.
2. Веб-сервіс компанії Yahoo!, що пропонує набір API, що виконують автоматичну оптимізацію зображень. [Електронний ресурс]. - Режим доступу: URL: http://smush.it.
3. Інтернет сервіс для оптимізації зображень та зменшення їхнього розміру. [Електронний ресурс]. - Режим доступу: URL: http://punypng.com.
4. Сайт розробника інструменту командного рядка для створення, редагування та отримання інформації про зображення GIF і анімації. [Електронний ресурс]. - Режим доступу: URL: http://www.lcdf.org/gifsicle 
5. Сайт розробника класу для створення GIF-анімації з набору окремих кадрів в форматі зображення. [Електронний ресурс]. - Режим доступу: URL: http://www.phpclasses.org/browse/package/3163.html.
6. Квитка Н. Графика средствами PHP. [Електронний ресурс]. -Режим доступу: URL: http://hostinfo.ru/articles/web/rubric48/rubric55/rubric59/rubric60/ 1039

7. Сайт-репозиторій проекту Graphics Library. [Електронний ресурс]. - Режим доступу: URL: https://bitbucket.org/pierrejoye/gd-libgd.
8. Создание изображений. Функции создания зображений. [Електронний ресурс]. - Режим доступу: URL: http://sevidi.ru/webd/dweb/phppage70.php.
9. Веб-сервіс що надає лінійки відліку часу, календарики з картинками різних тематик, скрипти для веб-сайтів і наші статті з порадами для початківців сайтобудування. [Електронний ресурс]. - Режим доступу: URL: http://lines.net.ua.
10. Офіційний сайт стандарту SVG. [Електронний ресурс]. - Режим доступу: URL: http://www.w3.org/Graphics/SVG.
11. Поисково-информационный сервис, предоставляющий пользователям карты крупных городов России и Украины. [Електронний ресурс]. - Режим доступу: URL: http://maps.yandex.ru/
12. Картографическая служба, используемая с помощью веб-браузера. [Електронний ресурс]. - Режим доступу: URL: http://maps.google.com.ua.
13. Canvas tutorial on Mozilla Developer Network. [Електронний ресурс]. - Режим доступу: URL: https://developer.mozilla.org/en/Canvas_tutorial.
14. Офіційний сайт стандарту Mathematical Markup Language (MathML) Version 3.0. [Електронний ресурс]. - Режим доступу: URL: http://www.w3.org/TR/MathML3.
15. HTML Living Standard. [Електронний ресурс]. - Режим доступу: URL: http://www.whatwg.org/specs/web-apps/current-work/multipage.
16. Сайт розробника бібліотеки typeface.js. [Електронний ресурс]. - Режим доступу: URL: http://typeface.neocracy.org.
17. Сайт розробника бібліотеки cufon.js. [Електронний ресурс]. - Режим доступу: URL: http://cufon.shoqolate.com/generate.
18. Сайт розробника бібліотеки processing.js. [Електронний ресурс]. - Режим доступу: URL: http://processingjs.org.
19. Сайт розробника бібліотеки raphael.js. [Електронний ресурс]. - Режим доступу: URL: http://raphaeljs.com.
20. Drawing Polygons Performance. [Електронний ресурс]. - Режим доступу: URL: http://www.e
estdelgado.com/gmaps/canvas/ddemo1.html.
30. Attractive Javascript plotting