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 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 chi tiết của món
TỔNG QUAN VỀ ĐỀ TÀI
Giới thiệu chung về đề tài
Lý do chọn đề tài
Trong thời đại công nghệ thông tin bùng nổ, việc truyền tải thông tin qua công nghệ số trở nên nhanh chóng và phổ biến, ảnh hưởng sâu rộng đến đời sống chính trị, kinh tế và xã hội Công nghệ thông tin không chỉ phục vụ cho lĩnh vực khoa học kỹ thuật mà còn mang lại nhiều lợi ích cho con người, đặc biệt trong quản lý và quảng cáo sản phẩm Để tồn tại và phát triển trong nền kinh tế thị trường cạnh tranh, các công ty, doanh nghiệp cần xây dựng website để quảng bá và bán hàng, nhằm tiếp cận khách hàng một cách hiệu quả.
Việc xây dựng website bán hàng trực tuyến có thể thực hiện dễ dàng thông qua các mã nguồn đã được phát triển sẵn, mang lại nhiều lợi ích cho doanh nghiệp trong việc đưa sản phẩm ra thị trường internet Do đó, tôi đã chọn đề tài “xây dựng website Newfashion bán hàng thời trang bằng WordPress” để khám phá và áp dụng.
Mặc dù đã nỗ lực hết sức để hoàn thành báo cáo trong khả năng của mình, nhưng không thể tránh khỏi những thiếu sót Em rất mong nhận được sự thông cảm và góp ý từ quý thầy cô để bài báo cáo này được hoàn thiện hơn.
Giới thiệu về cách một website hoạt động
Mỗi ngày, hàng triệu website mới ra đời trên Internet, tạo ra không gian kỹ thuật số cho việc chia sẻ và kết nối Tuy nhiên, để có những trang web đầy màu sắc và nội dung phong phú, cần một cơ sở hạ tầng kỹ thuật mạnh mẽ Trong đó, mã nguồn, tên miền và hosting là ba thành phần quan trọng nhất quyết định sự thành công của một trang web.
Mỗi website có một tên miền (URL) và một địa chỉ IP, thường là dạng ipv4 với 4 nhóm số cách nhau bằng dấu chấm Khi người dùng nhập tên website vào trình duyệt, quá trình "dịch" tên miền thành địa chỉ IP diễn ra nhờ vào DNS server, giúp truy cập website mà không cần nhớ địa chỉ IP khó nhớ Các DNS hỗ trợ lẫn nhau trong việc chuyển đổi giữa địa chỉ IP và tên miền, giúp người sử dụng chỉ cần ghi nhớ tên mà không phải lo lắng về các con số phức tạp.
Một số đuôi tên miền phổ biến bao gồm ".com" (viết tắt của "commercial" - thương mại), ".net" (mạng lưới), và ".org" (tổ chức) Ngoài ra, còn có các đuôi tên miền như biz, info, gov, edu, cùng với những tên miền quốc gia như com.vn, thường được người dùng trong nước tin tưởng hơn so với các tên miền quốc tế như com, net, và org.
Web hosting là dịch vụ cho phép trang web của bạn hoạt động trực tuyến trên internet Nhà cung cấp dịch vụ web hosting sẽ cho bạn thuê máy chủ để lưu trữ các tệp của trang web Để đưa trang web của bạn vào hoạt động, bạn cần chọn một gói hosting phù hợp.
Hai khái niệm cần quan tâm về web hosting:
Dung lượng web hosting là không gian lưu trữ dữ liệu trên ổ cứng của máy chủ, cho phép bạn lưu trữ nhiều tệp tin hơn khi có dung lượng lớn hơn.
Băng thông là lượng dữ liệu được trao đổi giữa website và người dùng trong một khoảng thời gian nhất định, đồng thời cũng phản ánh tốc độ truyền dẫn dữ liệu Khi băng thông lớn, người dùng sẽ truy cập website nhanh hơn.
Ngôn ngữ lập trình và công cụ
WordPress là phần mềm mã nguồn mở được phát triển bằng ngôn ngữ lập trình PHP và sử dụng hệ quản trị cơ sở dữ liệu MySQL, tạo thành bộ đôi ngôn ngữ lập trình web phổ biến nhất hiện nay.
HTML (ngôn ngữ đánh dấu siêu văn bản) là ngôn ngữ chính được sử dụng để xây dựng các trang web, trong đó mỗi trang được xem như một tài liệu HTML (tập tin HTML).
CSS (Cascading Style Sheets) là ngôn ngữ dùng để tìm kiếm và định dạng các phần tử được tạo ra bởi các ngôn ngữ đánh dấu như HTML.
HTML định dạng các phần tử trên website như đoạn văn, tiêu đề và bảng, trong khi CSS thêm phong cách cho các phần tử HTML, bao gồm thay đổi màu sắc trang, màu chữ và cấu trúc.
PHP (Hypertext Preprocessor) là một ngôn ngữ lập trình kịch bản mã nguồn mở, chủ yếu dùng để phát triển ứng dụng cho máy chủ Với khả năng nhúng dễ dàng vào trang HTML, PHP tối ưu hóa cho các ứng dụng web, mang lại tốc độ nhanh và cú pháp gần gũi với C và Java Đặc biệt, PHP dễ học và giúp rút ngắn thời gian xây dựng sản phẩm, do đó, nó đã trở thành ngôn ngữ lập trình web phổ biến nhất trên toàn cầu.
MySQL là một hệ thống quản lý cơ sở dữ liệu quan hệ mạnh mẽ, cho phép lưu trữ, tìm kiếm, sắp xếp và truy vấn dữ liệu một cách nhanh chóng Nó hỗ trợ truy cập dữ liệu đa người dùng đồng thời, đảm bảo khả năng truy cập nhanh và cấp quyền truy cập cho người sử dụng một cách hiệu quả.
MySQL là hệ quản trị cơ sở dữ liệu đa người dùng và đa luồng, sử dụng ngôn ngữ truy vấn SQL, một chuẩn phổ biến cho truy vấn cơ sở dữ liệu trên web Hệ thống này có cơ chế phân quyền người sử dụng, cho phép quản lý nhiều cơ sở dữ liệu khác nhau cho từng người dùng Mỗi người dùng cần có tên truy cập và mật khẩu để truy xuất vào cơ sở dữ liệu.
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Khảo sát về trang web
Trang web này nhằm mục đích bán các sản phẩm thời trang, cung cấp đa dạng loại hàng hóa để phục vụ nhu cầu của khách hàng Các sản phẩm phổ biến bao gồm quần áo, giày dép, phụ kiện và đồ trang sức, tạo nên một bộ sưu tập phong phú cho người tiêu dùng.
Quần áo là mặt hàng đa dạng, bao gồm áo sơ mi, áo thun, quần jeans, váy, áo khoác, quần áo trẻ em, đồ thể thao, đồ lót, bikini và nhiều loại trang phục khác, phục vụ nhu cầu thời trang phong phú của người tiêu dùng.
+ Giày dép: có thể bán các loại giày thể thao, giày cao gót, dép lê, dép xăng đan, giày boot và các loại giày dép khác
Phụ kiện thời trang là yếu tố quan trọng để hoàn thiện bộ trang phục, vì vậy cần xem xét tổng thể để lựa chọn những món phụ kiện phù hợp với phong cách và màu sắc Những phụ kiện như mũ, kính râm, túi xách, trang sức, khăn choàng, dây lưng và găng tay không chỉ giúp tôn lên vẻ đẹp của trang phục mà còn thể hiện cá tính của người mặc.
Thị trường hàng may mặc đang có tiềm năng phát triển mạnh mẽ, bởi đây là một nhu cầu thiết yếu trong cuộc sống hàng ngày Sự thay đổi liên tục của các xu hướng thời trang cũng góp phần làm tăng cơ hội cho các shop thời trang phát triển và mở rộng.
Các cửa hàng cần chủ động tiếp cận khách hàng, đặc biệt là giới trẻ, để nắm bắt xu hướng chuyển đổi số Điều này trở thành một chiến lược quan trọng trong kế hoạch kinh doanh của họ.
- Cửa hàng phải bán hàng đa kênh , đa nền tảng đảm bảo tiếp cận nhóm khách hàng mua sắm trực tuyến trên trang web
Vấn đề đặt ra là cần phải xậy dựng một website bán hàng thời trang online để đáp ứng được các yêu cầu cơ bản sau:
- Có thể thống kê được từng loại hàng, mặt hàng hoặc lượng hàng dự trữ trong kho một cách nhanh chống và chính xác
- Tự động in hóa đơn, phiếu xuất cho khách hàng
- Lập báo cáo định kì, đột xuất nhanh chóng và chính xác
- Có chức năng quản lý
- Giảm khối lượng ghi chép, đảm bảo truy vấn nhanh, lưu trữ và cập nhật kịp thời, thuận tiện
- Khách hàng có thể đặt hàng ở bất kỳ đâu có một thiết bị thông minh (máy tính, smartphone, ipad…) có kết nối internet
- Khách hàng có thể nhắn tin online 24/7
2.1.4 Các yêu cầu đối với website
Yêu cầu chức năng là những tiêu chí cụ thể về tính năng và hành vi mà hệ thống hoặc ứng dụng cần thực hiện để đáp ứng nhu cầu của người dùng.
Bảng 2.1 Các yêu cầu chức năng
STT Yêu cầu chức năng Ghi chú
Người quản lý có thể nâng cấp tài khoản lên nhân viên
1.2: Người quản lý có quyền xem thông tin khách hàng
1.3: Người quản lý có thể sử dụng đầy đủ các chức năng như nhân viên
Người quản lý cũng có thể là nhân viêc và ngược lại
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 danh mục 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
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 chi tiết của món hàng
2.5: Nhân viên có thể quản lý đơn hàng Xem, thay đổi trạng thái đơn hàng 2.6: Nhân viên có thể ẩn/hiện các comment
2.7: Nhân viên có thể xem được danh sách những sản phẩm đang bán
3.1: Khách hàng có thể đăng nhập vào hệ thống Đăng nhập để thanh toán lưu thông tin và nhận email
3.2: Khách hàng có thể tìm kiếm,xem sp
3.3: Khách hàng có thể thêm sp quản lý sp trong giỏ hàng của mình
3.4: Khách hàng có thể tiến hành thanh toán và chọn hình thức thanh toán
3.5: Khách hàng có thể bình luận, phản hồi về sp
4.1: Khách vãng lai có thể tìm kiếm , xem sp 4.2 Khách vãng lai có thể đăng ký để trở thành khách hàng
Yêu cầu khác đối với website này như sau :
- Yêu cầu thời gian phản hồi của hệ thống: nhanh, thời gian phản hồi của các chức năng cơ bản của hệ thống không quá 10 giây
- Yêu cầu về số lượng lưu trữ thông tin: lưu trữ đơn hàng khách hàng đang đặt hàng mà chưa được bàn giao thành công
Giao diện website cần phải thân thiện và dễ sử dụng, giúp người dùng nhanh chóng nắm bắt nội dung Điều hướng trực quan cho phép người dùng di chuyển dễ dàng giữa các trang, với header hiển thị tên website và các thanh điều hướng rõ ràng Phần left-content bao gồm các thể loại, nội dung nổi bật, tìm kiếm và từ khóa, trong khi right-content giới thiệu sản phẩm nổi bật, đang giảm giá và bán chạy Cuối cùng, footer cần cung cấp thông tin liên hệ, thời gian hoạt động và bản quyền.
- Yêu cầu sản phẩm: đáp ứng được nhu cầu khách hàng
- Yêu cầu về thanh toán: nhanh, an toàn, bảo mật, sử dụng các phương thức thanh toán trực tuyến nhanh
- Yêu cầu về giao hàng: lựa chọn freeship với đơn từ 150 nghìn trở nên
- Yêu cầu về số lượng người đăng nhập vào website cùng 1 thời điểm: tối đa 50 khách hàng
Giao diện của trang web được thiết kế để hoạt động hiệu quả trên cả máy tính, điện thoại và máy tính bảng Để đảm bảo trang web vận hành bình thường, cần tuân thủ một số giả định nhất định.
- Khả năng có thể hiểu được: các yêu cầu được biểu diễn dưới ngôn ngữ của lĩnh vực ứng dụng
- Đội phát triển hệ thống phải chuyên nghiệp, thực hiện kịp tiến độ và đảm bảo thiết kế đúng với yêu cầu chức năng của hệ thống
2.2 Giải thích về use case
Mô hình use case đóng vai trò quan trọng trong phân tích và thiết kế hệ thống phần mềm, mô tả các chức năng hệ thống từ góc độ người dùng, hay còn gọi là "actor" Mỗi use case thể hiện một tình huống mà hệ thống có thể gặp khi tương tác với một actor cụ thể, thường mô tả kịch bản sử dụng hệ thống nhằm đạt được một mục tiêu nhất định.
Mô hình use case bao gồm các thành phần chính sau:
Actor là bất kỳ thực thể hoặc hệ thống nào tương tác với hệ thống mô tả Các actor có thể là người dùng, hệ thống khác hoặc bất kỳ thực thể nào có khả năng tương tác với hệ thống chính Trong mô hình use case, mỗi actor sẽ liên kết với một số use case mà họ tham gia, bao gồm người quản lý, nhân viên (người bán hàng) và khách hàng.
Use case là mô tả các tác vụ hoặc chức năng cụ thể mà hệ thống thực hiện, bao gồm chuỗi các bước cần thiết để đạt được kết quả mong muốn Mỗi use case cung cấp cái nhìn tổng quan về quy trình và mục tiêu, giúp người dùng hiểu rõ cách thức hoạt động của hệ thống.
Mô hình use case không chỉ mô tả các tình huống sử dụng mà còn thể hiện các mối quan hệ giữa các actor và use case Những mối quan hệ này bao gồm "include", nghĩa là một kịch bản sẽ bao gồm một số bước của kịch bản khác, và "extend", cho phép một kịch bản mở rộng hoặc bổ sung cho kịch bản khác.
"generalization" (một use case kế thừa từ một use case khác)
Mô hình use case giúp hiểu rõ nhu cầu người dùng, thiết kế hệ thống và kiểm tra tính xác định của hệ thống Nó cung cấp cách mô tả cụ thể các yêu cầu người dùng và phản ứng của hệ thống với những yêu cầu đó Bên cạnh đó, mô hình use case còn giúp xác định phạm vi dự án cùng các ràng buộc và yêu cầu cụ thể của hệ thống.
2.3 Mô tả các use case
Xác định use case của các tác nhân
Bảng 2.2 Xác định use case của các tác nhân
1.1: Quản lý tài khoản 1.1.1: Xem danh sách tài khoản 1.1.1: Nâng quyền cho tài khoản
1.1.2: Xem thông tin khách hàng 1.1.3: Khóa tài khoản khách hàng 1.2: Admin có thể sử dụng đầy đủ các chức năng như nhân viên
2.1: Quản lý sản phẩm 2.1.1: Hiển thị danh sách sản phẩm đã có trong kho 2.1.2: Thêm sản phẩm mới
2.1.3: Sửa thông tin sản phẩm 2.1.4: Xóa sản phẩm
2.1.5: Tìm kiếm sản phẩm trong quản trị 2.1.6: Hiển thi danh sách loại sp đã có 2.1.7: Thêm loại sản phẩm mới
2.1.8: Sửa loại sản phẩm 2.1.9: Xóa loại sản phẩm 2.2: Quản lý đơn hàng 2.2.1: Hiển thị danh sách đơn hàng 2.2.2: Xem chi tiết đơn hàng 2.2.3: Thay đổi trạng thái giao hàng 2.2.4: Hủy đơn hàng
2.2.5: In đơn hàng 2.3: Quản lý khuyến mại 2.3.1: Xem danh sách đợt khuyến mại
2.3.3: Thêm đợt khuyến mại mới 2.3.3: Xóa đợt khuyến mại 2.4: Báo cáo thống kê 2.4.1: Xem được lượt người truy cập vào website 2.4.2: Xem danh sách những sản phẩm bán chạy nhất
3.1: Đăng nhập, quản lý tài khoản cá nhân 3.1.1: Đăng nhập
3.1.2: Thay đổi thông tin cá nhân 3.1.3: Lấy lại mật khẩu
Mô hình Use case tổng quát
Biểu đồ use case tổng quát mô tả các actor và use case chính của hệ thống, tập trung vào việc phác họa cách người dùng tương tác với hệ thống thông qua các chức năng cụ thể.
Hình 2.1 Mô hình Usecase tổng quát.
Mô hình use case phân rã
Phân rã use case quản lý thông tin cá nhân
Hình 2.2 Usecase quản lý thông tin cá nhân
Phân rã use case quản lý danh sách tài khoản
Hình 2.3 Usecase quản lý danh sách tài khoản
Phân rã use case quản lý đơn hàng
Hình 2.4 Usecase quản lý đơn hàng
Phân rã use case quản lý danh mục sản phẩm
Hình 2.5 Usecase quản lý danh mục sản phẩm
Phân rã use case quản lý sản phẩm, chi tiết sản phẩm
Hình 2.6 Usecsae quản lý sản phẩm
Phân rã use case quản lý giỏ hàng
Hình 2.7 Usecase quản lý giỏ hàng.
Kịch bản use case
Bảng 2.3 Kịch bản usecase đăng ký thành viên
Các actor liên quan Khách hàng, nhân viên Điều kiện tiên quyết Không có
1 Usecase bắt đầu khi người dùng chọn đăng ký
2 Người dùng điền thông tin cá nhân vào form đăng ký
Luồng sự kiện phụ Ở bước 2, nếu các thông tin không hợp lệ hoặc tên người dùng đã tồn tại hệ thống sẽ không cho đăng ký
Hệ thống yêu cầu người dùng nhập lại thông tin hoặc hủy bỏ việc đăng ký
Trạng thái của hệ thống sau khi use case kết thúc
Một tài khoản mới được tạo
Bảng 2.4 Kịch bản usecase đăng nhập
Use case cho phép người dùng đăng nhập vào tài khoản đã đăng ký trên hệ thống Các actor liên quan bao gồm khách hàng, admin và nhân viên Điều kiện tiên quyết là tài khoản đã được đăng ký.
Luồng chính 1 Use case bắt đầu khi người dùng chọn đăng nhập đăng nhập Nhấn nút đăng nhập
Trường hợp ngoại lệ Ở bước 2, hệ thống sẽ không cho đăng nhập nếu các thông tin không hợp lệ hoặc tài khoản không tồn tại, hoặc sai mật khẩu
Hệ thống yêu cầu người dùng nhập lại tài khoản, mật khẩu hoặc hủy bỏ đăng nhập
Trạng thái của hệ thống sau khi use case kết thúc
Người dùng đăng nhập thành công và sử dụng các chức năng tương ứng với quyền hạn của tài khoản
Bảng 2.5 Kịch bản usecase đăng xuất
Mô tả chung Use case cho phép người dùng đăng xuất tài khoản Các actor liên quan Khách hàng, admin, nhân viên Điều kiện tiên quyết Đã đăng nhập
Luồng chính Use case bắt đầu khi khách hàng nhấn nút “đăng xuất”
Nhấn nút “xác nhận đăng xuất”, hoặc “hủy” nếu muốn dừng việc đăng xuất
Trạng thái của hệ thống sau khi use case kết thúc
Người dùng đăng xuất thành công
Bảng 2.6 Kịch bản use case xem thông tin cá nhân
Use case Xem thông tin cá nhân
Use case cho phép người dùng xem thông tin tài khoản của mình, liên quan đến các actor như khách hàng và nhân viên Điều kiện tiên quyết để thực hiện thao tác này là người dùng đã đăng nhập vào hệ thống.
Luồng chính Chọn mục “thông tin cá nhân”
Trường hợp ngoại lệ Không có
Trạng thái của hệ thống sau khi usecase kết thúc
Màn hình hiển thị chi tiết thông tin cá nhân
Bảng 2.7 Kịch bản use case sửa thông tin cá nhân
Use case Sửa thông tin cá nhân
Use case này cho phép người dùng chỉnh sửa thông tin cá nhân của mình Các đối tượng liên quan bao gồm khách hàng, nhân viên và admin Điều kiện tiên quyết để thực hiện chức năng này là người dùng phải đã đăng nhập.
Chọn mục “thông tin cá nhân”
Nhập thông tin muốn sửa Nhấn nút lưu lại
Trường hợp ngoại lệ Ở bước 2, hệ thống không cho sửa thông tin cá nhân với
Use case Sửa thông tin cá nhân thông tin điền không hợp lệ, hệ thống yêu cầu nhập lại thông tin
Trạng thái của hệ thống sau khi use case kết thúc
Hệ thống báo sửa thông tin cá nhân thành công
Bảng 2.8 Kịch bản use case đổi mật khẩu
Use case Đổi mật khẩu
Người dùng có thể đổi mật khẩu khi biết mật khẩu cũ, với các đối tượng liên quan bao gồm khách hàng, admin và nhân viên Điều kiện tiên quyết để thực hiện thao tác này là người dùng phải đã đăng nhập.
Luồng chính Use case bắt đầu khi người dùng chọn mục thông tin cá nhân -> đổi mật khẩu
User điền mật khẩu cũ, mật khẩu mới, xác nhận mật khẩu mới
Nhấn nút đổi mật khẩu
Trong trường hợp ngoại lệ ở bước 2, hệ thống sẽ không cho phép đổi mật khẩu nếu mật khẩu cũ không chính xác, mật khẩu mới không hợp lệ, hoặc xác nhận mật khẩu không khớp Người dùng sẽ phải thực hiện lại các bước 2 và 3 để hoàn tất quá trình đổi mật khẩu.
Trạng thái của hệ thống sau khi use case kết thúc
Người dùng đổi mật khẩu thành công
Bảng 2.9 Kịch bản use case lấy lại mật khẩu
Use case Lấy lại mật khẩu
Mô tả chung Use case cho phép người dùng thay đổi
Mật khẩu khi biết tài khoản đăng ký và xác thực bằng email đã đăng ký kèm với tài khoản
Các actor liên quan Khách hàng, admin, nhân viên Điều kiện tiên quyết User phải có tài khoản đã đăng ký thông tin email khôi phục mật khẩu
Luồng chính Use case bắt đầu khi người dùng chọn “quên mật khẩu”
Người dùng điền tên tài khoản, tài khoản email Nhấn nút lấy lại mật khẩu
Người dùng copy đoạn mã gửi qua email, ấn button
Nhập mật khẩu mới Nhấn button “xác nhận mật khẩu”
Trong trường hợp người dùng nhập sai email đăng ký ở bước 2, hệ thống sẽ yêu cầu nhập lại email Tương tự, nếu người dùng nhập sai đoạn mã khôi phục mật khẩu ở bước 4, hệ thống sẽ yêu cầu thực hiện lại bước này Cuối cùng, nếu mật khẩu không hợp lệ được nhập ở bước 5, hệ thống cũng sẽ yêu cầu người dùng nhập lại mật khẩu.
Trạng thái của hệ thống sau khi use case kết thúc
Người dùng đổi mật khẩu thành công
Bảng 2.10 Kịch bản use case đăng nhập
Người dùng có thể bình luận về sản phẩm thông qua các tài khoản đã đăng ký trên hệ thống, bao gồm khách hàng, admin và nhân viên Để thực hiện điều này, người dùng cần phải đăng nhập vào tài khoản của mình hoặc sử dụng tài khoản mạng xã hội.
Luồng chính Người dùng nhập nội dung bình luận và nhấn nút “bình luận”
Trường hợp ngoại lệ Không có
Trạng thái của hệ thống sau khi use case kết thúc
Website hiển thị nội dung bình luẩn của người dùng
Bảng 2.11 Kịch bản use case quản lý khuyến mại
Use case Quản lý khuyến mại
Use case cho phép admin quản lý danh sách khách hàng được khuyến mại, với điều kiện tiên quyết là người dùng đã đăng nhập Các actor liên quan trong quy trình này là admin, người có quyền thực hiện các thao tác cần thiết để cập nhật và theo dõi danh sách khách hàng.
Luồng chính Use case bắt đầu khi người dùng chọn một trong 2 chức năng:
Use case Quản lý khuyến mại
Nhấn nút “danh sách khuyến mại” trong giao diện quản lý hệ thống Sửa
Nhấn nút “sửa” và nhập tỉ lệ khuyến mãi đối với khách hàng được chọn sửa
Trường hợp ngoại lệ Không có
Trạng thái của hệ thống sau khi use case kết thúc
Hiển thị lại danh sách khách hàng được khuyến mãi sau khi đã được sửa
Bảng 2.12 Kịch bản usecase xem chi tiết sản phẩm
Use case Xem chi tiết sản phẩm
Use case cho phép người dùng xem chi tiết sản phẩm, bao gồm các đối tượng liên quan như khách hàng, khách, admin và nhân viên Điều kiện tiên quyết cho chức năng này là không có.
Luồng chính Use case bắt đầu khi người dùng bấm vào một sản phẩm Trường hợp ngoại lệ Không có
Trạng thái của hệ thống sau khi use case kết thúc
Người dùng xem được chi tiết sản phẩm
Bảng 2.13 Kịch bản use case tìm kiếm theo tên
Use case Tìm kiếm theo tên
Mô tả chung Use case cho người dùng tìm kiếm sản
Phẩm theo tên sản phẩm Các actor liên quan Khách hàng, khách, admin, nhân viên Điều kiện tiên quyết Không có
Luồng chính Use case bắt đầu sau khi người dùng
Nhập thông tin vào ô tìm kiếm và nhấn button “tìm kiếm”
Trường hợp ngoại lệ Không tìm được sản phẩm có tên sản phẩm chứa nội dung khách hàng đã nhập
Trạng thái của hệ thống sau khi use case kết thúc
Hệ thống hiển thị những sản phẩm có tên chứa nội dung người dùng đã nhập
Bảng 2.14 Kịch bản use case quản lý giỏ hàng
Use case Quản lý giỏ hàng
Mô tả chung Use case cho phép quản lý giỏ hàng
Các actor liên quan Khách hàng, khách Điều kiện tiên quyết Người dùng đã đăng nhập
Luồng chính Use case bắt đầu khi người dùng chọn một trong 4 chức năng:
Thêm sản phẩm vào giỏ
Nhấn nút “thêm vào giỏ”
Xem Nhấn nút “xem giỏ”
Xóa sp trong giỏ Chọn xem giỏ hàng Nhấn nút “xóa”
Chỉ cần điền số lượng sản phẩm vào textbox để số lượng sản phẩm trong giỏ được cập nhật
Khi cập nhật số lượng sản phẩm lớn hơn số lượng có sẵn trong kho tại bước 4, hệ thống sẽ thông báo số lượng còn lại của mặt hàng và yêu cầu người dùng nhập lại số lượng.
Trạng thái của hệ thống sau khi use case kết thúc
Giỏ hàng được thêm mới sản phẩm, hoặc số lượng sản phẩm trong giỏ hàng được cập nhật, hoặc xóa được sản phẩm trong giỏ hàng
Bảng 2.15 Kịch bản use case xác nhận mua hàng
Use case Xác nhận mua hàng
Mô tả chung Use case cho người dùng mua các sản
Phẩm đã chọn trong giỏ hàng Các actor liên quan Khách hàng, khách Điều kiện tiên quyết Đã đăng nhập, giỏ hàng có sản phẩm
Use case Xác nhận mua hàng
Use case bắt đầu sau khi người dùng tiến hành lần lượt 2 chức năng:
1) xác nhận thông tin khách hàng: nhấn nút “thanh toán” trong giỏ hàng, hệ thống sẽ hiển thị ra form “nhập thông tin khách hàng”, sau đó người dùng nhập thông tin nhận hàng
2) chọn hình thức thanh toán: người dùng chọn 1 trong 2 hình thức “chuyển khoản” hoặc “thanh toán khi nhận hàng”
Người dùng nhập thiếu thông tin hoặc chưa chọn hình thức thanh toán, hệ thống yêu cầu người dùng thực hiện đầy đủ các bước
Trạng thái của hệ thống sau khi use case kết thúc
Hệ thống hiển thị thông tin chi tiết của đơn hàng vừa được đặt
Bảng 2.16 Kịch bản use case xem lịch sử mua hàng
Use case Xem lịch sử mua hàng
Mô tả chung Use case cho phép người dùng xem danh sách các đơn hàng đã đặt Các actor liên quan Khách hàng Điều kiện tiên quyết Không có
Luồng chính Use case bắt đầu khi người dùng ấn vào link “lịch sử mua hàng”
Trường hợp ngoại lệ Không có
Trạng thái của hệ thống sau khi use case kết thúc
Người dùng xem được danh sách các đơn hàng đã đặt
Bảng 2.17 Kịch bản use case quản lý sản phẩm
Use case Quản lý sản phẩm
Mô tả chung Use case cho phép quản lý sản phẩm
Các actor liên quan Admin, nhân viên Điều kiện tiên quyết Đã đăng nhập tài khoản admin, nhân viên
Luồng chính Chọn quản lý sản phẩm, hệ thống sẽ đưa ra danh sách sản phẩm
Use case bắt đầu khi admin chọn một trong 2 chức năng:
1 Thêm Nhấn link “thêm” Điền thông tin sản phẩm mới Nhấn nút “tạo mới”
Hiện ra màn hình xóa Nhấn nút “xóa”
Trường hợp ngoại lệ Thêm sản phẩm không hợp lệ, hệ thống yêu cầu nhập lại thông tin sản phẩm
Trạng thái của hệ thống sau khi use case kết thúc
Sản phẩm mới được tạo hoặc xóa được sản phẩm
Bảng 2.18 Kịch bản use case quản lý chi tiết sản phẩm
Use case Quản lý chi tiết sản phẩm
Mô tả chung Use case cho phép quản lý chi tiết sản phẩm
Các actor liên quan Admin, nhân viên Điều kiện tiên quyết Đã đăng nhập tài khoản admin, nhân viên
Luồng chính Chọn quản lý sản phẩm, hệ thống sẽ đưa ra danh sách sản phẩm Use case bắt đầu khi admin chọn một trong 2 chức năng:
1 Xem chi tiết sản phẩm Nhấn button “xem”
Màn hình hiển thị chi tiết “chi tiết sản phẩm”
2 Sửa chi tiết sản phẩm Nhấn link “sửa”
Hiện ra màn hình sửa Nhập thông tin muốn sửa Nhấn nút “lưu”
Trường hợp ngoại lệ (chức năng 2) sửa chi tiết sản phẩm không hợp lệ, hệ thống báo lỗi, yêu cầu nhập lại thông tin hợp lệ
Trạng thái của hệ thống sau khi use case kết thúc
Chi tiết sản phẩm được sửa hoặc được giữ nguyên
Bảng 2.19 Kịch bản use case quản lý danh mục sản phẩm
Use case Quản lý danh mục sản phẩm
Mô tả chung Use case cho phép quản lý danh mục sản phẩm
Các actor liên quan Admin, nhân viên Điều kiện tiên quyết Đã đăng nhập tài khoản admin, nhân viên
Chọn quản lý danh mục sản phẩm hệ thống sẽ đưa ra danh sách danh mục sản phẩm
Use case bắt đầu khi admin chọn một trong 4 chức năng:
1 Xem chi tiết danh mục sản phẩm Nhấn link “xem”
Màn hình hiển thị chi tiết loại sản phẩm
2 Thêm Nhấn link “thêm” Điền thông tin loại sản phẩm mới Nhấn nút “tạo mới”
Hiện ra màn hình xóa Nhấn nút “xác nhận xóa”
Use case Quản lý danh mục sản phẩm
Hiện ra màn hình sửa.Nhập thông tin muốn sửa Nhấn nút “lưu”
(chức năng 1 và 4) thêm hoặc sửa danh mục sản phẩm không hợp lệ, hệ thống báo lỗi yêu cầu nhập lại thông tin hợp lệ
Trạng thái của hệ thống sau khi use case kết thúc
Danh mục sản phẩm mới được tạo, hoặc loại sản phẩm được sửa, hoặc xóa được loại sản phẩm
Bảng 2.20 Kịch bản use case danh sách đơn hàng
Use case Quản lý danh sách đơn hàng
Mô tả chung Use case cho phép quản lý đơn hàng
Các actor liên quan Admin, nhân viên Điều kiện tiên quyết Đã đăng nhập tài khoản có quyền admin, nhân viên
Luồng chính Chọn quản lý đặt hàng, hệ thống sẽ hiển thị ra danh sách đơn đặt hàng Use case bắt đầu khi admin chọn chức năng:
Xem chi tiết đơn hàng
Nhấn button “xem” đặt bên cạnh đơn hàng trong danh sách đơn hàng được hiển thị
Màn hình hiển thị chi tiết đơn hàng Phân loại đơn hàng
Nhấn button “phân loại theo”
Use case Quản lý danh sách đơn hàng
Màn hình hiển thị danh mục hình thức phân loại, user chọn 1 trong 3 cách phân loại theo ngày hoặc theo hình thức thanh toán, trạng thái thanh toán
Trường hợp ngoại lệ Admin muốn in đơn hàng:
Nhấn button “in đơn hàng”
Màn hình hiển thị chức năng in Nhấn button “xác nhận in”
Trạng thái của hệ thống sau khi use case kết thúc
Hiển thị danh sách đơn hàng, phân loại đơn hàng theo hình thức thanh toán, theo ngày hoặc theo trạng thái thanh toán; in được đơn hàng
Bảng 2.21 Kịch bản use case thống kê
Mô tả chung Use case cho phép xem thống kê của website
Các actor liên quan Admin, nhân viên Điều kiện tiên quyết Đã đăng nhập tài khoản admin, nhân viên
Luồng chính Use case bắt đầu khi nhấn vào button “thống kê”
Màn hình sẽ hiển thị ra thống kê của website Trường hợp ngoại lệ Không có
Trạng thái của hệ thống sau khi use case kết thúc
Admin, nhân viên xem được thống kê của website
Bảng 2.22 Kịch bản use case quản lý tài khoản
Use case Quản lý tài khoản
Mô tả chung Use case cho phép admin quản lý quyền hạn của các tài khoản, xóa tài khoản, thêm mới tài khoản, kích hoạt hoặc khóa tài khoản
Các actor liên quan Admin Điều kiện tiên quyết Đã đăng nhập tài khoản admin
Luồng chính Chọn quản lý tài khoản
Admin có thể thực hiện các chức năng:
1 Thêm Nhấn button “tạo mới” Điền thông tin tài khoản Nhấn nút “tạo mới”
3 Thay đổi quyền hạn Nhấn button “sửa”
Chọn quyền hạn phù hợp hoặc nhấn button “kích hoạt”,
Use case Quản lý tài khoản hoặc “khóa”
4 Kích hoạt/khóa tài khoản Nhấn button “kích hoạt”, hoặc “khóa”
Trường hợp ngoại lệ Thêm hoặc sửa thông tin không hợp lệ, hệ thống báo lỗi, yêu cầu điền lại thông tin hợp lệ
Trạng thái của hệ thống sau khi use case kết thúc
Tài khoản mới được tạo, hoặc quyền hạn được sửa, hoặc xóa được tài khoản, kích hoạt hoặc khóa tài khoản
Biểu đồ tuần tự
Biểu đồ tuần tự chức năng đăng nhập
Hình 2.8 Biểu đồ tuần tự chức năng đăng nhập
Biểu đồ tuần tự chức năng đăng kí
Hình 2.9 Biểu đồ tuần tự chức năng đăng kí
Biểu đồ tuần tự chức năng thanh toán
Hình 2.10 Biểu đồ tuần tự chức năng thanh toán
Biểu đồ tuần tự chức năng thêm danh mục
Hình 2.11 Biểu đồ tuần tự chức năng thêm danh mục
Biểu đồ hoạt động chức năng cập nhật danh mục
Biểu đồ tuần tự chức năng xóa danh mục
Hình 2.13 Biểu đồ tuần tự chức năng xóa danh mục
Biểu đồ tuần tự chức năng thêm sản phẩm
Hình 2.14 Biểu đồ tuần tự chức năng thêm sản phẩm
Biểu đồ tuần tự chức năng cập nhật sản phẩm
Hình 2.15 Biểu đồ tuần tự chức năng cập nhật sản phẩm
Biểu đồ tuần tự xóa thông tin sản phẩm
Hình 2.16 Biểu đồ tuần tự xóa thông tin sản phẩm
Biểu đồ tuần tự chức năng chi tiết đơn hàng
Hình 2.17 Biểu đồ tuần tự chức năng chi tiết đơn hàng.
Biểu đồ hoạt động
Biểu đồ hoạt động cho chức năng tìm kiếm sản phẩm
Hình 2.18 Biểu đồ hoạt động cho chức năng tìm kiếm sản phẩm
Hình 2.19 Biểu đồ hoạt động cho chức năng thêm sản phẩm.
Biểu đồ lớp
Biểu đồ lớp là một công cụ quan trọng trong kỹ thuật phần mềm, dùng để mô tả cấu trúc các lớp trong hệ thống và mối quan hệ giữa chúng Thường được áp dụng trong quá trình thiết kế hệ thống, biểu đồ lớp cung cấp thông tin chi tiết giúp các nhà phát triển hiểu rõ cách thức các lớp tương tác và cấu trúc tổng thể của hệ thống.
Cơ sở dữ liệu cho web bán hàng
Một cơ sở dữ liệu cho web bán hàng sẽ bao gồm 1 số bảng chính sau :
- Bảng sản phẩm: chứa thông tin về các sản phẩm bao gồm tên, mô tả, giá, ảnh, số lượng hàng tồn kho và các thuộc tính khác
Hình 2.22 CSDL bảng sản phẩm
- Bảng danh mục sản phẩm:chứa thông tin về các danh mục sản phẩm, giúp phân loại và tổ chức sản phẩm trong cửa hàng,
Hình 2.23 CSDL bảng danh mục sản phẩm
Bảng khách hàng là công cụ quan trọng để lưu trữ thông tin cá nhân của khách hàng, bao gồm tên, địa chỉ, số điện thoại, địa chỉ email, lịch sử mua hàng và các thông tin liên quan khác Việc quản lý hiệu quả bảng khách hàng giúp doanh nghiệp nắm bắt thông tin cần thiết để phục vụ khách hàng tốt hơn.
Hình 2.24 CSDL bảng khách hàng
Bảng đơn hàng lưu trữ thông tin chi tiết về các đơn hàng, bao gồm sản phẩm đã đặt, số lượng, giá cả, phương thức thanh toán, địa chỉ giao hàng và trạng thái hiện tại của đơn hàng.
Hình 2.25 CSDL bảng đơn hàng
Bảng thanh toán là nơi lưu trữ thông tin về các phương thức thanh toán, bao gồm chi tiết thẻ tín dụng, thông tin tài khoản ngân hàng và các dữ liệu liên quan khác.
Hình 2.26 CSDL bảng thanh toán
Cơ sở dữ liệu có thể bao gồm nhiều bảng khác nhau, như bảng vận chuyển với thông tin về dịch vụ và chi phí vận chuyển, bảng giảm giá chứa các chương trình khuyến mãi, và bảng lịch sử giao dịch ghi nhận các thông tin liên quan đến đặt hàng và thanh toán.
Cấu trúc cơ sở dữ liệu bao gồm các khóa chính và mối quan hệ giữa các bảng, nhằm đảm bảo tính toàn vẹn dữ liệu và quản lý hiệu quả các quan hệ giữa các thực thể.
Tạo cơ sở dữ liệu là bước quan trọng trong việc xây dựng trang web bán hàng, giúp đảm bảo sự đồng bộ và thống nhất khi sử dụng bộ theme và plugin Việc này không chỉ nâng cao hiệu quả quản lý dữ liệu mà còn cải thiện trải nghiệm người dùng trên trang web.
THIẾT KẾ WEBSITE
Thiết kế giao diện
- Chọn “cài đặt” để cài đặt giao diện mới sau đó “kích hoạt” để kích hoạt giao diện
Hình 3.1 Cài đặt theme cho website
Hình 3.2 Tạo menu cho trang web
Chọn “thêm media” để chọn ảnh đại diện cho bài viết, nhấn “đăng bài viết” để thêm bài viết
3.1.5 Thiết lập các phương thức thanh toán
Hình 3.5 Thiết lập thanh toán
- Khi khách hàng thanh toán sẽ hiển thị QR để quét
3.1.6 Địa chỉ cửa hàng và thông tin giao hàng
Sử dụng địa chỉ giao hàng Việt Nam và nhiều thông tin liên quan khác để quá trình giao hàng có thể diễn ra thuận lợi
Hình 3.6 Thiết lập thông tin cửa hàng
Thay đổi tiền tệ sang VND cùng hiển thị số tiền như vd 10000 Đ hiển thị là 10.000 Đ để khách hàng dễ dàng nhận biết
Hình 3.7 Thiết lập loại tiền tệ
- Sử dụng một plugin có tên :Nextend Social Login and Register Cài và kích hoạt
Hình 3.8 Cho phép đăng nhập bằng Social Account
Cụ thể là thêm nút Zalo nổi trên web ,các bước thực hiện như sau sử dụng plugin : Button Contact VR
Hình 3.9 Nút chat hiển thị trên màn hình
- Sau khi lưu và hoàn tất , nút Zalo có hiệu ứng động và ghim ở góc trái dưới màn hình.
Demo website NewfashionHP
Hình 3.10 Giao diện trang chủ
Hình 3.11 Giao diện trang cửa hàng
Hình 3.12 Giao diện sản phẩm
Hình 3.13 Giao diện trang giỏ hàng
Hình 3.14 Giao diện thanh toán trực tuyến.