Каким образом HTML5 может улучшить веб-приложения? [закрыто]


12

В последние месяцы многие веб-компании, разработчики браузеров и профессионалы говорили о HTML5, поскольку это новая эволюция / революция в сети.

Практически говоря, каким образом HTML5 может улучшить существующие веб-приложения, такие как Office Suite (например, Google Docs) или Социальная сеть (например, Facebook), Online Photo Editor и т. Д.?


2
Это на самом деле по теме здесь?

@Kinopiko Я думаю, что это по теме, я спрашиваю, какие практические функции HTML5 может позволить реализовать в веб-приложении.
Дрейк

Мне интересно, почему никто не упоминает офлайн кеширование. ( stackoverflow.com/questions/1207150/html-5-offline-caching )
Петр Чапла

Ответы:


5

Это может улучшить существующие приложения веб-офиса, которые хранят данные, используя «Веб-хранилище».

Кодирование сайтов социальных сетей может быть проще с помощью баз данных SQL и веб-работников для загрузки различных частей страницы. Также поддержка уведомлений.

Онлайн-редакторы фотографий могут использовать Drag and Drop.

Это всего лишь несколько идей о том, как использовать новые функции HTML 5 в вашем веб-приложении.

Я думаю, вы должны проверить HTML 5 Rocks! У них есть хороший список возможностей из HTML 5 и примеры того, как их использовать. Плюс ресурсы и информация о последних новостях из HTML5.


Спасибо за ссылку, я нашел два полезных руководства внутри: slides.html5rocks.com и diveintohtml5.org . Похоже, что в этом году поддержка большого количества функций HTML5 будет добавлена ​​в большинство браузеров, вероятно, в 2011 году мы увидим результаты в веб-приложениях.
Дрейк

Новая бета-версия Firefox 4 имеет массу поддержки HTML5. Вам стоит это увидеть.
Берни Перес

3

Есть, пожалуй, 5 самых обсуждаемых функций

  1. Веб-работники - позволяют разработчикам запускать сценарии в фоновом режиме, чтобы веб-приложение могло одновременно выполнять несколько задач.
  2. Видео тег - простой способ сделать видео без флеш, просто нужен стандартный кодек
  3. Холст - как это звучит, способ создать изображение на лету в окне браузера
  4. Кэши приложений - Позволяет приложениям хранить вещи, чтобы вы могли использовать их позже, не подключаясь к Интернету (прочитайте свою электронную почту позже, после того как она будет загружена, как в Google Gears)
  5. Геолокация - возможность для браузера передать свое местоположение приложению

Многие из этих функций уже были реализованы в некоторых браузерах и приложениях. Локатор Google использует географическое местоположение, Google gears - это реализация на основе плагинов тех же идей, что и кешей приложений, Canvas, как вещи, которые были сделаны с помощью JavaScript.

Веб-работники новы и могут допускать, что внутри веб-приложений происходит множество разных вещей. Любой вид побочной обработки, который, кажется, работает сейчас, будет более плавным, поскольку отдельный поток может быть выделен для уведомлений, чата на месте или другой задачи периодической обработки в приложении.

Ресурсы:
http://geektechnica.com/2009/06/5-amazing-html5-features-to-look-forward-to/


2

В Canvas и веб - рабочие потоки являются наиболее интересными аспектами HTML5 мне. Я написал несколько веб-приложений, которые используют эти функции:

GioAUTHor [sic] широко использует холст, чтобы вы могли рисовать пути на карте, а затем находить кратчайший путь от начала до конца (с помощью алгоритма Дейкстры в JavaScript).

Демонстрация JavaScript Thread использует ограниченное использование canvas, но демонстрирует использование рабочих потоков, в комплекте с демонстрационным кодом. Также используется ползунок HTML5 input type = "range" .


Поддержка браузеров HTML5 так же разнообразна, как и сами браузеры. Есть хороший сайт (в HTML5, естественно) о готовности HTML5, который показывает, кто к чему готов.


2

Мои три фаворита - CSS3, Canvas и WebSockets. В сочетании они могут обеспечить действительно мощные функции совместной работы для любого веб-приложения. WebSockets заменит псевдо-сообщения в реальном времени на опрос ajax. Несколько вещей, которые я вижу до сих пор, это веб-чат (отстой) и веб-приложение для составления карт разума (выглядит действительно круто, когда два человека создают какой-то проект).


Одно любопытство: WebSockets полностью заменит AJAX?
Дрейк

1
Они не заменят его. Ajax, как технология, останется. Он больше не будет использоваться для задач, которые лучше подходят для WebSockets.
Eimantas

Ах, хорошо, спасибо за объяснение.
Дрейк

1

Возможности HTML5 в основном заменяют то, что делает Flash, с помощью тэгов canvas и video, что делает видео, игры и онлайн-редакторы изображений намного проще без Flash.

Хотя это может показаться не большим улучшением, Flash является гораздо более серьезной проблемой на платформах, отличных от Windows, чем Windows.


0

Большинство тестов скорости полосы пропускания основаны на флэш-памяти. Теперь они могут быть основаны на html5 ... Это означает более быструю загрузку страниц и более точное измерение пропускной способности.

Хороший пример: SpeedOf.me

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.