đồ án 2 xây dựng website quản lý cửa hàng nước hoa

TÓM TẮT ĐỒ ÁNĐặt vấn đề:Hiện nay, hầu hết tại các cửa hàng nước hoa đã sử dụng rộng rãi ứng dụngcông nghệ thông tin, giúp người dùng dễ dàng mua hàng, dễ dàng quản lý thông tincá nhân,…

GIỚI THIỆU ĐỀ TÀI

Lý do chọn đề tài

Nước hoa là một sản phẩm chăm sóc cá nhân phổ biến và được sử dụng rộng rãi trên toàn thế giới Ngày nay, nước hoa không chỉ là một phụ kiện thời trang, mà còn là biểu tượng cá nhân, thể hiện cá tính và phong cách của mỗi người Nhưng việc chọn cho mình lọ nước hoa ưng ý cả về bề ngoài cũng như chất lượng thường tốn rất nhiều thời gian khi phải đến trực tiếp các cửa hàng mỹ phẩm truyền thống. Trong khi đó cuộc sống chúng ta ngày càng trở nên bận rộn và hình thức mua hàng online đang dần trở thành xu hướng và đang dần thay thế kiểu mua hàng trực tiếp. Đây chính là cơ hội để đưa công nghệ thông tin vào lĩnh vực kinh doanh nói chung và bán nước hoa nói riêng.

Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng để truyền tải, trao đổi thông tin trên toàn cầu Bằng Internet, chúng ta đã thực hiện được những công việc với tốc độ nhanh hơn, chi phí thấp hơn so với cách thức truyền thống Trong hoạt động sản xuất, kinh doanh, thương mại điện tử đã được khẳng định được xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một cửa hàng, việc quảng bá và giới thiệu sản phẩm đến khách hàng đáp ứng nhu cầu mua sắm ngày càng cao của khách hàng là rất cần thiết.

Chính vì những ưu điểm trên của Internet là tốc độ, chi phí thấp kết hợp với nhu cầu mua hàng online của thị trường, em quyết định chọn thực hiện đề tài Xây dựng website quản lý cửa hàng nước hoa Cửa hàng có thể đưa các sản phẩm lên website của mình và quản lý website đó, khách hàng có thể thỏa thích chọn lựa mẫu mã, đặt mua hàng mà không cần đến cửa hàng, cửa hàng sẽ gửi sản phẩm đến tận tay khách hàng, đồng thời website là nơi giúp cửa hàng quảng bá tốt nhất các sản phẩm mà mình bán ra.

Mục đích

 Xây dựng một website hỗ trợ mua bán nước hoa với nội dung phong phú, giao diện trực quan, thân thiện, màu sắc hài hòa, đáp ứng các chức năng cần thiết của một website bán hàng trực tuyến.

 Xây dựng một website dành cho quản trị viên với các chức năng quản lý thông tin đa dạng, tiện dụng.

 Xây dựng báo cáo kinh doanh thông minh với bố cục rõ ràng, thông tin cụ thể cho chủ cửa hàng.

Đối tượng

 Người dùng có tài khoản.

Phạm vi nghiên cứu

Triển khai sản phẩm đề tài trên môi trường web.

 Các chức năng liên quan đến tài khoản: đăng nhập, đăng xuất, quên mật khẩu, thay đổi thông tin tài khoản,…

 Các chức năng liên quan đến sản phẩm: tìm kiếm, sắp xếp, lọc, thống kê, đánh giá và bình luận…

 Chức năng giỏ hàng, mua hàng, đơn hàng.

 Chức năng đăng sản phẩm, xem đánh giá, cập nhật giao diện cửa hàng cho người bán hàng…

 Chức năng quản lý đơn hàng: đơn hàng tại quầy, đơn hàng trực tuyến, lịch sử thanh toán,…

 Chức năng quản lý sản phẩm: danh sách sản phẩm, danh mục sản phẩm,danh sách thương hiệu, hàng tồn kho, thẻ quà tặng,…

 Chức năng quản lý tài khoản: quản trị viên, nhân viên, khách hàng.

 Chức năng quản lý bài viết.

 Chức năng quản lý phiếu nhập kho.

 Chức năng thông kê doanh thu: theo tuần, theo tháng, theo năm.

 Tìm kiếm sản phẩm hỗ trợ nhập liệu bằng giọng nói

 Đặt hàng tích hợp các cổng thanh toán MoMo và Vnpay.

 Hỗ trợ chatbox tư vấn

 Gợi ý mua hàng bằng kỹ thuật lọc cộng tác (Collaborative Filtering).

NGHIÊN CỨU LÝ THUYẾT

Cơ sở lý thuyết

2.1.1 Kiến thức nền tảng Để thiết kế và hoàn thiện sản phẩm đúng với yêu cầu người dùng, em đã vận dụng các kiến thức có liên quan, cụ thể:

 Công cụ thiết kế diagram: Draw.io.

 Ngôn ngữ sử dụng: JavaScript, PHP.

 Hệ quản trị cơ sở dữ liệu: MySQL.

HTML là từ viết tắt của Hypertext Markup Language (ngôn ngữ đánh dấu siêu văn bản) là đoạn code được dùng để tạo nên cấu trúc và nội dung của trang web.

HTML là cốt lõi của mọi trang web Mỗi trang web được tạo thành từ một loạt các thẻ HTML mà chúng biểu thị từng loại nội dung trên trang Mỗi loại nội dung trên trang được “bọc”, tức là được bao quanh bởi các thẻ HTML HTML bao gồm một loạt các thẻ (elements) bọc nhau hoặc không để nhằm mục đích xây dựng kết cấu trang web [1]. Ưu điểm:

 Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn.

 Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay.

 Học HTML khá đơn giản.

 Sử dụng mã nguồn mở, hoàn toàn miễn phí.

 HTML là chuẩn web được vận hành bởi W3C.

 Dễ dàng để tích hợp với các loại ngôn ngữ backend (ví dụ như: PHP, Node.js, …).

 Chỉ được áp dụng chủ yếu cho web tĩnh Nếu muốn tạo các tính năng động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3 (ví dụ như: PHP).

 Mỗi trang HTML cần được tạo riêng biệt, ngay có khi có nhiều yếu tố trùng lặp như header, footer.

 Khó để kiểm soát cách đọc và hiển thị file HTML của trình duyệt (ví dụ, một số trình duyệt cũ không render được tag mới Do đó, dù trong HTML document có sử dụng các tag này thì trình duyệt cũng không đọc được).

 Một vài trình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML.

