Trong thời đại công nghệ số, việc sở hữu website bán hàng mang lại lợi ích to lớn cho doanh nghiệp trong việc mở rộng thị trường, tiếp cận khách hàng tiềm năng trên toàn cầu, không giới
Trang 1BO GIÁO DỤC VÀ ĐÀO TẠO
TRUONG ĐẠI HỌC KINH TẾ - TÀI CHÍNH THANH PHO HO CHi MINH
A
UEF ĐẠI HỌC KINH TẾ TÀI CHÍNH
DO AN PHAT TRIEN UNG DUNG WEB THUONG MAI
DE TAI:
XAY DUNG WEBSITE BAN HANG THOI TRANG NU
Giảng viên hướng dan: Ths Hoang Van Hiéu Sinh viên thực hiện:
1 Nguyễn Tân Vỹ MSSV: 215122266
2 Trịnh Thị Hòa MSSV: 215122146
Thanh phố Hồ Chí Minh, ngày 28 tháng 06 năm 2024
Trang 2TRƯỜNG ĐH KINH TẾ - TÀI CHÍNH TCỘNG HÒA XÃ HỘI CHỦ NGHĨA VI
KHOA CONG NGHE THONG TIN Độc lập — Ty do — Hạnh phúc
PHIEU DANH GIA THANH VIEN
1 Tên đề tài XÂY DỰNG WEBSITE BÁN HANG THOI TRANG NU
2 Giảng viên hướng dẫn: Thầy Hoàng Văn Hiếu
3 Sinh viên/nhóm sinh viên thực hiện đề tài :
Trang 3
MUC LUC
1.1 Mô tả đề tài ch ng gu ggukg 9
1.2, Mục đích xây dựng websife án HH HH1 HH1 12111 81k re, 9
1.3 Đối tượng khách hàng - S2 SE tr HH2 10111 ng rải 10
1.4 Chức năng chính của hệ thống - 52 St TH E1 2112101 1g này 10
2.1 Nền tảng Wordpress sàn nọ TH HH HH 2H11 gen ye 11
2.2 Giới thiệu về Cloudflare - 5-21 SE HT tt 22121 g re 11
2.3 Nén tang cung cap tén mién va hosting Tenten.vin cccccccccesseccesceseeeseeeees 11
2.5 Microsoft SQL, Server CÁ L TC n nh HH kh nen trẻ 12
3.1 Xac dimh cac Use Case a1 14
3.4.1 Quy trình vận hành - 12c 212112121111 10118111 110111111181 11111111111 1111 cv ra 14 3.4.2 Cách thực hiện - 2 1 ng HH2 111101111 0110111110111 HH HH 16
Trang 4DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
4.1 GIAO DIEN CUA NGUOT QUAN TRỊ 5 S1 22112221 t re 26
4.1.1 Giao diện đăng nhập G2 2121 21 1911 1101211 1101111101111 01181 1 trệt 26 4.1.2 Giao diện quản lý sản phẩm - 5 S1 ST THỰ 12 21tr nu 27 4.1.3 Giao diện quản lý đơn hàng 2 S21 21 91021011111 1181111101111 81x xe 28 4.1.4 Giao diện cài đặt giao hàng L2 1 11H vn 1111141111101 81101 xe, 29 4.1.5, Giao diện cài đặt phương thức thanh tốn - 2n nh yese 30
4.2 GIAO DIỆN KHÁCH HÀNG - 2S HH n1 1212122 rgruyu 31
4.2.1 Giao diện trang chủ - c1 c2 SH 151111021111 11012811 HH Hy HH 31 4.2.2 Giao diện danh mục sản phẩm - 2 SE HE 211 1 121g ryg 32
4.2.3 Giao diện chỉ tiết sản phẫm 2 0 ST HH HH HH Tu g H ru 33
4.2.4 Giao diện giỏ hàng 22 1 HH2 1H 1121101111211 01 111 11H HH Hà HH 35 4.2.5, Giao diện thanh tộn L1 1211 211 1121111210121 011811 11H ra 36
4.2.6 Giao diện tìm kiếm sản phẩm 5 TS T121 0 21212 ryg 38
4.2.7 Giao diện liên hệ - 0 2 1n 211 1211 21211111 1101111121115 11 11111 11x Hà ty 39
CHƯƠNG V KẾT LUẬN - 55 T1 HH HH HH2 n1 12g12 gu reu 40
I Kết quả đạt được Ặ nh HH HH nu uyu 40
2 _ Phương hướng phát triễn - 5 2É SỰ E12 12211111 2 212 11g 40
Trang 5DANH MUC HINH ANH
Hinh 1: Quy trình vận hành của Cloudflare 2 22222111221 1321 1152111121122 se 14 Hinh 2: Sự khác nhau giữa việc sử dụng và không sử dụng Cloudflare 15
Hinh 3: Màn hình cập nhập thông tin NameserVeT .- n 9 S2 121122 xe 16
Hinh 4: ¡6n 000905 1 17
Hinh 5: Thông báo cài đặt cloudflare thành công 0 22211122111 122112 2xx 17 Hình 6: Website khi truy cập bằng địa chỉ IP Trung Quốc 5-5 SeSnccccsecre 18 Hinh 7: Màn hình xác minh thành công - - 5 2 22 222122212211 123 1211123125121 11x ce 18 Hinh §: Lịch sử truy cập bị chặn bởi CloudfÏare 2 222 2212211221221 122 zxrse 19 Hình 9: Biểu đồ truy cập trang web -s 5c 21111 121121222112 11 2121211221 e 19 Hình 10: Thống kê các nước truy cập vảo trang web s 5c n1 151gr 20 Hinh 11: Cài đặt các Rules cho tường lửa 2 2 121122212211 12115111111511 1211k ray 20 Hinh 12: Hình ảnh cài dat Rules ccccecccccceceescessessetttestttetsetteesecesevanenass 21
Hình 13: Màn hình bắt đầu xác minh trang web - 5 s1 E1 212111111 2 H12 22 Hình 14: Màn hình xác minh quyên sở hữu tên miễn 5 2S 2E 125222 2x 22
Hình 15: Màn hình kết quả sau khi xác minh bằng Cloudflarc 2 25z2sz 2522 23
Hinh 16: Màn hình tạo file Sitemap trên XML-Sitemap.com 522cc se, 23 Hinh 17: Màn hinh add file Sitemap lên Direct Admn 5.22 222 2 222222 czs+ss 24 Hình 18: Màn hình thêm sơ đồ trang web thành công 5-5 S221 22212122122 2 24
Hình 19: Kết quả tìm kiếm website trên Google 2222 122222222122212212212222 2e 25
Hinh 20:Giao diện đăng nhập wordpresSs - c0 12112 2122121 11211111 11121111 26 Hinh 21: Giao diện quản lý wordr€§s 5 L0 0 12112211211 121 122211 1218121111011 11 2 27 Hình 22: Giao diện quản lý sản phẩm - 55 S1 2E 1115211 1121111221211111 E120 ra 27
Trang 6DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
Hinh 23: Giao diện quản lý danh mục - 2 22 22 2222222121221 122221 1551111581111 cde 28 Hinh 24: Giao dién quan ly cdc thuGe tinh cee c1 222221211211 121 112112112111 1x re 28 Hinh 25: Giao diện quản lý đơn hàng - 2 0 2202211221121 122 1222111155111 811 18k 29 Hinh 26: Giao diện chỉnh sửa đơn hàng - 2 222122212211 221 12511511151 1511 121 1x ceg 29 Hinh 27: Giao diện cài đặt piao hàng 0 020122112 11221 12211211 15111111 112121 8x de 30 Hinh 28: Giao diện quản lý các phương thức thanh toán 5c 22222 22c +ss 31 Hinh 29: Giao diện chỉnh sửa phương thức thanh toán 2c 222222 22s xses 31
Hinh 30: Giao diện trang chủ của khách hàng - - c1 2 21121 1191111212112 mg 32
Hình 31: Sản phẩm hiển thị trong trang chủ khách hàng 2 2222222222 2zcz 32 Hinh 32: Giao diện danh mục áo SƠ Im1 nn S111 111111 SH ST S1 11115 11151125111 151111112 33 Hinh 33: Giao diện danh mục quần leueseteteceentetenecausecceseecesecesecessessssttteettttettttettttsanseeess 34 Hinh 34: Giao diện danh mục mũ c0 00220022110251 111111111 1111111 tuc c1 xy 34 Hình 35: Giao diện danh mục vậy . - 5c 2.0 1011112111211 11 2111 1111821111112 21 11 gà 35 Hình 36: Giao diện chỉ tiết sản phẩm 52 9 92 1EE521111E7111211211 1112121 6 36 Hình 37: Giao điện mô tả sản phẩm và sản phẩm tương tự s2 52s sec 36 Hình 38: Giao diện sau khi thêm sản phâm vào giỏ hàng 52-5 cce c2 37 Hình 39: Biểu tượng truy cập giỏ hàng - 0 5 ST 1 211211111211121111 2121111 rta 38 Hinh 40: Giao diện ø1ỏ hàng 2022012211211 1221 12 111511111111 111 111111711011 H116 38 Hình 41: Giao diện điền thông tin giao hàng 5-5221 11 1511112151111 1.0 39 Hinh 42: Giao diện tuỳ chọn giao hàng và thanh toán 22 222221222 2sszsxses 40
Hình 43: Giao diện phương thức thanh toán chuyên khoản ngân hảng 40
Hình 44: Giao diện tìm kiếm sản phẩm 22-522 S E1 52121511 11522111221121 111 16 41 Hình 45: Giao diện kết quả tìm iG ceccccccceecsessecsesseseseesesstsseteeseseesteseeteen 41
Trang 7DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
Trang 8MO DAU
Ngày nay, với sự phát triển nhanh chóng của nền kinh tế khi áp dụng những tiến
bộ khoa học công nghệ mới, tạo ra những đột phá trong phương thức tiếp cận và cung cấp dịch vụ đến khách hàng Trong đó phải kế đến sự bùng nỗ của thương mại điện tử, mở ra một thế giới mới đây tiểm năng và cơ hội cho các doanh nghiệp, đặc biệt là trone lĩnh vực thương mại va bán lẻ
Trong thời đại công nghệ số, việc sở hữu website bán hàng mang lại lợi ích to lớn
cho doanh nghiệp trong việc mở rộng thị trường, tiếp cận khách hàng tiềm năng trên toàn cầu, không giới hạn bởi không gian địa lý, không những vậy, còn có thê cung cấp thông tin sản phẩm nhanh chóng, hỗ trợ khách hảng trực tuyến, thu thập phản hồi để cải thiện sản phẩm và dịch vụ với lợi thế của công nghệ Internet nên việc truyền tải thông tin về sản phâm nhanh chóng, thuận tiện Kết hợp với bộ phận giao hàng tận nơi, là thông qua bưu điện và ngân hàng để thanh toán tiền, càng tăng thêm
thuận lợi để loại hình này phát triển
Vì vậy mà em đã thực hiện đồ án “XÂY DỰNG WEBSITE BẢN HÀNG THỜI TRANG NỮ” với mong muốn đáp ứng nhu cầu của phái nữ, bằng cách thông qua
hệ thống Website này họ có thể đặt mua các mặt hàng hay sản phẩm cần thiết được
đễ dàng và nhanh gọn hơn, không mắt thời gian và công sức
Mặc dù nhóm đã có nhiều cố gắng để thực hiện đề tài một cách hoàn chỉnh nhất,
song do kiến thức và kinh nghiệm hạn chế nên không thể tránh khỏi việc mắc phải
những sai sót Rat mong nhận được sự góp ý của thay và các ban
Xin chân thành cảm ơn!
Trang 9CHUONG 1: TONG QUAN VE DE TAI
1.1 Mô tả đề tài
Đề tài "Xây dựng web bán hàng thời trang nữ" tập trung vào việc nghiên cứu và phá
t triển một nền tảng thương mại điện tử chuyên cung cấp các sản phẩm thời trang dành cho phụ nữ Mục tiêu chính của đề tài bao gồm việc phân tích nhu cầu thị trường và đồ
¡ tượng khách hàng đề cung cấp sản phẩm phù hợp và tối ưu hóa trải nghiệm người dù
ng
Website được xây đựng dựa trên tiêu chuẩn của một trang bán hàng trực tuyến, mang đến nhiều lợi ích cho cả người mua và người bán, với những cải tiễn về giao diện, sản phâm chất lượng, dịch vụ khách hàng tốt cùng với những xu hướng mới nhất của thị trường thời trang Sản phẩm của nhóm hứa hẹn sẽ mang đến cho khách hàng trai nghiém mua săm mọi lúc, mọi nơi chỉ với một thiết bị có kết nối internet, giup tiết
kiệm thời gian và ca chi phi di chuyên, với nhiều ưu đãi và khuyến mại hấp dẫn
Đầu tiên khi nhập vào địa chỉ trang web của cửa hàng hoặc tìm kiếm trên các trình duyệt theo tên “Website ”, khách hàng sẽ được dẫn đến trang chủ của cửa hàng Tại đây, mọi người có thể tự do thao tác trên hệ thống như lướt xem sản phẩm, thêm sản
phẩm vào giỏ hang, tim kiém hàng hoá mong muốn hoặc thông tin liên lạc của cửa
hang
1.2 Mục dích xây dựng website
Khi bắt tay vào xây dựng một website, chúng ta cần phải xác định rõ đối tượng khách hàng là ai, chủ đề chính và mục đích của website là gi? Tir do triển khai một cách liền mạch và hợp lý hơn Bởi lẽ, việc này đem nhiều lợi ích cho doanh nghiệp Trước hết, nó giúp tăng doanh số bán hàng bằng cách tiếp cận một lượng lớn khách hàng, mở rộng thị trường và tăng cơ hội bán hàng Đồng thời, nó cũng cung cấp sự tiện lợi cho khách hàng, cho phép họ dễ đàng chọn lựa và mua săm bất cứ lúc nào, từ bất
kỳ đâu mà không cần đến cửa hàng trực tiếp Một website chuyên nghiệp cũng góp phần tăng cường sự nhận diện và uy tín của thương hiệu trong mắt khách hàng cũng
như tiết kiệm chi phí thuê mặt bằng, nhân viên và các chi phí khác liên quan đến cửa
Trang 10DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
hàng vật lý Hơn nữa, hệ thống website có thể tích hợp các công cụ quản lý kho hang
và đơn hàng, giúp việc quản lý kính doanh trở nên hiệu quả hơn Có thể nói một website bán hàng quần áo nữ không chỉ tối ưu hóa hiệu quả kinh doanh mà còn nâng cao trai nghiém mua sam của khách hàng
1.3 Đối tượng khách hàng
Đối tượng khách hàng chủ yếu là phụ nữ trong độ tuôi từ 18 đến 40, có nhu cầu và
sở thích mua sắm thời trang trực tuyến Nhóm khách hàng nảy thường là những người
có thu nhập trung bình đến cao, yêu thích việc cập nhật các xu hướng thời trang mới nhất và muốn tìm kiếm các sản phâm đa dạng, phong phú Họ có thói quen sử dụng internet và các thiết bị đi động để tìm kiếm thông tin, mua săm và tham khảo ý kiến từ các nền tảng mạng xã hội Bên cạnh đó, đối tượng này cũng rất chú trọng đến chất lượng sản phẩm, dịch vụ khách hàng và mong muốn có những trải nghiệm mua sắm
tiện lợi, an toàn và nhanh chóng Việc xác định rõ đối tượng khách hàng này giúp định
hướng cho việc phát triển các chức năng, giao diện và chiến lược marketing cua website sao cho phủ hợp vả hiệu quả nhất
1.4 Chức năng chính của hệ thống
Hệ thống được tích hợp các chức năng sau
- Trang chủ: giới thiệu về các sản phâm nôi bật của cửa hàng
- Trang đanh mục sản phẩm: trưng bảy các mặt hàng sẵn có để khách hàng lựa chọn
- Tìm kiếm và lọc sản phẩm: tìm kiếm sản phẩm theo từ khoá cũng như lọc theo danh mục và ø1â bán
- Trang chỉ tiết sản phẩm: thông tin và hình ảnh chỉ tiết về một sản phẩm ma khach hàng đã chọn
- Giỏ hàng và thanh toán: thêm sản phẩm khách hàng ưu thích vào giỏ hàng, có thể thanh toán luôn hoặc để sau
- Tài khoản người dùng
- Quan ly don hang
- Danh gia va nhan xét
- Chương trình khuyên mãi và ưu đãi
- Chính sách và thông tin
10
Trang 11DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
CHUONG 2: CO SO LY THUYET 2.1 Nền tảng WordPress
WordPress là một hệ thống mã nguồn mở để xuất bản các blog, trang web được viết bằng ngôn ngữ lập trình PHP và cơ sở đữ liệu MySQL WordPress duoc biét dén la m
ột hệ thống quản trị miễn phí tuyệt vời, đễ sử dụng và phố biến nhất trên thế giới WordPress là một nền tảng tuyệt vời cho nhiều loại website Từ việc dùng đề viết blog đến các trang thương mại điện tử, các trang web kinh doanh và danh mục đầu tư
Tuy nhiên, một hạn chế lớn của WordPress.com là bạn không được phép sử dụng các plugin, trừ khi bạn nâng cấp lên gói Business Việc nảy khá quan trọng bởi vi
plugin chính là yếu tố khiến WordPress trở nên mạnh mẽ Do đó, nếu thiếu plugin
hoặc phải trả chí phí cao để sử dụng chúng là một điểm hạn chế đáng kế Nếu bạn chỉ cần một website đơn gian, thi viéc su dung WordPress.com van là một lựa chọn tốt Bởi khi chọn nền tảng này, bạn có thể tập trune chủ yếu vảo việc phát triên nội dung cho trane web mà không cần lo lắng quá nhiều về các khía cạnh kỹ thuật khác
2.2 Giới thiệu về Cloudflare
CloudFlare là DNS trung gian giúp điều phối lưu lượng truy cập qua lớp bảo vệ Clo udFlare Có nghĩa là nó sẽ nằm giữa kết nối giữa domain và hosting Bình thường dom ain sẽ được cầu hình Nameservers (NS) hoặc record A trỏ tới IP của host chứa website Tuy nhiên khi sử dung Cloudflare thi domain sé tro to1 DNS cua Cloudflare Do do, m
oi truy cập đến website sẽ thông qua Cloudflare này trước, rồi từ Cloudflare mới đến h ost chứa website CloudFlare là dịch vụ DNS trung gian miễn phí có hỗ trợ CDN (Clo
ud Delivery Network) Hiện nay ngoài dịch vụ DNS trung gian, Cloudflare còn cung c
ấp rất nhiều địch vụ khác nữa như SSL, chống DDOS, chống Spam, Firewall, HTTP/2, SPDY, IP Geo, Va còn rất nhiều dịch vụ khác nữa, cả miễn phí lẫn có phí
2.3 Nền tảng cung cấp tên miền và hosting Tenten.vn
Tenten.vn là một thương hiệu thuộc công ty GMO-Z.com RUNSYSTEM — Thanh
viên của Tập đoàn GMO Internet Nhật Bản Tenten.vn là một trong những nền tảng
hàng đầu tại Việt Nam cung cấp các dịch vụ liên quan đến tên miền và hosting Tenten.vn cung câp các dịch vụ đăng ký, gia han, va quan lý tên miễn với nhiêu đuôi
11
Trang 12DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
mở rộng khác nhau như vn, com, net, org, info va nhiều loại khác Bên cạnh đó, nên tảng này còn Cung cấp các gói hosting đa dạng phù hợp với nhu cầu của từng loại hình doanh nghiệp từ nhỏ đến lớn, bao gồm Shared Hosting, VPS Hosting, va Dedicated Server Tenten sử dụng các công nghệ mới nhất để đảm bảo tốc độ, hiệu suất và bảo mật cho các dịch vụ hosting và tên miền Hệ thống quản lý tên miền và hosting với giao diện đơn giản, đễ sử dụng, giúp khách hàng quản lý dịch vụ của mình một cách hiệu quả
Tenten.vn là một lựa chọn đáng tin cậy cho các doanh nghiệp và cá nhân tại Việt Na
m khi cần tìm kiếm các giải pháp về tên miền và hosting Với những dịch vụ đa dạng v
a chat lượng, Tenten.vn ngày cảng khẳng định vị thế của mình trên thị trường
2.4 XAMPP
XAMPP là một gói phần mềm mã nguồn mở miễn phí được thiết kế để tạo và quản
lý môi trường phát triển web trên máy tính cá nhân Tên XAMPP là viết tắt của các
thành phần chính bao gồm: Apache (máy chủ web), MariaDB (hệ quản trị cơ sở đữ liệu), PHP và Perl (các ngôn ngữ lập trình) Gói phần mềm này do Apache Friends phát triển và hỗ trợ các hệ điều hành phổ biến như Windows, Linux và macOS
XAMIPP cung cấp một giải pháp đơn giản và thuận tiện cho việc cài đặt và cầu hình các thành phần cần thiết để phát triển và kiểm thử các ứng dụng web Với giao diện quản lý thân thiện, người đùng có thể đễ dàng bật/tắt các dịch vụ, quản lý cơ sở đữ liệu thông qua phpMyAdmin và thử nghiệm mã PHP nhanh chóng Đặc biệt, XAMPP rất hữu ích cho các lập trình viên, nhà phát triển web và học sinh sinh viên mới bắt đầu học lập trình web Ngoài ra, XAMPP cũng hỗ trợ nhiều tính năng khác như tích hợp FileZilla FTP Server, Mercury Mail Server va Tomcat, giup người dùng mở rộng khả năng phát triển ứng dụng và quản lý hệ thống Với tính linh hoạt và đễ sử dụng, XAMPP đã trở thành một công cụ phô biến và hữu ích trong cộng đồng phát triển web toàn cầu
2.5 Microsoft SQL Server
SQL Server (hay Microsoft SQL Server) la mét hé théng quan ly co sé dit liéu quan
hệ (RDBMS) được phát triển bởi Microsoft SQL Server cung cấp cho người dùng các công cụ và tính năng dé quản lý, lưu trữ, xử lý các truy vấn dữ liệu, kiểm soát truy cập,
xử lý giao dịch và hỗ trợ tích hợp đữ liệu từ nhiều nguồn khác nhau Ngoài ra, SQL Se
12
Trang 13DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
rver cũng cung cấp các công cụ đề tạo báo cáo, phân tích và quản lý cơ sở đữ liệu trực quan thông qua giao diện người dùng hoặc các script lệnh SQL Hệ thống này được xâ
y dựng dựa trên SQL, một ngôn nsữ lập trình tiêu chuẩn dé tương tác với cơ sở đữ liệu quan hệ
Hệ thống nảy nỗi bật với tính năng bảo mật cao cấp như mã hóa đữ liệu, xác thực n gười dùng và kiểm soát truy cập dựa trên vai trò SQL Server hỗ trợ khả năng mở rộng,
cho phép triển khai trên nhiều hệ thống máy chủ và đáp ứng nhu cầu xử lý đữ liệu lớn
Nó cũng cung cấp các công cụ sao lưu và khôi phục mạnh mẽ, bảo vệ dữ liệu quan trọ
nợ và đảm bảo tính toàn vẹn của dữ liệu, giúp nâng cao hiệu suất làm việc của các quản trị viên cơ sở dữ liệu
13
Trang 14DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
CHUONG 3: PHAN TICH VA THIET KE HE THONG
3.1 Xac dinh cac Use Case
QLy Don Hang
<extends x<exiind>> <eextend>>
Tén Use Case Quản lý thông tin khách hàng
Mô tả Quản lý thông tin khách hàng
Tac nhan (Actor) Nhan vién quan ly
- Thiét bi duoc két ndi mang
- Tai khoan cua nhan vién quan ly duge cap quyén
dé truy cap hé thong
Dong sw kién (Flow) Chinh (Basic)
- _ Nhân viên quản lý truy cập vào hệ thống
- _ Đăng nhập thành công tải khoản và được cấp
quyền chỉnh sửa thông tin
- _ Nhân viên quản lý tiến hành chỉnh sửa thông tin khách hàng
- _ Lưu thông tin sau khi chỉnh sửa
14
Trang 15DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
- _ Hệ thống ghi nhận những thay đôi và thông báo
cập nhật thành công
Ngoại lệ (Exception)
- _ Hệ thống øặp trục trặc và không lưu thành công
Nhân viên nhập thong tin vi phạm vào cac rang
buộc khiến hệ thông báo lỗi và lưu không thành công
Mô tả Nhân viên quan lý tiễn hành cập nhật thông tin khi cửa hàng
nhập cây cảnh, số lượng và các chương trình ưu đãi lên web
Tac nhan (Actor) Nhan vién quan ly
Pre-conditions - Nhan vién quan lý phải năm được sô lượng sản
phâm mới nhập và các chương trình hiện có tại cửa
Nhân viên quản lý mở web của cửa hàng và đăng
nhập bằng tải khoản nhân viên
Nhân viên quản lý cập nhật thêm danh sách các sản phâm mới nhập về cửa hàng
Trang 16DE TAI: XÂY DỰNG WEB BÁN HÀNG THỜI TRANG NỮ
Hệ thống bị quá tải, nhân viên quản lý không thể
truy cập vào web
Mô tả Sau khi đăng ký tài khoản thành công, khách hàng có thê đặt
mua hàng trực tiếp trên web
Pre-conditions Thiết bị của khách hàng phải được kết nối Internet
đầy đủ khi thực hiện đặt
Mẫu khách hàng chọn mua phải còn số lượng trong cửa hàng
Trang web không quá tải lượng truy cập
Khách hàng bắm vào giỏ hang va chon “ Thanh toán”
Trang web sé hién thị các thông tin trong mục thanh toán gồm : địa chỉ, tên, số điện thoại và
thông tin đơn hàng đặt mua kèm phí giao hàng
Khách hàng có thể chọn phương pháp thanh toán
Sau khi khách hàng bấm đặt hàng, hệ thông sẽ thông báo đặt hàng thành công ở màn hình
Trang 17DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
- _ Địa chỉ của khách hàng không nằm trong khu vực
hỗ trợ giao hang
- _ Sau khi bám đặt hàng, khách hàng không nhận
được thông báo xác nhận đặt hàng thành công
Post-conditions - _ Khách hàng mua hàng thành công
- _ Hệ thống ghi nhận đơn hàng mới
17
Trang 18
DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
3.3 Sơ đồ hoạt động và tuần tự
3.3.1 Chức năng đặt hàng
$% Sơ đồ hoạt động
Giao diện trang chủ
Hình 1: Sơ đỗ hoạt động đặt hàng
18
Trang 19DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
7 : Chon dat hang()
8 : Tiep nhan yeu cau()
12 : Xac nhan don hang()
Trang 20DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
Trang 21DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
¡2: Nhap TT tim kiem()
3 : Gui yeu cau tim kiem()
4 : Tim kiem thong tin()
5 : Tim kiem va doi chieu()
: Dung: Hien thi thong tin tim kiem() :
7 : Sai: khong hien thi ket qua() ' 7
Hình 4: Sơ đồ tuần tự tìm kiếm
21
Trang 22DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
3.3.3 Chire nang quan ly san pham
Trang 23DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
2 : Gui yeu cau truy cap()
3 : Xem xet yeu cau()
4: Hien thi TT()
5 : Chon SP can chinh sua() i
6: Gui yeu cau chinh sua()
7: Hien thi SPQ |
8: Chinh sua va luu SP() :
9: Yeu cau luu TT()
"Gos TBiuuthanh cong) 7
Hinh 7: Quy trinh van hanh cua Cloudflare
CloudFlare la 1 dịch vụ sẽ đứng giữa Client và Server có chức năng phân giải tên
miền (DNS) cộng thêm vai trò như điều phối lượng truy cập, CDN cũng như các giải phap bao mat chong Ddos, Spam, SSL, Forward Domain Hay nói một cách dễ hiểu thi thay vi ban truy cập trực tiếp vào Website thông qua máy chủ phân giải tên miền DNS
23
Trang 24DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
(Domain Name Server) thi bạn sẽ sử dụng máy chu phan giải tên miền của CloudFlare Các truy cập sẽ phải đi qua máy chủ của CloudFlare để xem dữ liệu website thay vì truy cập trực tiếp
KHÔNG SỬ DỤNG CLOUDFLARE SỬ DỤNG CLOUDFLARE Chim Nhanh
Mang lưới phân phối Khách thăm quan Khách thâm quan toàn cầu của CloudFlare
©® > e —s
-—> 1
tên ee Web không được bảo vệ Wann uote Ỷ Web được bảo vệ
bởi CloudFlare bởi CloudFlare
Hinh §: Sự khác nhau giữa việc sử dụng và không sử dung Cloudflare
Ưu điểm của CloudFlare:
e Bao vé chống lại các phương thức độc hại: Cloudflare phát hiện các tác nhân độc hại bằng nhiều yếu tố nhận dạng như địa chỉ IP độc hại, yếu tố độc hại trong request, và thậm chí tần suất, thời gian kết nối Điều này được điều chỉnh theo cấu hình bảo mật của trang web để xác định khả năng người dùng vượt qua, dựa trên trinh duyệt của họ
e_ Chứng chỉ SSL miễn phí: Cloudflare tự động cung cấp chứng chỉ SSL cho bất kỳ miền nào được ủy quyên, giúp đơn giản hóa việc thiết lập kết nối an toàn Bạn có
thé trải nghiệm SSL ngay cả khí không cài đặt trên máy chủ của mình và linh hoạt thiết lập SSL từ các nguồn khác nhau
e Giảm độ trễ: Vì trang web dữ liệu của bạn được lưu tronpg bộ nhớ cache của CloudFlare, người dùng sẽ tải trang web của bạn từ trung tâm dữ liệu CloudFlare gan voi vi tri cua họ nhất, điều này sẽ giảm độ trễ, thay vì phải tải trực tiếp truy xuât từ máy chủ của bạn
24
Trang 25DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
e Ty tao ban sao trang web: một sự khác biệt hữu ích của bộ nhớ đệm là máy chủ của bạn sẽ không cần phải xử lý tất cả các lượng truy cập Thay vào đó, nó cung cấp cho CloudFlare một bản sao trang web khi cần thiết
e_ Cloudflare cung cấp những tính năng khác: Cloudflare có tính năng "Chế độ tấn công” hữu ích, cho phép bạn kích hoạt thông qua Dashboard Tính năng này được thiết kế để bảo vệ trang web khi bị tấn công DDoS Qua trinh nay dién ra trong vai giây, giúp giảm thiểu tác động của các bot tự động và bảo vệ người dùng thực hiện truy cập an toản
3.4.2 Cách thực hiện
Bước 1: Trỏ NS về cloudflare
CẬP NHẬT THÔNG TIN NAMESERVER
+ Những mục đánh dấu * là bắt buộc + Với tên miền Quốc Tế khi dùng NS của TENTEN sẽ là NS-A1 TENTEN VN / N$A2 TENTEN VN/ NS-A3.TENTEN VN + Với tên miền Việt Nam khi dung NS cla TENTEN sé la NS-B1.TENTEN.VN / NS-B2 TENTEN.VN / NS-B3.TENTEN.VN + Với dịch vụ của FallOver thì cấu hình NS1.TENTEN.CLOUD / NS2.TENTEN.CLOUD / NS3.TENTEN.CLOUD + Với địch vụ của SeoLove! thì cấu hình NS1.SEOLOVER ELOUD / NS2.SEOLOVER CLOUD / NS3.SEOLOVER.CL0UD + Với dịch vụ của Secure\Web Hosting thi cấu hinh NS1.SECUREWEB.VN / NS2.SECUREWEB.VN / NS3.SECUREWEB.VN
Tên miền harmonyvibes.online NS1 luciane.ns.cloudflare.com (*) NS2 pedro.ns.cloudflare.com (*)
(Có thể cấu hình tối đa 13 name server)
Trang 26DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
ONS management for harmonyvibes.online
add, and edit DNS records Edits will Go into effect DNS Setup: Full® import and Export ¥ ® Dashboard Display Settings
Hinh 10: Man hinh quan ly DNS
© Analytics & Logs = harmonyvibes.online DNS
dh ons v Monitor security and performance for ts and services from the DNS Setupc Full
@ sưn - © Great news! Cloudflare is now protecting your site Quick Actions
os Data about your site ere once available, Jer Attack Mock
Trang 27DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
v Ö Az#tamemeer x
€ > © & hwmonyibesoniine @ cust) ‡
harmonyvibes.online
Verify you are human by completing the action b
harmonyvibes.online needs to review the security proceeding
Hình 12: Website khi truy cập bằng dia chi IP Trung Quéc Bước 5: Sau khi xác minh thành công, cloudflare sé cho phép chúng ta truy cập vào trang web, thông qua cloudflare, chúng ta sẽ tránh được tỉnh trạng trang web bị DdoS
¢€>x 8 dich 18464334-00.1.1-4457 @sexỒ :
harmonyvibes.online
Q verification successful Waiting for harmonyvibes.online to respond
Hinh 13: Man hinh xac minh thanh cong
27
Trang 28DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
Hinh 14: Lich sw truy cap bi chan boi Cloudflare Sau khi 4p dung Cloudflare thành công, ứng dụng phân tich trang web Cloudflare Analytics sẽ được kích hoạt Cụ thể, ứng dụng nảy cung cấp cho quyền truy cập vào m
ột loạt các số liệu, được thu thập ở cấp độ trang web hoặc tên miền như lưu lượng truy cập trang web, lưu lượng truy cập web theo quốc gia, hiệu suất web, Web Application Firewall,
Requests Through Cloudflare
Trang 29DE TAI: XAY DUNG WEB BAN HANG THOI TRANG NU
Web Traffic Requests by Country Previous 24 hours *
We have updated firewall rules to more powerful custom rules Some features work differently - learn about what changed
The firewall rules API is deprecated, but it will work until the sunset date to support any automation built on it Refer to the documentation for details on migrating to the Rulesets API
Protect your website and API fram malicious traffic with custom rules Configure mitigation
criteria and actions, or explore templates, tor better security
Hinh 17: Cài đặt các Rules cho tường lửa
29