HTML5는 어떤 방식으로 웹 애플리케이션을 향상시킬 수 있습니까?
최근 몇 달 동안 많은 웹 회사, 브라우저 개발자 및 전문가가 웹의 새로운 진화/혁명 인 HTML5에 대해 이야기했습니다.
실제로 HTML5는 Office Suites (예 : Google 문서) 또는 소셜 네트워크 (예 : Facebook), 온라인 사진 편집기 등과 같은 기존 웹 응용 프로그램을 개선 할 수있는 방법은 무엇입니까?
"웹 저장소"를 사용하여 데이터를 저장하는 기존 웹 오피스 응용 프로그램을 개선 할 수 있습니다.
SQL Database 및 Web Workers를 사용하면 소셜 네트워킹 사이트를 더 쉽게 코딩하여 페이지의 다른 부분을로드 할 수 있습니다. 알림도 지원합니다.
온라인 사진 편집자는 끌어서 놓기를 사용할 수 있습니다.
웹 애플리케이션에서 HTML 5의 새로운 기능을 사용하는 방법에 대한 아이디어입니다.
HTML 5 Rocks! 체크 아웃해야한다고 생각합니다. HTML 5의 기능 목록과 사용법에 대한 예제가 있습니다. HTML5의 최신 뉴스에 대한 리소스 및 정보를 제공합니다.
기능에 대해 가장 많이 이야기 한 내용이 5 개 있습니다.
- 웹 워커 -개발자가 백그라운드 작업에서 스크립트를 실행하여 웹 응용 프로그램이 한 번에 둘 이상의 작업을 수행 할 수 있습니다.
- 비디오 태그 -온라인으로 무료 플래시 비디오를 쉽게 할 수있는 방법은 표준 코덱 만 있으면됩니다.
- Canvas -정확히 소리 나는 것, 브라우저 창에서 즉석에서 이미지를 만드는 방법
- 응용 프로그램 캐시 -응용 프로그램이 인터넷에 연결하지 않고 나중에 사용할 수 있도록 물건을 저장할 수 있습니다 (다운로드 한 후 나중에 전자 메일을 읽습니다. 구글 기어즈)
- Geolocation -브라우저가 해당 위치를 응용 프로그램에 릴레이 할 수있는 기능
이러한 기능 중 다수는 일부 브라우저 및 응용 프로그램에서 이미 구현되었습니다. Google 위치 찾기는 지리적 위치를 사용하며 Google Gears는 애플리케이션 캐시와 동일한 아이디어를 구현 한 플러그인 기반 구현이었습니다. Canvas와 같은 작업은 JavaScript로 수행되었습니다.
웹 워커는 새롭고 웹 애플리케이션 내부에서 다양한 일이 발생할 수 있습니다. 단일 스레드가 응용 프로그램 내에서 알림 또는 사이트 내 채팅 또는 기타 주기적 처리 작업에 전념 할 수 있으므로 현재 작동하는 것처럼 보이는 모든 종류의 측면 처리가 더 부드럽습니다.
자원:
http://geektechnica.com/2009/06/5-amazing-html5-features-to-look-forward-to/
Canvas 및 Web Worker Threads 는 HTML5의 가장 흥미로운 측면입니다. 나를. 이러한 기능을 사용하는 웹 응용 프로그램을 작성했습니다.
GioAUTHor [sic]은 캔버스를 광범위하게 사용하여 맵에서 경로를 그린 다음 시작부터 끝까지 가장 짧은 경로를 찾습니다 (JavaScript의 Dijkstra 알고리즘을 통해).
JavaScript Thread Demo 캔버스를 제한적으로 사용하지만 데모 코드로 완성 된 Worker Threads 사용을 보여줍니다. 또한 HTML5 입력 유형 = "범위" 슬라이더 컨트롤을 사용합니다.
HTML5 브라우저 지원은 브라우저 자체만큼 다양합니다. 누가 무엇을 준비했는지를 보여주는 HTML5 준비 에 대한 Nice site (HTML5, natch)가 있습니다.
내가 가장 좋아하는 세 가지는 CSS3, Canvas 및 WebSockets입니다. 이들을 결합하면 모든 웹앱에 강력한 협업 기능을 제공 할 수 있습니다. WebSocket은 의사 실시간 메시징을 아약스 폴링으로 대체합니다. 지금까지 사용 된 몇 가지 사항은 웹 기반 채팅 (라임)과 마인드 매핑 webapp입니다 (두 사람이 일부 프로젝트를 매핑 할 때 정말 멋지게 보입니다).
대부분의 대역폭 속도 테스트는 플래시 기반입니다. 이제 그들은 html5 기반이 될 수 있습니다 ... 더 빠른 페이지로드와보다 정확한 대역폭 측정을 의미합니다.
좋은 예는 다음과 같습니다. SpeedOf.me