Khóa luận tốt nghiệp Công nghệ thông tin: Thiết kế Website bán mỹ phẩm skin care bằng Worđpres

Plugin và Theme đa dạng: WordPress có nhiều plugin như WooCommerce một trong những plugin bán hàng phổ biến nhất, cung cấp các tính năng mạnh mẽ để tạo và quản lý cửa hàng trực tuyến.. 

TRƯỜNG ĐẠI HỌC HẢI PHÒNG KHOA CÔNG NGHỆ THÔNG TIN

ĐỒ ÁN TỐT NGHIỆP TÊN ĐỀ TÀI THIẾT KẾ WEBSITE BÁN MỸ PHẨM SKIN CARE BẰNG WORDPRESS

Giáo Viên Hướng Dẫn : ThS Bùi Thị Thúy Quỳnh

Sinh Viên Thực hiện : Nguyễn Văn Thái

Mã Sinh Viên : 203148201079

Hải Phòng tháng 4 năm 2024

LỜI CAM ĐOAN

Tôi xin cam đoan đây là công trình nghiên cứu của riêng tôi Các số liệu, kết quả nêu trong báo cáo là trung thực và chưa từng được ai công bố trong bất kỳ công trình nào khác Tôi xin cam đoan rằng các thông tin trích dẫn trong báo cáo đều đã được chỉ rõ nguồn gốc

Hải Phòng, ngày 26 tháng 04 năm 2024

Tác giả

Nguyễn Văn Thái

LỜI CẢM ƠN

Trước hết, em xin bày tỏ lòng biết ơn sâu sắc tới ThS Bùi Thị Thúy Quỳnh,

người đã trực tiếp hướng dẫn và tận tình giúp đỡ em hoàn thành báo cáo đồ án tốt nghiệp này

Em xin chân thành cảm ơn sự giúp đỡ của toàn thể các giảng viên trong Khoa

Công Nghệ Thông Tin trường Đại học Hải Phòng, cũng như sự chỉ bảo của các anh

chị trong Công Ty Dịch Vụ Mobifone Khu Vực 5 nơi em thực tập đã dìu dắt, dạy dỗ em

cả về kiến thức chuyên môn và tinh thần học tập, sáng tạo để em có được kiến thức thực hiện và hoàn thiện thành đồ án tốt nghiệp của mình

Cuối cùng, em xin bày tỏ lòng biết ơn sâu đậm của mình tới gia đình, bạn bè những người luôn sát cánh bên em, tạo mọi điều kiện tốt nhất để em có thể thực hiện và hoàn thiện thành đồ án tốt nghiệp của mình

Trong quá trình thực hiện báo cáo, mặc dù đã cố gắng hết sức song do thời gian

và khả năng có hạn nên em không thể tránh khỏi những thiếu sót Vì vậy, em rất mong nhận được sự thông cảm, chỉ bảo và giúp đỡ của các thầy giáo, cô giáo và các bạn

Một lần nữa em xin chân thành cảm ơn

MỤC LỤC

LỜI CAM ĐOAN I LỜI CẢM ƠN II MỤC LỤC III DANH MỤC CÁC HÌNH ẢNH V DANH SÁCH CÁC BẢNG VI

CHƯƠNG 1 : TỔNG QUAN VỀ ĐỀ TÀI 1

1.1 Giới thiệu chung 1

1.1.1 Lý do chọn đề tài Wordpress 1

1.2.1 Mục tiêu và nhiệm vụ đề tài 1

1.2 Đối tượng và phạm vi nghiên cứu đề tài 2

1.3.Ý nghĩa đề tài 2

1.4.Cơ sở lý thuyết thiết kế website 2

1.4.1 Khái niệm về website 2

1.4.2 Thiết kế website tĩnh 3

1.4.3 Thiết kế website động 3

1.5 Cấu trúc trang website 4

1.5.1 Giới thiệu thành phần , cấu trúc một trang website 4

1.6 Các trang cơ bản trong một trang website 4

1.7 Các yếu tố cần xác định khi tạo một website 5

1.7.1 Chất lượng trang web 5

1.7.2.Sự bảo mật và an toàn 5

1.8 Cơ sở dữ liệu 6

1.8.1 Phân loại cơ sở dữ liệu: 6

1.9 Những yếu tố thành công của một trang web 6

