(TIỂU LUẬN) báo cáo KHỞI NGHIỆP 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

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG Đại học
Kinh Doanh và Công Nghệ Hà Nội Khoa Công nghệ
thông tin

BÁO CÁO KHỞI NGHIỆP
MÔN: Mã Nguồn Mở
Giảng viên:

Nguyễn Duy Long

Sinh viên thực hiện:

Nguyễn Xuân Tuấn Anh – 19170223(NT)
Vũ Chiển Chiêu – 19170479

Hoàng Anh Tùng – 19125826
Nguyễn Quang Khải – 19110186
Nguyễn Mạnh Quyết – 19136795
Phạm Xuân Đức – 19170710

Nhóm 3 :

TH24.36


Mục lục

Lời mở đầu
I.

Tìm hiểu cơng nghệ mã nguồn mở wordpress

1. Wordpress là gì?

3

2. Những thành tựu của WordPress

3

3. Ưu và nhược điểm của WordPress
4. Các tính năng và giao diện chính của wordpress
AI.

Phân tích và xây dựng website ứng dụng mã nguồn mở
Wordpress..9

1.

Phân tích hệ thống

2.

Xây dựng website

III. Tài liêu tham khảo
IV.

KẾT LUẬN

1

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ể th đối tác bên
ngồi để tiến hành xây dựng hoặc tự bản thân doanh nghiệp, cá nhân cũng có
thể sử dụng hệ thống mã nguồn mở có sẵn để xây dựng. Wordpress là một trong
số đó, với giao diện trực quan, dễ sử dụng, và dễ dàng đáp ứng được nhu cầu cơ
bản nâng cao của một cá nhân hay tập thể đã được nhiều người thiết kế, sử dụng
phản hồi tích cực. Nắm được nhu cầu đó, em chọn đề 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”.
Mặc dù đã cố gắng nỗ lực để hoàn thiện đề tài, nhưng bên cạnh đó khơng thể
tránh khỏi những thiếu sót. Mong rằng nhận được ý kiến góp ý, phản hồi của
Thầy Cơ để chúng em có thể hồn thiện được đề tài tốt hơn tạo nền tảng cho
phát triển sự nghiệp sau này.
Xin chân thành cảm ơn !

I: Tìm hiểu cơng nghệ mã nguồn mở wordpress

1.Wordpress là gì?
WordPress là một phần mềm nguồn mở (Open Source Software) được
viết bằng ngôn ngữ lập trình website PHP (Hypertext Preprocessor) và sử dụng
2


hệ quản trị cơ sở dữ liệu MySQL. WordPress được ra mắt lần đầu tiên vào ngày