Cũng giống như HTML, CSS không phải là một ngôn ngữ lập trình. CSS (viết tắt của Cascading Style Sheets) là một ngôn ngữ định dạng được sử dụng để mô tả trình bày các trang Web, bao gồm màu sắc, cách bố trí và phông chữ Nó cho phép hiển thị nội dung tương thích trên các loại thiết bị có kích thước màn hình khác nhau, chẳng hạn như màn hình lớn hoặc màn hình nhỏ Trong khi HTML là cấu trúc cơ bản của trang web CSS mang lại cho trang web của bạn phong cách mà bạn muốn CSS gần như tạo nên bộ mặt của một website[1].

Javascript là một nền tảng (cross-platform), ngôn ngữ kịch bản hướng đối tượng (object-oriented) Nó là một ngôn ngữ nhỏ và nhẹ Chạy trong môi trường máy chủ lưu trữ (ví dụ: Trình duyệt web), JavaScript có thể được kết nối với các đối tượng của môi trường để cung cấp kiểm soát chương trình đối với chúng.

JavaScript là ngôn ngữ lập trình dựa trên logic Nó có thể được sử dụng để sửa đổi nội dung trang web Và khiến nó hoạt động theo nhiều cách khác nhau để đáp ứng với hành động của người dùng Các cách sử dụng phổ biến cho JavaScript bao gồm các hộp xác nhận, kêu gọi hành động và thêm các danh tính mới vào thông tin hiện có [5].

Jquery Là thư viện mã nguồn mở viết bằng ngôn ngữ javascript, giúp đơn giản cách viết javascript và tăng tốc độ xử lý các sự kiện trên trang web. Ưu điểm

 Dễ sử dụng: Đây là lợi thế chính khi sử dụng jquery, nó dễ dàng hơn so với nhiều thư viện javascript chuẩn khác bởi cú pháp đơn giản và bạn chỉ phải viết ít dòng lệnh để tạo ra các chức năng tương tự Chỉ với 10 dòng lệnh JQuery bạn có thể thay thế cả 20 chục dòng lệnh DOM javaScript, tiết kiệm thời gian của người lập trình.

 Là một thư viện lớn của javascript: Thực thi được nhiều chức năng hơn so với các thư viện javascript khác.

 Cộng đồng mã nguồn mở mạnh mẽ (một số plugin jquery có sẵn): JQuery đang còn tương đối mới, có một cộng đồng dành thời gian của họ để phát triển các plugin của JQuery Như vậy có hàng trăm plugin được viết trước đó có sẵn để tải về ngay lập tức để đẩy nhanh quá trình viết code của bạn. Một lợi thế khác đằng sau này là hiệu quả và an toàn của các script.

 Có nhiều tài liệu và hướng dẫn chi tiết: Các trang web JQuery có một toàn bộ tài liệu và hướng dẫn để ngay cả một người mới bắt đầu lập trình cũng có thể làm được quả bóng lăn với thư viện jquery này.

 Hỗ trợ ajax: JQuery cho phép bạn phát triển các template Ajax một cách dễ dàng Ajax cho phép một giao diện kiểu dáng đẹp trên website, các chức năng có thể được thực hiện trên các trang mà không đòi hỏi toàn bộ trang được reload lại.

 Làm client trở nên chậm chạp: Client không những phải chỉ mình hiển thị nữa mà còn phải xử lý nhiều chức năng được tạo thành từ jquery Nếu lạm dụng quá nhiều jquery sẽ làm cho client trở nên chậm chạp, đặc biệt những client yếu Chính vì vậy mà lập trình viên phải dùng thêm cache.

 Chức năng có thể không có: JQuery đã có rất nhiều chức năng, tùy thuộc vào yêu cầu trên trang web của bạn Nhưng nhiều chức năng vẫn chưa được phát triển, do đó bạn vẫn phải sử dụng javascript thuần để xây dựng chức năng này.

Phương pháp nghiên cứu

 Xây dựng một website bán hàng trực tuyến cho phép doanh nghiệp đăng bài bán các sản phẩm nước hoa của mình thông qua website

 Khách hàng có thể mua trực tuyến thông qua internet mà không cần đến cửa hàng Giúp chủ cửa hàng tiết kiệm chi phí kho bãi, mặt bằng, nhân viên bán hàng

 Người dùng không cần phải đi ra ngoài mua, thuận tiện, tiết kiệm thời gian, chi phí.

 Phân tích nhu cầu sử dụng của đối tượng người dùng.

 Tiến hành nghiên cứu thiết kế giao diện cho ứng dụng trên 2 nền tảng là web và mobile

 Tiến hành triển khai và kiểm thử ứng dụng

Nghiên cứu các tài liệu liên quan đến các nội dung nghiên cứu: Tài liệu về các ngôn ngôn ngữ lập trình, hệ quản trị cơ sở dữ liệu, các nhu cầu của người dùng, tài liệu về thông tin các nước hoa.

 Tiến hành xây dựng ứng dụng trên Web.

 Quản lý source code thông qua Github.

Nghiên cứu, xây dựng các phương pháp đặt hàng và quản lý nước hoa hiệu quả cho cửa hàng Phát triển phần mềm quản lý bán nước hoa cho cửa hàng và đánh giá kết quả.

PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Phân tích nghiệp vụ

Website được xây dựng với mục tiêu là nơi trưng bày, giới thiệu sản phẩm và các dịch vụ hỗ trợ khách hàng như: liên hệ, tư vấn, tìm kiếm…

Khách hàng bắt đầu duyệt những sản phẩm trên website, các sản phẩm được bố trí theo từng loại đa dạng như sản phẩm mới, sản phẩm bán chạy, các nhóm sản phẩm theo danh mục, thương hiệu… Khi đã ưng ý một sản phẩm khách hàng có thể kích vào hình sản phẩm hoặc tên để xem thông tin chi tiết về sản phẩm Sau đó khách hàng có thể chọn nút “ Thêm vào giỏ hàng ” để đưa sản phẩm vào giỏ hàng của mình hoặc khách hàng có thể chọn nút “ Mua ngay ” để tới luôn trang giỏ hàng, giỏ hàng chỉ đơn giản là danh sách các sản phẩm bao gồm những thông tin như mã sản phẩm, tên sản phẩm, đơn giá, số lượng, thành tiền.

