Báo cáo website thương mại điện tử kinh doanh sản phẩm chăm sóc thú cưng

Ngày nay nuôi thú cưng không còn là trào lưu mà thú cưng còn là thành viên trong gia đình, nên ta cần cũng cấp cho chúng một nguồn thức ăn dinh dưỡng và chất lượng. Trong tình hình dịch bệnh việc đi lại càng thêm khó khăn. Nên em đã xây dựng website kinh doanh các sản phẩm như thức ăn, phụ kiện, thực phẩm chức năng… Hệ thống được xây dựng với các tính năng chính như: Đăng nhập, đăng ký, tìm kiếm sản phẩm, thêm sản phẩm vào giỏ hàng và thanh toán hóa đơn mua hàng cho khách hàng, sau khoảng thời gian nhất định đơn hàng sẽ giao trực tiếp tận tay khách hàng mà không cần đi xa. Khách hàng cũng sẽ được cập nhật lại thông tin cá nhân của mình như tên, địa chỉ, số điện thoại để thuận lợi hơn cho việc giao hàng. Hệ thống website còn có thêm trang dành cho người quản trị. Ở trang này, người quản trị là người có toàn quyền quản lý trên cả hệ thống bán hàng, bao gồm quản lý như: Quản lý các sản phẩm, khách hàng, các đơn hàng được đặt bởi khách hàng và thống kê số lượng. Hy vọng với những tính năng hệ thống mang lại sẽ giúp ích cho các khách hàng dễ dàng tương tác trên hệ thống, tiết kiệm được chi phí đi lại và chọn lựa được sản phẩm chất lượng khi mua hàng tại website

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

Sinh viên thực hiện: HẦU DIỄM XUÂN

MSSV: B1809433 Khoá: 44

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

Giảng viên hướng dẫn:

Sinh viên thực hiện:

HẦU DIỄM XUÂN MSSV:B1809433 Khóa: 44

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

  

Cần Thơ, ngày … tháng … năm 2022

Giáo viên hướng dẫn

TS Nguyễn Minh Trung

LỜI CẢM ƠN

  

Để có được kết quả ngày hôm nay em xin gửi lời cảm ơn đến thầy Nguyễn Minh Trung, giảng viên Khoa Công nghệ thông tin và Truyền thông, thầy đã trực tiếp hướng dẫn, đưa ra những gợi ý, nhận xét quý báu trong suốt quá trình thực hiện đề tài

để em có thể hoàn thành niên luận cơ sở một cách tốt nhất Em cũng xin gửi lời cảm ơn đến quý thầy cô Trường Đại học Cần Thơ, đặc biệt quý Thầy cô Khoa Công nghệ thông tin và Truyền thông đã truyền đạt những kiến thức quý báu trong suốt quá trình học tập tại trường

Mặc dù đã cố gắng hoàn thành đề tài một cách tốt nhất, nhưng trong khoảng thời gian có hạn và kiến thức chuyên môn còn hạn chế nên không tránh khỏi thiếu sót Rất mong nhận được sự góp ý của Thầy để đề tài được hoàn thiện hơn

MỤC LỤC

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 3

Giáo viên hướng dẫn 3

LỜI CẢM ƠN 4

MỤC LỤC 5

DANH MỤC HÌNH 7

DANH MỤC BẢNG 8

DANH MỤC THUẬT NGỮ VÀ TỪ VIẾT TẮT 9

TÓM TẮT 1

I ĐẶT VẤN ĐỀ 2

PHẦN 1: GIỚI THIỆU 2

II MỤC TIÊU ĐỀ TÀI 2

III ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 2

1 Đối tượng nghiên cứu 2

2 Phạm vi nghiên cứu 2

IV NỘI DUNG NGHIÊN CỨU 3

Hướng giải quyết: 3

V NHỮNG ĐÓNG GÓP CHÍNH CỦA ĐỀ TÀI 3

VI BỐ CỤC NIÊN LUẬN CƠ SỞ 3

PHẦN 2: NỘI DUNG CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 4

1.1.MÔ TẢ ĐỀ TÀI 4

1.2.CÁC CHỨC NĂNG CỦA HỆ THỐNG 4

CHƯƠNG 2: THIẾT KẾ CÀI ĐẶT VÀ GIẢI PHÁP 7

2.1.CƠ SỞ LÝ THUYẾT 7

2.1.1 Các công nghệ sử dụng khác 7

