Использование технологий HTML5 для построения десктопных приложений

Перетаскивание

Еще одна интересная функция  – включение в спецификацию API-интерфейса Drag and Drop. Вплоть до настоящего времени реализация технологии Drag and Drop без подключаемых модулей требовала написания весьма сложного JavaScript-кода или использования JavaScript-библиотек, таких как script.aculo.us.

Обмен сообщениями между документами

Функция Cross-document messaging (обмен  сообщениями между документами) позволяет документам в различных  окнах (включая IFrames) посылать/получать сообщения друг другу/друг от друга. Эта функция может оказаться очень полезной для разработки виджетов и приложений, хостинг которых осуществляется на других серверах, а не на сервере первичной Web-страницы (подобно приложениям Facebook).

И многое другое

Другие новые функции, появившиеся в HTML5: регистрация MIME-типов  и обработчиков протоколов, что позволяет  регистрировать Web-приложения в качестве приложений по умолчанию для определенных типов файлов или протоколов; управление историей браузера, которое до настоящего времени реализовывалось в ручном режиме или с использованием внешней JavaScript-инфраструктуры; а также множество других новых элементов и атрибутов, упрощающих жизнь Web-разработчика.

 

 

 

 

 

 

 

Преимущества HTML 5 для конечного  пользователя

 

HTML 5 способен заметно  облегчить жизнь пользователей.

• Меньшее количество дополнительных программ. Благодаря HTML 5 отпадает надобность в использовании многочисленных дополнительных программ. Установка программного обеспечения потребуется только в исключительных случаях.
• Универсальность. В отличие от HTML 4 стандарт HTML 5 совместим не только с ПК и ноутбуками, но и со смартфонами, планшетами, а также с новейшими моделями телевизоров, которые способны получать доступ в Интернет. С HTML 5 пользование Интернетом на смартфонах и планшетах станет намного проще и удобнее: возрастет скорость загрузки, да и сами сайты будут выглядеть привлекательнее.
• Единый стандарт отображения контента. Одна и та же страница, открытая в разных браузерах, может выглядеть по-разному. С HTML 5 эта проблема исчезнет.

Защита данных

 

Пока ситуация с защитой  пользовательских данных у HTML 5 хуже, чем  у HTML 4. Дело в том, что HTML 5 позволяет владельцам сайтов сохранять на жестком диске файлы больших размеров.

Как известно, cookie стандарта HTML 4 в настоящее время служат для отслеживания поведения пользователя в Сети (так называемый трекинг). При посещении какого-либо сайта на жестком диске компьютера сохраняется небольшой файл, содержащий сведения о том, как посетитель вышел на этот сайт и какие действия там совершил. При повторном посещении сайта данные из этого cookie считываются сервером, благодаря чему, например, пользователь будет точно знать, какие товары он посмотрел в прошлый раз.

Файлы cookie стандарта HTML 5 намного опаснее, так как допускают  хранение больших объемов данных, в которых может содержаться  гораздо более подробная информация о клиенте. Cookie стандарта HTML 5 можно даже запрограммировать таким образом, чтобы они хранились на ПК пользователя месяцами и незаметно для него собирали и передавали данные владельцу сайта.

Однако у больших  файлов cookie есть свои преимущества: они  способны хранить целые веб-сайты, которые можно просмотреть в режиме оффлайн. Несомненную выгоду ощутят и те пользователи, которые применяют программы, работающие через Интернет, например Google Docs. Облачные сервисы смогут сохранять данные на жестком диске локального компьютера, что обеспечит высокую скорость работы веб-служб.

 

Поддержка браузерами

 

Так как каждый день разработчики всех современных браузеров реализуют  всё новые элементы HTML5, то уровень текущей поддержки этих элементов проще и правильнее смотреть в Интернете на следующих ресурсах:

• http://caniuse.com/#cats=HTML5,SVG&statuses=rec,pr,cr,wd
• http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)
• http://www.html5test.com/

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

HTML5 и Microsoft Windows 8

31 мая 2011 года на  конференции D9 в Калифорнии компания Microsoft представила свою новую операционную систему Windows 8. Microsoft торопится качественно оптимизировать будущую операционную систему с целью покорения рынка планшетов, в корпорации хотят составить большую конкуренцию доминирующему на данный момент планшету Apple iPad. Тем не менее, как и сообщалось ранее, Microsoft совсем не хочет выпустить некачественный продукт, поэтому на данный момент даже приблизительная дата выхода операционной системы неизвестна. Как было заявлено на конференции, Windows 8 будет обладать интерфейсом, ориентированный на сенсорные устройства.

На операционную систему Windows 8 у корпорации Microsoft очень большие  планы, так как именно она должна стать доминирующей на рынке планшетных компьютеров и компьютеров моноблоков, а также должна понравиться подавляющей аудитории, которая использует в большинстве своем обыкновенный стационарный ПК.

Представители Microsoft уже  официально подтвердили, что при  разработке программ и расширений под  новую операционную систему будут  использоваться технологии  HTML5 и JavaScript. Кроме этого, создатели известнейшей в мире ОС решили использовать эти же технологии и при разработке офисных пакетов Office 15 и Office 365. Функционал  Office 15 будет возможным значительно расширить благодаря установки небольших плагинов. Немногим ранее Microsoft призывала разработчиков использовать  Visual Basic for Applications (VBA) и Visual Studio Tools for Office (VSTO) при создании данных плагинов.

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

