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ụngphản hồ
Trang 1BỘ 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ở
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
Trang 2Mục lục
Lời mở đầu 2
I Tìm hiểu công nghệ mã nguồn mở wordpress 3
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
4 Các tính năng và giao diện chính của wordpress 5
II. Phân tích và xây dựng website ứng dụng mã nguồn mở
Trang 3LỜ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ốigiữa doanh nghiệp và người tiêu dùng càng ngày càng cần thiết Để đáp ứngnhu cầu đó, website cho các công ty, doanh nghiệp, cá nhân đã ra đời Và việcxâ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ôitrường Internet Có rất nhiều cách để xây dựng website, có thể thuê đối tác bênngoà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ụngphả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ủaThầy Cô để chúng em có thể hoàn thiện được đề tài tốt hơn tạo nền tảng chophá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ì?
Trang 4hệ quản trị cơ sở dữ liệu MySQL WordPress được ra mắt lần đầu tiên vào ngày27/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ềutí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ácviên là những lập trình viên cũng tham gia đông đảo để phát triển mã nguồnWordPress có thêm những tính năng tuyệt vời Và cho đến thời điểm viết bàinà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 doanhnghiệ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 khaitrê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ự ánnhỏ, mà hiện nay có tới khoảng 25% website trong danh sách 100 website lớnnhấ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, MTVNews, 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ụngWordPress mỗi giây
Số lượng website làm bằng WordPress chiếm 23% tổng số lượng website trênthế 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áchtìm bài trên blog với từ khóa “Việt hóa WordPress“
Trang 5Có 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áttriển
Chỉ tính các giao diện (hay còn gọi là theme) miễn phí trên thư việnWordPress.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ồmcá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ủamình đây
Có thể làm được nhiều thể loại website, từ blog cá nhân đến các trang thươngmạ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
Trang 64 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ứctạ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ácchỉ 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ẩnkhá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 Trackbackhay Pingback để bình luận trên trang của họ Bạn có thể cho phép hoặc khôngcho 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ênblog của bạn Nó cũng có một mảng phong phú các plug-in để giúp nâng caohơ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ạicá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ậncho những người dùng không đăng ký Ngoài ra, còn có các plug-in giúp ẩn bàiviế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 đặcquyề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ộ
Trang 7sư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ư khungtì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 ngoài trang chủ như là post Chỉ có thể đọc được nội dung khi truycập vào địa chỉ của page
Trang 8Thô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ộcbà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ùytừ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ếtdẫ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…
Trang 9Bì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ìnhluậ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ủaWordPress
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,…
Trang 10Bà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 Ngoài ra cũng có thể quản lý được các chuyênmụ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
II 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
1 Xem chi tiết bài viết Người xem có thể xem chi tiết thông tin về
bài viết bao gồm: thể thao, sự kiện nóng,dịch bệnh,…
2 Bình luận Người xem có thể bình luận về bài viết
3 Tìm kiếm bài viết Người dùng nhập thông tin vào thanh tìm
kiếm để tìm kiếm bài viết
4 Quảng cáo Trên website có slider banner quảng cáos
5 Liên hệ Khách hàng nhập thông tin liên hệ vào
form để liên hệ với Web
Trang 11Chi 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ẽ đượclư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
1 Quản lý bài viết Quản lý thông tin hình ảnh bài viết
2 Quản lý danh mục bài
viết Quản lý thông tin danh mục bài viết baogồm các chức năng thêm, xóa sửa danh
mục sản phẩm
3 Quản lý slide banner
Quảng cáo Trên website có slider banner quảng cáo
Trang 12Quả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êmmộ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
Trang 13-Chạy module “ Apache ” và “ Mysql ”
Trang 14-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
Trang 15-Truy cập vào trang web:
https://wordpress.org/
-Hoặc download trực tiếp tại:
https://wordpress.org/download/
-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
Trang 16Tiến hành cài đặt wordpress
Chạy được dẫn: http://localhost/wordpress “ thực hiện ngay ”
Trang 17-Đ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 ”
Trang 18-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
Trang 192.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
Trang 20 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:
Trang 21III 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:
https://www.youtube.com/watch?v=2Zz9SB5Gxmk
- Wordpress (2014) Class Reference/wpdb [Internet] [trích dẫn ngày
03/03/2014] Lấy từ: URL:
https://codex.wordpress.org/Class_Reference/wpdb
- Mr Nav (2014) [WordPress Plugin] Database Info [Internet].
[trích dẫn ngày 03/03/2014] Lấy từ: URL:
http://www.izwebz.com/wordpress/plug-in/wordpress-plugindatabase-info/
- Google (2014) Google [Internet] [trích dẫn ngày 03/03/2014] Lấy
từ: URL: https://google.com/
Trang 22IV 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 toà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 Tuygặp phải nhiều khó khăn nhưng em đã cố gắng để hoà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ớigiao diện đơn giản theo ý muốn - Đưa website lên Internet và quản trị Hy vọngnhữ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 hoàn thiện và đầy đủ hơn hơn.
Chúng em xin chân thành cảm ơn!
