Thiết kế website trưng bày xe hơi ứng dụng webgl hiển thị mô hình 3D
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.22 MB, 125 trang )
TRƯỜNG ĐẠI HỌC CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN
Sinh viên thực hiện:
Nguyễn Quốc Dũng
MSSV: 1091653
Cán bộ hướng dẫn
ThS. Võ Huỳnh Trâm
MSCB: 1069
Cần Thơ, 2013
TRƯỜNG ĐẠI HỌC CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN
Sinh viên thực hiện
Nguyễn Quốc Dũng
MSSV: 1091653
Cán bộ hướng dẫn
Ths. Võ Huỳnh Trâm
MSCB: 1069
Cán bộ phản biện
Ths. Nguyễn Công Danh
Ks. Hồ Quang Thái
Luận văn được bảo vệ tại: Hội đồng chấm luận văn tốt nghiệp Bộ môn Công nghệ Phần mềm
Khoa Công nghệ Thông tin, trường Đại Học Cần Thơ vào ngày 10 tháng 5 năm 2013.
Mã số đề tài:
Có thể tìm hiểu luận văn tại:
• Thư viện khoa Công nghệ Thông tin, trường Đại Học Cần Thơ.
• Website: />
Luận văn tốt nghiệp
Lời cảm ơn
LỜI CẢM ƠN
Em xin chân thành cảm ơn Quý thầy cô trong Khoa Công Nghệ Thông Tin Trƣờng
Đại học Cần Thơ đã tận tình truyền đạt nhiều kiến thức bổ ích trong suốt thời gian học tại
trƣờng cũng nhƣ là tạo điều kiện cho em đƣợc thực hiện đề tài này. Kính chúc quý Thầy
cô luôn dồi dào sức khỏe và thành công trong cuộc sống.
Đặt biệt, em xin chân thành bày tỏ lòng biết ơn sâu sắc đến cô Võ Huỳnh Trâm,
ngƣời đã tận tình hƣớng dẫn em trong suốt thời gian thực hiện đề tài, cô đã giúp em rút ra
nhiều bài học kinh nghiệm quý báu mỗi khi em vấp phải những khó khăn.
Cảm ơn cha mẹ đã sinh và nuôi dạy con khôn lớn, luôn bên cạnh động viên và ủng
hộ con trên con đƣờng mà con đã yêu thích và lựa chọn.
Cảm ơn các bạn sinh viên khoa công nghệ thông tin khóa 35. Các bạn đã giúp đỡ,
động viên và hỗ trợ tôi rất nhiều cũng nhƣ là đóng góp nhiều ý kiến quý báu, qua đó giúp
tôi hoàn thiện hơn cho đề tài.
Mặc dùng đã rất nổ lực, cố gắng thực hiện đề tài nhƣng chắc chắn đề tài vẫn còn
nhiều thiếu sót. Em rất mong nhận đƣợc nhiều góp ý phê bình của Quý thầy cô, của các
anh chị và các bạn.
Một lần nữa, em xin chân thành cảm ơn!
TP Cần Thơ, tháng 5 năm 2013
Sinh viên thực hiện
Nguyễn Quốc Dũng
GVHD: Ths. Võ Huỳnh Trâm
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Nhận xét của giáo viên hƣớng dẫn
NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
GVHD: Ths. Võ Huỳnh Trâm
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Nhận xét của giáo viên phản biện
NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
............................................................................................................................................
GVHD: Ths. Võ Huỳnh Trâm
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Mục lục
MỤC LỤC
CHƢƠNG I: TỔNG QUAN ............................................................................................. 1
I.1 ĐẶT VẤN ĐỀ ....................................................................................................................... 1
I.2 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ ....................................................................................... 1
I.3 MỤC TIÊU CẦN ĐẠT ......................................................................................................... 1
I.4 PHẠM VI VÀ YÊU CẦU CỦA ĐỀ TÀI ............................................................................. 2
I.4.1 Về khách hàng ................................................................................................................ 2
I.4.2 Nhân viên........................................................................................................................ 2
I.4.3 Quản trị viên ................................................................................................................... 3
I.5 HƢỚNG GIẢI QUYẾT ........................................................................................................ 3
I.5.1 Về lý thuyết .................................................................................................................... 3
I.5.2 Về kỹ thuật ..................................................................................................................... 3
I.5.3 Phƣơng pháp thu thập thông tin ..................................................................................... 4
I.6 BỐ CỤC QUYỄN LUẬN VĂN............................................................................................ 4
CHƢƠNG II: CƠ SỞ LÝ THUYẾT ............................................................................... 5
II.1 KHÁI NIỆM CƠ BẢN......................................................................................................... 5
II.1.1 Internet .......................................................................................................................... 6
II.1.2 World wide web ............................................................................................................ 6
II.1.3 Trình duyệt web ............................................................................................................ 6
II.1.4 Trình chủ web (web server) .......................................................................................... 7
II.1.5 Giao thức HTTP ............................................................................................................ 7
II.2 NGÔN NGỮ PHP ................................................................................................................ 7
II.2.1 Định nghĩa php .............................................................................................................. 7
II.2.2 Biến trong PHP ............................................................................................................. 8
II.2.3 Kiểu dữ liệu trong PHP ................................................................................................. 9
II.2.4 Hàm trong PHP ............................................................................................................. 9
II.2.5 PHP truy xuất cơ sở dữ liệu MySQL .......................................................................... 10
II.2.6 Lập trình hƣớng đối tƣợng với PHP ............................................................................ 11
II.3 THƢ VIỆN JQUERY ........................................................................................................ 13
II.3.1 Khái quát ..................................................................................................................... 13
II.3.2 Sử dụng ajax trong jQuery .......................................................................................... 13
II.4 THƢ VIỆN VIDEO.JS....................................................................................................... 15
II.5 THƢ VIỆN WEBGL.......................................................................................................... 15
II.5.1 Giới thiệu..................................................................................................................... 15
II.5.2 Yêu cầu hệ thống ......................................................................................................... 16
II.5.3 Cấu trúc của một ứng dụng web ................................................................................. 17
II.6 NGÔN NGỮ TRUY VẤN DỮ LIỆU SQL ....................................................................... 17
II.7 NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN HTML ....................................................... 18
II.7.1 Tổng quan.................................................................................................................... 18
II.7.2 Ứng dụng HTML5 ...................................................................................................... 19
II.8 NGÔN NGỮ ĐỊNH DẠNG VĂN BẢN CSS.................................................................... 24
II.9 MÔ HÌNH MVC ................................................................................................................ 25
II.10 SMARTY ......................................................................................................................... 26
CHƢƠNG III: ỨNG DỤNG XÂY DỰNG HỆ THỐNG ............................................. 28
III.1 TÀI LIỆU ĐẶC TẢ .......................................................................................................... 28
III.1.1 Giới thiệu ................................................................................................................... 28
III.1.2 Mô tả tổng quan ......................................................................................................... 29
III.1.3 Các yêu cầu giao tiếp bên ngoài ................................................................................ 33
GVHD: Ths. Võ Huỳnh Trâm
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Mục lục
III.1.4 Các tính năng của hệ thống ........................................................................................ 34
III.1.5 Các yêu cầu phi chức năng ........................................................................................ 51
III.1.6 Các yêu cầu khác ....................................................................................................... 51
III.2 TÀI LIỆU THIẾT KẾ ....................................................................................................... 52
III.2.1 Giớ thiệu .................................................................................................................... 52
III.2.2 Tổng quan hệ thống ................................................................................................... 53
III.2.3 Kiến trúc hệ thống...................................................................................................... 53
III.2.4 Thiết kế dữ liệu .......................................................................................................... 54
III.2.5 Thiết kế chức năng ..................................................................................................... 62
III.3 KIỂM THỬ ....................................................................................................................... 91
III.3.1 Giới thiệu ................................................................................................................... 91
III.3.2 Phạm vi ...................................................................................................................... 91
III.3.3 Chi tiết kế hoạch kiểm thử ......................................................................................... 91
III.3.4 Quản lý kiểm thử ....................................................................................................... 94
III.3.5 Các trƣờng hợp kiểm thử ........................................................................................... 97
CHƢƠNG IV: KẾT LUẬN VÀ KIẾN NGHỊ ............................................................ 108
IV.1 NHẬN XÉT VÀ KẾT QUẢ ĐẠT ĐƢỢC ..................................................................... 108
IV.1.1 Về mặt lý thuyết ...................................................................................................... 108
IV.1.2 Về chƣơng trình ....................................................................................................... 108
IV.1.3 Khả năng ứng dụng.................................................................................................. 108
IV.2 HẠN CHẾ VÀ KHÓ KHĂN.......................................................................................... 108
IV.3 HƢỚNG PHÁT TRIỂN ................................................................................................. 108
PHỤ LỤC 1: MÔ TẢ NỘI DUNG CD LUẬN VĂN .................................................. 110
PHỤ LỤC 2: HƢỚNG DẪN CÀI ĐẶT ....................................................................... 111
PHỤ LỤC 3: GIỚI THIỆU CHƢƠNG TRÌNH ......................................................... 112
TÀI LIỆU THAM KHẢO ............................................................................................ 115
GVHD: Ths. Võ Huỳnh Trâm
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Mục lục hình
MỤC LỤC HÌNH
Hình 1: Mô hình ứng dụng web sử dụng PHP và MySQL ............................................................. 5
Hình 2: Cấu trúc trang web với HTML5 ...................................................................................... 21
Hình 3: Mô hình MVC.................................................................................................................. 25
Hình 4: Mô hình kiến trúc hệ thống .............................................................................................. 53
Hình 5: Sơ đồ phân rã module ...................................................................................................... 54
Hình 6: Xem danh sách tất cả các mẫu xe .................................................................................... 62
Hình 7: Xem danh sách xe theo nhà cung cấp .............................................................................. 64
Hình 8: Xem ngoại thất xe ............................................................................................................ 66
Hình 9: Xem nội thất xe ................................................................................................................ 67
Hình 10: Xem màu của mẫu xe .................................................................................................... 68
Hình 11: Xem video về mẫu xe .................................................................................................... 69
Hình 12: Xem mô hình 3D ........................................................................................................... 70
Hình 13: Xem tin tức công ty ....................................................................................................... 72
Hình 14: Xem tin tức theo thể loại................................................................................................ 73
Hình 15: Xem chi tiết tin tức ........................................................................................................ 74
Hình 16: Giỏ hàng......................................................................................................................... 75
Hình 17: Phiếu đặt hàng................................................................................................................ 76
Hình 18: Quản lý đơn đặt hàng ..................................................................................................... 77
Hình 19: Xem đơn đặt hàng .......................................................................................................... 78
Hình 20: Hóa đơn.......................................................................................................................... 80
Hình 21: Xem danh sách khách hàng ........................................................................................... 81
Hình 22: Xem chi tiết khách hàng ................................................................................................ 82
Hình 23: Xem danh sách phiếu nhập hàng ................................................................................... 83
Hình 24: Danh sách nhân viên ...................................................................................................... 84
Hình 25: Thêm tài khoản nhân viên.............................................................................................. 85
Hình 26: Thêm tin mới ................................................................................................................. 86
Hình 27: Cập nhật tin tức .............................................................................................................. 88
Hình 28: Quản lý tin tức ............................................................................................................... 89
Hình 29: Trang chủ ..................................................................................................................... 112
Hình 30: Trang chi tiết mẫu xe ................................................................................................... 113
Hình 31: Trang mô hình 3D ........................................................................................................ 113
Hình 32: Trang quản lý giỏ hàng ................................................................................................ 114
Hình 33: Trang nhân viên ........................................................................................................... 114
Hình 34: Trang quản trị viên....................................................................................................... 114
GVHD: Ths. Võ Huỳnh Trâm
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Tóm tắt
TÓM TẮT
Ngày nay, công nghệ thông tin đã và đang phát triển không ngừng, nó thúc đẩy tất
cả các lĩnh vực và ngành nghề cùng phát triển. Website là một công cụ giúp tiếp cận
khách hàng và trƣng bày sản phẩm hiệu quả.
Đề tài "Thiết kế website trƣng bày xe hơi ứng dụng WebGL hiển thị mô hình
3D" mong muốn thiết kế web trƣng bày các mẫu xe hơi và hiển thị mô hình xe 3D của
mẫu xe, đặt xe, xem tin tức công ty, quản lý mẫu xe của công ty, quản lý nhập xe giúp
công ty dễ dàng hoạt động và giúp ngƣời dùng dễ dàng tiếp cận với thông tin của công ty.
Ứng dụng có 3 nhóm ngƣời dùng. Nhóm khách hàng sử dụng trang web xem sản phẩm,
xem tin tức, đặt mua xe, đăng ký tài khoản. Nhóm nhân viên duyệt đơn đặt hàng, nhập
hàng, thống kê doanh thu, quản lý tài khoản khách hàng và quản lý tin tức. Nhóm quản
trị viên có thể quản lý tài khoản nhân viên, cập nhật thông tin xe.
Website đƣợc xây dựng dựa trên hệ quản trị cơ sở dữ liệu MySQL, ngôn ngữ kịch
bản cho máy chủ PHP, thƣ viện jQuery để xử lý phía máy khách, hiển thị mô hình 3D
dùng WebGL, trình bày trang web bằng HTML, định dạng trang web dùng CSS. Công cụ
Adobe Dreamweaver CS6 để viết mã nguồn và một số công cụ khác.
Kết quả hoàn thành phần phân tích và thiết kế các chức năng cho ba nhóm ngƣời
dùng. Đề tài xây dựng tƣơng đối hoàn chỉ việc trƣng bày mẫu xe, hiển thị tin tức, đặt
hàng , duyệt đơn đặt hàng giúp việc trƣng bày mẫu xe và quản lý của công ty đƣợc thuận
tiện.
Sinh viên thực hiện
Nguyễn Quốc Dũng
TỪ KHÓA
1. WebGL
2. Mô hình 3D
3. Web xe hơi
GVHD: Ths. Võ Huỳnh Trâm
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Abstract
ABSTRACT
Today, information technology has been evolving, it promotes all sectors
development. Website is a tool to reach customers and showcase products effectively.
Thread "Designing website showcase cars and use WebGL to display 3D model"
desired designing web showcase cars and displaying 3D models of the cars, order the
car, read company news, management of company cars, importing cars to help easy
operation and easy user access to corporate information. Website is divided into 3 user
groups. Group customers use website to review products, view news, car purchase,
register for an account. Group employees approved orders, import cars, sales statistics,
account management and customer information management. Group administrators can
manage employee accounts, update vehicle information.
Website built based Database Management System MySQL, scripting language for
server is PHP, jQuery library for client-side processing, display 3D models using
WebGL, presented in HTML web pages, the using CSS web page layout. Adobe
Dreamweaver CS6 write code and some other stuff.
The results complete the analysis and design functions for three groups of users.
Thread relatively complete some functions as the cars showcase, reading news, creating
orders, checking orders help to show the car models and manage company.
Composed by
Nguyen Quoc Dung
KEY WORD
1. WebGL
2. 3D model
3. Web cars
GVHD: Ths. Võ Huỳnh Trâm
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng I: Tổng quan
CHƢƠNG I: TỔNG QUAN
I.1 ĐẶT VẤN ĐỀ
Ngày nay, công nghệ thông tin đã và đang phát triển không ngừng, nó thúc đẩy tất
cả các lĩnh vực và ngành nghề khác cùng phát triển. Vì vậy việc ứng dụng công nghệ
thông tin và các lĩnh vực đời sống, xã hội ngày càng phổ biến. Tin học hóa giúp cho công
việc đƣợc giải quyết tốt hơn, nhanh hơn và chính xác hơn giúp tăng hiệu xuất công việc.
Sử dụng web để giới thiệu các sản phẩm là việc cần thiết với một hãng xe. Giới
thiệu sản phẩm sử dụng web giúp các công ty tiết kiệm chi phí. Thí dụ, chúng ta sẽ không
phải tốn chi phí để thuê mặt bằng khi sử dụng web để giới thiệu sản phẩm. Chi phí để
thuê nhân viên tiếp thị sẽ giảm đi rất nhiều. Thông tin sản phẩm mới nhanh hơn khi
chúng ta sử dụng web. Chúng ta chỉ mất vài ngày để giới thiệu sản phẩm đến khách hàng,
khi có một sản phẩm mới ra đời. Khách hàng có thể truy cập thông tin bất cứ nơi nào. Chỉ
cần một chiếc điện thoại thông minh hoặc một máy tính có nối mạng internet, khách hàng
có thể dễ dàng truy cập thông tin mình cần. Qua những lý do trên, sử dụng web để giới
thiệu sản phẩm là việc cần thiết với bất cứ hãng xe.
Việc sử dụng web để giới thiệu sản phẩm xe rất cần thiết, nhƣng web vẫn chƣa thay
thế đƣợc trong hoạt động tiếp thị của hãng xe. Lý do là nhu cầu muốn cảm nhận hình ảnh
sống động của một chiếc xe thật (điều không thể làm đƣợc với những hình ảnh đơn
thuần). WebGL sẽ là một lựa chọn tốt để giúp việc tiếp thị web có một bƣớc tiến mới.
Đứng trƣớc yêu cầu thực tế đó, đề tài "Thiết kế website trƣng bày xe hơi ứng dụng
WebGL hiển thị mô hình 3D" đã đƣợc hình thành.
I.2 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ
Việc sử dụng website để trƣng bày sản phẩm không phải là một đề tài mới. Việc
này đã đƣợc các hãng xe danh tiếng (nhƣ Ford Việt Nam, Toyota Việt Nam, Audi, The
Land Rover ) sử dụng từ rất lâu. Nhƣng website của những hãng nói trên điều chỉ thực
hiện đƣợc việc hiển thị hình ảnh và thông tin đơn thuần.
Trong đề tài này không chỉ cung cấp cái nhìn về sản phẩm cho ngƣời dùng thông
qua các bức ảnh. Hệ thống còn giúp ngƣời dùng có cái nhìn trực quan hơn thông qua mô
hình xe 3D. Hệ thống cũng thực hiện chức năng đặt mua xe, khi ngƣời dùng có nhu cầu
mua xe.
I.3 MỤC TIÊU CẦN ĐẠT
Thiết kế website trƣng bày xe hơi với các yêu cầu cơ bản.
Ứng dụng WebGL để hiển thị mô hình xe 3D.
GVHD: Ths. Võ Huỳnh Trâm
Trang 1
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng I: Tổng quan
I.4 PHẠM VI VÀ YÊU CẦU CỦA ĐỀ TÀI
Xây dựng website trƣng bày xe hơi theo mô hình MVC trên nền Smarty giúp tăng
tính sử dụng lại và tăng tốc độ phát triển phần mềm.
Nghiên cứu và ứng dụng công nghệ WebGL để hiển thị mô hình xe 3D.
Các đối tƣợng sử dụng hệ thống gồm: khách hàng, nhân viên và quản trị viên.
I.4.1 Về khách hàng
Xem mẫu xe
Khách hàng có thể xem tất cả các mẫu xe mà công ty có hoặc xem mẫu xe theo từng
hãng. Khách hàng có thể chọn một mẫu xe để xem chi tiết về các thông tin của xe nhƣ
ngoại thất, nội thất, màu sắc, mô hình 3D, video giới thiệu về mẫu xe.
Xem tin tức của công ty
Háng hàng có thể xem tin tức về các hoạt động của công ty. Các tin tức đƣơc phân
thành tin tức sản phẩm, tin tức tuyển dụng, tin tức khuyến mãi. Khách hàng có thể sử
dụng chức năng xem tin tức trong khoản thời gian để lọc các tin tức mình muốn xe.
Quản lý giỏ hàng và đặt hàng
Khách hàng trong quá trình xem các sản phẩm có thể chọn sản phẩm vào giỏ hàng.
Khách hàng có thể chọn tính năng xem giỏ hàng để xem các mẫu xe mình định
mua, số lƣợng và tổng tiền phải trả.
Khách hàng có thể cập nhật lại giỏ hàng nhƣ thay đổi số lƣợng, bỏ những mẫu xe
không phù hợp.
Khách hàng có thể đặt mua xe.
In phiếu đặt hàng
Khi khách hàng đặt hàng, hệ thống sẽ xuất phiếu đặt hàng cho khách hàng.
Đăng ký thông tin
Khách hàng mới sẽ phải đăng ký thông tin gồm thông tin đăng nhập để đăng nhập
hệ thống và thông tin cá nhân.
I.4.2 Nhân viên
Quản lý phiếu đặt hàng
Nhân viên có thể sử dụng chức năng này để duyệt đơn hàng, in hóa đơn và thống kê
doanh thu của hãng.
Quản lý tài khoản khách hàng
GVHD: Ths. Võ Huỳnh Trâm
Trang 2
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng I: Tổng quan
Nhân viên sử dụng chức năng này để xem danh sách khách hàng của hệ thống, khóa
các tài khoản sai quy định hoặc lâu không sử dụng hệ thống.
Nhập hàng
Nhân viên sử dụng chức năng này để thêm phiếu nhập hàng vào hệ thống, xem
thông tin phiếu nhập hàng, xuất phiếu nhập hàng.
Quản lý tin tức
Nhà quản trị sử dụng chức năng này để thêm tin tức mới, cập nhật các tin tức đã có,
xóa các tin tức không còn đúng nữa. Nhà quản trị cũng có thể cập nhật loại tin tức khi cần
thiết.
I.4.3 Quản trị viên
Quản lý tài khoản nhân viên
Nhà quản trị sử dụng chức năng này để thêm nhân viên mới, xem danh sách nhân
viên của hệ thống, khóa các tài khoản sai quy định hoặc lâu không sử dụng hệ thống.
Quản lý danh mục xe
Nhà quản trị sử dụng chức năng này để thêm hoặc cập nhật các thông tin liên quan
đến mẫu xe (thí dụ: mô hình 3D, hình ảnh, màu sắc, nhà cung cấp, giá bán, số lƣợng), ẩn
mẫu xe.
I.5 HƢỚNG GIẢI QUYẾT
I.5.1 Về lý thuyết
Tìm hiểu về MVC và Smarty
Tìm hiểu về công nghệ WebGL và cách ứng dụng hiển thị mô hình xe 3D.
Các thƣ viện đƣợc phát triển dùng PHP.
Các thƣ viện đƣợc phát triển dùng jQuery.
Ngôn ngữ SQL
Cách truyền dữ liệu giữa PHP và Smarty, PHP và MySQL, Smarty và JavaScript.
I.5.2 Về kỹ thuật
Dùng công cụ Power Designer 15.1 để phân tích và thiết kế các mô hình.
Dùng công cụ thiết kế web chuyên nghiệp Adobe Dreamweaver CS6.
Nodepad++ để kiểm tra mã nguồn.
Gói phân mềm XAMPP 1.8.1 gồm có: Apache 2.4.3, MySQL 5.5.27, PHP 5.4.7,
phpMyAdmin 3.5.2.2.
GVHD: Ths. Võ Huỳnh Trâm
Trang 3
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng I: Tổng quan
Các trình duyệt web thông dụng: Google Chrome, Opera, Firefox.
I.5.3 Phƣơng pháp thu thập thông tin
Tìm kiếm các thông tin trên mạng, tham khảo một số website về trƣng bày xe nhƣ:
Audi Vietnam, Ford Vietnam, Toyota Motor Vietnam, Land Rover Vietnam.
Tham khảo ý kiến của cán bộ hƣớng dẫn.
I.6 BỐ CỤC QUYỄN LUẬN VĂN
Nội dung của luận văn đƣợc trình bày theo bố cục nhƣ sau:
CHƢƠNG I: TỔNG QUAN
Chƣơng này trình bày sơ lƣợc về lý do chọn đề tài, phạm vi của đề tài, cách thức để
thực hiện các yêu cầu của đề tài và phần giới thiệu nội dung đƣợc trình bày trong đề tài.
CHƢƠNG II: CƠ SỞ LÝ THUYẾT
Chƣơng này trình bày tổng quan về mô hình ứng dụng web, các khái niệm cơ bản,
các ngôn ngữ và kỹ thuật đƣợc sử dụng để xây dựng ứng dụng web nhƣ HTML, CSS ,
PHP, SQL, jQuery, WebGL, MVC, Smarty.
CHƢƠNG III: NỘI DUNG VÀ KẾT QUẢ ĐẠT ĐƢỢC
Chƣơng này trình bày việc ứng dụng cơ sở lý thuyết vào phát triển một ứng dụng cụ
thể. Phần ứng dụng đƣợc chia thành 3 phần lớn: đặt tả, thiết kế, kiểm thử.
CHƢƠNG IV: KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN.
Chƣơng này trình bày nhận xét của bản thân sau khi thực hiện đề tài và hƣớng phát
triển của đề tài.
PHỤ LỤC 1: MÔ TẢ NỘI DUNG CD-ROM LUẬN VĂN.
PHỤ LỤC 2: HƢỚNG DẪN CÀI ĐẶT
PHỤ LỤC 3: GIỚI THIỆU CHƢƠNG TRÌNH.
TÀI LIỆU THAM KHẢO.
GVHD: Ths. Võ Huỳnh Trâm
Trang 4
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
CHƢƠNG II: CƠ SỞ LÝ THUYẾT
II.1 KHÁI NIỆM CƠ BẢN
Hình 1: Mô hình ứng dụng web sử dụng PHP và MySQL
Ứng dụng web là loại ứng dụng Internet cho phép khách (Client) sử dụng trình
duyệt Web (Internet Explorer, Nescape Navigator, Mozilla Firefox, Opera, ...) để truy cập
và xem thông tin đƣợc cung cấp bởi trình chủ Web (Web Server).
Một điểm cần lƣu ý là tại một thời điểm nào đó có thể có nhiều ngƣời sử dụng đồng
thời truy cập một Website, có nghĩa là mọi ứng dụng Web đều có khả năng quản lý và
phục vụ đa phiên.
Sơ lƣợc về vai trò và ý nghĩa của các thành phần:
Client: ngƣời dùng (user) sử dụng trình duyệt Web để gửi yêu cầu (HTTP Request)
đến Server. Web browser cũng có trách nhiệm tiếp nhận các phản hồi (HTTP Response)
từ phía Web Server và hiển thị nội dung phản hồi trên cửa sổ trình duyệt.
Web Server: là một trình chủ web (Apache) khởi chạy các ứng dụng web tƣơng ứng
để xử lý yêu cầu của ngƣời sử dụng, kết quả là ứng dụng Web sinh ra một trang HTML
trả lại cho trình duyệt, sau đó trình duyệt sẽ hiển thị kết quả cho ngƣời dùng.
Database Server: là một trình chủ cơ sở dữ liệu chạy hệ quản trị cơ sở dữ liệu
MySQL, làm nhiệm vụ lƣu trữ dữ liệu và phục vụ các yêu cầu truy vấn dữ liệu từ Web
Server.
GVHD: Ths. Võ Huỳnh Trâm
Trang 5
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
Trên đây là phần mô tả tóm tắt về vai trò và ý nghĩa của các thành phần đã đƣợc sử
dụng. Phần tiếp theo sẽ trình bày về một số khái niệm cơ bản.
II.1.1 Internet
Internet (thƣờng đƣợc đọc theo khẩu âm tiếng Việt là "in-tơ-nét") là một hệ thống
thông tin toàn cầu có thể đƣợc truy cập công cộng gồm các mạng máy tính đƣợc liên kết
với nhau. Hệ thống này truyền thông tin theo kiểu nối chuyển gói dữ liệu (packet
switching) dựa trên một giao thức liên mạng đã đƣợc chuẩn hóa (giao thức IP). Hệ thống
này bao gồm hàng ngàn mạng máy tính nhỏ hơn của các doanh nghiệp, của các viện
nghiên cứu và các trƣờng đại học, của ngƣời dùng cá nhân, và các chính phủ trên toàn
cầu.
Mạng Internet mang lại rất nhiều tiện ích hữu dụng cho ngƣời sử dụng, một trong
các tiện ích phổ thông của Internet là hệ thống thƣ điện tử (email), trò chuyện trực tuyến
(chat), máy truy tìm dữ liệu (search engine), các dịch vụ thƣơng mại và chuyển ngân, và
các dịch vụ về y tế giáo dục nhƣ là chữa bệnh từ xa hoặc tổ chức các lớp học ảo. Chúng
cung cấp một khối lƣợng thông tin và dịch vụ khổng lồ trên Internet.
II.1.2 World wide web
WWW (gọi tắt là Web) là một tập hợp các tài liệu liên kết với nhau bằng các siêu
liên kết (hyperlink) và các địa chỉ URL, và nó có thể đƣợc truy nhập bằng cách sử dụng
Internet. Web là môi trƣờng giao tiếp chính của ngƣời sử dụng trên Internet. Đặc biệt
trong thập kỷ đầu của thế kỷ 21 nhờ sự phát triển của các trình duyệt web và hệ quản trị
nội dung nguồn mở đã khiến cho website trở nên phổ biến hơn, thế hệ web 2.0 cũng góp
phần đẩy cuộc cách mạng web lên cao trào, biến web trở thành một dạng phần mềm trực
tuyến hay phần mềm nhƣ một dịch vụ.
II.1.3 Trình duyệt web
Trình duyệt web là một phần mềm ứng dụng cho phép ngƣời sử dụng xem và tƣơng
tác với các văn bản, hình ảnh, đoạn phim, nhạc, trò chơi và các thông tin khác ở trên một
trang web của một địa chỉ web trên mạng toàn cầu hoặc mạng nội bộ. Văn bản và hình
ảnh trên một trang web có thể chứa siêu liên kết tới các trang web khác của cùng một địa
chỉ web hoặc địa chỉ web khác. Trình duyệt web cho phép ngƣời sử dụng truy cập các
thông tin trên các trang web một cách nhanh chóng và dễ dàng thông qua các liên kết đó.
Trình duyệt web đọc định dạng HTML để hiển thị, do vậy một trang web có thể hiển thị
khác nhau trên các trình duyệt khác nhau.
Trình duyệt web thực hiện 2 nhiệm vụ cơ bản:
- Gửi các yêu cầu phía client đến trình chủ web
- Nhận và hiển thị kết quả trả về từ trình chủ web.
GVHD: Ths. Võ Huỳnh Trâm
Trang 6
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
Các trình duyệt web phổ biến: Internet Explorer, Nescape Navigator, Mozilla
Firefox, Opera, Google Chrome, Safari.
II.1.4 Trình chủ web (web server)
Web Server (máy phục vụ Web): máy tính mà trên đó cài đặt phần mềm phục vụ
Web, đôi khi ngƣời ta cũng gọi chính phần mềm đó là Web Server.Tất cả các Web Server
đều hiểu và chạy đƣợc các file htm và html, tuy nhiên mỗi Web Server lại phục vụ một số
kiểu file chuyên biệt chẳng hạn nhƣ IIS của Microsoft dành cho asp; Apache dành cho
php; Sun Java System Web Server của SUN dành cho jsp.
Trình chủ web thực hiện những nhiệm vụ sau:
- Lắng nghe các yêu cầu từ phía client
- Xử lý và trả về các thông tin kết quả cho client
II.1.5 Giao thức HTTP
HTTP ( HyperText Transfer Protocol - Giao thức truyền tải siêu văn bản) là một
trong năm giao thức chuẩn về mạng Internet, đƣợc dùng để liên hệ thông tin giữa trình
chủ web (Web server) và khách (Web client) là giao thức Client/Server dùng cho World
Wide Web - WWW, HTTP là một giao thức ứng dụng của bộ giao thức TCP/IP (các giao
thức nền tảng cho Internet).
II.2 NGÔN NGỮ PHP
II.2.1 Định nghĩa php
PHP (viết tắt của PHP: Hypertext Preprocessor) là một là một ngôn ngữ lập trình
kịch bản hay một loại mã lệnh chủ yếu đƣợc dùng để phát triển các ứng dụng viết cho
máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể
dễ dàng nhúng vào trang HTML. Do đƣợc tối ƣu hóa cho các ứng dụng web, tốc độ
nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tƣơng
đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ
lập trình web phổ biến nhất thế giới.
PHP có một thƣ viện phong phú cho phép chúng ta xây dụng các ứng dụng web
tƣơng tác tốt với nhiều hệ quản trị cơ sở dữ liệu nhƣ MySQL, PostgreSQL, Oracle, SQL
Server, Access, ...
PHP cũng đƣợc sử dụng để phát triển các hệ quản trị nội dung nhƣ Drupal, Joomla,
Magento, Mambo, NukeViet, PHP-Nuke, Workpress, Xoops.
Các thẻ của PHP
Có 4 loại thẻ PHP khác nhau khi xây dựng trang PHP.
Kiểu short:
GVHD: Ths. Võ Huỳnh Trâm
Trang 7
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
echo "Hello world!";
?>
Để thực thi cặp thẻ này, phải cấu hình tập tin php.ini
Kiểu định dạng XML: nếu lập trình PHP có ý định sử dụng văn bản định dạng
XML thì phải khai báo thẻ PHP nhƣ sau:
echo "Hello world!";
?>
Kiểu script: trong trƣờng hợp muốn sử dụng php nhƣ một script, khai báo tƣơng tự
nhƣ Javascript và VBScript:
<script language="php">
echo "Hello world!";
</script>
Kiểu ASP: Trong trƣờng hợp khai báo PHP nhƣ một phần trong trang ASP, phải
cấu hình asp_tags trong tập tin php.ini
<%
echo "Hello world";
%>
II.2.2 Biến trong PHP
II.2.2.1 Các đặc điểm của biến trong PHP
Biến trong PHP đƣợc bắt đầu bằng ký tự "$" theo sau là các tên biến. Quy tắt đặt
tên biến trong PHP tƣơng tự nhƣ trong C. Tên biến phân biệt chữ hoa, chữ thƣờng, biến
hợp lệ phải bắt đầu bằng ký tự hoặc bắt đầu là một dấu gạch dƣới "_" theo sao là số, ký
tự. Không có khoản trắng trong tên biến.
Ví dụ:
$bien = "value";
$temp = 2;
$x = $y = 10;
Biến sẽ đƣợc tồn tại từ khi đƣợc khai báo cho đến khi kết thúc kịch bản đang chạy.
GVHD: Ths. Võ Huỳnh Trâm
Trang 8
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
II.2.2.2 Các biến định nghĩa sẵn trong PHP
PHP cung cấp số lƣợng lớn các biến đã đƣợc định nghĩa trƣớc cho bất kỳ kịch bản
nào chạy nó. Ví dụ: $_SERVER, $_REQUEST, $_GET, $_POST, $_FILE, $_SESION.
Biến $_GET: là mảng chứa những biến đƣợc gửi từ client theo phƣơng thức GET.
Biến $_POST: là mảng chứa những biến đƣợc gửi từ client theo phƣơng thức
POST.
Biến $_FILE: là mảng chứa những thƣ mục đƣợc tải lên server theo phƣơng thức
POST.
Biến REQUEST: biến này có thể dùng thay thế $_POST và $_GET ... để nhận dữ
liệu theo cả 2 phƣơng thức POST và GET.
Biến SESSION: biến chứa những phần tử mang tính toàn cục đƣợc sử dụng cho
nhiều trang, thƣờng gọi là biến session.
II.2.3 Kiểu dữ liệu trong PHP
PHP có các kiểu dữ liệu:
Boolean: TRUE hoặc FALSE.
Interger: kiểu số nguyên.
Float: kiểu số thực.
String: lƣu chuỗi ký tự với chiều dài vô hạn.
Array: mảng
Object: kiểu đối tƣợng
Ví dụ:
$bool_o = TRUE; //bool_o kiểu boolean
$int_a = 28; //Biến a kiểu số nguyên
$float_b = 19.91; //biến float_b kiểu số thực
$str_c = "Nguyễn Quốc Dũng"; //Biến str_c chuỗi ký tự.
$arr_d[0] = "Chào ngày mới"; // Biến arr_d kiểu mảng.
$ob_e = new Clss(); // Biến ob_e kiểu đối tƣợng.
II.2.4 Hàm trong PHP
Cũng giống nhƣ các ngôn ngữ khác C, C++ ... Ngoài ra các hàm đƣợc định nghĩa
sẵn, PHP cho phép ngƣời dùng tự định nghĩa hàm. Cú pháp định nghĩa hàm nhƣ sau:
Cú pháp:
GVHD: Ths. Võ Huỳnh Trâm
Trang 9
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
Function <tên hàm> ($arg_1, $arg_2, ..., $arg_n){
//các câu lệnh
return $giatri; //Trả về giá trị cả hàm. Nếu hàm cần trả về giá trị.
}
Truyền đối số cho hàm: truyền theo giá trị, truyền theo tham chiếu, truyền giá trị
mặc định.
Truyền theo giá trị: không làm thay đổi giá trị của biến truyền vào.
Truyền theo tham chiếu: Sẽ làm thay đổi giá trị của biến truyền vào, muốn truyền
theo tham chiếu ta phải thêm ký hiệu "&" vào trƣớc đối số của hàm.
Truyền theo giá trị mặc định: giá trị mặc định phải là một biểu thức hằng, không
phải là biến hoặc lớp. Khi sử dụng theo cách truyền này thì đối số mặc định phải ở bên
phải nhất của các đối số khác.
Giá trị trả về: đƣợc thực hiện bởi câu lệnh return.
II.2.5 PHP truy xuất cơ sở dữ liệu MySQL
PHP là server script, nó có thể chạy trên môi trƣờng Windows và môi trƣờng Linux.
Vì vậy mà PHP có thể kết nối với nhiều hệ quản trị cơ sở dữ liệu trên cả hai môi trƣờng
này.
Một ứng dụng web đƣợc viết bằng ngôn ngữ PHP có thể truy xuất nhiều hệ quản trị
cơ sở dữ liệu khác nhau nhƣ: Ms Access, MySQL, SQL Server, Oracle ... Để làm đƣợc
điều này PHP đã tạo cho mình một tập hợp lớn các hàm sẵn có thể truy xuất cơ sở dữ liệu
từ hệ quản trị cơ sở dữ liệu đó.
Một số hàm PHP tƣơng tác với MySQL
Kết nối cơ sở dữ liệu
Cú pháp: int mysql_connect(string[hostname[:post][:/path_to_socket]],
string[usename], string[password]);
Truy vấn dữ liệu
mysql_query(): hàm gửi câu lệnh SQL tới máy chủ MySQL
mysql_num_rows(): hàm trả về số dòng nói chứa kết quả của câu lệnh SQL đã
đƣợc thực hiện.
mysql_fetch_array(): hàm trả về một mảng là giá trị của một bản ghi hiện tại, sau
đó hàm sẽ trỏ tới bảng tiếp theo cho tới khi bảng ghi cuối cùng hàm trả về giá trị là false.
Đóng kết nối
GVHD: Ths. Võ Huỳnh Trâm
Trang 10
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
Cú pháp: int mysql_close(int[link_identifer])
Tham số link_identifer là mã số nhận dạng tạo ra bởi hàm mysql_connect(). Hàm
trả về true nếu thành công, ngƣợc lại trả về false.
II.2.6 Lập trình hƣớng đối tƣợng với PHP
Lập trình hƣớng đối tƣợng là 1 phƣơng pháp viết mã cho phép các lập trình viên
nhóm các action tƣợng tự nhau vào các class”. Điều này giúp mã lệnh giữ vững đƣợc
nguyên lý DRY “don’t repeat yourself” (không lặp lại chính nó) và dễ dàng để bảo trì.
Giống nhƣ những ngôn ngữ hiện đại khác, PHP cũng hỗ trợ lập trình hƣớng đối
tƣợng. Các cú pháp cơ bản để lập trình hƣớng đối tƣợng trong PHP nhƣ sau:
Khai báo lớp:
//Khai báo lớp sử dụng từ khóa class.
class MyClass{
//Thuộc tính và phƣơng thức của lớp
}
?>
Khai báo các thuộc tính của lớp:
class MyClass{
//Khi khai báo thuộc tính ta phải khai báo tầm vực của nó.
public $thuoctinh_a; //Sử dụng ở bất kỳ đâu
protected $thuoctinh_b; //Sử dụng trong lớp và ở lớp dẫn xuất từ nó.
private $thuoctinh_c; //Chỉ sử dụng trong phạm vi lớp khai báo.
Private $giatrimacdinh = 1; //Giá trị mặc định khi khai báo thuộc tính
}
?>
Khai báo các phƣơng thức của lớp:
class MyClass{
//khai báo thuộc tính
GVHD: Ths. Võ Huỳnh Trâm
Trang 11
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
private $thuoctinh;
//Tƣơng tự nhƣ khai báo thuộc tính.
//Khi khai báo phƣơng thức ta phải khai báo tầm vực của nó.
//Hàm xây dựng
public function MyClass(){
//Mã nguồn của phƣơng thức
}
//seter
public function setThuocTinh($bien){
$this->thuoctinh = $bien;
}
//geter
public function getThuocTinh(){
return $this->thuoctinh;
}
//Hàm khởi tạo
public function init($bien){
//Mã nguồn của phƣơng thức
}
}
?>
Sử dụng lớp:
$object = new MyClass(); //Khởi tạo một đối tƣợng từ lớp đã xây dựng.
$object->setThuocTinh("Hello word!"); //Gán giá trị cho thuộc tính
echo $object->getThuocTinh(); //Lấy giá trị của thuộc tính.
?>
GVHD: Ths. Võ Huỳnh Trâm
Trang 12
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
II.3 THƢ VIỆN JQUERY
II.3.1 Khái quát
jQuery là một thƣ viên JavaScript nhanh, nhỏ gọn và có nhiều tính năng. Nó làm
cho các tài liệu HTML dễ thao tác hơn (vd: tƣơng tác động, xử lý sự kiện, hiệu ứng hoạt
hình). jQuery cũng giúp cho việc sử dụng ajax trở nên đơn giản hơn. Với sự kết hợp của
tính linh hoạt và khả năng mở rộng, jQuery đã thay đổi cách mà hàng triệu ngƣời viết
JavaScript.
Thông qua thƣ viện jQuery, rất nhiều Plugin hữu ích đã ra đời nhƣ: ColorPicker,
DataPicker và Text Editer.
II.3.2 Sử dụng ajax trong jQuery
II.3.2.1 Phương thức load()
Phƣơng thức load() của jQuery giúp lấy dữ liệu từ trình chủ web và đặt dữ liệu trả
về ở một thành phần đƣợc chọn.
Cú pháp:
$(selector).load(URL,data,callback);
Trong đó:
URL là yêu cầu bắt buộc. URL là đƣờng dẫn đến tập tin bạn định tải về client.
Data là một tùy chọn. Data xác định một chuỗi truy vấn từ khóa/biến đƣợc gửi cùng
với yêu cầu.
Callback là một tùy chọn. Callback lƣu tên chức năng sẽ đƣợc thực hiện sau khi
phƣơng thức load() hoàn thành.
Ví dụ:
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("test.txt");
});
});
</script>
GVHD: Ths. Võ Huỳnh Trâm
Trang 13
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
II.3.2.2 Phương thức GET/POST
Phƣơng thức GET/POST đƣợc sử dụng để chuyển yêu cầu từ Client về trình chủ
web.
Với jQuery chúng ta không cần phải tải lại trang để chuyền yêu cầu về phía trình
chủ web.
Cú pháp của phƣơng thức get:
$.get(URL, callback);
Trong đó:
URL là yêu cầu bắt buộc. URL là đƣờng dẫn đến tập tin đƣợc chỉ định.
Callback là một tùy chọn. Callback lƣu tên chức năng sẽ đƣợc thực hiện nếu việc
gửi yêu cầu thành công.
Ví dụ:
$("button").click(function(){
$.get("test.php",function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Cú pháp của phƣơng thức post:
$.post(URL, data, callback);
Trong đó:
URL là yêu cầu bắt buộc. URL là đƣờng dẫn đến tập tin đƣợc chỉ định.
Data là một tùy chọn. Data xác định một chuỗi truy vấn từ khóa/biến đƣợc gửi cùng
với yêu cầu.
Callback là một tùy chọn. Callback lƣu tên chức năng sẽ đƣợc thực hiện nếu việc
gửi yêu cầu thành công.
Ví dụ:
$("button").click(function(){
$.post("demo_test_post.asp",
{
name:"Donald Duck",
GVHD: Ths. Võ Huỳnh Trâm
Trang 14
SVTH: Nguyễn Quốc Dũng
Luận văn tốt nghiệp
Chƣơng II: Cơ sở lý thuyết
city:"Duckburg"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
}
);
});
II.4 THƢ VIỆN VIDEO.JS
Video.js là một thƣ viện javascript. Video.js (còn gọi là HTML5 Video Player) giúp
làm việc và thao tác trên HTML5 video dễ hơn. Video.js cung cấp một số giao diện điều
khiển đƣợc xây dựng với HTML/CSS, khắc phục sự thiếu nhất quán giữa các trình duyệt,
thêm các tính năng nhƣ fullscreen và phụ đề, có thể phát đƣợc file flash hoặc các kỹ thuật
khác khi HTML5 không đƣợc hỗ trợ và cung cấp một số Javascript API tƣơng tác với the
video.
Ví dụ:
<link href="video-js.css" rel="stylesheet" type="text/css">
<script src="video.js"></script>
<div id="quangcao">