27/5/2003 bởi tác giả Matt Mullenweg và Mike Little. Hiện nay WordPress
được sở hữu và phát triển bởi cơng ty Automattic có trụ sở tại San Francisco,
California thuộc hợp chủng quốc Hoa Kỳ.
WordPress là một mã nguồn mở bằng ngôn ngữ PHP để hỗ trợ tạo blog
cá nhân, và nó được rất nhiều người sử dụng ủng hộ về tính dễ sử dụng, nhiều
tính năng hữu ích. Qua thời gian, số lượng người sử dụng tăng lên, các cộng tác
viên là những lập trình viên cũng tham gia đông đảo để phát triển mã nguồn
WordPress có thêm những tính năng tuyệt vời. Và cho đến thời điểm viết bài
này là 2015, WordPress đã được xem như là một hệ quản trị nội dung (CMS –
Content 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“.

3


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.
3.Ưu và nhược điểm của WordPress
3.1. Ưu điểm
Nhiều plugin hỗ trợ, hầu như mọi ý tưởng đều đã có plugin hỗ trợ.
Nhiều theme có sẵn, hầu như là nhiều nhất trong các CMS hiện nay. Bao gồm
các theme miễn phí và theme trả phí rất chuyên nghiệp.
Dễ tùy biến, nếu bạn là người đã có kiến thức sẵn về PHP, CSS, HTML thì
điều này rất dễ dàng.
Nhiều cộng đồng hỗ trợ và hướng dẫn, đơn cử là như ThachPham.Com của
mình đây.
Có thể làm được nhiều thể loại website, từ blog cá nhân đến các trang thương
mại điện tử.
Dễ cài đặt.
Nhẹ và hao tốn ít tài nguyên máy chủ.
Các Theme Framework hiện có sẽ giúp bạn tự thiết kế giao diện WordPress dễ
dàng.
Dễ sử dụng và quản lý.

3.2. Nhược điểm
Nhiều khái niệm khó hiểu nếu bạn mới bắt đầu.
Muốn tùy biến WordPress, bạn phải có kiến thức lập trình web căn bản nhất.
Các theme đẹp đa phần là phải trả phí. Và plugin cũng vậy.
Nếu bạn là Developer, bạn sẽ hơi mệt mỏi với các hàm có sẵn của WordPress

vì nó quá nhiều.

4


4.

Các tính năng và giao diện chính của wordpress

4.1.

Các tính năng chính

WordPress Themes: WordPress có một hệ thống đầy đủ các theme giúp bạn
thiết kế tất cả mọi thứ từ những blog đơn giản đến những tạp chí online phức
tạp. Bạn cũng có thể chuyển đổi giữa nhiều chủ đề với giao diện hoàn toàn khác
chỉ bằng một cú nhấp chuột.
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.
Đă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ý. Ngồ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
kiếm tiếp xúc tối đa với blog của bạn. Tóm lại, WordPress là công cụ viết blog
đa năng, dễ sử dụng và khả năng tùy biến cao. Quá trình cài đặt đơn giản, bộ
5


sưu tập template đa dạng, kiến trúc plug-in đa dạng, phù hợp cho người mới bắt
đầu trong khi cũng đáp ứng nhu cầu của những blogger chuyên nghiệp hơn.
4.2. Giao diện mặc định
Sau khi cài đặt xong Wordpress sẽ mặc đinh cho ta giao diện mang tên
là Twenty Fifteen.
-

Ảnh giao diện trang chủ
* Ý nghĩa các phần trên trang chủ:

Tên trang và mô tả (Description): Đây là phần thể hiện tên trang web còn
Description là phần thể hiện câu khẩu hiệu, slogan của bạn.

Sidebar: Là một thành phần phụ nằm cạnh thành phần chính của website. Nó
có thể nằm bên phải, bên trái hoặc cả hai bên, cái này thì tùy và từng theme.
Trong giao diện mặc định này, có thể thấy một số thành phần con như khung
tìm kiếm, các bài viết mới, phản hồi mới,…. Các phần này được gọi chung là
Widget.
Bài viết: Mỗi khi bạn đăng một bài viết mới lên trang web, sẽ tự động được
chèn vào trên cùng của trang web. Ngoài bài viết (post) ra, cịn một loại nữa đó
là page. Hơi khác với post một chút, khi thêm một page mới thì chúng khơng
được đưa ra ngồi trang chủ như là post. Chỉ có thể đọc được nội dung khi truy
cập vào địa chỉ của page.

6


Thơng tin post: Với phần này, Sẽ có thể biết được bài viết này được đăng tải
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
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…..
7


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:

Bảng tin: Trong menu này sẽ có một số chức năng chính như Lời chào tới
WordPress, Phác thảo nhanh một bài viết, Xem các bình luận mới, tin tức từ
WordPress,….

8


Bài viết: Với menu này, có thể quản lý được các bài viết đã đăng trên website,
hay đăng thêm các bài viết mới. Ngồi ra cũng có thể quản lý được các chuyên
mục (category), thẻ (tag).
Phương tiện: Với menu này sẽ quản lý các file được đăng tải lên website.
Trang: Tại đây có thể tạo thêm các trang mới cũng như xóa đi các trang cũ.

Phản hồi: menu này quản lý các bình luận trên web như cho phép hiển thị,
đánh dấu là Spam hay xóa các comment.
Giao diện: Tại đây thì có thể thay giao diện mới cho web, tùy biến giao diện
đang dùng, chỉnh sửa nó.
Gói mở rộng: quản lý các plugin trên website của mình. Cài thêm một plugin
mới, xóa một plugin cũ.
Thành viên: Đây là khu vực bạn quản lý các thành viên trên website.
Công cụ: Với menu này có thể xuất dữ liệu trang web ra một file SQL. Hay
cũng có thể nhập dữ liệu từ các blog khác vào blog của mình.
Cài đặt: Đây là nơi sẽ cài đặt những thiết lập cơ bản cho trang web như tiêu đề,
câu slogan, cài đặt viết, bình luận, đường dẫn tĩnh,v.v.vv..

AI.

Phân tích và xây dựng website ứng dụng mã nguồn mở Wordpress

Xây dựng website tin tức
1.Phân tích hệ thống
1.1Chức năng phía frontend
STT

Chức năng

1

Xem chi tiết bài viết

2

Bình luận

3

Tìm kiếm bài viết

4

Quảng cáo

5

Liên hệ
9


Chi tiết chức năng phía frontend
Xem hàng: Khách hàng truy cập vào địa chỉ của website trên thanh url, chọn
vào các page trên site để xem thông tin.
Đầu vào:Thông tin yêu cầu của khách hàng về bài viết.
Xử lý: Khi khách hàng chọn một bài viết bất kì trên page
Đầu ra: thông tin về bài viết bao gồm: tiêu đề và chi tiết bài viết.
Bình luận: Sử dụng ứng dụng form comment của facebook, Người xem có thể
chia sẻ cảm nghĩ của họ về bài viết, thơng tin bình luận của khách hàng sẽ được
lưu vào database của facebook.
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 người dùng nhất nhất
Liên hệ: Cho phép khách hàng liên hệ với web thông qua thông qua form liên
hệ.
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.

1.2.

Chức năng phía admin

STT

Chức năng

1

Quản lý bài viết

2

Quản lý danh mục bài
viết

3

Quản lý slide banner
Quảng cáo

- Chi tiết chức năng quản trị admin
10


Quản lý sản phẩm: sử dụng chức năng post bài viết của wordpress để đăng
thông tin bài viết, đồng thời dùng thêm plugin advance custom field để thêm
một số trường vào trong phần đăng bài viết như tác giả
Quản lý danh mục sản phẩm: sử dụng phần quản lý danh mục bài viết mặc

định của wordpress để quản lý danh mục bài viết
Quản lý slide banner Quảng cáo: sử dụng plugin in Revolution Slider để quản
lý thêm, sửa, xóa các banner quảng cáo
2.Xây dựng website
2.1. Cài đặt Wordpress trên localhost với Xampp
2.1.1. Download Xampp
Download tại trang web

-

/>-

Hoặc download trực tiếp tại:

/>0Windows/1.7.4/xampp-win32-1.7.4-VC6.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 ”

12


-Tạo Database MySQL cho Wordpress với PhpMyAdmin: ở mục “ Create

database ” điền tên data base rồi click “ Create “

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


-Truy cập vào trang web:
/>-Hoặc download trực tiếp tại:
/>
-Sau khi download: Giải nén file wordpress.rar vừa download vào thư mục C:\
xampp\htdocs\ được thư mục với nội dung sau

14


Tiến hành cài đặt wordpress
Chạy được dẫn: http://localhost/wordpress “ thực hiện ngay ”

15


-Điền thông tin csdl: tên database, tên đăng nhập, mật khẩu và địa chỉ máy chủ
csdl -> “ Gửi ”

Bước cuối điền thông tin: Tiêu đề web, tài khoản đăng nhập quản trị
website và click “ Cài đặt wordpress ”

16

-Kiểm tra website đã cài đặt: bằng cách vào đường dẫn
http://localhost/wordpress/wp-admin -> đăng nhập với tài khoản vừa tạo

17


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 Trang chủ, Đại dịch covid19-Thảm họa trái đất

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

18


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

 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

2.1.4.2 Giao diện hiển thị bài viết:

19


III. Tài liệu tham khảo
Tài liệu các tin trên trang internet, khơng có tên báo, số xuất

bản
- Precisioη (2014). Setup a Domain on Your Windows VPS [Internet].

[trích dẫn ngày 03/03/2014]. Lấy từ: URL:
/>- Wordpress (2014). Class Reference/wpdb [Internet]. [trích dẫn ngày

03/03/2014]. Lấy từ: URL:
/>- Mr. Nav (2014). [WordPress Plugin] Database Info [Internet]. [trích dẫn

ngày 03/03/2014]. Lấy từ: URL: />- Google (2014). Google [Internet]. [trích dẫn ngày 03/03/2014]. Lấy

từ: URL: />
20


IV.

Kết luận
Thơng qua việc tìm hiểu và nghiên cứu đề tài này giúp chúng tơi có cái nhìn

tồn diện hơn mơn mã nguồn nói chung mà phần mềm WordPress nói riêng.
Chúng em đã hiểu được phần nào và thấy được các công việc cần phải làm để

thiết kế giao diện cho website sử dụng hệ quản trị nội dung WordPress. Tuy
gặp phải nhiều khó khăn nhưng em đã cố gắng để hồn thành đề tài các tiêu chí
sau: - Hiểu được cấu trúc theme trong WordPress - Tạo được một website với
giao diện đơn giản theo ý muốn - Đưa website lên Internet và quản trị. Hy vọng
những nghiên cứu đánh giá của chúng em sẽ góp phần tìm hiểu thêm về phần
mềm WordPress . Do thời gian có hạn nên bài báo cáo khơng tránh khỏi những sai
sót, mong thầy góp ý, đánh giá giúp chúng em hồn thiện và đầy đủ hơn hơn.

Chúng em xin chân thành cảm ơn!

21