HTML5는 어떤 방식으로 웹 응용 프로그램을 향상시킬 수 있습니까? [닫은]

12

닫은. 이 질문은 주제에 맞지 않습니다 . 현재 답변을받지 않습니다.

이 질문을 개선하고 싶습니까? Web Applications Stack Exchange에 대한 주제가 되도록 질문을 업데이트하십시오 .

휴일 칠년 전에 .

최근 몇 달 동안 많은 웹 회사, 브라우저 개발자 및 전문가가 HTML5 가 웹의 새로운 진화 / 혁명 인 HTML5에 대해 이야기 했습니다.

실제로 HTML5 가 Office 제품군 (예 : Google 문서) 또는 소셜 네트워크 (예 : Facebook), 온라인 사진 편집기 등과 같은 기존 웹 응용 프로그램을 개선 할 수 있는 방법 은 무엇입니까?

html5

— 드레이크
소스

2

이것이 실제로 여기 주제입니까?

@Kinopiko 나는 그것이 주제에 있다고 생각합니다. 웹 응용 프로그램에서 HTML5가 구현할 수있는 실용적인 기능을 묻고 있습니다.

— Drake

왜 아무도 오프라인 캐싱을 언급하지 않는지 궁금합니다. ( stackoverflow.com/questions/1207150/html-5-offline-caching )

— Piotr Czapla

5

"웹 저장소"를 사용하여 데이터를 저장하는 기존 웹 오피스 응용 프로그램을 개선 할 수 있습니다.

SQL Database와 Web Workers를 사용하면 소셜 네트워킹 사이트를 더 쉽게 코딩하여 페이지의 다른 부분을로드 할 수 있습니다. 알림도 지원합니다.

온라인 사진 편집자는 끌어서 놓기를 사용할 수 있습니다.

웹 애플리케이션에서 HTML 5의 새로운 기능을 사용하는 방법에 대한 아이디어입니다.

HTML 5 Rocks를 확인해야한다고 생각합니다 ! HTML 5의 유용한 기능 목록과 사용 방법에 대한 예제가 있습니다. HTML5의 최신 뉴스에 대한 리소스와 정보를 제공합니다.

— 버니 페레즈
소스

링크에 감사드립니다 . 내부에 slides.html5rocks.com 및 diveintohtml5.org 라는 두 가지 유용한 가이드가 있습니다 . 올해 많은 HTML5 기능에 대한 지원이 대부분의 브라우저에 추가 될 것으로 보입니다. 아마도 2011 년에는 웹 앱에서 결과가 표시 될 것입니다.

— Drake

새로운 Firefox 4 베타는 HTML5를 지원합니다. 당신은 그것을 확인해야합니다.

— Bernie Perez

3

기능에 대해 가장 많이 이야기 한 내용이 5 개 있습니다.

웹 작업자 -개발자가 백그라운드 작업에서 스크립트를 실행하여 웹 응용 프로그램이 한 번에 둘 이상의 작업을 수행 할 수 있습니다.
비디오 태그 -온라인으로 무료 플래시 비디오를 쉽게 할 수있는 방법은 표준 코덱 만 있으면됩니다.
캔버스 -정확하게 소리 나는대로, 브라우저 창에서 이미지를 즉석에서 생성하는 방법
응용 프로그램 캐시 -응용 프로그램이 인터넷에 연결하지 않고도 나중에 사용할 수 있도록 물건을 저장할 수 있습니다 (Google Gears와 같이 나중에 다운로드 한 후 전자 메일 읽기)
지리적 위치 -브라우저가 해당 위치를 응용 프로그램에 릴레이 할 수있는 기능

이러한 기능 중 다수는 일부 브라우저 및 응용 프로그램에서 이미 구현되었습니다. Google 위치 찾기는 지리적 위치를 사용하며 Google Gears는 애플리케이션 캐시와 동일한 아이디어를 구현 한 플러그인 기반 구현이었습니다. Canvas와 같은 작업은 JavaScript로 수행되었습니다.

웹 워커는 새롭고 웹 애플리케이션 내부에서 다양한 일이 발생할 수 있습니다. 단일 스레드가 응용 프로그램 내의 알림 또는 사이트 내 채팅 또는 기타 주기적 처리 작업에 전념 할 수 있으므로 현재 작동하는 것처럼 보이는 모든 종류의 측면 처리가 더 원활 해집니다.

자료 :
http://geektechnica.com/2009/06/5-amazing-html5-features-to-look-forward-to/

— 다니 보비치
소스

2

캔버스 및 웹 작업자 스레드는 나에게 HTML5의 가장 흥미로운 부분이다. 이러한 기능을 사용하는 웹 응용 프로그램을 작성했습니다.

GioAUTHor [sic]는 캔버스를 광범위하게 사용하여 맵에 경로를 그린 다음 시작부터 끝까지 가장 짧은 경로를 찾습니다 (JavaScript의 Dijkstra 알고리즘을 통해).

JavaScript Thread Demo 는 캔버스를 제한적으로 사용하지만 데모 코드와 함께 Worker Threads 사용을 보여줍니다. 또한 HTML5 입력 type = "range" 슬라이더 컨트롤을 사용합니다.

HTML5 브라우저 지원은 브라우저 자체만큼 다양합니다. 있어 좋은 사이트 에 대한 (HTML5에서, 답다) HTML5 준비 무엇에 대한 준비가 쇼 그것은.

— 앨런
소스

2

내가 가장 좋아하는 세 가지는 CSS3, Canvas 및 WebSockets입니다. 이들을 결합하면 모든 웹앱에 강력한 협업 기능을 제공 할 수 있습니다. WebSocket은 의사 실시간 메시징을 아약스 폴링으로 대체합니다. 지금까지 사용 된 몇 가지 사항은 웹 기반 채팅 (라임)과 마인드 매핑 webapp입니다 (두 사람이 일부 프로젝트를 매핑 할 때 정말 멋지게 보입니다).

— 에이 만 타스
소스

하나의 호기심 : WebSockets가 AJAX를 완전히 대체 할 것입니까?

— Drake

1

그들은 그것을 대체하지 않을 것입니다. Ajax는 기술로서 남아있을 것입니다. WebSocket에 더 적합한 작업에 더 이상 사용되지 않습니다.

— Eimantas

아 알겠습니다. 설명해 주셔서 감사합니다.

— Drake

1

HTML5의 기능은 주로 Flash의 기능을 캔버스 와 비디오 태그로 대체하여 Flash 없이 비디오, 게임 및 온라인 이미지 편집기를 훨씬 쉽게 수행 할 수 있도록합니다.

이것은 크게 개선되지는 않지만 Windows 이외의 플랫폼에서는 Windows보다 Flash가 훨씬 더 큰 문제입니다.

— 젤라틴
소스

0

대부분의 대역폭 속도 테스트는 플래시 기반입니다. 이제 html5 기반이 될 수 있습니다. 더 빠른 페이지로드와보다 정확한 대역폭 측정을 의미합니다.

좋은 예는 다음과 같습니다. SpeedOf.me

— vivaHtml5
소스