1.10 Nghiên cứu về Wordpress1 7

1.10.1 Wordpress là gì? 7

1.10.2 Thành tựu của Wordpress 8

1.10.3 Wordpress.Com 9

1.10.4 Wordpress.Org 9

1.11 Các tính năng cơ bản của Wordpress 9

1.12 Wordpress chỉ là một phần mềm 10

1.13 Wordpress chỉ dành cho người không biết code 10

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 11

2.1 Tổng quan về Mỹ Phẩm Skin Care 11

2.1.1 Hiện trạng 11

2.1.2 Mục tiêu xây dựng hệ thống 11

2.1.3.Hạn chế 11

2.2 Đặc tả yêu cầu 13

2.2.1.Thu thập yêu cầu 13

2.2.2 Đặc tả yêu cầu 13

2.2.3 Các giả định và phụ thuộc 14

2.3.Mô tả use case 15

2.3.1.Xác định use case của các tác nhân 15

2.3.2 Biểu đồ usecase 16

2.3.3 Kịch bản usecase 22

2.3.4 Biểu đồ tuần tự 31

2.3.5.Biểu đồ lớp 36

CHƯƠNG 3: THIẾT KẾ WEBSITE MỸ PHẨM SKIN CARE 37

3.1 Giao Diện Website Mỹ Phẩm 37

3.1.1 Giao diện trang chủ 37

3.1.2.Giao diện admin 42

3.2 Những phần mềm và plugin sử dụng khi thiết kế website 43

3.2.1 Phần mềm sử dụng 43

KẾT LUẬN 47

TÀI LIỆU THAM KHẢO 48

DANH MỤC CÁC HÌNH ẢNH

Hình 1.1: Wordpress đã đạt nhiều thành tựu vượt bậc 8

Hình 2.1: Biểu đồ usecase tổng quát 17

Hình 2.3: Sơ đồ phân rã usecase quản lý đơn hàng Error! Bookmark not defined Hình 2.4: Sơ đồ phân rã usecase quản lý danh sách tài khoản 19

Hình 2.5: Sơ đồ phân rã usecase quản lý danh mục sản phẩm 20

Hình 2.6: Sơ đồ phân rã usecase quản lý sản phẩm, chi tiết sản phẩm 20

Hình 2.7: Sơ đồ phân rã usecase quản lý giỏ hàng 21

Hình 2.7: Sơ đồ phân rã usecase mua hàng 22

Hình 2.8 Biểu đồ tuần tự chức năng tìm kiếm 31

Hình 2.9 Biểu đồ tuần tự chức năng thêm sản phẩm 32

Hình 2.10 Biểu đồ tuần tự chức năng sửa sản phẩm 32

Hình 2.11 Biểu đồ tuần tự xóa sản phẩm 33

Hình 2.12 Biểu đồ tuần tự chức năng đặt hàng 34

Hình 2.13 Biểu đồ tuần tự chức năng quản lý khách hàng 35

Hình 2.14 Biểu đồ Lớp 36

Hình3.1: Giao Diện Trang Chủ 37

Hình 3.2: Hàng Mới Ở Trang Chủ 38

Hình3.3: Sản Phẩm Được Mua Nhiều Ở Trang Chủ 38

Hình3.4: Giao Diện Trang Menu 39

Hình3.5: Giao Diện Trang Giới Thiệu 40

Hình3.6: Giao Diện Trang Đánh Giá 41

Hình 3.7: Giao Diện Trang Thanh Toán 42

Hình 3.8: Giao Diện Admin 42

Hình 3.9: Phần Mềm XamPP 43

Hình 3.10: Plugin Woocommerce 45

Hình 3.11: List danh sách sản phẩm trên website 46

DANH SÁCH CÁC BẢNG

Bảng 2.1: Kịch bản UseCase đăng ký tài khoản 22

Bảng 2.2: Kịch bản Usecase đăng nhập 23

Bảng 2.3: Kịch bản Usecase đăng xuất 23

Bảng 2.4: Kịch bản Use case xem thông tin cá nhân 24

Bảng 2.5: Kịch bản Use case sửa thông tin cá nhân 24

Bảng 2.6: Kịch bản Use case đổi mật khẩu 25

Bảng 2.7: Kịch bản Use case lấy lại mật khẩu 25