2.2.SƠ ĐỒ USECASE 8

2.2.1 Quản trị viên (Admin) 8

2.2.2 Khách (Guest) 13

2.2.3 Người dùng (User) 14

2.3.THIẾT KẾ CƠ SỞ DỮ LIỆU 15

2.3.1 CDM - Mô hình dữ liệu mức quan niệm 15

2.4.CHỨC NĂNG CỦA TỪNG PHẦN TRONG HỆ THỐNG 17

2.4.2 Chức năng thêm sản phẩm vào giỏ 18

2.4.3 Chức năng cập nhật trang cá nhân 19

2.4.4 Các giao diện minh họa 20

a Giao diện trang khách hàng 20

b Giao diện đăng nhập của trang khách hàng 25

c Giao diện chức năng của trang Admin 26

d Giao diện chức năng đăng nhập của Admin 30

CHƯƠNG 3: KIỂM THỬ VÀ ĐÁNH GIÁ 31

3.1.MỤC TIÊU KIỂM THỬ 31

3.2.KỊCH BẢN KIỂM THỬ 32

Môi trường kiểm thử 33

3.3.KẾT QUẢ KIỂM THỬ 33

3.3.1 Chức năng đăng nhập 33

3.3.2 Chức năng tìm kiếm sản phẩm 35

3.3.3 Chức năng thêm sản phẩm vào giỏ hàng 37

3.3.4 Chức năng thay đổi thông tin cá nhân 38

3.3.5 Chức năng thanh toán sản phẩm 39

3.3.6 Chức năng cập nhật đơn hàng 41

3.3.7 Chức năng live chat 42

PHẦN 3: KẾT LUẬN 44

I KẾT QUẢ ĐẠT ĐƯỢC 44

II HẠN CHẾ 44

III HƯỚNG PHÁT TRIỂN 44

TÀI LIỆU THAM KHẢO 45

DANH MỤC HÌNH

Hình 1: Sơ đồ usecase Quản trị viên [11] 8

Hình 2: Sơ đồ usecase Khách 13

Hình 3: Sơ đồ usecase Người dùng 14

Hình 4: Mô hình CDM 16

Hình 5:Lưu đồ giải thuật chức năng đăng nhập 17

Hình 6: Lưu đồ giải thuật chức năng thêm sản phẩm vào giỏ hàng 18

Hình 7: Lưu đồ chức nắng cập nhật thông tin cá nhân 19

Hình 8: Giao diện trang chủ 20

Hình 9: Giao diện phần giới thiệu website 21

Hình 10: Chức năng giỏ đặt hàng của website 22

Hình 11: Giao diện chức năng tìm kiếm sản phẩm 23

Hình 12: Trang thông tin cá nhân 24

Hình 13: Minh họa form đăng ký tài khoản 25

Hình 14: Minh họa form đăng nhập 25

Hình 15: Trang chủ của Admin 26

Hình 16: Giao diện quản lý sản phẩm của Admin 26

Hình 17: Giao diện quản lý đơn hàng của Admin 27

Hình 18: Giao diện cập nhật thông tin đơn hàng 27

Hình 19: Giao diện đăng nhập của Admim 30

Hình 20: Giao diện đăng nhập Quản trị viên 34

Hình 21: Giao diện đăng nhập Khách hàng 34

Hình 22: Giao diện trang tìm kiếm sản phẩm 36

Hình 23: Kết quả chức năng thêm sản phẩm vào giỏi 37

Hình 24: Kết quả chức năng năng thay đổi thông tin cá nhân 38

Hình 25: Kết quả chức năng thanh toán sản phẩm 40

Hình 26: Kết quả chức năng cập nhật đơn hàng 41

DANH MỤC BẢNG

Bảng 1: Kịch bản kiểm thử chức năng 32

Bảng 2: Kịch bản kiểm thử tính khả dụng 32

Bảng 3: Kịch bản kiểm thử tính tương thích 32

Bảng 4: Kịch bản kiểm thử cơ sở dữ liệu 32

Bảng 5: Kịch bản kiểm thử tính bảo mật 33

Bảng 6: Test case kiểm thử chức năng đăng nhập 33

Bảng 7: Test case kiểm thử chức năng Gợi ý trường 35

Bảng 8: Test case kiểm thử chức năng thêm sản phẩm vào giỏ hàng 37