Các giỏ hàng thường cung cấp các tùy chọn số lượng sản phẩm hoặc xóa một sản phẩm khỏi giỏ hàng.

Ngay sau khi khách hàng có tất cả các sản phẩm cần mua, khách hàng có thể chọn nút “ Đặt Hàng ” Ở đây để mua hàng khách hàng buộc phải đăng nhập. Trang đơn hàng này gồm có thông tin về khách hàng (họ tên, email, số điện thoại, địa chỉ giao hàng…), phương thức thanh toán (chuyển khoản, thanh toán tiền trực tuyến) hoặc thanh toán khi giao hàng, sau cùng là thông tin về giỏ hàng (tên sản phẩm, hình ảnh, đơn giá, số lượng, thành tiền).

Sau khi khách hàng đã điền đầy đủ thông tin thì chọn nút “ Tiến hành đặt hàng ” để hoàn tất quá trình mua hàng.

3.1.2 Dành cho quản trị viên

Website cung cấp cho nhân viên hệ thống giao diện dùng để quản trị các thông tin như sản phẩm, đơn hàng, khách hàng, thương hiệu, tài khoản, tin tức, góp ý, thống kê…

Tùy vào quyền hạn của mỗi nhân viên mà chức năng của mỗi người khác nhau Chỉ có thể cập nhật (phân quyền) được các tài khoản khi tài khoản ở mức quyền cao nhất.

Phân tích yêu cầu hệ thống

Bảng 3.1 Danh sách các Actor

Là những người truy cập vào website mà chưa có tài khoản.

2 Khách hàng Là những người truy cập vào website mà đã có tài khoản, có thể đặt mua sản phẩm.

3 Nhân viên Là những nhân viên quản lý của cửa hàng.

4 Quản trị viên Chủ cửa hàng, quản lý toàn bộ hệ thống website.

Danh sách các Use-case

Bảng 3.2 Danh sách các Use-case

Tên Use - Case Ghi chú

1 Use – Case tổng quát Tổng quát hóa toàn bộ quá trình của hệ thống.

2 Use – Case đăng nhập, đăng ký

Mô tả quá trình đăng nhập và đăng ký.

3 Use – Case mua sản phẩm

Mô tả quá trình mua sản phẩm của khách hàng.

4 Use – Case quản lý sản phẩm

Quản lý thông tin sản phẩm của cửa hàng.

5 Use – Case quản lý hóa đơn bán

Quản lý hóa đơn bán ra các sản phẩm cho khách hàng.

Hình 3.1 Use-case Tổng quát

Use-case Đăng nhập, đăng ký

Hình 3.2 Use-case Đăng nhập, đăng ký

Use-case Mua sản phẩm

Hình 3.3 Use-case Mua sản phẩm

Use-case Quản lý sản phẩm

Hình 3.4 Use-case Quản lý sản phẩm

Use-case Quản lý đơn hàng

Hình 3.5 Use-case Quản lý đơn hàng

Bảng 3.3 Mô tả use case

ID Usecase Tên Usecase Mô tả/Ghi chú

1 UC1 Xem sản phẩm Cho phép khách hàng, khách hàng thành viên và quản trị viên đều được phép xem thông tin sản phẩm.

2 UC2 Xem trang chủ Cho phép khách hàng, khách hàng thành viên và quản trị viên đều được phép xem giao diện của trang chủ.

3 UC3 Tìm sản phẩm theo danh mục

Người dùng có thể xem danh sách sản phẩm theo danh mục họ muốn.

4 UC4 Đăng ký khách hàng

Người dùng đăng ký làm khách hàng thành viên để có thể thực hiện mua hàng.

5 UC5 Đăng nhập Để khách hàng, quản trị viên có thể đăng nhập vào trang quản trị riêng của mình (mỗi actor sẽ có 1 giao diện quản trị riêng và quyền hạn khác nhau).

6 UC6 Thêm và xem giỏ hàng

Người dùng có thể thêm vào giỏ hàng và xem được giỏ hàng mình đã chọn mua được những gì trước khi tiến hành thanh toán.

7 UC7 Thanh toán Người dùng sau khi nhập thông tin thanh toán, thì có thể lựa chọn được hình thức thanh toán mỗi đơn hàng thanh toán.

8 UC8 Đánh giá sản phẩm

Người dùng có thể đánh giá sản phẩm

9 UC9 Xóa thành viên Quản trị viên có thể xóa những thành viên thuộc hệ thống của mình.

10 UC10 Xem sản phẩm Quản trị viên có thể xem được tất cả các sản phẩm của cửa hàng của họ.

11 UC11 Xem đơn hàng Quản trị viên có thể xem được thông tin tất cả các đơn hàng thuộc hệ thống của họ.

12 UC12 Xem báo cáo Quản trị viên có thể xem báo cáo doanh thu theo khoảng thời gian nhất định.

13 UC13 Tạo vận đơn Với mỗi đơn hàng trên hệ thống, quản trị viên có thể tạo liên kết với 1 kênh vận chuyển và tạo đơn hàng.

14 UC14 Thay đổi trạng thái đơn hàng

Quản trị viên có thể cập nhật trang thái của đơn hàng (đã xử lý, đang xử lý, chờ vận chuyển,…) với mỗi đơn hàng thuộc hệ thống của họ.

15 UC15 Tạo sản phẩm Quản trị viên có thể thêm sản phẩm trên gian hàng của mình.

16 UC16 Sửa sản phẩm Quản trị viên có thể sửa sản phẩm trên gian hàng của mình.

17 UC17 Xóa sản phẩm Quản trị viên có thể xóa sản phẩm trên gian hàng của mình.

18 UC18 Lọc đơn hàng Merchant có thể lọc các đơn hàng theo ngày, theo tuần,… trên gian hàng của mình.

19 UC19 Xem đánh giá Merchant có thể xem các đánh giá của khách hàng về các sản phẩm trên trang quản trị của họ. Đặc tả Use-case

Bảng 3.4 Use-case Xem sản phẩm

Actor Khách hàng, khách hàng thành viên, quản trị viên.