Bảng 2.8: Kịch bản Use case quản lý khuyến mại 26

Bảng 2.9: Kịch bản Usecase xem chi tiết sản phẩm 26

Bảng 2.10: Kịch bản Use case tìm kiếm theo tên 27

Bảng 2.11: Kịch bản Use case quản lý giỏ hàng 27

Bảng 2.12: Kịch bản Use case xác nhận mua hàng 28

Bảng 2.13: Kịch bản Use case quản lý sản phẩm 28

Bảng 2.14: Kịch bản Use case quản lý chi tiết sản phẩm 29

Bảng 2.15: Kịch bản Use case quản lý danh mục sản phẩm 29

Bảng 2.16: Kịch bản Use case danh sách đơn hàng 30

Bảng 2.17: Kịch bản Use case quản lý tài khoản 30

CHƯƠNG 1 : TỔNG QUAN VỀ ĐỀ TÀI

1.1 Giới thiệu chung

1.1.1 Lý do chọn đề tài Wordpress

Như chúng ta đã thấy trong thị trường hiện nay thì việc cạnh tranh ngày càng trở nên quyết liệt và hầu hết những nhà kinh doanh, những công ty lớn đều chú tâm đến việc thỏa mãn khách hàng một cách tốt nhất

Phổ biến và linh hoạt: WordPress là một nền tảng phổ biến và linh hoạt, cho phép bạn tạo cửa hàng trực tuyến một cách dễ dàng Sự linh hoạt của nó cho phép bạn tùy chỉnh và mở rộng cửa hàng của mình theo cách mà bạn muốn

Dễ sử dụng: Giao diện người dùng thân thiện của WordPress làm cho việc quản lý cửa hàng trực tuyến trở nên đơn giản, kể cả với những người không có kiến thức chuyên sâu về lập trình

Plugin và Theme đa dạng: WordPress có nhiều plugin như WooCommerce (một trong những plugin bán hàng phổ biến nhất), cung cấp các tính năng mạnh mẽ để tạo và quản lý cửa hàng trực tuyến Ngoài ra, có hàng nghìn theme (giao diện) khác nhau để tùy chỉnh giao diện của cửa hàng theo ý muốn

Cộng đồng và hỗ trợ lớn: Với cộng đồng lớn và nhiều nguồn tài nguyên hỗ trợ, bạn

có thể dễ dàng tìm kiếm thông tin, hướng dẫn, và giải pháp cho các vấn đề mà bạn gặp phải khi xây dựng và quản lý cửa hàng

Chi phí thấp: WordPress là miễn phí để sử dụng và có rất nhiều plugin và theme miễn phí hoặc có giá trị rất nhỏ, giúp bạn tiết kiệm chi phí trong việc xây dựng cửa hàng trực tuyến

1.2.1 Mục tiêu và nhiệm vụ đề tài

 Mục tiêu : Chúng tôi là tạo ra một trải nghiệm mua sắm trực tuyến độc đáo, thú vị và tinh tế cho khách hàng của chúng tôi Chúng tôi không chỉ đơn thuần muốn bán hàng,

mà còn muốn xây dựng một không gian nơi mà sản phẩm của chúng tôi không chỉ là hàng hóa, mà còn là câu chuyện và trải nghiệm

 Nhiệm vụ : Tạo ra website có thể giao dịch mua bán mỹ phẩm

Tích hợp và sử dụng plugin bán hàng: Nghiên cứu về các plugin bán hàng phổ biến như WooCommerce, Easy Digital Downloads, và các công cụ khác để hiểu cách tích hợp chúng, cấu hình, và tận dụng tối

đa tính năng để nâng cao trải nghiệm mua sắm Quản lý sản phẩm và kho hàng: Nghiên cứu về cách quản lý sản phẩm trong WordPress, bao gồm quản lý danh mục, quản lý số lượng hàng tồn kho, và tối ưu hóa quá trình quản lý sản phẩm

1.2 Đối tượng và phạm vi nghiên cứu đề tài

Đối tượng nghiên cứu : Nhắm đến những người có nhu cầu cần mỹ phẩm và sử dụng

mỹ phẩm

Phạm vi nghiên cứu : Xây dựng website dựa trên nền tảng wordpress Mặc hàng trên website: bán online cho mọi người