Bảng 9: Test case kiểm thử chức năng thay đổi thông tin cá nhân 38

Bảng 10: Test case kiểm thử chức năng thanh toán sản phẩm 39

Bảng 11: Test case kiểm thử chức năng "Bản đồ" 41

DANH MỤC THUẬT NGỮ VÀ TỪ VIẾT TẮT

CDM Conceptual Data Model Mô hình dữ liệu mức quan niệm

trình biên dịch, diễn dịch hoặc các API nhằm cung cấp một môi trường giúp cho việc lập trình ứng dụng trở nên nhanh chóng

Usecase Use Case Diagram Sơ đồ trường hợp sử dụng

TÓM TẮT

Ngày nay nuôi thú cưng không còn là trào lưu mà thú cưng còn là thành viên trong gia đình, nên ta cần cũng cấp cho chúng một nguồn thức ăn dinh dưỡng và chất lượng Trong tình hình dịch bệnh việc đi lại càng thêm khó khăn Nên em đã xây dựng website kinh doanh các sản phẩm như thức ăn, phụ kiện, thực phẩm chức năng…

Hệ thống được xây dựng với các tính năng chính như: Đăng nhập, đăng ký, tìm kiếm sản phẩm, thêm sản phẩm vào giỏ hàng và thanh toán hóa đơn mua hàng cho khách hàng, sau khoảng thời gian nhất định đơn hàng sẽ giao trực tiếp tận tay khách hàng mà không cần đi xa Khách hàng cũng sẽ được cập nhật lại thông tin cá nhân của mình như tên, địa chỉ, số điện thoại để thuận lợi hơn cho việc giao hàng

Hệ thống website còn có thêm trang dành cho người quản trị Ở trang này, người quản trị là người có toàn quyền quản lý trên cả hệ thống bán hàng, bao gồm quản lý như: Quản lý các sản phẩm, khách hàng, các đơn hàng được đặt bởi khách hàng và thống kê số lượng

Hy vọng với những tính năng hệ thống mang lại sẽ giúp ích cho các khách hàng

dễ dàng tương tác trên hệ thống, tiết kiệm được chi phí đi lại và chọn lựa được sản phẩm chất lượng khi mua hàng tại website

I ĐẶT VẤN ĐỀ

PHẦN 1: GIỚI THIỆU

Để đảm bảo cho sức khỏe của các bé thú cưng khỏe mạnh, cần tìm kiếm các trang web uy tính bán nguồn thức ăn chất lượng an toàn và giàu dinh dưỡng cho sức khỏe các bé Bên cạnh thức ăn còn có thêm các phụ kiện đi kèm như quần áo, đồ chơi cho bé thú cưng của bạn Từ đó có rất nhiều website kinh doanh về lĩnh vực này

“Website thương mại kinh doanh vật vật chăm sóc thú cưng” cũng ra đời với niềm đam mê chăm sóc thú cưng và mục đích cung cấp các sản phẩm an toàn cho các

bé tiêu dùng để mang lại sức khỏe cho bé cũng như niềm vui cho các khách hàng Website kinh doanh các mặt hàng thức ăn chất lượng và đảm bảo dinh dưỡng cao Bên cạnh đó có thêm các phụ kiện giúp các bé thêm phần lộng lẫy và dễ thương hơn Website hỗ trợ cho khách hàng tìm được loại thức ăn cũng như các vật dụng cần thiết khác cho thú cưng mình cần mà không phải đi ra ngoài để chọn lựa

Xây dựng một “Website thương mại điện tử kinh doanh vật dụng & chăm sóc thú cưng” cung cấp đầy đủ các tiện ích cho khách hàng trong việc tìm kiếm các vật dụng, các loại thức ăn bổ dưỡng cho thú cưng của mình

Củng cố và nâng cao kỹ năng lập trình

1 Đối tượng nghiên cứu

Các website về thú cưng đã có trước rất nhiều Tham khảo và tìm hiểu và phát triển thêm về các bước cũng như các loại sản phẩm cần có cho một website thú cưng của riêng mình

2 Phạm vi nghiên cứu

Phạm vi đề tài là: quản lý các sản phẩm như thức ăn, vật dụng ăn uống, quần

áo cho thú cưng Quản lý danh sách khách hàng cũng như các đơn hàng được đặt tài website

IV NỘI DUNG NGHIÊN CỨU

Hướng giải quyết:

• Cơ sở lý thuyết cần nắm: lý thuyết phân tích và thiết kế hệ thống thông tin;

hệ quản trị CSDL MySQL; kiến thức về xây dựng Web: HTML, PHP, Javascript, jQuery, CSS,…

• Phần mềm, công cụ để phát triển hệ thống: trình duyệt web Google Chrome; các Framework: Bootstrap; thư viện: jQuery

Đề tài góp phần đa dạng thêm nguồn tài liệu khảo về lĩnh vực kinh doanh các mặt hàng cho thú cưng Cải thiện và nâng cao hơn kỹ năng lập trình và sử dụng các framework để đơn giản hóa việc lập trình

Bố cục của đề tài gồm các phần và các chương mục chính:

Phần 1: Giới thiệu: Trình bày về các vấn đề, mục tiêu, đối tượng và phạm vi

nghiên cứu của đề tài, nội dung nghiên cứu, những đóng góp chính

Phần 2: Nội dung gồm 3 chương chính:

Chương 1: Giới thiệu tổng quan đề tài về đặc tả và các chức năng chính

của website

Chương 2: Trình bày thiết kế và cài đặt giải pháp, giới thiệu các công

nghệ sử dụng, sơ đồ usecase, cơ sở dữ liệu và trình bày chức năng của từng phần trong hệ thống

Chương 3: Trình bày mục tiêu kiểm thử, các kịch bản kiểm thử và kết quả

kiểm thử

Phần 3: Kết luận: Tổng kết kết quả đạt được và đề xuất hướng phát triển trong

tương lai

PHẦN 2: NỘI DUNG CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI

Méo Store - “Website thương mại kinh doanh vật vật chăm sóc thú cưng” là

trang web cung cấp các chức năng để phục vụ cho khách hàng tìm kiếm và mua sắm các loại sản phẩm cần thiết cho thú cưng nhà mình Website bao gồm các chức năng chính cho người dùng: Đăng nhập, đăng ký thành viên, tìm kiếm sản phẩm, thêm sản phẩm vào giỏ hàng, thanh toán các sản phẩm, cập nhật lại thông tin Website được xây dựng để hướng đến các nhóm người dùng như người dùng “Khách”, “Thành viên” và

“Quản trị viên”

Khi “Khách” truy cập vào trang web có thể thực hiện các chức năng như: tìm kiếm sản phẩm, xem thông tin chi tiết sản phẩm, vv Để thực hiện các chức năng nâng cao, “Khách” cần đăng ký cho mình một tài khoản trên website để trở thành “Thành viên” gồm các thông tin đăng ký: tên, email và mật khẩu

“Thành viên” có thể cập nhật lại thông tin của mình sau khi đã đăng ký Sau khi đăng nhập, “Thành viên”có thể thực hiện các chức năng như: thêm sản phẩm vào giỏ hàng và đặt hàng, thay đổi thông tin cá nhân, xem lại các hóa đơn mà thành viên đã mua cũng như các chức năng nâng cao khác

“Quản trị viên” sau khi đăng nhập bằng tài khoản admin sẽ có quyền thao tác trên toàn bộ hệ thống cũng như thực hiện các tương tác với cơ sở dữ liệu, quản lý các khách hàng đã đăng ký trên website, quản lý các đơn hàng khách đã đặt cũng như là quản lý toàn bộ các sản phẩm đang được bán trên website

1.2 CÁC CHỨC NĂNG CỦA HỆ THỐNG

Hệ thống bao gồm các chức năng chính sau:

Quản lý khách hàng Vô hiệu hóa tài khoản nếu

phạm lỗi sai

Quản lý đơn hàng Xóa và cập nhật thông tin về các đơn hàng

➢ Quản trị viên có nhiều chức năng cần quản lý để hệ thống có thể hoạt

động ổn định và đúng chức năng Với các chức năng trên có thể thấy các chắc năng tổng quát của quản trị viên như: Quản lý sản phẩm, quản lý khách hàng, quản lý đơn hàng và thống kê số liệu …

Khách hàng

Đăng ký/ Đăng nhập

Khách hàng cần có tài khoản

để sử dụng các chức năng cao hơn và định danh người dùng khi vào hệ thống

Cập nhật thông tin cá

nhân

Cập nhật các thông tin: họ tên, số điện thoai, hình đại điện, hình ảnh,…

Cập nhật địa chỉ