Однако разработчики под данную платформу крайне встревожены  и недовольный таким решением. Комментарии разработчиков выражают их разочарование тем, что, по-видимому, не у дел останутся такие зарекомендовавшие себя среды, как Win32, Silverlight, WinForms. NET и Visual Basic 6. Кроме того, есть опасения, что Microsoft выбрала неправильное направление развития, так как возможностей HTML5 и JavaScript недостаточно для создания «настольных» приложений с серьёзной функциональностью.

 

На данный момент уже  есть множество примеров разработки десктопных приложений под Windows 8 и новый Metro UI на HTML5, JavaScript и CSS3. Для создания такого приложения Microsoft рекомендует такие средства разработки, как WebMatrix 2 и Visual Studio 11 и 12 версий. Они имеют встроенные инструменты для автозаполнения и валидации кода на HTML5. Шаблоны данных средств разработки содержат самые распространённые варианты приложений для создания каркаса новой программы, а далее можно использовать любые возможности этого языка, описанные в разделах выше. Так как новая концепция к построению интерфейсов Metro UI была спроектирована для работы на мобильных устройствах, то ваше десктопное приложение на HTML5 может быть с тем же успехом запущено на устройствах с небольшим экраном, таких как планшет или мобильный телефон (конечно, с условием, что вы не использовали какие-то специфические API).

Другие возможности для десктопных приложений на HTML5

 

Под операционную систему MacOS можно писать так называемые виждеты – небольшие утилитные программы на рабочий стол – с использованием HTML, JavaScript и CSS. Так же существует множество фреймворков для преобразование вашего существующего HTML приложения в десктопное или прямой интерпретации вашего веб-кода в нативный. Вот некоторые их них:

• Adobe AIR
• Pokki
• Appcelerator Titanium
• HTML Application (HTA)
• JScriptCompiler
• JSDB
• XULRunner
• SiteFusion
• OS.js

 

 

 

 

 

 

 

 

 

 

 

 

Заключение

 

HTML 5 – это часть  будущего Web. Новые элементы упрощают  разметку страниц, делая их  более понятными для пользователя. И хотя старые теги div и span по-прежнему  могут использоваться, область их  применения значительно сужается, а многим страницам они становятся и вовсе не нужны.

Конечно, не все браузеры сразу станут поддерживать новые  элементы, но ведь та же ситуация наблюдалась  и в случае многих конструкций, добавленных  после выхода первого стандарта HTML, например, тегов img, table, object и т.д. Поддержка новых элементов будет постепенно реализовываться, а пока же они будут игнорироваться старыми браузерами в соответствии с соглашением «необходимо пропускать» (must-ignore). Это означает, что браузеры по-прежнему смогут отображать страницы HTML 5, что и происходит в настоящее время. Пользователи современных браузеров, конечно, получат определенное преимущество, но возможность просматривать новые страницы будет у всех.

Одиннадцать лет ожидания новых возможностей – это очень  долго, особенно в стремительно развивающемся мире Web. HTML 5 частично возрождает радостное возбуждение ранних дней развития HTML, когда Netscape, Microsoft и другие компании еженедельно предлагали новые элементы. Но в данном случае используется гораздо более осторожный и обдуманный подход к определению элементов, направленный на то, чтобы сделать их доступными для всех.

Однако не стоит забывать, что спецификация HTML5 всё ещё находится  на весьма ранней стадии своего развития, и есть несколько проблем, которые  могут широко распространению HTML5 в ближайшем будущем. Первая реальная проблема – недостаточная поддержка в Microsoft Internet Explorer, который является наиболее широко используемым Web-браузером. С другой стороны, сегодня Web-сайты, разработанные на основе HTML5, редуцируются в браузере IE8 весьма элегантно и требуется лишь небольшой объем дополнительной работы с целью создания обходных механизмов для пользователей IE.

Еще одна крупная проблема связана с видеокодеками и  контейнерами. При существующем положении  дел элемент <video> не заменит Flash Video в качестве видеостандарта для Интернета. В условиях, когда различные браузерами поддерживают различные кодеки, по-прежнему гораздо проще использовать Flash, чем кодировать свои видеоматериалы в форматы Theora и H.264. Остается надеяться, что на протяжении текущего года в области HTML5-видео произойдут существенные изменения. В заключение необходимо отметить, что HTML5 и CSS3 – это весьма впечатляющие стандарты, и уже можно прямо сейчас начинать приводить сайты в соответствие с новыми спецификациями.

Список использованных источников

 

1. «Dive Into HTML5», Mark Pilgrim
2. «HTML5 Cookbook»
3. «HTML5 For Designers», Jeremy Keith
4. «Introducing HTML5», 2 Edition, 2011, Bruce Lawson
5. «ProHTML5 Programming»
6. «HTML5 and CSS3», BrianP. Hogan
7. http://ab-w.net/HTML5/html5.php
8. http://www.ibm.com/developerworks/web/tutorials/wa-html5/
9. http://w3schools.com/html5/default.asp
10. http://html5test.com/
11. http://www.ibm.com/developerworks/web/library/x-futhtml1/index.html
12. http://dev.w3.org/html5/spec/Overview.html
13. http://www.html5trends.com/tutorials/comprehensive-video-tutorial-on-html5/
14. http://www.pageranker.ru/articles/beginner/582--html-5.html
15. http://www.html-5-tutorial.com/index.htm
16. http://ntt.cc/2010/06/03/30-useful-html5-tutorials-for-web-designers.html
17. http://anderse.wordpress.com/os-js/
18. http://msdn.microsoft.com/en-us/library/windows/apps/br229565.aspx