1.3.Ý nghĩa đề tài

Tạo Trải Nghiệm Người Dùng Tốt: Website bán hàng không chỉ là nơi để mua

sắm, mà còn là một không gian để khách hàng trải nghiệm Ý nghĩa ở đây là cung cấp

một trải nghiệm mua sắm trực tuyến tốt, từ việc tìm kiếm sản phẩm dễ dàng đến quá

trình thanh toán thuận lợi và hỗ trợ sau bán hàng

Xây Dựng Thương Hiệu và Tín Dụng: Một website bán hàng cũng đóng vai trò

quan trọng trong việc xây dựng và duy trì thương hiệu Ý nghĩa ở đây không chỉ là về

việc bán sản phẩm mà còn là việc xây dựng lòng tin và uy tín từ khách hàng thông qua

chất lượng sản phẩm và dịch vụ

Giao Diện Đẹp và Thu Hút: Một website bán hàng cũng có ý nghĩa trong việc

thể hiện vẻ đẹp, sự chuyên nghiệp và thu hút khách hàng ngay từ cái nhìn đầu tiên

1.4.Cơ sở lý thuyết thiết kế website

1.4.1 Khái niệm về website

Khái niệm về website là một trang web được xây dựng với mục đích cung cấp thông tin, dịch vụ, hoặc nội dung đa dạng trực tuyến thông qua Internet Đây có thể là một trang đơn lẻ hoặc một tập hợp các trang liên kết với nhau thông qua các liên kết nội dung

Tính đa dạng: Website có thể chứa nhiều loại nội dung khác nhau, từ văn bản, hình ảnh, video, đến ứng dụng tương tác

Cấu trúc tổ chức: Websites thường được tổ chức theo cấu trúc có thứ tự, với các trang được sắp xếp và liên kết với nhau để người dùng có thể dễ dàng điều hướng

Mục đích đa dạng: Có thể có những website dành cho mục đích cá nhân, doanh nghiệp, giáo dục, thương mại điện tử, tin tức, giải trí, và nhiều mục đích khác

Tính tương tác: Một số website cung cấp khả năng tương tác, cho phép người dùng thực hiện các hành động như điền biểu mẫu, tương tác với các ứng dụng web, hoặc thảo luận trực tuyến

Truy cập từ mọi nơi: Websites có thể được truy cập thông qua Internet từ bất kỳ thiết bị nào có kết nối mạng, như máy tính cá nhân, điện thoại thông minh hoặc máy tính bảng Trên tất cả, website thường được xây dựng với mục đích cung cấp thông tin, giải quyết nhu cầu hoặc mang lại giá trị cho người dùng trên Internet

1.4.2 Thiết kế website tĩnh

Thiết kế website tĩnh cơ bản thường là việc tạo ra các trang web sử dụng mã HTML

và CSS một cách cố định, không có tính năng tương tác động với người dùng hoặc dữ liệu động từ cơ sở dữ liệu

Các điểm chính của thiết kế website tĩnh cơ bản bao gồm:

Mã HTML và CSS cứng: Trang web tĩnh được xây dựng với mã HTML và CSS không thay đổi theo thời gian hoặc hoạt động của người dùng Mỗi trang web tĩnh thường được tạo

ra riêng lẻ và không thay đổi nội dung một cách tự động

Không có tính tương tác: Trang web tĩnh không có khả năng tương tác với người dùng, không có các chức năng như biểu mẫu liên hệ, bình luận hoặc đăng nhập

Thích hợp cho nội dung cố định: Trang web tĩnh thích hợp cho các trang có nội dung ổn định và ít thay đổi Ví dụ: trang web giới thiệu công ty, trang tin tức cơ bản hoặc trang thông tin sản phẩm không cần cập nhật thường xuyên

Dễ dàng triển khai và hiệu suất cao: Website tĩnh thường dễ triển khai và có thể có hiệu suất tải trang tốt hơn so với các trang web động do không cần tương tác với cơ sở dữ liệu Mặc dù có những hạn chế về tính tương tác và khả năng cập nhật nội dung, thiết kế website tĩnh cơ bản vẫn được sử dụng trong những trường hợp đặc biệt khi cần một trang web đơn giản, ổn định và dễ triển khai

1.4.3 Thiết kế website động