Cập nhật các thông tin: địa chỉ, thêm tối đa 10 địa chỉ cho một khách hàng

Thêm sản phẩm vào giỏ hàng

Người dùng tiến hành chọn sản phẩm và click vào nút thêm sản phẩm

Thanh toán online và thanh toán thường

Sau khi khách hàng thêm sản phẩm vào giỏ hàng mà click vào nút thanh toán

Tìm kiếm sản phẩm Khách hàng cần nhập từ khóa tìm kiếm sản phẩm vào

thanh tìm kiếm

Người quản trị

Quản lý loại sản phẩm Thêm, sửa, xóa, cập nhật các

thông tin của các loại sản phẩm Quản lý nhân viên Thêm, sửa, xóa, cập nhật các

thông tin của nhân viên

Quản lý khuyến mãi Thêm, sửa, xóa, cập nhật các

thông tin của khuyến mãi Quản lý bình luận Xem, xóa các bình luận sản

phẩm từ khách hàng

Thống kê Thông kê website đã bán được bao nhiêu sản phẩm cũng như

các số liệu khác

Tìm kiếm bằng giọng nói

Thay về tìm kiếm sản phẩm theo cách bình thường, khách hàng có thể tìm kiếm thông qua giọng nói của mình

Bình luận và đánh giá sản

phẩm

Khách hàng sau khi đăng nhập sẽ có thể bình luận, đánh giá sản phẩm

Chat trực tiếp với trang web cửa hàng

Khách hàng có thể tương tác trực tiếp với website khi có nhu cầu tư vấn sản phẩm

➢ Khách hàng có thể xem thông tin sản phẩm Khi thêm sản phẩm vào giỏ hàng,

giỏ hàng sẽ cập nhật lại các sản phẩm vừa thêm từ khách hàng Khách hàng chưa có tài khoản có thể đăng ký bằng email của mình Khi đã có tài khoản khách hàng có thể

sử dụng các dịch vụ của hệ thống như cập nhật thông tin cá nhân, thay đổi mật khẩu, thêm sản phẩm vào giỏ và thanh toán hóa đơn

CHƯƠNG 2: THIẾT KẾ CÀI ĐẶT VÀ GIẢI PHÁP

2.1.1 Các công nghệ sử dụng khác

PHP (Hypertext Preprocessor): ngôn ngữ lập trình kịch bản mã nguồn mở,

chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ PHP rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới

CSS (Cascading Style Sheets): thường được sử dụng với HTML để tùy chỉnh

giao diện người dùng

HTML (Hyper Text Markup Language – Ngôn ngữ đánh dấu siêu văn bản): được coi là xương sống của một trang web, sử dụng để định dạng và hiển thị

văn bản trên trình duyệt Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và chủ tịch của World Wide Web Consortium (W3C - tổ chức thiết lập ra các chuẩn trên môi trường Internet)

JavaScript: ngôn ngữ lập trình kịch bản, giúp tạo ra tính tương tác giữa người

dùng và website

jQuery: bộ thư viện được viết dựa trên ngôn ngữ JavaScript, giúp đơn giản

hóa việc viết mã lệnh JavaScript Là thư viện mã nguồn mở được phát triển bởi John Resig và phiên bản đầu tiên được ra đời vào tháng 8 năm 2006

Bootstrap: là một CSS framework được Twitter phát triển, gồm tập hợp các

bộ chọn, thuộc tính và giá trị có sẵn, giúp nhà phát triển tiết kiệm thời gian xây dựng giao diện cho dự án

Ajax (Asynchronous JavaScript And XML): là phương thức trao đổi dữ liệu

với máy chủ để cập nhật một hay nhiều phần của trang web - mà không cần tải lại toàn bộ trang

Font Awesome: thư viện chứa các icon hay sử dụng trong website Được xây

dựng với nhiều định dạng file khác nhau như otf, eot, ttf, woff, svg, vì vậy rất

dễ đưa vào sử dụng để hầu hết các trình duyệt máy tính hiện nay đều chạy được

MySQL: hệ quản trị cơ sở dữ liệu mã nguồn mở được các nhà phát triển rất

ưa chuộng trong quá trình phát triển ứng dụng Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có nối kết cơ sở dữ liệu trên Internet

Navicat Premium: là một công cụ quản lý kết nối đa cơ sở dữ liệu Với các

