Bằng cách nào HTML5 có thể cải thiện Ứng dụng Web? [đóng cửa]


12

Trong những tháng gần đây, nhiều công ty web, nhà phát triển trình duyệt và chuyên gia đã nói về HTML5 vì đây là sự phát triển / cách mạng mới cho web.

Nói một cách thực tế theo cách HTML5 có thể cải thiện các ứng dụng web hiện có như Office Suites (ví dụ Google Docs) hoặc Mạng xã hội (ví dụ Facebook), Trình chỉnh sửa ảnh trực tuyến, v.v.?


2
Đây có thực sự là chủ đề ở đây?

@Kinopiko Tôi nghĩ đó là về chủ đề, tôi đang hỏi những tính năng thực tế nào HTML5 có thể cho phép thực hiện trong một ứng dụng web.
Drake

Tôi tự hỏi tại sao không ai đề cập đến bộ nhớ đệm ngoại tuyến. ( stackoverflow.com/questions/1207150/html-5-offline-caching )
Piotr Czapla

Câu trả lời:


5

Nó có thể cải thiện các ứng dụng văn phòng web hiện có lưu trữ dữ liệu bằng cách sử dụng "Lưu trữ web".

Mã hóa các trang web mạng xã hội có thể dễ dàng hơn với Cơ sở dữ liệu SQL và Công nhân web để tải các phần khác nhau của trang. Cũng hỗ trợ cho Thông báo.

Trình chỉnh sửa ảnh trực tuyến có thể sử dụng Kéo và Thả.

Đây chỉ là một số ý tưởng về cách sử dụng các tính năng mới của HTML 5 trong ứng dụng web của bạn.

Tôi nghĩ bạn nên kiểm tra HTML 5 Rocks! Họ có một danh sách tốt các tính năng từ HTML 5 và các ví dụ về cách sử dụng chúng. Cộng với tài nguyên và thông tin về tin tức mới nhất từ ​​HTML5.


Cảm ơn bạn đã liên kết, tôi tìm thấy hai hướng dẫn hữu ích bên trong: slides.html5rocks.comdiveintohtml5.org . Có vẻ như năm nay, sự hỗ trợ cho một số tính năng HTML5 tốt sẽ được thêm vào hầu hết trình duyệt, có lẽ năm 2011 chúng ta sẽ thấy kết quả trong các ứng dụng web.
Drake

Phiên bản Firefox 4 beta mới có hàng tấn hỗ trợ cho HTML5. Bạn nên kiểm tra xem nó ra.
Bernie Perez

3

Có lẽ có 5 tính năng được nói nhiều nhất

  1. Nhân viên web - cho phép các nhà phát triển chạy các tập lệnh trong công việc nền để một ứng dụng web có thể làm nhiều việc một lúc.
  2. Thẻ video - Một cách dễ dàng để thực hiện flash video trực tuyến miễn phí, chúng tôi chỉ cần một codec tiêu chuẩn
  3. Canvas - Chính xác là nó trông như thế nào, một cách để tạo một hình ảnh nhanh chóng trong cửa sổ trình duyệt
  4. Bộ nhớ ứng dụng - Cho phép các ứng dụng lưu trữ nội dung để bạn có thể sử dụng chúng sau này mà không cần kết nối với internet (Đọc email của bạn sau khi được tải xuống, Giống như Google Gears)
  5. Định vị địa lý - Khả năng trình duyệt chuyển tiếp vị trí của nó tới ứng dụng

Nhiều tính năng trong số này đã được triển khai trong một số trình duyệt và ứng dụng. Google vĩ độ sử dụng vị trí địa lý, Google bánh răng là một triển khai dựa trên trình cắm cùng các ý tưởng giống như bộ đệm ứng dụng, Canvas giống như mọi thứ đã được thực hiện với JavaScript.

Nhân viên web là người mới và có thể cho phép một loạt những điều khác nhau xảy ra bên trong các ứng dụng web. Bất kỳ loại xử lý phụ nào dường như hoạt động ngay bây giờ, sẽ trơn tru hơn vì một luồng duy nhất có thể được dành riêng cho thông báo hoặc trò chuyện tại chỗ hoặc tác vụ xử lý định kỳ khác trong ứng dụng.

Tài nguyên:
http://geektechnica.com/2009/06/5-amazed-html5-features-to-look-forward-to/


2

Các chủ đề của CanvasWeb Worker là các khía cạnh thú vị nhất của HTML5 đối với tôi. Tôi đã viết một số ứng dụng web sử dụng các tính năng đó:

GioAUTHor [sic] sử dụng rộng rãi khung vẽ để cho phép bạn vẽ đường dẫn trên bản đồ và sau đó tìm tuyến đường ngắn nhất từ ​​đầu đến cuối (thông qua thuật toán của Dijkstra trong JavaScript).

JavaScript Thread Demo giới hạn sử dụng canvas nhưng hiển thị việc sử dụng Chủ đề Công nhân, hoàn thành với mã trình diễn. Nó cũng sử dụng điều khiển thanh trượt kiểu nhập liệu HTML5 = "phạm vi" .


Hỗ trợ trình duyệt HTML5 cũng đa dạng như chính các trình duyệt. Có một trang web đẹp (trong HTML5, natch) về mức độ sẵn sàng của HTML5 cho thấy ai sẵn sàng cho việc gì.


2

Ba mục yêu thích của tôi là CSS3, Canvas và WebSockets. Kết hợp họ có thể cung cấp các tính năng cộng tác thực sự mạnh mẽ cho bất kỳ ứng dụng web nào. WebSockets sẽ thay thế tin nhắn giả thời gian thực bằng bỏ phiếu ajax. Một vài điều tôi thấy nó được sử dụng cho đến nay là trò chuyện dựa trên web (khập khiễng) và ứng dụng web sơ đồ tư duy (trông thực sự tuyệt vời khi hai người đang lập bản đồ một số dự án).


Một điều tò mò: WebSockets sẽ thay thế hoàn toàn AJAX?
Drake

1
Họ sẽ không thay thế nó. Ajax, như công nghệ, sẽ vẫn còn. Nó sẽ không được sử dụng nữa cho các tác vụ, phù hợp hơn với WebSockets.
Eimantas

Ah ok, cảm ơn bạn đã giải thích.
Drake

1

Các khả năng của HTML5 chủ yếu thay thế những gì Flash làm, với các thẻ canvas và thẻ video làm cho video, trò chơi và trình chỉnh sửa hình ảnh trực tuyến dễ dàng hơn nhiều khi không có Flash.

Mặc dù điều này có vẻ không phải là một cải tiến lớn, Flash là một vấn đề lớn hơn nhiều trên các nền tảng không phải Windows so với Windows.


0

Hầu hết các bài kiểm tra tốc độ băng thông đều dựa trên flash. Bây giờ chúng có thể dựa trên html5 ... Điều đó có nghĩa là tải trang nhanh hơn và đo băng thông chính xác hơn.

Một ví dụ điển hình là: SpeedOf.me

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.