Professional Documents
Culture Documents
Lời đầu tiên, em xin được gởi đến toàn thể giảng viên trường Đại học Hải
Phòng lời cảm ơn chân thành nhất! Nhờ những kiến thức em được truyền dạy
trong suốt chương trình học, em đã có được một hành trang tốt trong quá trình
thực tập. Thời gian học tuy không quá dài nhưng đã mang lại cho bản thân em
những kinh nghiệm quý giá và va chạm thực tế rất hữu ích. Em không những
được học thêm nhiều kiến thức mà còn được ứng dụng nhưng gì mình học vào
thực nghiệm.
Để có được kết quả này em xin gởi lời cảm ơn sâu sắc đến Ths.Nguyễn
Thị Hồng Mai . Cô đã có những gợi ý ttrong quá trình định hướng rõ ràng cho
chuyên đề thực tập của em. Với sự hướng dẫn nhiệt tình của cô đã giúp em giải
quyết được những khó khăn mắc phải trong suốt thời gian thực tập.
Một lần nữa, em xin gởi lời cảm ơn chân thành đến tất cả mọi người
Mục Lục
LỜI CẢM ƠN.....................................................................................................................2
DANH MỤC HÌNH ẢNH..................................................................................................5
LỜI MỞ ĐẦU.....................................................................................................................1
CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI.........................................................................2
1.1 Tên đề tài :.................................................................................................................2
THIẾT KẾ WEBSITE BÁN BÁNH MÌ BẰNG WORDPRESS.................................2
1.1.1 Mục tiêu đề tài......................................................................................................2
1.2 Phạm vi nghiên cứu...................................................................................................2
1.3 Ý nghĩa đề tài.............................................................................................................2
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT..................................................................................4
2.1 Cơ sở lý thuyết thiết kế website...........................................................................4
2.1.1 Khái niệm về website..........................................................................................4
2.1.2 Thiết kế website tĩnh...........................................................................................4
2.1.3 Thiết kế website động..........................................................................................5
2.2Cấu trúc trang website..............................................................................................6
2.2.1Giới thiệu thành phần , cấu trúc một trang website...............................................6
2.2.2 Các trang cơ bản trong một trang website...........................................................6
2.2.3Các yếu tố cần xác định khi tạo một website.........................................................7
2.2.4 Cơ sở dữ liệu........................................................................................................8
2.2.5 Những yếu tố thành công của một trang web......................................................9
CHƯƠNG 3: TÌM HIỂU VỀ WORDPRESS................................................................10
3.1 Wordpress là gì?.................................................................................................10
3.2 Thành tựu của Wordpress.................................................................................10
3.3 Phân loại wordpress............................................................................................12
3.3.1 Wordpress.Com.................................................................................................12
3.3.2 Wordpress.Org...................................................................................................13
3.4 Lý do lựa chọn Wordpress....................................................................................13
3.4.1 Dễ sử dụng..........................................................................................................13
3.4.2 Cộng đồng hỗ trợ đông đảo...............................................................................13
3.4.3 Nhiều gói giao diện có sẵn................................................................................14
3.4.4 Nhiều plugin hỗ trợ............................................................................................14
3.4.5 Dễ phat triển cho lập trình viên.........................................................................14
3.4.6 Hỗ trợ nhiều ngôn ngữ........................................................................................14
3.4.7 Có thể làm nhiều loại website...........................................................................15
3.5 Các tính năng cơ bản của Wordpress...................................................................15
3.6 Những hiểu lầm về wordpres................................................................................16
3.6.1 Wordpress chỉ là một phần mềm..........................................................................16
3.6.2 Wordpress chỉ dành cho người không biết code.................................................16
CHƯƠNG 4: THIẾT KẾ WEBSITE BÁN BÁNH MÌ.................................................18
4.1 Phân tích hệ thống website..................................................................................18
4.1.1 Khảo sát hiện trạng các website bán bánh mì......................................................18
4.2 . Biểu đồ Use case....................................................................................................20
4.2.1 Biểu đồ Use case tổng quát................................................................................20
4.3. Biểu đồ phân rã Use case.......................................................................................21
4.3.1 phân rã biểu đồ use case quản lý tài khoản.........................................................21
4.3.2 phân rã biểu đồ use case quản lý sản phẩm.......................................................22
4.3.4 phân rã biểu đồ use case quản lý đơn hàng........................................................22
4.3.5 phân rã biểu đồ use case quản lý thông tin khách hàng......................................23
4.4 Biểu đồ lớp...............................................................................................................23
4.5 Biểu đồ tuần tự....................................................................................................24
4.5.1 Biểu đồ tuần tự cho chức năng thêm tài khoản...................................................24
4.5.2 Biểu đồ tuần tự cho chức năng thêm sản phẩm..................................................25
4.5.3 Biểu đồ tuần tự cho chức năng thêm thông tin khách hàng................................25
4.5.4 Biểu đồ tuần tự cho chức năng quản lý đơn hàng...............................................26
4.6. Cơ sở dữ liệu...........................................................................................................26
4.7. Giao Diện Website Bán Bánh Mì...........................................................................29
4.7.1 Giao diện trang chủ..............................................................................................29
4.7.2 Giao diện admin.................................................................................................35
4.8. Những phần mềm và plugin sử dụng khi thiết kế website.................................36
4.8.1 Phần mềm sử dụng..............................................................................................36
4.8.2 Plugin sử dụng....................................................................................................37
4.8.3 Plugin Woocommerce........................................................................................37
KẾT LUẬN................................................................................................................41
TÀI LIỆU THAM KHẢO...............................................................................................42
DANH MỤC HÌNH ẢNH
Hình 1 Thống kê số bài post được đăng trên mỗi giây trên wordpress.........................11
Hình 2-Bảng thống kê số website sử dụng CMS............................................................12
Hình 3 -Biểu đồ Use case tổng quát................................................................................21
Hình 4-Biểu đồ phân rã quản lý tài khoản.....................................................................21
Hình 5-Biểu đồ phân rã quản lý sản phẩm....................................................................22
Hình 6 biểu đồ phân rã quản lý đơn hàng......................................................................22
Hình 7-Biểu đồ phân rã thồng tin khách hàng..............................................................23
Hình 8- Biểu đồ lớp..........................................................................................................23
Hình 9-Biểu đồ tuần tự chức năng thêm tài khoản.......................................................24
Hình 10-Biểu đồ tuần tự chức năng thêm sản phẩm.....................................................25
Hình 11-Biểu đồ tuần tự chức năng thêm thông tin khách hàng.................................25
Hình 12 - Biểu đồ tuần tự chức năng quản lý đơn hàng...............................................26
Hình 13- Bảng cơ sở dữ liệu wp_post.............................................................................26
Hình 14 - Bảng cơ sở dữ liệu wp_user............................................................................27
Hình 15 - Bảng cơ sở dữ liệu wp_comment....................................................................27
Hình 16- Bảng cơ sở dữ liệu wp_product.......................................................................28
Hình 17- Bảng cơ sở dữ liệu wp_categories...................................................................28
Hình 18- Sơ đồ relationship.............................................................................................29
Hình 19- Giao Diện Trang Chủ......................................................................................29
Hình 20 - Thanh Menu Website Bánh Mì......................................................................30
Hình 21- Menu Ở Trang Chủ..........................................................................................30
Hình 22-Sản Phẩm Bán Chạy Ở Trang Chủ..................................................................31
Hình 23 - Giao Diện Trang Menu...................................................................................32
Hình 24- Giao Diện Trang Giới Thiệu...........................................................................32
Hình 25- Giao Diện Trang Dánh Giá.............................................................................33
Hình 26- Giao Diện Trang Thanh Toán.........................................................................34
Hình 27- Sidebar Menu...................................................................................................35
Hình 28- Giao Diện Admin..............................................................................................36
Hình 29 - Phần Mềm XamPP..........................................................................................36
Hình 30- Plugin Woocommerce......................................................................................39
Hình 31- List danh sách sản phẩm trên website.............................................................39
LỜI MỞ ĐẦU
Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ. Máy tính
điện tử không còn là một thứ phương tiện quý hiếm mà đang ngày càng trở thành một
công cụ làm việc và giải trí thông dụng của con người. Không chỉ ở nơi làm việc mà còn
ngay cả trong gia đình. Đặc biệt, công nghệ thông tin cũng đã được áp dụng trên mọi lĩnh
vực kinh tế, chính trị, xã hội… Ứng dụng công nghệ thông tin và tin học hóa được xem là
một trong yếu tố mang tính quyết định trong hoạt động của quốc gia, tổ chức và trong cả
các cửa hàng. Nó đóng vai trò hết sức quan trọng và có thể tạo nên bước đột phá mạnh
mẽ.
Mạng INTERNET là một trong những sản phẩm có giá trị hết sức lớn
lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng để truyền tải, trao đổi
thông tin trên toàn cầu. Bằng INTERNET, chúng ta đã thực hiện được những công việc
với tốc độ nhanh hơn, chi phí thấp hơn nhiều so với cách thức truyền thống. Chính điều
này, đã thúc đẩy sự phát triển của thương mại điện tử trên khắp thế giới, làm biến đổi
đáng kể bộ mặt văn hóa, nâng cao đời sống con người. Trong hoạt động sản xuất, kinh
doanh, thương mại điện tử đã khẳng định được tầm quan trọng trong sự phát triển của
doanh nghiệp. Đối với một cửa hàng, việc quảng bá và giới thiệu sản phẩm đến khách
hàng và đáp ứng nhu cầu khi khoảng cách địa lý đã không còn là vấn đề quan trọng. Các
doanh nghiệp có thể đưa các sản phẩm lên Website của mình và quản lý Website đó,
khách hàng có thể đặt mua, mua hàng của cửa hàng mà không cần đến cửa hàng, cửa hàng
sẽ gửi sản phẩm đến tân tay khách hàng. Website là nơi cửa hàng quảng bá tốt nhất tất cả
các sản phẩm mình bán ra.
1
CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI
1.1 Tên đề tài :
THIẾT KẾ WEBSITE BÁN BÁNH MÌ BẰNG WORDPRESS
1.1.1 Mục tiêu đề tài
Xây dựng phần mềm ứng dụng được kết nối trên internet phục vụ nhu cầu mua bán
hàng hóa trực tuyến của khách hàng. Người mua hàng không cần phải tốn thời gian để đi
đến cửa hàng mà có thể lên mạng tìm hiểu về sản phẩm và đặt mua sản phẩm đấy trên
mạng. Khách hàng chấp nhận mua hàng, hệ thống sẽ thống báo cho khách hàng biết đã
mua thành công. Và công ty sẽ giao hàng đến địa chỉ mà khách hàng đã cung cấp.
2
Mở rộng thị trường bán hàng: Phát triển kênh bán hàng trực tuyến giúp mở rộng khả
năng tiếp cận khách hàng, không chỉ giới hạn trong phạm vi địa lý mà còn có thể thu hút
khách hàng từ xa.
Quản lý và tiếp thị sản phẩm: Sử dụng WordPress để quản lý và tiếp thị các loại bánh
mì thông qua các công cụ như tối ưu hóa SEO, tích hợp mạng xã hội và các chiến lược
quảng cáo trực tuyến khác.
Đề tài này nhấn mạnh vào việc sử dụng nền tảng WordPress để xây dựng và quản lý
một trang web bán bánh mì trực tuyến, tận dụng các tính năng và ưu điểm của CMS này
để tạo ra một trải nghiệm mua sắm trực tuyến thú vị và thuận tiện cho khách hàng.
3
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
5
Thích hợp cho các trang có nội dung thay đổi thường xuyên: Website động phù hợp
cho các trang web chứa nội dung thường xuyên cập nhật hoặc cần tính tương tác cao như
trang tin tức, blog, các trang web thương mại điện tử, vv.
Đòi hỏi kiến thức lập trình cao: Thiết kế website động yêu cầu kiến thức lập trình sâu
hơn để tạo ra các chức năng tương tác và kết nối với cơ sở dữ liệu.
Thiết kế website động cung cấp khả năng linh hoạt và tương tác cao hơn so với
website tĩnh, nhưng đòi hỏi kiến thức lập trình và quản lý dữ liệu mạnh mẽ hơn để triển
khai và duy trì.
2.2Cấu trúc trang website
2.2 .1Giới thiệu thành phần , cấu trúc một trang website
A. Phần Header
Đây là phần đầu và là phần bắt buộc phải có của một trang web. Nó bao gồm những phần
sau:
- Logo: Đây là ảnh đại diện của một trang web.
- Menu: Đây là nơi chứa các chuyên mục của trang web.
- Search: Đây là nơi mà bạn có thể tìm các vấn đề mà bạn quan tâm trong trang web.
B. Phần Content
Đây là phần giữa của trang web. Nó có chức năng là nơi chứa nội dung của trang web.
Tùy vào loại hàng và mặt hàng của trang web mà bạn có thể sắp xếp và tùy chỉnh theo ý
thích. Phần content cũng chia làm 2 phần như sau:
- Home article title: Chứa nội dung chính của website. Thông thường chỉ thể hiện ảnh
đại diện, tiêu đề sản phẩm, danh mục sản phẩm và một phần mô tả bài viết.
- Siderbar: Đây là nơi chứa các nội dung mà người đọc có thể quan tâm. Thường nằm
bên phải của website.
C. Phần Footer
Đây là phần để các thông tin để người xem có thể liên lạc với chủ trang web khi cần thiết.
2.2.2 Các trang cơ bản trong một trang website
Khi tạo một website thì thường có 3 trang chính sau:
Trang chủ: Là bộ mặt của trang web, là phần đầu tiên khi người dùng vào website. Trang
6
chủ là trang khi bạn gõ tên miền lên trình duyệt sẽ hiển thị ra.
Trang chuyên mục: Các bài viết trong trang web có cùng nội sẽ được nhóm vào với nhau
thành chuyên mục. Trang chuyên mục là trang để thể hiện các nội dung được nhóm đó
Trang chi tiết: Là trang thể hiện chi tiết nội dung bài viết.
2.2.3Các yếu tố cần xác định khi tạo một website
A. Chất lượng trang web
Một website được đánh giá là có chất lượng, như dễ dàng tìm kiếm thông tin, dễ dàng
điều hướng và dễ dàng liên lạc với các nhà cung cấp internet, thường tạo ra sự tin tưởng
của khách hàng khi mua sắm. Theo Araujo (2003), một trang web nên được thiết kế
chuyên nghiệp và dễ dàng cho người tiêu dùng vì một trang web có gioa diện thiết kế tốt
sẽ có tác động tốt hơn đến mong muốn giao dịch của người tiêu dùng. Ngoài ra các trang
web cung cấp nhiều thông tin hơn cho khách hàng như lời chứng thực của người tiêu
dùng hiện tại, các thông tin sản phẩm cũng như tuyên bố rõ ràng về thủ tục mua bán có
tác động gia tăng sự tin tưởng của người truy cập
B. Sự bảo mật và an toàn
Sự bảo mật và an toàn web đóng vai trò cực kỳ quan trọng với nhiều ý nghĩa:
+Bảo vệ thông tin cá nhân: Bảo mật web đảm bảo rằng thông tin cá nhân của người
dùng như địa chỉ email, thông tin thanh toán, và dữ liệu cá nhân khác được bảo vệ khỏi
việc rơi vào tay kẻ xấu.
+Tin cậy và uy tín: Một trang web an toàn tạo ra sự tin cậy và uy tín cho người
dùng. Họ sẽ cảm thấy an tâm hơn khi chia sẻ thông tin cá nhân hoặc thực hiện giao dịch
trên một trang web được bảo vệ tốt.
+ Ngăn chặn rủi ro và tổn thất: Bảo mật web giúp ngăn chặn các cuộc tấn công,
virus, mã độc, và các hành động gian lận trực tuyến. Điều này giúp tránh được các tổn
thất về thông tin và uy tín của doanh nghiệp.
+ Tuân thủ quy định và luật lệ: Bảo vệ an toàn web cũng đồng nghĩa với việc tuân
thủ các quy định, luật lệ và các chuẩn mực bảo mật dữ liệu, như GDPR hay các quy định
bảo mật khác, đặc biệt là khi hoạt động trên môi trường trực tuyến toàn cầu.
7
+ Bảo vệ tài sản trực tuyến: Ngoài việc bảo vệ thông tin người dùng, an ninh web
cũng đảm bảo bảo vệ tài sản trực tuyến của doanh nghiệp, bao gồm dữ liệu khách hàng,
thông tin kinh doanh và các tài nguyên trực tuyến quan trọng khác.
+ Giữ vững hình ảnh và danh tiếng: Sự bảo mật và an toàn web có thể ảnh hưởng
lớn đến hình ảnh và danh tiếng của một tổ chức. Một vụ việc mất dữ liệu hoặc việc xâm
nhập có thể gây ra tổn thất không chỉ về tài chính mà còn về uy tín và lòng tin của khách
hàng.
+ Tạo trải nghiệm người dùng tốt hơn: Khi người dùng cảm thấy an toàn khi sử
dụng trang web, họ có trải nghiệm tích cực hơn và sẽ có xu hướng quay trở lại và sử dụng
dịch vụ của bạn thêm lần nữa.
2.2.4 Cơ sở dữ liệu
Thiêt kế cơ sở dữ liệu luôn là phần quan trọng khi bạn muốn thiết kế một website.
Bởi để có một trang web hoạt động thành công thì không chỉ phải đảm bảo tiến trình thực
thi chính xác mà còn phải đảm bảo cấu trúc dữ liệu hợp lý. Với việc xác định trước các
yếu tố liên quan đến môi trường xung quanh, chúng ta có thể tránh các xung đột trở về
sau.
Cơ sở dữ liệu (viết tắt CSDL, còn gọi là: database) được hiểu theo cách định nghĩa
kiểu kĩ thuật thì nó là một tập hợp thông tin có cấu trúc. Tuy nhiên, thuật ngữ này thường
dùng trong công nghệ thông tin và nó thường được hiểu rõ hơn dưới dạng một tập hợp
liên kết các dữ liệu, thường đủ lớn để lưu trên một thiết bị lưu trữ như đĩa hay băng. Dữ
liệu này được duy trì dưới dạng một tập hợp các tập tin trong hệ điều hành hay được lưu
trữ trong các hệ quản trị cơ sở dữ liệu.
Phân loại cơ sở dữ liệu:
• Cơ sở dữ liệu dạng file ; dữ liệu được lưu trữ dưới dạng các file có thể là text, ascii,
*.dbf. Tiêu biểu cho cơ sở dữ liệu dạng file là*.mdb Foxpro
• Cơ sở dữ liệu quan hệ : dữ liệu được lưu trữ trong các bảng dữ liệu gọi là các thực thể,
giữa các thực thể này có mối liên hệ với nhau gọi là các quan hệ, mỗi quan hệ có các
thuộc tính, trong đó có một thuộc tính là khóa chính. Các hệ quản trị hỗ trợ cơ sở dữ
8
liệu quan hệ như: MS SQL server, Oracle, MySQL...
• Cơ sở dữ liệu hướng đối tượng dữ liệu cũng được lưu trữ trong các bản dữ liệu nhưng
các bảng có bổ sung thêm các tính năng hướng đối tượng như lưu trữ thêm các hành vi
nhằm thể hiện hành vi của đối tượng. Mỗi bảng xem như một lớp dữ liệu, một dòng dữ
liệu trong bảng là một đối tượng. Các hệ quản trị có hỗ trợ cơ sở dữ liệu hướng đối
tượng như: MS SQL server, Oracle, Postgres.
• Cơ sở dữ liệu bán cấu trúc dữ liệu được lưu dưới dạng XML, với định dạng này thông
tin mô tả về đối tượng thể hiện trong các tag. Đây là cơ sở dữ liệu có nhiều ưu điểm do
lưu trữ được hầu hết các loại dữ liệu khác nhau nên cơ sở dữ liệu bán cấu trúc là
hướng mới trong nghiên cứu và ứng dụng.
2.2.5 Những yếu tố thành công của một trang web
Một trang web thành công thường có những yếu tố sau:
+Nội dung chất lượng: Nội dung hấp dẫn, hữu ích và phù hợp với đối tượng mục
tiêu. Nó cần cung cấp giá trị cho người dùng, từ thông tin chất lượng đến giải pháp cho
vấn đề cụ thể.
+Thiết kế giao diện sáng tạo và thân thiện người dùng: Giao diện trực quan, dễ sử
dụng, tương thích trên nhiều thiết bị và mang lại trải nghiệm người dùng tốt.
+Tối ưu hóa tốc độ tải trang: Trang web nên tải nhanh để người dùng không chờ
đợi lâu. Tối ưu hóa hình ảnh, mã nguồn và sử dụng các công cụ tăng tốc độ tải trang.
+Tương thích với thiết bị di động: Trang web cần phải hiển thị tốt trên các
thiết bị di động để đáp ứng nhu cầu ngày càng tăng của người dùng di động.
+Tối ưu hóa SEO: Sử dụng từ khóa phù hợp, cấu trúc URL tốt và nội dung thú vị
để cải thiện vị trí trên các công cụ tìm kiếm.
+Chăm sóc khách hàng: Đáp ứng nhanh chóng, cung cấp thông tin hữu ích và tạo
môi trường tương tác tích cực với người dùng.
+Bảo mật thông tin: Bảo vệ thông tin cá nhân của người dùng, sử dụng giao thức
HTTPS và thực hiện các biện pháp bảo mật để ngăn chặn các vấn đề an ninh mạng.
+Tích hợp mạng xã hội: Liên kết với các nền tảng mạng xã hội để tạo ra sự tương
9
tác và chia sẻ dễ dàng.
+Phản hồi và cải thiện liên tục: Thu thập và đánh giá phản hồi từ người dùng để cải
thiện trang web liên tục.
Hình 1 Thống kê số bài post được đăng trên mỗi giây trên wordpress
Theo thống kê từ Automattic từ các website WordPress có sử dụng plugin JetPack
thì họ nhận thấy, có tới gần 65 triệu bài post được đăng vào tháng 11/2014, điều này có
nghĩa là mỗi phút sẽ có 1499 posts được đăng lên, tức là khoảng 24 bài/giây. Đây là một
con số không tưởng với các mã nguồn web mở khác. Đây là con số được thống kê trong
năm 2014, trên thực tế thì con số còn khủng hơn nhiều. Và cũng nên nhớ rằng, các
11
website WordPress không sử dụng JetPack thì sẽ không thống kê được.
Đi cùng với thống kê số lượng post thì WordPress cũng đã thống kê được rằng mỗi
tháng sẽ có hơn 60 triệu bình luận mới được đăng lên.
Số lượng website sử dụng WordPress chiếm 23% trên thế giới
Trong tổng số website trên thế giới (khoảng 1.113.000.000 website theo thống kê từ
InternetLiveStats) thì WordPress chiếm thị phần tới 23%, dẫn đầu trong danh sách các mã
nguồn mở CMS được sử dụng nhiều nhất.
WordPress chiếm hơn 60% trong tổng số website sử dụng CMS
13
Là một mã nguồn CMS mở phổ biến nhất thế giới , điều này cũng có nghĩa là bạn sẽ được
cộng đồng người sử dụng. Nếu bạn có khả năng tiếng Anh tốt , bạn có thể dễ dàng tìm câu trả lời
cho vấn đề bạn đang gặp phải trên Google chỉ với vài từ khóa tìm kiếm :
https://wordpress.org/support/,
https://forums.wordpress.com, www.wpbeginner.com
- Hỗ trợ plugin và theme: đây là một điểm mạnh nhất của Wordpress. Nó tạo cơ hội cho
hàng nghìn nhà phát triển cùng tham gia phát triển các plugin và theme cho
Wordpress, làm cho nó càng ngày càng phong phú về tính năng và giao diện.
- Có thể nhập dữ liệu từ Blogger, Blogware, Bunny’s Technorati Tags, DotClear,
GreyMatter, Jorome’s Keyword, LiveJournal, Movable Type, TypePad, RSS, Simple
Tagging, Textpattern, B2evoluton, v.v. Đây là chức năng tuyệt vời nếu như bạn muốn
15
chuyển từ một blog khác sang sử dụng Wordpress, nó giúp lại lấy lại tất cả các bài viết
trên các blog khác để chuyển qua Wordpress.
- Rất nhiều tài liệu hướng dẫn để giúp phát triển thêm tính năng, và nhiều bộ API để mở
rộng.
- Dễ quản lý và duy trì mà chẳng cần phải có nhiều kĩ năng hay kinh nghiệm
- Khả năng tìm kiếm trên blog rất tốt.
- Xuất bản nội dung ngay lập tức bất kể chiều dài của bài viết là bao nhiêu
- Hỗ trợ viết blog đa ngôn ngữ.
- Administration Panel được tổ chức rất tốt với rất nhiều tính năng nhưng lại dễ hiểu và
dễ sử dụng.
- Quản lý liên kết dễ dàng. Với sự trợ giúp của các plugin và rất nhiều bộ API, bạn có
thể chỉnh sửa Wordpress tùy thích theo nhu cầu của bạn, và thậm chí bạn cũng có thể
sử dụng Wordpress để làm một website hoàn chỉnh. Wordpress có hàng ngàn plugin và
theme, cộng với một đồng người sử dụng cực kì đông đảo luôn sẵn sàng góp sức phát
triển, điều này làm cho Wordpress ngày càng lớn mạnh thể hiện vai trò số 1 của mình.
Một số trong những lợi thế của purchasing a WordPress premium theme bao
gồm:
- Hỗ trợ kỹ thuật sẵn có
- Hoàn toàn tùy biến trang web
- Chức năng và kỹ thuật nâng cao hơn
- Chủ đề của bạn sẽ được liên tục cập nhật
- Có thể được sử dụng cho các trang web lớn như Tổng công ty và các tạp chí tin tức
trực tuyến ...
17
CHƯƠNG 4: THIẾT KẾ WEBSITE BÁN BÁNH MÌ
18
Từ quy trình thực tiễn nêu trên, ta nhận thấy rằng hệ thống được xây dựng cho
bài toán đặt ra chủ yếu phục vụ cho hai đối tượng: Khách hàng và người bán.
Khách hàng: là những người có nhu cầu mua sắm hàng hóa. Khác với việc mua
hàng trực tiếp tại cửa hàng, khách hàng phải hoàn toàn tự thao tác thông qua từng
bước cụ thể trên website để có thể mua được hàng. Trên mạng, các mặt hàng
được sắp xếp và phân theo từng loại mặt hàng giúp cho khách hàng dễ dàng tìm kiếm.
Trong hoạt động này, khách hàng chỉ cần chọn một mặt hàng nào đó từ danh mục các
mặt hàng thì những thông tin về mặt hàng đó sẽ hiển thị lên màn hình như: hình ảnh,
đơn giá, mô tả...và bên cạnh là trang liên kết để thêm hàng hóa vào giỏ hàng. Đây là
giỏ hàng điện tử mà trong đó chứa các thông tin về hàng hóa lẫn số lượng khách mua
và hoàn toàn được cập nhật trong giỏ.
Khi khách hàng muốn đặt hàng thì hệ thống hiển thị trang xác lập đơn đặt hàng
cùng thông tin về khách hàng và hàng hóa. Cuối cùng là do khách hàng tùy chọn đặt
hay không.
Người bán: Là người làm chủ hệ thống, có quyền kiểm soát mọi hoạt động của
hệ thống. Nhà quản lý được cấp một username và password để đăng nhập vào hệ
thống thực hiện những chức năng của mình.
A. Chức năng của một hệ thống website
Đây là một website bán và giới thiệu sản phẩm bánh mì của cửa hàng, công ty đến
người tiêu dùng với các chi tiết mặt hàng với giá cả chính xác được cập nhật và hiển
thị trên website.
Một website thông thường sẽ có các chứa năng sau:
- Hiển thị danh sách các mặt hàng theo từng loại.
- Cập nhật hàng hoá, nhà sản xuất, loại hàng, tin tức.
- Xử lý đơn hàng.
- Thống kê các khách hàng mua trong ngày, trong khoảng thời gian
- Sau khi khách hàng chọn và đặt hàng hàng trực tiếp thì phải hiện lên đơn hàng để
khách hàng có thể nhập thông tin mua hàng và xem hoá đơn mua hàng.
+ Dành cho người quản trị
Người làm chủ ứng dụng có quyền kiềm soát mọi hoạt động của hệ thống. Người này
được cấp username và password để đăng nhập hệ thống thực hiện chức năng của
mình:
- Chức năng cập nhật, sửa, xoá các mặt hàng, loại hàng, nhà sản xuất, tin tức (phải
kiểm soát được hệ thống).
- Tiếp nhận kiểm tra đơn đặt hàng của khách hàng và hiển thị đơn đặt hàng.
Ngoài các chức năng trên thì trang Web phải được thiết kế sao cho dễ hiểu, giao diện
mang tính dễ dùng, đẹp mắt và làm sao cho khách hàng thấy được thông tin cần tìm,
20
cung cấp các thông tin quảng cáo hấp dẫn, các tin tức khuyến mãi để thu hút khách
hàng.
Điều quan trọng là phải đảm bảo an toàn tuyệt đối thông tin khách hàng trong quá
trình đặt mua qua mạng. Đồng thời trang Web phải luôn đổi mới, hấp dẫn từ giao diện
đến các hình thức bán hàng.
4.2 . Biểu đồ Use case
4.2.1 Biểu đồ Use case tổng quát
21
4.3.1 phân rã biểu đồ use case quản lý tài khoản
22
4.3.2 phân rã biểu đồ use case quản lý sản phẩm
24
4.5 Biểu đồ tuần tự
4.5.1 Biểu đồ tuần tự cho chức năng thêm tài khoản
25
4.5.2 Biểu đồ tuần tự cho chức năng thêm sản phẩm
Hình 11-Biểu đồ tuần tự chức năng thêm thông tin khách hàng
26
4.5.4 Biểu đồ tuần tự cho chức năng quản lý đơn hàng
28
29
Hình 19- Giao Diện Trang Chủ
Trang này hiển thị toàn bộ những nội dung chính của trang Web. Trên đây bạn
có thể thực hiện tất cả công việc mà bạn muốn bằng cách click vào những mục chọn
tương ứng chương trình sẽ liên kết đến các trang tương ứng đáp ứng yêu cầu của bạn.
A. heard
Đây là phần đầu của trang web, là nơi thể hiện tiêu đề website, hoặc có thể là logo
trang web. Kèm theo là các thanh menu, trên thanh thể hiện các chuyên mục của các
bài viết. Với một website lớn trong chuyên mục còn có các chuyên mục con. Tùy
thuộc vào theme wordpress mà phần header có thể khác nhau. Trang chủ của website
liệt kê tất cả các bài viết của các chuyên mục.
Trong website bán bánh mì header bao gồm các thanh menu như sau:
30
cập website của bạn, vì vậy nó cần phải hấp dẫn và dễ sử dụng.
31
hướng đến các trang cụ thể mà họ quan tâm.
- Tăng khả năng tìm kiếm: Menu tạo điều kiện thuận lợi để người dùng tìm kiếm
thông tin một cách nhanh chóng. Bằng cách phân loại các danh mục sản phẩm hoặc
dịch vụ, người dùng có thể dễ dàng điều hướng đến sản phẩm mà họ muốn mua.
- Tạo trải nghiệm người dùng tốt hơn: Một menu được thiết kế tốt sẽ giúp người
dùng có trải nghiệm tốt hơn khi sử dụng website. Điều này bao gồm việc tối ưu hóa sự
thân thiện, dễ sử dụng và dễ hiểu.
32
Hình 24- Giao Diện Trang Giới Thiệu
Một trang đánh giá sản phẩm trên một trang web bán hàng là một công cụ quan trọng để
khách hàng có thể chia sẻ ý kiến và kinh nghiệm của họ về sản phẩm sau khi mua và sử
dụng. Đây là một số ý nghĩa chính của trang đánh giá sản phẩm:
-Tăng tính minh bạch và tin cậy: Đánh giá sản phẩm từ khách hàng thực sự là một nguồn
thông tin minh bạch và đáng tin cậy. Người mua có thể xem xét ý kiến của những người
dùng trước đó để có cái nhìn tổng quan và quyết định mua hàng dựa trên những thông tin
này.
-Tạo niềm tin từ người dùng: Đánh giá sản phẩm từ người dùng thực sự tạo niềm tin vì
chúng thường là những ý kiến chân thực từ những người đã trải nghiệm sản phẩm. Điều này
có thể giúp người mua quyết định mua hàng hơn.
-Hỗ trợ quyết định mua hàng: Những đánh giá, nhận xét từ người dùng cung cấp thông tin
chi tiết về sản phẩm, từ đặc điểm tính năng, chất lượng đến trải nghiệm sử dụng. Điều này
giúp người mua đưa ra quyết định mua hàng dựa trên thông tin chính xác và chi tiết.
33
Hình 25- Giao Diện Trang Dánh Giá
Trang giỏ hàng trên một trang web bán hàng là nơi mà khách hàng có thể xem và quản
lý các sản phẩm mà họ đã chọn để mua. Đây là một phần quan trọng của trải nghiệm
mua sắm trực tuyến và có những ý nghĩa sau:
-Tổng hợp sản phẩm đã chọn: Trang giỏ hàng cung cấp một bản tổng hợp tất cả các
sản phẩm mà khách hàng đã thêm vào giỏ từ khi bắt đầu mua sắm. Điều này giúp họ
xem lại và kiểm tra các sản phẩm trước khi hoàn tất giao dịch.
-Tính toán tổng giá trị đơn hàng: Trang giỏ hàng thường cung cấp tính năng tự động
tính toán tổng giá trị của tất cả các sản phẩm trong giỏ hàng, bao gồm cả số lượng, giá
cả và các chi phí khác nếu có (phí vận chuyển, thuế...).
-Quản lý sản phẩm trong giỏ hàng: Khách hàng có thể điều chỉnh số lượng sản
phẩm, loại bỏ hoặc thêm sản phẩm mới vào giỏ hàng. Điều này giúp họ cập nhật đơn
hàng theo ý muốn trước khi tiến hành thanh toán.
- Tiến hành thanh toán: Trang giỏ hàng thường có nút chuyển hướng đến trang
thanh toán, nơi khách hàng có thể điền thông tin thanh toán và hoàn tất giao dịch mua
hàng.
34
Hình 26- Giao Diện Trang Thanh Toán
B. Content
- Sidebar: Là thanh bên của website, vị trí của nó có thể nằm ở phía bên trái hoặc
bên phải. Phụ thuộc vào giao diện (theme) wordpress. Là nơi thể hiện của các
widget, widget về các bài viết mới, các bài viết nổi bật, các bình luận và các hình
ảnh. Có rất nhiều các widget, tùy vào cách thể hiện của mỗi người để đọc giả tiếp
cận bài viết của mình hiệu quả nhất.
35
Hình 27- Sidebar Menu
37
XAMPP là một ứng dụng phần mềm khá nổi tiếng và thường hay được các lập
trình viên sử dụng để xây dựng và phát triển các dựa án website wordpress trên nền
tảng ngôn ngữ PHP. XAMPP được cài đặt và chạy trực tiếp trong môi trường
Windows. Giúp cho bạn không cần phải có tên miền và hosting thì mới làm được một
trang web.
XAMPP được xem là một bộ công cụ hoàn chỉnh dành cho lập trình viên PHP,
nó tích hợp các thành phần quan trọng và tương thích nhau:
- Webserver
- PHP (tạo môi trường chạy các tập tin script *.php)
- MySql (hệ quản trị dữ liệu mysql)
Vì vậy, XamPP là một phần mềm cho phép bạn giả lập môi trường server
hosting cho phép bạn chạy thử demo một website ngay trên chiếc máy vi tính của bạn
không cần thiết phải mua hosting hay vps gì cả. Phần mềm sử dụng
4.8.2 Plugin sử dụng
Trong quá trình hoàn thiện website wordpress Skullnrose, web sử dụng nhiều
plugin khác nhau để giúp cho trang web hoạt động dễ dàng và không cần phải tốn
công code web.
4.8.3 Plugin Woocommerce
Với những website bán hàng trực tuyến thì một trong những lựa chọn tốt nhất khi
sử dụng wordpress đó chính là có thể sử dụng plugin Woocommerce.
Woocommerce là một plugin hỗ trợ làm website bán hàng bằng wordpress rất chuyên
nghiệp với đầy đủ các chức năng quen thuộc của một trang shop online như giỏ hàng,
đặt hàng, quản lý đơn hàng…
Có rất nhiều plugin hỗ trợ làm website bán hàng khác nhau tuy nhiên cho đến
thời điểm hiện tại thì plugin này vẫn là sự lựa chọn số 1 cho một web bán hàng bằng
wordpress với hơn 16.196.317 lượt tải về cài đặt và hơn 37% tất cả các cửa hàng trực
tuyến sử dụng plugin WooCommerce. Plugin này đã được cộng đồng thừa nhận bởi là
38
một plugin miễn phí mà vô cùng chất lượng. Với hơn 3 triệu lượt tải về thì không còn
nghi ngờ gì nữa, đây là plugin nằm trong top sử dụng nhiều nhất của wordpress.
Woocommerce sẽ có các chức năng chính như:
- Tạo sản phẩm với định dạng thông thường, sản phẩm có thuộc tính, sản phẩm
affiliate và sản phẩm kỹ thuật số (có thể tải về).
- Hỗ trợ một số hình thức thanh toán online như PayPal, Credit Card, CoD, Cash và
sẽ càng nhiều hơn khi cài thêm plugin hỗ trợ cho riêng nó.
- Hỗ trợ tự tính thuế sản phẩm hoặc thuế theo đơn hàng.
- Hỗ trợ tự tính giá chuyển phát, có rất nhiều loại tính giá chuyển phát và sẽ đa dạng
hơn khi cài thêm plugin như có thể tính giá chuyển phát dựa theo cân nặng, kích
thước, tỉnh thành…
- Trang quản lý đơn hàng chuyên nghiệp, lọc đơn hàng thông qua từng trạng thái.
- Hỗ trợ template hiển thị riêng để có thể tự cấu hình lại template hiển thị phần shop
và sản phẩm, cái này rất có lợi cho lập trình viên.
- Có sẵn nhiều theme và extension (plugin mở rộng) để biến thành trang shop
chuyên nghiệp.
Như vậy với các tính năng kể trên, Woocommerce có thể lựa chọn cho những ai
cần làm một trang shop đơn giản ngay trên website WordPress của mình để giới thiệu
sản phẩm và cho phép khách đặt hàng trực tuyến để bán hàng tiện lợi hơn.
Sau khi bạn cài đặt plugin này sẽ thấy có 2 trình quản trị trong Dashboard của
admin đó là mục Sản phẩm và Woocommerce. Ở mục Woocommerce là các thiết lập
và quản lý như quản lý đơn hàng được đặt trên website, tạo các phiếu ưu đãi giảm giá,
báo cáo hoạt động kinh doanh của website theo từng giai đoạn, các thiết lập về sản
phẩm, danh mục sản phẩm, vận chuyển giao hàng và các phương thức thanh toán.
- Woocommerce:
39
Hình 30- Plugin Woocommerce
Ở cài đặt Woocommerce còn các thông tin về email, tài khoản nhận đơn hàng
qua email, các loại tiền tệ, quốc gia kinh doanh, địa chỉ kinh doanh.
Bạn vào đây để thiết lập thông tin của bạn. Ở tab tình trạng (status) ở woocommerce
bạn có thể xem các cấu hình của máy chủ có phù hợp không, các phiên bản đã mới
nhất chưa.
40
Sản phẩm là các thông tin về sản phẩm của bạn, tạo sản phẩm mới nhất, danh mục
sản phẩm, từ khóa sản phẩm hay các thuộc tính, tiện ích sản phẩm như màu sắc, size,
giá bán.
Trong sản phẩm sẽ có những tính năng như:
- Tất cả sản phẩm: Cho phép bạn xem tất cả những sản phẩm hiện đang có trên
website: Những sản phẩm đã đăng, những sản phẩm đã bỏ vào thùng rác.
- Thêm mới: Cho phép bạn thêm mới một sản phẩm vào website.
- Danh mục: Cho phép bạn tạo những danh mục mới cho sản phẩm.
- Từ khóa: Đây là phần cho phép bạn tạo những tag cho các sản phẩm
- Các thuộc tính: Thuộc tính giúp bạn xác định các thông tin sản phẩm bổ sung, như
kích thước hay màu sắc.
41
KẾT LUẬN
Việc thiết kế một trang web bán bánh mì bằng WordPress là một bước quan trọng
để xây dựng một nền tảng trực tuyến hiệu quả để kinh doanh. WordPress cung cấp các
công cụ mạnh mẽ và linh hoạt để tạo ra một trang web chuyên nghiệp và dễ dàng quản lý.
Việc này giúp bạn thúc đẩy sản phẩm của mình và tạo trải nghiệm tốt nhất cho khách
hàng.
Kết luận của việc sử dụng WordPress để thiết kế trang web bán bánh mì có thể
nhấn mạnh vào một số điểm chính:
- Dễ dàng sử dụng: WordPress có giao diện người dùng thân thiện, giúp người dùng
không cần kỹ năng lập trình vẫn có thể tạo và quản lý trang web một cách dễ dàng.
- Đa dạng và linh hoạt: Có hàng ngàn chủ đề và plugin có sẵn trên WordPress, giúp bạn
tùy chỉnh trang web của mình theo ý muốn và cung cấp trải nghiệm độc đáo cho khách
hàng.
- Tính tương thích và mở rộng: WordPress linh hoạt và tương thích tốt với các thiết bị
di động, đảm bảo trang web của bạn có thể được truy cập mọi lúc mọi nơi. Ngoài ra,
bạn có thể mở rộng chức năng của trang web thông qua các plugin để đáp ứng nhu cầu
kinh doanh.
- Tối ưu hóa SEO: WordPress cung cấp các công cụ hỗ trợ tối ưu hóa công cụ tìm kiếm
(SEO) giúp trang web của bạn dễ dàng được tìm thấy trên các công cụ tìm kiếm như
Google, Bing, Yahoo, vv.
- Quản lý nội dung dễ dàng: Giao diện quản trị WordPress cho phép bạn dễ dàng thêm,
sửa, xóa nội dung trang web một cách linh hoạt và hiệu quả.
42
TÀI LIỆU THAM KHẢO
1. https://viblo.asia/.
2. https://vi.wikipedia.org/wiki/WordPress.
3. The Initial Stages of Consumer Trust Building in E-commerce.
4. https://vi.wikipedia.org/wiki/Cơ sở dữ liệu
5. https://www.academia.edu/22317185/Bao_cao_IS_thanh_cong_Nhom_3.
6. Kinh nghiệm quản lý website thương mại điện tử của một số doanh nghiệp trên thế
giới và bài học kinh nghiệm cho các doanh nghiệp Việt Nam.
7. Đánh giá website thư viện và triết lý lấy bạn đọc làm trung tâm
43
44