kết nối thành lập cho các loại hình cơ sở dữ liệu khác nhau, hỗ trợ truyền dữ liệu

giữa MySQL, SQLite, Oracle… Hỗ trợ đắc lực trong việc thiết kế các mô hình

quan hệ: CDM (Conceptual Data Model - Mô hình dữ liệu mức quan niệm), LDM (Logical Data Model - Mô hình dữ liệu mức luận lý), PDM (Physical Data Model -

Mô hình dữ liệu mức vật lý)

Diagrams.net: phần mềm online hỗ trợ vẽ các loại sơ đồ phổ biến như: sơ

đồ trường hợp sử dụng (usecase), sơ đồ thực thể - quan hệ (entity - relationship) …

2.2.1 Quản trị viên (Admin)

Hình 1: Sơ đồ usecase Quản trị viên [11]

Quản trị viên (Admin) - người có mọi quyền hạn thao tác trên toàn bộ hệ website, thực hiện các tương tác trực tiếp với cơ sở dữ liệu, chức năng cụ thể là: đăng nhập, quản lý khách hàng, các sản phẩm, các đơn hàng và thống kê số lượng

2.2.2 Khách (Guest)

Hình 2: Sơ đồ usecase Khách

Khách - người có thể tương tác vào website để sử dụng các chức năng mà không cần đăng nhập vào website như tìm kiếm các sản phẩm, xem và bình luận về các sản phẩn à mình thích trong website Để có thể sử dụng thêm nhiều tính năng như mua sắp, thanh toán đơn hàng… Khách cần đăng ký tài khoản để trải nghiệm thêm nhiều tính năng khác của website

2.2.3 Người dùng (User)

Hình 3: Sơ đồ usecase Người dùng

Người dùng – là người có tài khoản đăng nhập vào website, người dùng sẽ thực hiện được các chức năng của người dùng “Khách” và các chức năng nâng cao bao gồm: bình luận bài viết, thêm sản phẩm vào giỏ hàng và đặt đặt hàng

2.3 THIẾT KẾ CƠ SỞ DỮ LIỆU

2.3.1 CDM - Mô hình dữ liệu mức quan niệm

Mô hình dữ liệu được thiết kế gồm 11 thực thể

Hình 4 : Mô hình CDM

2.3.2 Xây dựng trigger kiểm tra số lượng tồn kho

2.4 CHỨC NĂNG CỦA TỪNG PHẦN TRONG HỆ THỐNG

2.4.1 Chức năng đăng nhập

Hình 5:Lưu đồ giải thuật chức năng đăng nhập

Thành viên hay người quản trị muốn truy cập vào hệ thống cũng sẽ cần đăng nhập bằng tài khoản đã được cấp trước đó, nếu nhập sai tên đăng nhập hay mật khẩu người dùng sẽ phải nhập lại Đăng nhập thành công sẽ vào được trang chủ của website hoặc trang của quản trị viên

2.4.2 Chức năng thêm sản phẩm vào giỏ

Hình 6: Lưu đồ giải thuật chức năng thêm sản phẩm vào giỏ hàng

Để thêm được sản phẩm vào trong giỏ hàng khách hàng cần phải đăng nhặp vào website để thực hiện chức năng thêm sản phẩm, nếu chưa đăng nhập phải đăng nhập trước Khi chọn được sản phẩm muốn mua, khách hàng nhấn vào nút thêm vào giỏ, sản phẩm sẽ được lưu vào giỏ ngay lập tức, nếu có lỗi khách hàng hãy nhấn thêm lại sản phẩm

2.4.3 Chức năng cập nhật trang cá nhân

Sau khi đăng nhập các khách hàng đều có thể chỉnh sửa lại thông tin cá nhân của mình, từ hình ảnh, tên đăng nhập hay địa chỉ nhận hàng nếu muốn Để có thể cập nhật lại thông tin, các khách hàng cần phải đăng nhập vào website và chọn mục thông tin cá nhân, ở trang này khách hàng có thể chỉnh sửa lại thông cho phù hợp khi nhận hàng

Hình 7: Lưu đồ chức nắng cập nhật thông tin cá nhân

2.4.4 Các giao diện minh họa

Minh họa giao diện trang chủ khi người dùng vừa truy cập vào website, thanh menu hiển thị: tên website, trang chủ, shop cho chó, mèo, tìm kiếm, giỏ hàng và nút đăng nhập

Hình 8: Giao diện trang chủ