Cho phép khách hàng, khách hàng thành viên, quản trị viên xem thông tin về sản phẩm có trong website.

1 Khách hàng, khách hàng thành viên, quản trị viên chọn sản phẩm cần xem.

2 Form xem thông tin sản phẩm xuất hiện , hệ thống hiển thị thông tin về sản phẩm đã chọn.

3 Người quản lý, khách hàng, người bán xem thông tin chi tiết về sản phẩm được hiển thị.

Pre-Condition Người dùng không cần đăng nhập vào website.

Thực hiện thành công người dùng sẽ xem được sản phẩm.

Bảng 3.5 Use-case Xem trang chủ

Cho phép khách hàng, khách hàng thành viên, quản trị viên xem trang chủ website.

1 Khách hàng nhập tên miền.

2 Lấy dữ liệu trang chủ.

3 Truyền vào dữ liệu trang chủ cần lấy.

4 Hệ thống trả về giao diện trang chủ.

Post-Condition Thực hiện thành công người dùng sẽ vào được trang chủ của website.

Bảng 3.6 Use-case Tìm sản phẩm theo danh mục

Name Tìm sản phẩm theo danh mục.

Cho phép khách hàng, khách hàng thành viên, quản trị viên tìm kiếm sản phẩm.

1 Khách hàng, khách hàng thành viên, quản trị viên chọn danh mục sản phẩm.

2 Hệ thống hiển thị danh mục sản phẩm.

3 Người dùng chọn danh mục sản phẩm cần tìm kiếm.

5 Hệ thống báo kết quả tìm kiếm.

Post-Condition Thực hiện thành công người dùng sẽ tìm được sản phẩm.

Bảng 3.7 Use-case Đăng ký khách hàng thành viên

Name Đăng ký khách hàng.

Short Description Cho phép khách hàng đăng ký tài khoản thành viên.

1 Khách hàng chọn mục tài khoản.

2 Form đăng ký thành viên hiển thị.

3 Khách hàng nhập thông tin vào form đăng ký.

5 Hệ thống báo kết quả quá trình nhập thông tin cá nhân. Nếu thông tin đăng nhập không chính xác thì thực hiện luồng rẽ nhánh A1 Nếu nhập chính xác thì tiếp tục.

6 Hệ thống cập nhật thông tin cá nhân khách hàng vào danh sách thành viên.

Pre-Condition Khách hàng không cần đăng nhập vào website.

Post-Condition Thực hiện thành công khách hàng sẽ trở thành viên của hệ thống.

Bảng 3.8 Use-case Đăng nhập

Cho phép khách hàng, khách hàng thành viên, quản trị viên đăng nhập vào hệ thống.

1 Khách hàng, khách hàng thành viên, quản trị viên chọn mục tài khoản.

2 Form đăng nhập hiển thị.

3 Khách hàng nhập thông tin vào form đăng nhập.

5 Hệ thống báo kết quả quá trình nhập thông tin cá nhân. Nếu thông tin đăng nhập không chính xác thì thực hiện luồng rẽ nhánh A1 Nếu nhập chính xác thì tiếp tục.

6 Hệ thống cập nhật thông tin cá nhân khách hàng vào danh sách thành viên.

Post-Condition Thực hiện thành công người dùng đăng nhập thành công vào hệ thống.

Bảng 3.9 Use-case Thêm và xem giỏ hàng

Name Thêm và xem giỏ hàng.

Cho phép khách hàng, khách hàng thành viên, quản trị viên đưa sản phẩm đã chọn vào giỏ hàng.

1 Khách hàng chọn nút thêm vào giỏ để đưa sản phẩm vào giỏ hàng.

2 Hệ thống đưa sản phẩm vào giỏ hàng Hệ thống trả về nút xem giỏ hàng.

3 Khách hàng chọn nút xem giỏ hàng.

4 Hệ thống hiển thị giỏ hàng.

Pre-Condition Người dùng không cần đăng nhập vào website

Post-Condition Thực hiện thành công người dùng đã thêm sản phẩm vào giỏ và xem giỏ hàng.

Bảng 3.10 Use-case Thanh toán

Actor Khách hàng thành viên.

Cho phép khách hàng thành viên tạo đơn hàng để tiến hàng thanh toán giỏ hàng sản phẩm.

1 Khách hàng thành viên chọn nút thanh toán để tạo đơn hàng.

2 Hệ thống hiển thị form thanh toán và một số thông tin mặc định của cửa hàng.

3 Khách hàng nhập một số thông cần thiết để thanh toán: họ tên, địa chỉ giao hàng, phương thức thanh toán,… Nếu đơn hàng thực hiện đúng thì tiếp tục, nếu sai thực hiện luồng rẽ nhánh A1.

4 Hệ thống kiểm tra số tài khoản của khách hàng và phương thức thanh toán, nếu hợp lệ thì chuyển sang bước tiếp theo, nếu sai thực hiện luồng rẽ nhánh A2.

5 Hệ thống báo giao dịch thành công.

Alternative Flow Luồng rẽ nhánh A1: đơn hàng nhập sai.

 Hệ thống thông báo việc tạo đơn hàng không thành công.

 Hệ thống hiển thị lại form nhập thông tin và các trường hợp nhập sai.

 Khách hàng nhập lại thông tin, nếu muốn ngừng giao dịch thực hiện luồng rẽ nhánh A3.

 Quay lại bước 4 của dòng sự kiện chính.

Luồng rẽ nhánh A2: tài khoản không hợp lệ.

 Hệ thống thông báo phương thức thanh toán và tài khoản không hợp lệ.

 Khách hàng nhập lại thông tin nếu muốn tiếp tục giao dịch, nếu muốn dừng lại thực hiện luồng rẽ nhánh A3.

 Quay lại bước 4 của dòng sự kiện chính.

Luồng rẽ nhánh A3: khách hàng hủy đơn hàng.

 Khách hàng nhấn nút hủy bỏ đơn hàng.

 Hệ thống tiếp tục hiện sản phẩm để khách hàng thực hiện giao dịch mới.

Khách hàng thành viên đã chọn sản phẩm vào giỏ hàng.

Pre-Condition Khách hàng thành viên cần phải đăng nhập vào website.

Post-Condition Thực hiện thành công khách hàng thành viên đã giao dịch thành công.

Bảng 3.11 Use case Đánh giá sản phẩm