Thiết kế website động là quá trình xây dựng trang web sử dụng các ngôn ngữ lập trình (như PHP, JavaScript, ASP.NET, Python) và cơ sở dữ liệu để tạo ra trang web có khả năng tương tác động với người dùng và dữ liệu động từ cơ sở dữ liệu

Các điểm chính của thiết kế website động bao gồm:

Sử dụng mã lập trình động: Trang web được tạo ra bằng mã lập trình có khả năng tương tác với người dùng và dữ liệu Điều này cho phép trang web thay đổi nội dung dựa trên hành

động của người dùng hoặc dữ liệu từ cơ sở dữ liệu

Tương tác người dùng: Website động có khả năng tương tác cao hơn, cho phép người dùng thực hiện các hành động như điền biểu mẫu, tìm kiếm, đăng nhập, và tương tác với các ứng dụng web

Dữ liệu động từ cơ sở dữ liệu: Trang web có thể lấy dữ liệu từ cơ sở dữ liệu để hiển thị thông tin mới nhất, ví dụ như thông tin sản phẩm, bài viết mới nhất, hoặc dữ liệu cá nhân hóa 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ì

1.5 Cấu trúc trang website

1.5.1 Giới thiệu thành phần , cấu trúc một trang website

Header (Đầu trang): Thường chứa logo của trang web, menu điều hướng, và thường

là các liên kết quan trọng như liên hệ, về chúng tôi, hoặc các trang quan trọng khác

Nội dung chính: Phần này chứa thông tin, nội dung, hoặc sản phẩm/dịch vụ mà trang web muốn chi a sẻ với người đọc Có thể là bài viết, hình ảnh, video, sản phẩm, v.v

Sidebar (Thanh bên): Một khu vực có thể nằm bên trái hoặc bên phải của nội dung chính, thường chứa các liên kết phụ, widget, hoặc thông tin bổ sung như danh mục, tin tức, hoặc cửa sổ chat

Footer (Chân trang): Phần cuối trang web, thường chứa các liên kết đến các trang quan trọng khác, thông tin về bản quyền, các biểu tượng mạng xã hội, và thông tin liên hệ

Responsive Design (Thiết kế đáp ứng): Các trang web hiện đại thường được thiết kế để tự động thích ứng với nhiều kích thước màn hình khác nhau, từ máy tính để bàn đến điện thoại

di động và máy tính bảng

SEO Elements (Yếu tố tối ưu hóa công cụ tìm kiếm): Một số trang web bao gồm các yếu tố như tiêu đề trang, từ khóa,

1.6 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 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

1.7 Các yếu tố cần xác định khi tạo một website

1.7.1 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ó giao 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

1.7.2.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

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

1.8 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

1.8.1 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ữ liệu quan

hệ như: MS SQL server, Oracle, MySQL

• 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

1.9 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 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

Đo lường hiệu suất: Sử dụng các công cụ phân tích web để đo lường hiệu suất và hiểu

rõ người dùng để cải thiện trải nghiệm của họ

Những yếu tố này không chỉ giúp trang web thu hút người dùng mà còn giữ họ ở lại và tạo ra một trải nghiệm tích cực, đóng vai trò quan trọng trong việc xác định thành công của một trang web

1.10 Nghiên cứu về Wordpress1

1.10.1 Wordpress là gì?

WordPress là phần mềm mã nguồn mở được cung cấp miễn phí, sử dụng ngôn ngữ lập trình PHP và hệ cơ sở dữ liệu MySQL Do đó, nó thích hợp cho ai muốn đặt blog trên chính website sử dụng tên miền của riêng mình Tuy nhiên, nếu không có tên miền riêng và chịu được một vài hình ảnh quảng cáo đôi khi xuất hiện, bạn vẫn có thể dùng chung với nhà cung cấp Automattic Production

WordPress là một dạng phần mềm mã nguồn mở, là hậu duệ chính thức của b2/cafelog, được phát triển bởi Michel Valdrighi Cái tên WordPress được đề xuất bởi Christine Selleck, một người bạn của nhà phát triển chính Matt Mullenweg

