Luận Văn Xây dựng ứng dụng Web với HTML 5.0

Đô án tốt nghiệp năm 2013
Đề tài: Xây dựng ứng dụng Web với HTML 5.0




MụC LụC
Lời cảm ơn 1
Mở đầu 2
Mục lục 4
Danh mục các chữ viết tắt và giải nghĩa . 6
Danh mục hình 7
Danh mục bảng . 9
Chương 1: Tìm hiểu công nghệ Web-based, Web 2.0 10
1.1 Giới thiệu Web-based 10
1.2 Giới thiệu Web 2.0 10
1.2.1 Khái niệm . 10
1.2.2 Web 2.0 11
1.2.3 Kiến trúc cơ bản của Web 12
Chương 2: Tìm hiểu các công nghệ trong HTML 5.0 14
2.1 Sự phát triển của HTML . 14
2.2 Giới thiệu HTML 5.0 15
2.2.1 HTML5 là gì? . 15
2.2.2 Những điểm mới trong HTML5 17
2.3 Những công nghệ mới trong HTML5 . 20
2.3.1 Canvas API . 20
2.3.2 Scalable Vector Graphics . 25
2.3.3 WebGL – 3D trên Web 27
2.3.4 Audio và Video 30
2.3.5 Geolocation API . 35
2.3.6 Communication APIs . 38
2.3.7 WebSocket API 41
2.3.8 Forms API 43
2.3.9 Drag-and-Drop . 50
2.3.10 Web Workers API 53
2.3.11 Storage APIs . 55
2.3.12 Tạo Offline Web Applications . 57
Chương 3: Xây dựng ứng dụng . 60
3.1 Giới thiệu ứng dụng 60
3.2 Yêu cầu phần cứng 60
3.3 Yêu cầu phần mềm 60
3.4 Một số giao diện chính 60
3.4.1 Website chia sẻ video và Xác định vị trí 61
3.4.2 Một số ứng dụng khác 63
Kết luận . 64
Tài liệu tham khảo . 65




Mở ĐầU
Với sự tăng trưởng ngày càng mạnh mẽ của Internet, các thuật ngữ như Web
2.0 và RIA (Rich Internet Application) hầu như hiện diện ở khắp nơi. Người sử
dụng máy tính, được trang bị phần cứng nhanh hơn và băng thông mạng tốt hơn,
cũng thường xuyên đặt ra những yêu cầu phức tạp. Web hiện đại không phải chỉ là
để sử dụng được, mà còn phải bắt mắt và giàu khả năng tương tác.
Trước thực tế đó, rõ ràng HTML cũng cần phải thay đổi, và sự thay đổi đó là
cả một quá trình dài! Hơn 13 năm kể từ khi HTML4 xuất hiện, HTML5 mới đang
tập tễnh những bước đi đầu tiên! Mặc dù vậy, HTML5 mang trong mình đủ sức hấp
dẫn để gây nên nhiều sự chú ý.
HTML5 làm cho việc thiết kế và phát triển web dễ dàng hơn bằng cách tạo
một giao diện ngôn ngữ đánh dấu chuẩn hóa và trực quan. HTML5 cung cấp các
công cụ quản lý dữ liệu, đồ họa (2D và 3D), phim, và âm thanh có hiệu quả mà
không cần phải cài đặt thêm một phần phần của hãng thứ 3 nào. Nó tạo điều kiện
cho sự phát triển của các ứng dụng giữa các trình duyệt với nhau cho trang web
cũng như cho các thiết bị di động. HTML5 là một trong những công nghệ thúc đẩy
những cải tiến trong các dịch vụ điện toán đám mây di động, vì nó tính đến tính linh
hoạt rộng hơn, cho phép phát triển các trang web thú vị và có khả năng tương tác.
Nó cũng đưa vào thẻ và các cải tiến mới, bao gồm cấu trúc thu nhỏ, các nút điều
khiển của biểu mẫu, các API, đa phương tiện, hỗ trợ cơ sở dữ liệu, và tốc độ xử lý
nhanh hơn đáng kể. Do vậy nên HTML5 có khả năng xuất bản tất cả mọi thứ trên
thế giới từ nội dung văn bản đơn giản đến đa phương tiện phong phú, tương tác cho
các nhà thiết kế và các nhà phát triển ở mọi trình độ.
Các thẻ mới, các phương thức mới, và một framework phát triển chung dựa
trên sự tác động lẫn nhau của HTML5 và hai đối tác của nó, CSS3 và JavaScript.
Đây là cốt lõi của hiện tượng xử lý ứng dụng lấy máy khách làm trung tâm. Ngoài
các việc triển khai các kỹ thuật và các phương thức của công nghệ HTML5 cho máy
tính để bàn, có thể triển khai thực hiện HTML5 trong nhiều trình duyệt điện thoại di
động web có tính năng phong phú - một thị trường đang phát triển, khi đã chứng
kiến sự phổ biến của các hệ điều hành web Apple iOS, Google Android, và các điện
thoại chạy Palm.
Chính vì những lý do trên, em đã chọn đề tài: “Xây dựng ứng dụng Web
với HTML 5.0”. Đồ án bao gồm 3 chương:
 Chương 1: Tìm hiểu về công nghệ Web-based và Web 2.0:
Trình bày về sơ lược của công nghệ Web-based và những khái niệm và kiến
trúc cơ bản của Web 2.0.
 Chương 2: Tìm hiểu các công nghệ mới trong HTML 5.0:
Trình bày về sự ra đời và nhưng giai đoạn phát triển của HTML. Tiếp đó là
những điểm mới của HTML5 so với các phiên bản trước đây. Và phần quan trọng
nhất là những công nghệ tuyệt vời mà HTML5 đang có được.
 Chương 3: Xây dựng ứng dụng
Trình bày về sản phẩm sử dụng các công nghệ của HTML5 đã xây dựng
được trong thời gian nghiên cứu đề tài.
Cuối cùng là phần kết luận.







TÀI LIệU THAM KHảO
[1]. Flanagan, David.JavaScript: The Definitive Guide, 6th Edition. s.l. : O'Reilly
Media, 2011. p. 1100.
[2]. Hogan, Brian P.HTML5 and CSS3: Develop with Tomorrow's Standards
Today. s.l. : Pragmatic Bookshelf, 2011. p. 280. 978-1934356685.
[3]. Lubbers, Peter, Salim, Frank and Albers, Brian.Pro HTML5 Programming,
2nd Edition. s.l. : Apress, 2011. p. 352. 978-1430238645.
[4]. Lawson, Bruce; Sharp, Remy.Introducing HTML5 (2nd Edition). s.l. : New
Riders, 2011. p. 312. 978-0321784421.
[5]. W3Schools. [Online] http://www.w3schools.com/html.
[6]. IBM developerWorks. [Online]
http://www.ibm.com/developerworks/vn/library/wa-html5fundamentals/.
[7]. Wikipedia - Web 2.0. [Online] http://en.wikipedia.org/wiki/Web_2.0.
[8]. Wikipedia - HTML5. [Online] http://en.wikipedia.org/wiki/HTML5.