Name Đánh giá sản phẩm.

Cho phép khách hàng, khách hàng thành viên, quản trị viên đánh giá sản phẩm của người bán hàng.

1 Khách hàng chọn tag đánh giá.

2 Hệ thống hiển thị form đánh giá và các đánh giá sẵn có.

3 Khách hàng nhập đánh giá và chọn sao Sao đó nhấn gửi.

4 Hệ thống trả về kết quả.

Khách hàng đã mua sản phẩm mà đã đăng nhập vào hệ thống mới có thể đánh giá sản phẩm.

Pre-Condition Khách hàng cần phải đăng nhập vào website.

Post-Condition Thực hiện thành công khách hàng đã đánh giá thành công.

Bảng 3.12 Use-case Xóa thành viên

Cho phép quản trị viên xóa thành viên.

1 Người quản lý chọn mục danh các thành viên.

2 Chọn thành viên cần xóa.

4 Hệ thống xóa thông tin cá nhân khách hàng.

Pre-Condition Người quản lý cần đăng nhập vào website.

Post-Condition Thực hiện thành công thì quản lý đã xóa thành công thành viên.

Bảng 3.13 Use-case Xem sản phẩm

Cho phép người quản lý xem sản phẩm của cửa hàng.

1 Người quản lý chọn mục admin.

2 Người quản lý nhấn vào products.

3 Form hiển thị danh sách sản phẩm.

4 Hệ thống trả về danh sách sản phẩm đã chọn.

Pre-Condition Quản trị viên cần đăng nhập vào website.

Post-Condition Thực hiện thành công thì quản trị viên xem thành công sản phẩm.

Bảng 3.14 Use case Xem đơn hàng

Cho phép người quản trị vi xem đơn hàng.

1 Người quản lý chọn danh sách đơn hàng.

2 Hệ thống trả về danh sách đơn hàng.

3 Người quản lý chọn đơn hàng.

4 Hệ thống thông tin đơn hàng.

Post-Condition Thực hiện thành công thì quản trị viên xem thành công đơn hàng.

Bảng 3.15 Use-case Xem báo cáo

Cho phép người quản trị viên xem báo cáo.

1 Người quản lý chọn mục báo cáo.

2 Hệ thống trả về thống kê báo cáo bán hàng.

3 Người quản lý chọn theo thời gian.

4 Hệ thống hiển thị thông tin quản lý bán hàng theo thời gian đã chọn.

Post-Condition Thực hiện thành công thì quản trị viên xem báo cáo thành công.

Bảng 3.16 Use-case Tạo vận đơn

Cho phép quản trị viên tạo vận đơn.

1 Người quản lý chọn danh sách đơn hàng.

2 Hệ thống trả về danh sách đơn hàng.

3 Nhấn nút xem chi tiết.

4 Hệ thống trả về form chi tiết đơn hàng.

5 Người dùng tạo vận đơn và chọn kho hàng.

6 Hệ thống thông báo kết quả.

Post-Condition Thực hiện thành công thì Quản trị viên đã vận đơn thành công.

Bảng 3.17 Use-case Thay đổi trạng thái đơn hàng

Name Thay đổi trạng thái đơn hàng.

Cho phép người quản trị viên thay đổi trạng thái đơn hàng.

1 Người quản lý chọn mục cập nhật trạng thái đơn hàng.

2 Hệ thống trả về các trạng thái đơn hàng.

3 Người quản lý chọn trạng thái.

5 Hệ thống trả về thông báo kết quả.

Post-Condition Thực hiện thành công thì quản lý đã thay đổi trạng thái thành công.

Bảng 3.18 Use-case Tạo sản phẩm

Cho phép quản trị viên tạo sản phẩm.

1 Người bán hàng chọn tạo sản phẩm.

2 Hệ thống trả về form sản phẩm.

3 Người bán hàng nhập thông tin sản phẩm.

Post-Condition Thực hiện thành công thì quản trị viên tạo thành công sản phẩm.

Bảng 3.19 Use-case Sửa sản phẩm

Cho phép quản trị viên sửa sản phẩm.

1 Người bán hàng chọn sửa sản phẩm.

2 Hệ thống trả về form sản phẩm.

3 Người bán hàng nhập thông tin sản phẩm.

Post-Condition Thực hiện thành công thì quản trị viên sửa thành công sản phẩm.

Bảng 3.20 Use-case Xóa sản phẩm

Cho phép quản trị viên xóa sản phẩm.

1 Người bán hàng chọn xóa sản phẩm.

Post-Condition Thực hiện thành công thì quản trị viên xóa thành công sản phẩm.

Bảng 3.21 Use-case Lọc đơn hàng

Cho phép lọc đơn hàng.

1 Người dùng chọn lọc đơn hàng.

2 Hệ thống trả về form lọc đơn hàng.

3 Người bán hàng chọn cần lọc.

4 Hệ thống trả về thông tin đơn hàng.

Post-Condition Thực hiện thành công thì người bán hàng lọc thành công đơn hàng.

3.2.2 Yêu cầu phi chức năng

 Giao diện phải đơn giản, đồng nhất màu sắc.

 Đa dạng các loại sản phẩm.

 Sử dụng đơn giản giúp người dùng khám phá được nhiều sản phẩm.

 Thao tác mua hàng đơn giản.

 Không hạn chế loại người dùng (không bắt buộc đăng nhập).

Yêu cầu tương thích Ứng dụng phải cho phép người dùng sử dụng các môi trường sau:

 Hệ điều hành: window 10 trở lên.

 Hạn chế độ trễ thời gian khi thao tác các chức năng.

 Hình ảnh sản phẩm có chất lượng cao.

Các thông tin của người dùng được bảo mật và bảo đảm chỉ có những người có quyền có thể truy cập vào các tài nguyên cụ thể.

Biểu đồ phân cấp chức năng

