TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN


BÀI TẬP LỚN
MÔN: Thực tập tốt nghiệp
Đề tài: Tìm hiểu công nghệ mã nguồn mở wordpress. Phân tích thiết kế và xây
dựng website sử dụng mã nguồn mở WordPress.
Giáo viên hướng dẫn: GV Nguyễn Văn Thắng
Sinh viên thực hiện: Phùng Thế Anh
MSSV: 0974060027

Hà Nội 12/2015

1


PHỤ LỤC

III. Tài liệu tham khảo........................................................................................33

2


LỜI MỞ ĐẦU
Xã hội phát triển về nhiều mặt kinh tế, văn hóa, xã hội kèm theo đó sự bùng nổ
mạnh mẽ của công nghệ thông tin. Vì thế, nhu cầu chia sẻ thông tin để kết nối giữa
doanh nghiệp và người tiêu dùng càng ngày càng cần thiết. Để đáp ứng nhu cầu đó,
website cho các công ty, doanh nghiệp, cá nhân đã ra đời. Và việc xây dựng website
là nhu cầu không còn xa lạ với mỗi cá nhân, tập thể trên môi trường Internet. Có rất
nhiều cách để xây dựng website, có thể thuê đối tác bên ngoài để tiến hành xây dựng

Management System) vượt trội để hỗ trợ người dùng tạo ra nhiều thể loại website
khác nhau như blog, website tin tức / tạp chí, giới thiệu doanh nghiệp, bán
hàng – thương mại điện tử, thậm chí với các loại website có độ phức tạp cao như
đặt phòng khách sạn, thuê xe, đăng dự án bất động sản,…v…v…Hầu như mọi
hình thức website với quy mô nhỏ và vừa đều có thể triển khai trên nền tảng
WordPress.
Nhưng như thế không có nghĩa là WordPress chỉ thích hợp với các dự án
nhỏ, mà hiện nay có tới khoảng 25% website trong danh sách 100 website lớn nhất
thế giới sử dụng mã nguồn WordPress. Ví dụ như trang tạp chí TechCrunch,
Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata,
Quartz,…và còn rất nhiều website lớn khác.
2. Những thành tựu của WordPress
• Trên thế giới, có khoảng 25 bài viết được đăng lên các website sử dụng
WordPress mỗi giây.
• Số lượng website làm bằng WordPress chiếm 23% tổng số lượng website trên
thế giới.
• Trong số 100% các website sử dụng mã nguồn CMS, WordPress chiếm
60%.
• Phiên bản WordPress 4.0 đạt hơn 16 triệu lượt tải chỉ sau khoảng hai tháng.
• WordPress đã được dịch sang 52 ngôn ngữ khác nhau. Tuy nhiên lại chưa có
phiên bản tiếng Việt chính thức, nhưng bạn có thể Việt hóa dễ dàng bằng cách
tìm bài trên blog với từ khóa “Việt hóa WordPress“.
• Có hơn 80 chương trình họp mặt về WordPress được tổ chức vào năm 2014.
• Mã nguồn WordPress hiện đang có khoảng 785 lập trình viên cùng hợp tác
phát triển.
• Chỉ tính các giao diện (hay còn gọi là theme) miễn phí trên thư viện
WordPress.org thì đã có hơn 2.700 themes khác nhau.

4


• Công cụ giao tiếp giữa các blog: WordPress hỗ trợ đầy đủ cả tiêu chuẩn
Trackback và Pingback. Các nhà phát triển cũng cam kết hỗ trợ các tiêu chuẩn
khác được phát triển trong tương lai.
• Comments: Với tính năng này khi khách truy cập vào website của bạn họ có
thể để lại ý kiến bình luận trong những mục riêng biệt, và thông qua Trackback
hay Pingback để bình luận trên trang của họ. Bạn có thể cho phép hoặc không
cho phép bình luận trên từng bài viết cụ thể.
• Bảo vệ Spam: WordPress được trang bị các công cụ rất mạnh mẽ như tích hợp
danh sách đen, mở kiểm tra proxy để quản lý và loại bỏ các bình luận spam
trên blog của bạn. Nó cũng có một mảng phong phú các plug-in để giúp nâng
cao hơn nữa tính năng này.

5


• Đăng ký người dùng: WordPress có một hệ thống đăng ký người dùng được
tích hợp sẵn (nếu bạn chọn) cho phép mọi người đăng ký, duy trì hồ sơ và để
lại các bình luận được xác nhận trên blog. Bạn có thể đóng chức năng bình
luận cho những người dùng không đăng ký. Ngoài ra, còn có các plug-in giúp
ẩn bài viết cho những tài khoản người dùng cấp thấp.
• Mật khẩu bảo vệ bài viết: Tính năng này cung cấp mật khẩu cho các bài viết
riêng biệt để ẩn chúng trên trang. Bạn cũng có thể có những bài viết cá nhân
chỉ được xem bởi người viết ra nó.
• Nhiều tác giả: Hệ thống người dùng nâng cao của WordPress cho phép đến 10
cấp độ người dùng, với mỗi cấp độ khác nhau người dùng sẽ có những đặc
quyền (và cấu hình) khác nhau đối với việc xuất bản, chỉnh sửa, các tùy chọn
và những người dùng khác.
• Bookmarklets: Tính năng bookmarklets đa trình duyệt giúp bạn dễ dàng xuất
bản đến blog hoặc thêm liên kết vào danh sách blog.
• Ping away: WordPress hỗ trợ ping Ping-O-Matic, có nghĩa là giúp công cụ tìm

