Особенности стандарта HTML5

 

 

5. Примеры зарубежных и российских сайтов на HTML5

 

Развитие HTML5 еще находится в ранней стадии, но зато показывает большой потенциал. И многие эксперты видят за ним большое будущее. Большинство сайтов на HTML5 зарубежные, поэтому основной язык английский. Но все же несколько примеров российских сайтов приведены ниже. Возможно, HTML5 не настолько актуален сейчас для российских сайтов, так как среди множества книг про HTML5 лишь немногие на русском языке.

Зарубежные  сайты:

1. The Energy Cell — популярная дизайн-студия, распространившаяся в Великобритании и во всем мире, которая предоставляет услуги по работе с графикой. (URL: http://energycell.co.uk/);
2. TableLess — на данном сайте можно найти статьи, учебные пособия, веб-контент с рынка передовых технологий и бестабличные, блочные веб-разработки на XHTML, CSS, JavaScript, AJAX, HTML 5. (URL: http://tableless.com.br/);
3. Eye Styles —это фирма продающая очки. (URL: http://eyestylesllc.com/);
4. Raphael Goetter — сайт веб-дизайнера и фотографа-любителя из Alsacréations. (URL: http://goetter.fr/);
5. Mollar — очередной сайт творческого дизайнера, который создает простые, функциональные и привлекательные веб-сайты. (URL: http://mollar.me/);
6. Ousmane Ndiay — сайт дизайнера с большим опытом за плечами. Он создает стильные, профессиональных веб-сайты, соответствующие всем стандартам W3C. (URL: http://ousmane-ndiaye.com/);
7. Mo More Stupid Lights —это студия улучшает фотографии. (URL: http://www.pair.com/); 
8. The Wilderness Downtown — сайт о фильмах от Chris Milk. (URL: http://www.thewildernessdowntown.com/);
9. Nike Better World — спортивный магазин товаров от Nike. (URL: http://www.nikebetterworld.com/); 
10. JulieTranLaw — юридическая фирма. (URL: http://julietranlaw.com/);

Российские  сайты:

1. 17 февраля 2011 года в Москве прошла конференция HTML5 Camp. Это первая из серии международных конференций Microsoft, посвященных теме современных веб-стандартов и будущего веб. Мероприятие посетили около 400 веб-профессионалов и свыше 24000 присоединились к онлайн-трансляции.

Отчеты и видео-доклады  с мероприятия выложены на сайте:                (URL:http://www.microsoft.com/ru-ru/events/html5camp/ ). (см. Приложение №2)

1. Все об iPhone (URL:http://www.ru-iphone.com/node/4794 ). (см. Приложение №3)
2. «Аська» переходит на HTML5

Компания Mail.​ru объявила о выпуске агента ICQ, написанного на HTML5 и JavaScript, его может разместить на своем сайте любой партнер компании. Функционал получил название ICQ On-Site и предназначен для сайтов, которые хотят использовать инфраструктуру уже готовой системы мгновенных сообщений для взаимодействия своих посетителей друг с другом. Новый JavaScript-агент дает пользователю ICQ возможность общаться с посетителями сайта прямо в веб-интерфейсе, передавать им ссылки на страницы сайта и обсуждать их. Подобный функционал позволит владельцам сайтов расширить аудиторию, сделать ее более лояльной и не писать собственных клиентов для обмена мгновенными сообщениями.

Выпуск On-Site позволит Mail.​ru привлечь к ICQ новых клиентов, а старым дать новые функциональные возможности для общения. Компания стремится подстроиться под новую парадигму, в центре которой стоит браузер. Это связано с тем, что уже сейчас около 20% запросов к сервису генерируют пользователи альтернативных операционных систем, куда входят и мобильные платформы, такие как iOS и Android. Хотя компания разработала для этих платформ специализированные клиенты, тем не менее иногда пользователям неудобно устанавливать дополнительные программы. В этом случае можно воспользоваться веб-клиентом, который может быть размещен на партнерском сайте.

Для владельцев сайта размещение On-Site поможет повысить лояльность посетителей и продлить время пребывания их на сайте благодаря возможности обсуждать статьи. Это позволяет привлекать новых посетителей и читателей к сайту с помощью социального графа ICQ. Кроме того, некоторые организации имеют своих ICQ-консультантов, и новый модуль упрощает обращение к ним.

Для самой компании Mail.​ru новый продукт является попыткой увеличить число пользователей ICQ путем привлечения постоянных посетителей сайтов-партнеров. Компания в начале года провела «очистку» среди своих пользователей, заблокировав учетные записи роботов. Для этого была использована технология борьбы со спамом, которая разрабатывалась не только для системы мгновенных сообщений Mail.​Ru Агент, но и для других проектов компании. Кроме того, компания уменьшила число рекламных баннеров — теперь под сообщением может появиться один баннер, а не три, как раньше. Все это делается, чтобы повысить привлекательность ICQ и улучшить отношение к ней со стороны пользователей. Основным методом монетизации пользователей ICQ по-прежнему остается реклама, поэтому компания всеми силами старается увеличить количество пользователей.

Между тем Mail.​ru Group уже имеет три системы мгновенных сообщений: кроме ICQ, у компании есть собственный Mail.​Ru-Агент, а также система сообщений в социальной сети «Одноклассники». Александр Горный, руководитель проекта ICQ в компании Mail.​ru, хочет создать единую среду передачи сообщений, однако он пока не раскрывает планов по интеграции указанных сервисов.

В то же время у ICQ есть проблема однократного входа, которая связана с появлением веб-модуля и приложений для мобильных платформ. Когда протокол создавался, то допускалось только единственное подключение от одного пользователя, который работает за компьютером. Однако сейчас вполне возможно, что человек одновременно подключается к ICQ с агента, работающего на настольном компьютере, с модуля On-Site на планшетном компьютере и с Java-клиента на мобильном телефоне. Сейчас такое подключение сделать нельзя — при аутентификации в модуле On-Site агент теряет связь с сервером, даже если они работают на одном компьютере. Горный считает проблему однократного входа наиболее актуальной, поэтому возможно, что в ближайших версиях агента эта функциональность все-таки появится. [8]

 

 

 

 

 

 

6. Сравнение браузеров (HTML5)

В сети появился сайт (URL:html5test.com), который, как это и следует из названия, проверяет, насколько тот или иной браузер готов работать с новым и чрезвычайно перспективным веб-стандартом HTML5. [9]

По версии html5test.com (по состоянию на январь 2012г.) браузеры показывают следующие результаты в тестах (максимально можно набрать 500 очков):

Браузер	Версия	Очки	Бонус-очки
Internet Explorer	9	138	5
Safari	5.1	317	8
Firefox	12	345	9
Opera	11.60	338	9
Chrome	18	400	13
Maxthon	3.3.7	437	15

По результатам тестов больше всего очков набрал браузер  Maxthon 3.3.7 – 437 очков из возможных 500. Maxthon 3 — это браузер построенный на основе сразу 2-х движков: Webkit (используется в Google Chrome) и Trident (используется в Internet Explorer). Основным движком является Webkit, а Trident считается дополнительным и используется для особых случаев. Наличие движка от Internet Explorer обусловлено тем, что Maxthon разрабатывается, в первую очередь, для аудитории из Китая, а в тех краях Internet Explorer до сих пор остается самым популярным браузером и под него оптимизировано множество сайтов, которые могут неправильно отображаться в новых браузерах. [10]

В настоящее время можно выделить 3 лидирующих браузера  - это  Maxthon3.3.7, Chrome18 и Firefox12.

Подробные результаты их испытаний  представлены в Приложении 4.

Предыдущие версии браузеров:

Браузер	Версия	Очки	Бонус-очки
Chrome	16	396	13
Chrome	14	389	13
Chrome	10	373	13
Firefox	11	345	9
Firefox	10	342	9
Firefox	8	338	9
Firefox	4	298	9
Opera	11.50	296	7
Chrome	6	291	10
Opera	11.10	288	7
Safari	5.0	265	6
Opera	10.60	240	7
Opera	10.50	195	4
Firefox	3.6	188	4
Opera	10.00	126	0
Firefox	3.0	76	0
Internet Explorer	8	42	0
Internet Explorer	7	27	0
Internet Explorer	6	26	0

На рис.1 представленно  в виде графика сравнение популярных браузеров на протяжении 2009 – 2012г.

Рис.1

Результаты мобильных  браузеров по тому же источнику:

Платформа	Очки	Бонус-очки
Opera Mobile 12.00	369	11
Firefox Mobile 10	325	9
iOS 5.1	324	9
MeeGo/Harmattan	284	14
Android 4.0	273	3
BlackBerry OS 7	273	3
Bada 2.0	268	9
Nokia Belle FP1	226	9
WebOS 2.2	210	5
Android 2.3	189	1
Windows Phone 7.5	138	5

На рис.2 представленно  в виде графика сравнение популярных мобильных браузеров на протяжении 2009 – 2012г.

Рис.2

 

 

 

 

 

 

Заключение

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

Язык HTML5, очередная глобальная переработка HTML, языка Интернета, создан для того, чтобы коренным образом поменять способ создания веб-страниц разработчиками и дизайнерами, а также образ взаимодействия их с посетителями. Он редактируется Яном Хиксоном (Ian Hickson) из Google и Дэвидом Хайяттом (David Hyatt) из Apple, двумя самыми креативными умами Интернета. 
Кроме того что веб-разработчики и дизайнеры могут использовать более «чистый», более простой и последовательный код, HTML5 поможет освободиться от тех ограничений, которые накладывает использование сторонних плагинов, например, Adobe Flash. Впервые можно будет достичь согласованности между интерфейсом видео-плеера и остальным дизайном сайта. Пользователи смогут поворачивать и перемещать видео, менять его размер и даже фиксировать ползунок прокрутки видео, пока оно проигрывается, используя встроенные инструменты управления. [11]

На сегодняшний  день, кроме демо-версий и других он-лайновых экспериментов, существует несколько рабочих сайтов, написанных на HTML5, но даже из этого ограниченного количества ресурсов лишь отдельные использовали весь потенциал нового языка, если вообще использовали.

 В своей курсовой  работе я привела несколько  примеров сайтов, написанных на  HTML5. Большая их часть принадлежит веб-разработчикам и студиям веб-дизайна, которые хотят продемонстрировать свои навыки HTML5 своим потенциальным клиентам. Взгляните на них и не забудьте заглянуть в их код – так вы заглянете в будущее Интернета.

 

 

 

 

 

 

 

 

Список литературы

1. Похваленный Д. Что такое HTML5? [электронный ресурс]: Мир высоких технологий // новости IT. URL: http://it-zametki.ru/it-novosti/wordpress-i-html5.html
2. Блог Лыско Д.А.//Облако тэгов [электронный ресурс]: История появления HTML5. URL:http://ldalab.ru/post/istoriya_poavleniya_html5.html
3. Мержевич В. html.book.ru – для тех кто делает сайты. [сайт]: URL: http://htmlbook.ru/html5
4. Группа компаний «Элемент»// Комплексный интернет-маркетинг 2000-2012 // Продвижение сайтов [электронный ресурс]: Чебыкин Р. HTML5: назло мечтам, навстречу людям. URL: www.optimism.ru/agency/articles/270/
5. Академия интернет// Статьи об Интернет. [сайт]: URL: http://inetedu.ru/articles/21-technology/44-html5.html
6. Все об электронной коммерции [электронный ресурс]: Разлом Ю. Выгодные отличия HTML5 от предыдущих версий, 2012. URL: http://e.mars-development.com/2012/03/normal-0-false-false-false_22.html
7. Уроки РНР программирования, jQuery для начинающих, приемы примеры [сайт]: URL: www.takein.ru
8. ISQ On-Site (beta) [сайт]: URL:http://www.icq.com/download/onsite/ru
9. Сравнение браузеров (апрель 2012-версия 3.0). [сайт]: URL:http://html5test.com/
10. Новые версии популярных программ // Новости // Maxthon 3.3.7 [сайт]: URL:http://www.slo.ru/news/entry/1796
11. Онлайн-журнал для профессиональных веб-дизайнеров и разработчиков [электронный ресурс]: URL: http://www.coolwebmasters.com/reviews/622-25-ultra-modern-websites-html5.html