3.3.1 Các chức năng chính của website

 Quản lý người dùng : Hỗ trợ người quản trị, nhân viên, khách hàng đăng ký tài khoản và đăng nhập vào hệ thống Người quản trị (hoặc nhân viên) có thể cập nhật tài khoản hoặc các thông tin trong hệ thống như sản phẩm, danh mục, tin tức, hóa đơn nhập/ bán, khách hàng,

 Quản lý sản phẩm : cho biết website có những sản phẩm nào, giá cả, các dịch vụ; xử lý thông tin hàng hóa trong phiếu nhập, cập nhật thông tin chi tiết khi quản lý kho.

 Quản lý giao dịch khách hàng : Tra cứu thông tin cần thiết, tìm kiếm các sản phẩm và gửi yêu cầu đặt hàng, gửi thông tin cá nhân và các yêu cầu về dịch vụ, đăng nhập, đăng ký tài khoản.

 Quản lý kinh doanh : lập hóa đơn, thanh toán, cập nhật trạng thái đơn hàng và báo cáo thống kê.

3.3.2 Các chức năng cơ sở

 Đăng nhập : Người dùng (nhân viên, người quản trị, khách hàng) có thể đăng nhập vào hệ thống với các quyền sử dụng khác nhau.

 Đăng ký : Người dùng thực hiện điền thông tin theo yêu cầu trên giao diện đăng ký để hệ thống kiểm tra và lưu trữ thông tin.

 Cập nhật tài khoản : Cho phép quản trị viên sửa, xóa và phân quyền tài khoản.

 Cập nhật thương hiệu : Thêm, sửa, xóa thương hiệu

 Cập nhật loại sản phẩm : Thêm, sửa, xóa, phân loại sản phẩm.

 Cập nhật sản phẩm : Thêm, sửa, xóa sản phẩm và phân loại chúng.

 Cập nhật kho : Chức năng này nhằm giúp nhân viên kiểm soát được lượng hàng, nhân viên có thể nhập thêm vào số lượng các số lượng, giá cả

 Tìm kiếm sản phẩm : Hỗ trợ tìm kiếm sản phẩm theo thương hiệu, giá cả, kích thước, màu sắc, của sản phẩm.

 Chọn giỏ hàng : Giúp khách hàng thêm hoặc xóa sản phẩm trong giỏ hàng, cập nhật số lượng của mặt hàng và đặt mua những mặt hàng đó.

 Xử lý đơn đặt hàng : Xem xét tính hợp lệ của đơn hàng, mặt hàng, số lượng, địa điểm nhận để duyệt và lập hóa đơn bán.

 Lập hóa đơn : Lập hóa đơn cho một đơn hàng.

 Cập nhật chi tiết hóa đơn bán : Hóa đơn và sản phẩm bán sẽ liên kết thông qua chi tiết hóa đơn bán bao gồm một số thông tin như Mã hóa đơn, Mã sản phẩm, Đơn giá bán, Số lượng bán,

 Xuất hóa đơn : In hóa đơn cho một đơn hàng.

 Báo cáo thống kê : Đưa ra báo cáo doanh thu định kỳ.

 Cập nhật tin tức : Thêm, sửa, xóa tin tức.

3.3.3 Biểu đồ phân cấp chức năng

Hình 3.6 Biểu đồ phân cấp chức năng

Phân tích thiết kế hệ thống

Sơ đồ tuần tự Đăng nhập

Hình 3.7 Sơ đồ tuần tự Đăng nhập

Sơ đồ tuần tự Tìm kiếm sản phẩm

Hình 3.8 Sơ đồ tuần tự Tìm kiếm sản phẩm

Sơ đồ tuần tự Thêm sản phẩm

Hình 3.9 Sơ đồ tuần tự Thêm sản phẩm

Sơ đồ tuần tự Thống kê bán hàng

Hình 3.10 Sơ đồ tuần tự Thống kê bán hàng

Sơ đồ tuần tự Quản lý mua hàng

Hình 3.11 Sơ đồ tuần tự Quản lý mua hàng

3.4.2 Phân tích thiết kế CSDL

Sơ đồ lớp ở mức thiết kế

Hình 3.12 Sơ đồ lớp ở mức thiết kế

STT Tên thuộc tính Kiểu dữ liệu Giải thích Ghi chú

1 Brand_id Sequence Id thương hiệu Khóa chính

2 Brand_name Nvarchar(50) Tên thương hiệu

Bảng Category (Loại sản phẩm)

Tên thuộc tính Kiểu dữ liệu Giải thích Ghi chú

1 Category_ Id Sequence Id loại sản phẩm Khóa chính

2 Category_name Nvarchar(50) Tên loại sản phẩm

1 Account_Id Int Id tài khoản Khóa chính

3 Account_phone Nvarchar(50) Số điện thoại

4 Account_name Nvarchar(50) Tên tài khoản

6 Account_type Int Loại tài khoản

7 Account_status Int Tình trạng TK

1 Capacity_ Id Sequence Id size Khóa chính

2 Capacity_name Nvarchar(20) Dung tích

1 Product_ id Sequence Id sản phẩm Khóa chính

2 Product_name Nvarchar(50) Tên sản phẩm

3 Brand_id Int Id thương hiệu Khóa ngoại

4 Category_id Int Id loại sản phẩm Khóa ngoại

5 Capacity_id Nvarchar(50) Dung tích Khóa ngoại

8 Product_price Float Giá bán

9 Product_quantity Int Số lượng

11 Product_description Text Mô tả

12 Product_status Int Tình trạng

1 Customer_ i d Sequence Id khách hàng Khóa chính

2 Customer_name Nvarchar(50) Tên khách hàng

4 Customer_phone Nvarchar(20) Số điện thoại

6 Customer_gender Nvarchar(20) Giới tính

7 Account_id Int Id tài khoản Khóa ngoại

1 Article_id Sequence Id bài viết Khóa chính

4 Article_content Text Nội dung

5 Article_image Text Ảnh bài viết

6 Article_date Date Thời gian

7 Article_author Nvarchar(20) Tác giả

1 Order_ id Sequence Id đơn đặt Khóa chính

2 Order_code Int Mã đơn hàng

3 Account_id Int Id khách hàng Khóa ngoại

4 Order_date DateTime Thời gian

5 Delivery_id Int Id địa chỉ

6 Total_amount Float Tổng tiền

8 Order_status Int Tình trạng đơn hàng

Bảng Order_detail (Chi tiết đơn đặt)

1 Order_detail_id Sequence Id chi tiết đơn đặt Khóa chính

2 Order_code Int Mã đơn đặt Khóa ngoại

3 Product_id Int Mã sản phẩm Khóa ngoại

5 Product_price Float Giá bán

6 Product_sale Int Giảm giá (%)