WordPress viết bằng PHP và sử dụng hệ quản trị MySQL WordPress chạy tốt trên PHP5, hầu hết mọi host (dịch vụ lưu trữ trực tuyến) có PHP đều hỗ trợ WordPress Nhiều Host (Godaddy, Host Gator còn có chức năng tự động cài đặt WordPress

WordPress để đăng tải thông tin lên mạng, WordPress có chức năng như mọi Website khác Nó có thể làm site tin tức, đánh giá, bán hàng… thậm chí là mạng xã hội

1.10.2 Thành tựu của Wordpress

Mặc dù hiện nay có nhiều dịch vụ blog, website khác cạnh tranh với WordPress, một trong số đó phải kể đến blogspot của google, tuy nhiên bởi tính nguồn mở của nó WordPress vẫn phát triển mạnh Người dùng có thể cài đặt wordPress lên trên host riêng của mình mà không phụ thuộc vào các nhà cung cấp dịch vụ website.Hiện nay dịch vụ wordpress được sử dụng rộng rãi nhất cho việc viết blog

Việt Nam nằm trong top 10 nước dùng wordpress nhiều nhất 49 % blog nổi tiếng thế giới sử dụng wordpress

Tuy nhiên với nhiều đặc tính nổi trội của mình wordpress được xem là công cụ kinh doanh khá hiệu quả cho nhiều doanh nghiệp và cá nhân

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 website WordPress không

sử dụng JetPack thì sẽ không thống kê được

Hình 1.1: Wordpress đã đạt nhiều thành tựu vượt bậc

1.10.3 Wordpress.Com

Tuy nhiên với dịch vụ này, bạn không có quyền cài theme bên ngoài mà chỉ phụ thuộc vào các theme miễn phí trong thư viện theme cũng như bạn không thể cài đặt plugin mà chỉ

sử dụng các tính năng có sẵn của WordPress

Tóm lại, khi sử dụng dịch vụ này chúng ta sẽ :

Khi sử dụng WordPress Self-Hosted bạn có toàn quyền quản trị đồng thời dữ liệu lưu và hoạt động trên Web hosting cá nhân, sử dụng tên miền (domain) riêng mà không mất phụ phí, bạn có thể tự do cài thêm bất kỳ theme WordPress nào bạn có, cài thêm plugin và tùy biến với các kỹ năng nâng cao

Chi phí cao, có thể nói tỉ lệ thuận với hiệu suất sử dụng

1.11 Các tính năng cơ bản của Wordpress

Khi tạo một blog cho riêng bạn có thể sẽ có những lý do riêng, nhưng nếu so với các script

và dịch vụ blog khác, có thể bạn sẽ thích Wordpress ở những tính năng dưới đây

- Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham số trong file wpconfig.php,

sau 1, 2 lần click chuột, bạn đã sẵn sàng để viết blog

- Không giới hạn số lượng category và sub-category: bạn có thể tạo vô số chuyên mục và các chuyên mục con trong các chuyên mục chính mà không gặp phải bất kì rắc rối nào.Tự động xuất RSS và Atom: giúp cập nhật các thông tin về blog của bạn ngay lập tức

- Sử dụng giao diện XML RPC để trackback và viết bài từ xa

- Có thể đăng bài trên blog từ email

- 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

- 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

1.12 Wordpress chỉ là một phần mềm

WordPress chỉ là một phần mềm nguồn mở được viết bằng PHP & MySQL để giúp bạn tạo được website nhanh hơn Nhưng đó không có nghĩa là nó sẽ giúp bạn tạo được một website bất kỳ chỉ với các thao tác đơn giản

1.13 Wordpress chỉ dành cho người không biết code

WordPress chỉ dành cho những người không chuyên lập trình sử dụng thì điều này hoàn toàn không chính xác

Dĩ nhiên những người không biết lập trình sẽ dùng WordPress bằng cách sử dụng các tính năng có sẵn, thư viện giao diện phong phú

CHƯƠNG 2 : PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE

2.1 Tổng quan về Mỹ Phẩm Skin Care

Mỹ Phẩm Skin Care là trang web bán đồ mỹ phẩm trang điểm , cung cấp các sản phẩm chất lượng từ các thương hiệu uy tín tại Việt Nam Giao diện đơn giản, dễ

sử dụng và thân thiện giúp khách hàng tìm kiếm và chọn sản phẩm một cách dễ dàng

Mỹ Phẩm Skin Care cam kết cung cấp sản phẩm chất lượng và an toàn cho khách hàng, bên cạnh đó, trang web cung cấp thông tin chi tiết về sản phẩm

Mỹ Phẩm Skin Care cam kết cung cấp trải nghiệm mua sắm tốt nhất với dịch

vụ và hỗ trợ thanh toán, giao hàng linh hoạt trên trang web, giúp khách hàng mua sắm tiện lợi hơn

2.1.1 Hiện trạng

- Khách hàng được tư vấn và thanh toán trực tiếp tại cửa hàng

- Quảng cáo chủ yếu trên mạng xã hội, nhưng hiệu quả còn thấp

- Mua bán trên mạng xã hội gặp vấn đề spam và đơn hàng giả

- Cửa hàng chưa có website để quảng cáo và bán hàng trực tuyến

- Kiểm soát kho hàng và thống kê doanh thu vẫn thủ công, tốn thời gian và không hiệu quả

2.1.2 Mục tiêu xây dựng hệ thống

- Xây dựng trang web bán Mỹ Phẩm Skin Care, cung cấp sản phẩm từ các thương hiệu lớn

- Tăng tiếp cận khách hàng online, quảng bá thương hiệu đến nhiều người hơn

- Hỗ trợ mua sắm và thanh toán trực tuyến hiệu quả, tiện lợi cho khách hàng

- Cập nhật thông tin và tìm kiếm sản phẩm nhanh chóng

- Mua hàng không cần đến cửa hàng trực tiếp, tiết kiệm thời gian cho khách hàng

- Cung cấp công cụ quản lý kinh doanh hiệu quả, giúp chủ cửa hàng đưa ra quyết định kinh doanh hợp lý

2.1.3.Hạn chế

Mỹ Phẩm Skin Care cần tuyển nhân viên kinh doanh online, chủ yếu đảm nhận việc đăng tin và kiểm tra hóa đơn để nâng cao hiệu suất kinh doanh trực tuyến

2.2 Đặc tả yêu cầu

2.2.1.Thu thập yêu cầu

Căn cứ vào các đòi hỏi của khách hàng cũng như nguyện vọng của chủ cửa hàng em quyết định xây dựng một trang web bán Mỹ Phẩm Skin Care để giới thiệu sản phẩm tới khách hàng, dựa trên các yêu cầu của họ và nguyện vọng của chúng tôi

2.2.2 Đặc tả yêu cầu

2.2.2.1.Yêu cầu chức năng

1.Admin

1.1: Phân quyền tài khoản

Có thể nâng cấp tài khoản user lên vị trí nhân viên

1.2: Quản lý thông tin khách hàng

1.3: Sử dụng đầy đủ các chức năng như nhân viên

2.Nhân

viên

2.1: Nhân viên có thể đăng nhập vào hệ thống

2.2: Nhân viên có thể thêm 1 loại sản phẩm mới

2.3: Nhân viên có thể thêm 1 SP mới và đưa thông tin sản phẩm lên website

Đây là nghiệp vụ quản

lý kho

2.4: Nhân viên có thể thay đổi các thông tin hoặc xóa 1 sản phẩm đã có trên website

Bao gồm các thông tin

cơ bản của SP như hình ảnh, giá, tên, …

2.5: Nhân viên có thể quản lý đơn hàng Xem đơn hàng, thay đổi

trạng thái giao hàng

3 Khách

hàng 3.1: Tạo tài khoản và đăng nhập vào hệ thống

Việc đăng nhập vào hệ thống và thanh toán sẽ giúp tích điểm để khách hàng nhận nhiều ưu đãi

STT Yêu cầu chức năng Ghi chú

3.2: Bình luận, phản hồi về sản phẩm

3.3: Tìm kiếm và xem chi tiết sản phẩm

3.4: Thêm SP vào giỏ hàng

3.5: Quản lý SP trong giỏ hàng của mình

3.6: Tiến hành thanh toán và chọn hình thức thanh toán

Mức độ thích nghi của khách hàng khi sử dụng website: Hệ thống web

bán đồ dùng học tập cần được thiết kế tiện lợi và dễ sử dụng để cải thiện trải nghiệm mua sắm trực tuyến Tính năng và giao diện thân thiện sẽ tăng tính thích nghi của khách hàng với trang web

Mức độ thích nghi của khách hàng với việc mua sắm online: Mua

sắm online đang trở nên phổ biến, nhưng vẫn có khách hàng chưa quen Chúng ta cần chính sách hỗ trợ khách hàng mới, giúp họ thích nghi và tăng tính trung thực đối với website

Quy trình nghiệp vụ sát với thực tế: Hệ thống web bán đồ dùng học tập

cần phù hợp với quy trình thực tế của cửa hàng để đảm bảo hiệu quả và đáp ứng yêu cầu của khách hàng Các chức năng phù hợp sẽ giúp quản lý sản phẩm, đơn hàng và khách hàng dễ dàng hơn

2.3.Mô tả use case

2.3.1.Xác định use case của các tác nhân

Admin có thể khóa tài khoản khách hàng khi cần

Admin có thể sử dụng mọi chức năng nhân viên

Nhân viên / người

bán hàng

Quản lý sản phẩm: Nhân viên có thể thêm, sửa, xóa sản phẩm, xem danh sách sản phẩm trong kho, tìm kiếm sản phẩm, và quản lý loại sản phẩm

Quản lý đơn hàng: nhân viên có thể xem danh sách, chi tiết, thay đổi trạng thái, hủy và in đơn hàng

Quản lý khuyến mại: Nhân viên có thể xem, thêm mới, và xóa thông tin về các đợt khuyến mại

Báo cáo thống kê: cung cấp thông tin về lượt truy cập website

và sản phẩm bán chạy

Khách hàng

Đăng nhập và quản lý tài khoản cá nhân: cho phép khách hàng đăng nhập và chỉnh sửa thông tin cá nhân, khôi phục và đổi mật khẩu

Chức năng bình luận cho phép khách hàng đánh giá và trao đổi

ý kiến về sản phẩm cũng như trả lời các bình luận của người dùng khác

Tìm và xem chi tiết sản phẩm: Khách hàng có thể tìm và xem thông tin đầy đủ về sản phẩm

Actor Use case

Thêm và xóa sản phẩm vào giỏ hàng: cho phép khách hàng thay đổi nội dung của giỏ hàng bằng cách thêm hoặc xóa sản phẩm

Chỉnh sửa số lượng 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 trong giỏ hàng

Đặt và thanh toán: Khách hàng có thể đặt và thanh toán sản phẩm Chọn cách thanh toán: cho khách hàng lựa chọn

Cho phép khách hàng cung cấp thông tin giao hàng và xác nhận thanh toán

Chấm sao sản phẩm để khách hàng đánh giá

Liên hệ: Khách hàng có thể liên lạc với cửa hàng để được hỗ trợ

2.3.2 Biểu đồ usecase

2.3.2.1 Biểu đồ usecase tổng quát

Usecase là kỹ thuật được dùng trong kỹ thuật phần mềm và hệ thống nhằm nắm bắt những yêu cầu chức năng của hệ thống Use case mô tả sự tương tác đặc trưng giữa người dùng bên ngoài (actor) và hệ thống Use case cũng mô tả các yêu cầu đối với hệ thống

Từ các yêu cầu về chức năng của hệ thống, ta có thể mô hình hóa các chức năng của

hệ thống bởi biểu đồ Use case tổng quát sau:

Hình 2.1: Biểu đồ usecase tổng quát

2.3.2.2 Mô hình use case phân rã

2.3.2.2.1 Phân rã usecase quản lý thông tin cá nhân

Hình 2.2: Sơ đồ phân rã Usecase quản lý thông tin cá nhân

2.3.2.2.2 Phân rã use case quản lý đơn hàng

2.3.2.2.3 Phân rã use case quản lý danh sách tài khoản

Hình 2.4: Sơ đồ phân rã usecase quản lý danh sách tài khoản

2.3.2.2.4 Phân rã use case quản lý danh mục sản phẩm

Hình 2.5: Sơ đồ phân rã usecase quản lý danh mục sản phẩm

2.3.2.2.5 Phân rã use case quản lý sản phẩm, chi tiết sản phẩm

Hình 2.6: Sơ đồ phân rã usecase quản lý sản phẩm, chi tiết sản phẩm

2.3.2.2.6 Phân rã use case quản lý giỏ hàng

Hình 2.7: Sơ đồ phân rã usecase quản lý giỏ hàng