khi nào, thuộc chuyên mục (Category) nào hay là có bao nhiêu bình luận thuộc
bài viết,… và còn một số thính năng khác mà có được hiển thị hay không thì
tùy từng theme sử dụng.
• Footer: Là một thành phần cuối cùng của trang web, bạn có thể hiển thị thông
tin liên hệ hay những cái gì bạn thích tại đây.
• Thanh Adminbar: Mặc định, khi bạn đăng nhập vào tài khoản, thì trên cùng
của trang web sẽ xuất hiện một thanh menu màu đen. Tại đây sẽ có các liên kết
dẫn tới các trang khác nhau.

Giao diện trang chi tiết bài viết

* Ý nghĩa các phần trên trang chi tiết bài viết:
• Tiêu đề: Không có gì khó hiểu cả, đây chính là phần tiêu đề của bài viết

7


• Nội dung: Đây là phần thể hiện đầy đủ nội dung của một post. Còn bên dưới
là một vài thông tin liên quan đến bài viết như ngày đăng, tác giả bài viết,
v.v.v.v…..
• Bình luận: Tại đây sẽ hiển thị các bình luận dành cho bài viết này. Mỗi bình
luận đều có tên người bình luận, ngày bình luận và nút Trả lời (Reply) cho bình
luận đó.
4.3. Trang quản trị (Dashboard)
- Đước rồi, dưới đây là giao diện chính của trang quản trị Dashboard của
WordPress

Giao diện chính trang quản trị

* Chức năng chính của các menu:

STT Chức năng

Mô tả

1

Xem chi tiết sản phẩm

Người xem có thể xem thông tin về sản
phẩm đồ gia dụng bao gồm: tên sản phẩm,
Giá niêm yết, giá bán, mã sản phẩm, hãng
sản xuất, thời hạn bảo hành, tình trạng còn
hàng hay hết hàng.

2

Bình luận

Người xem có thể bình luận về sản phẩm.

3

Tìm kiếm sản phẩm

Khách hàng nhập thông tin vào thanh tìm
kiếm để tìm kiếm sản phẩm

4

Quảng cáo

o Tìm kiếm sản phẩm: Sử dụng ứng dụng tìm kiếm của google để
kết quả tìm kiếm trả về sát với yêu cầu của khách hàng nhất
o Liên hệ: Cho phép khách hàng liên hệ với nhân viên bán hàng thông
qua thông qua form liên hệ.

o Quảng cáo: Trên trang chủ và trang danh mục có đặt slider cho
phép đặt các banner quảng cáo, giới thiệu về sản phẩm mới nhất
hoặc đang giảm giá
- Sơ đồ chức năng

Sơ đồ chắc năng

1.2. Chức năng phía admin
STT Chức năng

Mô tả
10


1

Quản lý sản phẩm

Quản lý thông tin hình ảnh sản phẩm, người
quản trị có thể upload hình ảnh sản phẩm,
nhập thông tin mô tả tính năng sản phẩm,
giá cả, số lượng

2


-

Download tại trang web
 />- Hoặc download trực tiếp tại:
 />0Windows/1.7.4/xampp-win32-1.7.4VC6.7z/download
2.1.2. Cài đặt Xampp
- Sau khi download thành công được thì tiến hành cài đặt trương trình vào
ổ C xampp-win32-5.6.15.exe
- Sau đó trong thư mục chạy file “ xampp-control “

11


-

-

Chạy module “ Apache ” và “ Mysql ”

Tạo Database MySQL cho Wordpress với PhpMyAdmin: ở mục “ Create
database ” điền tên data base rồi click “ Create “

12


2.1.3. Download và cài đặt Wordpress
-

-


http://localhost/wordpress/wp-admin -> đăng nhập với tài khoản vừa tạo

16


2.1.4 Xây dựng giao diện frontend
2.1.4.1. Giao diện trang chủ
 Header: bao gồm thông tin liên hệ, logo và form tìm kiếm

 Menu: chứa các chuyên mục sản phẩm, tin tức, và liên kết tới trang liên hệ
(Phần màu đỏ)

 Slider:

slide hình ảnh banner quảng cáo bằng jquery

17


 Content : Box hiển thị sản phẩm theo danh mục cha và danh mục con

18


 Footer: gồm các liên kết tới danh mục và tới các bài viết chứa thông tin,
chính sách

19



2.1.4.5. Giao diện hiển thị danh mục bài viết
-

Hiển thị nội dung bài viết
Cột phải: hiển thị các bài viết liên quan, cùng chuyên mục
Comment facebook

23


24


2.1.5. Code sử lý
2.1.5.1. Ngôn ngữ viết chương trình
 HTML (HyperText Markup Language) : còn được gọi là
ngôn ngữ đánh dấu siêu văn bản. Nó được tạo ra nhằm cấu trúc
lên một trang web với các mẩu thông tin được trình bày trên
World Wide Web. Một số thẻ thường được dùng như là
<html></html>, <header></header>, <body></body>,
<div></div>, <span></span>, <ul></ul>…
 CSS (Cascading Style Sheet) : Website được cấu tạo từ các
thẻ html nhưng với những thẻ html thì mới chỉ thể hiện được bộ
khung của website. Để căn chỉnh, trình bày cho đẹp mắt thì ta
cần sử dụng ngôn ngữ CSS. Đây là ngôn ngữ được dùng rất
nhiều trong lập trình web, thường đi cùng với ngôn ngữ html.
 JavaScrip : là ngôn ngữ lập trình kịch bản, hộ trợ người lập
trình trong việc tạo ra các hiệu ứng của website, kiểm tra các
thông tin đầu vào vào thường được viết cho phần giao diện của
website.