Bảng Inventory (Phiếu nhập kho)

1 Inventory_id Sequence Id phiếu NK Khóa chính

2 Inventory_date Date Thời gian

3 Account_id Int Id nhân viên Khóa ngoại

4 Staf_name Nvarchar(50) Tên người nhập

5 Supplier_name Nvarchar(50) Tên nhà cung cấp

7 Supplier_phone Nvarchar(20) Số điện thoại

8 Inventory_code Int Mã phiếu nhập

9 Total_amount Float Tổng tiền

Bảng Inventory_detail (Chi tiết phiếu nhập kho)

1 Inventory_detail_id Sequence Id phiếu NK Khóa chính

2 Inventory_code Int Mã phiếu nhập Khóa ngoại

3 Product_id Int Id sản phẩm

4 Product_quantity Int Số lượng nhập

1 Delivery_id Sequence Id giao hàng Khóa chính

2 Account_id Int Id tài khoản Khóa ngoại

3 Delivery_name Int Tên người nhận

4 Delivery_phone Nvarchar(20) Số điện thoại

5 Delivery_address Nvarchar(100) Địa chỉ

1 Metric_id Sequence Id số liệu Khóa chính

2 Metric_date Date Ngày nhập

3 Metric_order Int Số đơn hàng

4 Metric_sales Float Số doanh thu

5 Metric_quantity Int Số sản phẩm

1 Evaluate_id Sequence Id giá trị Khóa chính

2 Account_id Sequence Id tài khoản

3 Product_id Sequence Id sản phẩm Khóa ngoại

1 Comment_id Sequence Id bình luận Khóa chính

2 Article_id Sequence Id bài viết Khóa ngoại

