1. Введення

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

1.2 Підстава для розробки

HTML5 додаток розробляється на підставі здачі диплома відповідно до плану учбового процесу на 2013-2014 навчальний рік.

1.3 Вимоги до програми або програмного виробу

Вимоги до функціональних характеристик:

1. Система повинна забезпечувати можливість виконання наступних функцій:

• Можливість маніпулювати елементами;

• Виведення координат на екран;

• Можливість очищення вікна canvas.

2. Для цих завдань мають бути реалізовані:

• Алгоритм, зчитування координат з файлу;

• Iмпорт і експорт сіток;

• Система авторизації Yii;

• Сторінка для додавання сіток на сайт;

• Сторінка управління доступними сітками.

3. Вимоги до інформаційної і програмної сумісності:

HTML5 додаток повинен працювати в усіх, нових, веб-браузерах.

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

Розділ №2 Введення

HTML5 Canvas

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

Найпомітніші HTML5 можливості - це поява таких тегів як aside , footer , header , nav і article і повна підтримка новітніх типів полів введення у формах , включаючи атрибут placeholder ( підказує підказку в поле вводу) , phone і email ( які забезпечують правильну валідацію ) , а також ряд новітніх медіа- елементів , які включають audio , video і canvas , що дозволяє динамічно змінювати або малювати контент.стреміться зробити інтернет- сайти боле семантично правильними , більш інтерактивними , більш швидкими . Новий HTML стандарт включає функції , які раніше вимагали Flash або Javascript , а це означає , що сайти стануть менш залежні і зможуть працювати на багатьох платформах.

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

Відмінності HTML5 від попередніх версій. Порівняльний аналіз плюсів і мінусів.