6 Comment_date Nvarchar(100 Ngày bình luận

1 Vnp_id Sequence Id số liệu Khóa chính

2 Vnp_amount Float Số lượng

3 Vnp_bankcode Int Mã ngân hàng

4 Vnp_banktranno Int Giao dịch ngân hàng

5 Vnp_cardtype Int Loại thẻ

7 Vnp_paydate Date Ngày thanh toán

1 Momo_id Sequence Id Momo Khóa chính

2 Partner_code Int Mã đối tác

3 Order_code Int Mã đặt hàng Khóa ngoại

4 Momo_amount Float Số doanh thu

Thông tin đặt hàng Momo

8 Trans_id Sequence Id giao dịch

9 Payment_date Date Ngày thanh toán

XÂY DỰNG WEBSITE VÀ KIỂM THỬ

Kết quả chương trình

4.1.1 Giao diện phía khách hàng

4.1.1.1 Giao diện đăng nhập, đăng ký

Mô tả: Người dùng sẽ đăng nhập và đăng ký tài khoản để đảm bảo việc mua hàng và thanh toán

Hình 4.13 Giao diện đăng nhập khách hàng

Hình 4.14 Giao diện đăng ký khách hàng

Mô tả: Đây là giao diện trang chủ của trang web Với trang này người quản lý, khách hàng kể cả đã là thành viên hay chưa là thành viên đều có thể truy cập Trang web cung cấp các thông tin nước hoa như các danh mục, sản phẩm, bài viết nổi bật và các thông tin của cửa hàng.

Hình 4.15 Giao diện trang chủ cửa hàng

4.1.1.3 Giao diện sản phẩm của cửa hàng

Mô tả: Người dùng có thể xem được danh sách tất cả nước hoa của cửa hàng, có thể tìm kiếm nước hoa bằng thanh tìm kiếm, lọc sản phẩm theo thương hiệu, danh mục, giá cả, cũng như sắp xếp theo giá,… Ngoài ra, người dùng có thể xem thông tin sơ lược về sản phẩm như tên, giá, và đánh giá của sản phẩm đó.

Hình 4.16 Giao diện sản phẩm của cửa hàng

4.1.1.4 Giao diện trang giỏ hàng

Mô tả: Sau khi thêm các nước hoa mà mình muốn, người dùng có thể đi đến trang giỏ hàng Trong trang này, người dùng có thể nắm được giá tiền các sản phẩm mà đã thêm vào giỏ hàng Ứng với số lượng nước hoa được chọn, tổng giá tiền cũng sẽ thay đổi tăng/giảm để tiện cho người dùng theo dõi.

Hình 4.17 Giao diện trang giỏ hàng

Mô tả: Ở trang thanh toán, người dùng có thể điền các thông tin người đặt hàng, xem giá, số lượng từng sản phẩm, tổng tiền và lựa chọn các phương thức thanh toán để tiến hành đặt hàng

Hình 4.18 Giao diện thanh toán

4.1.1.6 Giao diện đặt hàng thành công

Mô tả: Sau khi đặt hàng thành công, hệ thống sẽ thông báo đến người dùng, người dùng có thể xem chi tiết đơn hàng hoặc trở về trang chủ của cửa hàng.

Hình 4.19 Giao diện đặt hàng thành công

4.1.1.7 Giao diện trang tài khoản

Mô tả: Ở giao diện này, người dùng có thể xem/chỉnh sửa thông tin tài khoản, xem lịch sử đơn hàng, theo dõi tình trạng đơn hàng, xem chi tiết từng đơn hàng, cài đặt và đăng xuất tài khoản.

Hình 4.20 Giao diện trang tài khoản

4.1.2 Giao diện phía người quản lý

Mô tả: Ở giao diện đăng nhập người quản lý, người quản lý có thể đăng nhập, đăng ký hoặc lấy lại mật khẩu đã quên của mình.

Hình 4.21 Giao diện đăng nhập quản lý

Mô tả: Ở trang chủ, người dùng có thể xem tổng quát các thông tin quản lý của cửa hàng: số sản phẩm, số đơn hàng mới, số khách hàng mới, doanh thu,…

Hình 4.22 Giao diện chính trang quản lý

4.1.2.3 Giao diện quản lý đơn hàng

Mô tả: Ở trang này người dùng có thể theo dõi các đơn hàng tại quầy, tạo đơn hàng mới, xem chi tiết đơn hàng cũng như in hóa đơn bán hàng

Hình 4.23 Giao diện đơn hàng tại quầy

Hình 4.24 Giao diện tạo đơn hàng tại quầy

Hình 4.25 Giao diện xem chi tiết đơn hàng

Hình 4.26 Giao diện hóa đơn bán hàng

Mô tả: Người dùng có thể theo dõi các đơn hàng trực tuyến, xem chi tiết đơn hàng, duyệt/hủy đơn hàng, in hóa đơn bán hàng.

Hình 4.27 Giao diện đơn hàng trực tuyến

Mô tả: Người dùng có thể xem các lịch sử thanh toán của khách hàng, xem chi tiết đơn hàng, in hóa đơn bán hàng, hoàn tiền hóa đơn.

Hình 4.28 Giao diện lịch sử thanh toán

4.1.2.4 Giao diện quản lý sản phẩm

Mô tả: Ở trang này người dùng có thể xem danh sách các sản phẩm của cửa hàng, nhập/xuất sản phẩm, thêm mới sản phẩm, xem chi tiết sản phẩm cũng như chỉnh sửa thông tin của sản phẩm đó.

Hình 4.29 Giao diện danh sách sản phẩm

Hình 4.30 Giao diện thêm sản phẩm mới

Hình 4.31 Giao diện sửa sản phẩm

4.1.2.5 Giao diện quản lý danh mục sản phẩm

Mô tả: Ở trang này, người dùng có thể xem danh sách các danh mục sản phẩm, thêm, xóa, sửa danh mục sản phẩm, tìm kiếm danh mục sản phẩm.

Hình 4.32 Giao diện danh mục sản phẩm

Hình 4.33 Giao diện thêm danh mục sản phẩm

Hình 4.34 Giao diện sửa danh mục sản phẩm

4.1.2.6 Giao diện quản lý thương hiệu

Mô tả: Ở trang này, người dùng có thể xem danh sách các thương hiệu, thêm, xóa, sửa thương hiệu, tìm kiếm thương hiệu.

Hình 4.35 Giao diện danh sách thương hiệu

Hình 4.36 Giao diện thêm thương hiệu

Hình 4.37 Giao diện sửa thương hiệu

4.1.2.7 Giao diện quản lý hàng tồn kho và phiếu nhập kho

Mô tả: Ở trang này, người dùng có thể xem danh sách các hàng tồn kho, nhập/xuất, thêm mới hàng vào kho Ngoài ra, người dùng có thể xem lịch sử các đơn nhập kho cũ cũng như in hoa đơn của các đơn hàng đó.

Hình 4.38 Giao diện danh sách sản phẩm tồn kho

Hình 4.39 Giao diện lịch sử phiếu nhập kho

Hình 4.40 Giao diện thông tin nhập kho

4.1.2.8 Giao diện quản lý khách hàng

Mô tả: Ở trang này người dùng có thể xem danh sách các khách hàng của cửa hàng, xóa cũng như xuất danh sách khách hàng ra file excel

Hình 4.41 Giao diện danh sách khách hàng

Hình 4.42 Giao diện file excel xuất danh sách khách hàng

4.1.2.9 Giao diện quản lý tài khoản

Mô tả: Ở trang này người dùng có thể xem danh sách tài khoản, xóa, sửa các tài khoản của cửa hàng cũng như phân quyền cho các tài khoản đó.

Hình 4.43 Giao diện danh sách tài khoản

Hình 4.44 Giao diện sửa đổi thông tin tài khoản

4.1.2.10 Giao diện quản lý bài viết

Mô tả: Ở trang này người dùng có thể xem danh sách bài viết, thêm, xóa, sửa các bài viết, tìm kiếm bài viết.

Hình 4.45 Giao diện danh sách bài viết

Hình 4.46 Giao diện thêm bài viết mới

Hình 4.47 Giao diện sửa bài viết

4.1.2.11 Giao diện quản lý thống kê

Mô tả: Ở trang này người dùng có thể quản lý các thống kê doanh thu của cửa hàng theo tuần, theo tháng, theo quý, theo năm Màn hình sẽ hiển thị thông tin tổng doanh thu, số đơn hàng, số lượng bán hàng của cửa hàng cũng như biểu đồ biểu diễn doanh thu đó.

Hình 4.48 Giao diện quản lý thống kê

Kiểm thử

Bảng 4.39 Kiểm thử Đăng nhập & Đăng ký

Data input Steps Expecte d output

Mở trang login từ nút login.

2 Hiển thị trang đăng ký.

Mở trang đăng ký từ nút đăng ký.

Hiển thị trang đăng ký.

Nhấn email và password Đăng nhập thành công. Đăng nhập thành công

Nhập email và password Đăng ký thành công và tiến hành đăng nhập. Đăng ký thành công và tiến hành đăng nhập.

Bảng 4.40 Kiểm thử đặt hàng

1 Thêm sản phẩm vào giỏ hàng. Ấn nút thêm vào giỏ hàng.

Sản phẩm được thêm vào giỏ hàng.

Sản phẩm được thêm vào giỏ hàng

2 Hiển thị trang giỏ hàng.

Mở trang giỏ hàng từ nút giỏ hàng.

Hiển thị trang giỏ hàng.

Thay đổi số lượng sản phẩm trong giỏ hàng

Cập nhật lại giá tiền.

4 Đặt hàng Nhấn nút đặt hàng. Đặt hàng thành công Đặt hàng thành công đăng

Bảng 4.41 Kiểm thử quản lý đơn hàng

1 Hiển thị danh sách đơn hàng.

Mở đơn hàng từ sidebar

Hiển thị danh sách đơn hàng.

2 Chấp nhận đơn hàng. Ấn nút đồng ý của đơn hàng

Cập nhật status của đơn hàng.

3 Huỷ đơn hàng. Ấn nút huỷ

Cập nhật status của đơn hàng.

Mở đơn hàng từ sidebar

Thông báo không có đơn hàng.

Bảng 4.42 Kiểm thử quản lý sản phẩm

1 Hiển thị danh sách sản phẩm

Mở danh sách sản phẩm từ sidebar.

Hiển thị danh sách sản phẩm

Nhập đầy dủ thông tin sản phẩm cần thêm.

Hiển thị sản phẩm vừa thêm.

3 Sửa sản phẩm. ấn nút edit của sản phẩm.

Cập nhật sản phẩm vừa thêm.

4 Xoá sản phẩm. ấn nút xoá của sản phẩm.

Xoá sản phẩm khỏi danh sách

Định dạng
Số trang	102
Dung lượng	10,81 MB