phân tích thiết kế hệ thống về website bán quần áo

Qua đó, báo cáo này sẽ giúp cho mọi người hiểu rõ hơn về quá trình xây dựng website thời tràng bán quần áovà cung cấp những kiến thức cần thiết để có thể thực hiện thành công một dự ánxâ

Trang 1

MỤC LỤC

CHƯƠNG 1: TỔNG QUAN VỀ WEBSITE BÁN QUẦN ÁO 1

1.1: Giới thiệu website 1

1.2: Mục tiêu và ý nghĩa của website 1

CHƯƠNG 2: GIỚI THIỆU NGÔN NGỮ VÀ CÔNG CỤ SỬ DỤNG 2

2.1: Framework Lavarel để dụng backend 2

2.2: ReactJS để dựng front-end 2

2.3: Cơ sở dữ liệu MySQL 2

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

3.1: Khảo sát website thời trang quần áo 3

3.2: Yêu cầu hệ thống 4

3.2.1: Yêu cầu chức năng 4

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

3.3: Phân tích thiết kế 4

3.3.1: Use Case tổng quát 5

3.3.2: Đặc tả use case 5

3.2.3: Biểu đồ trình tự 12

CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC 16

4.1: Chức năng hoàn thiện 16

4.2: Giao diện đã hoàn thành 16

KẾT LUẬN 20

Trang 2

CHƯƠNG 1: TỔNG QUAN VỀ WEBSITE BÁN QUẦN ÁO

1.1: Gi i thi u website ớ ệ

Bây giờ với sự phát triển của công nghệ và internet, thương mại điện tử đã trở thành một phần không thể thiếu của nền kinh tế hiện đại Việc xây dựng websitethời trang bán quần áo là một nhu cầu ngày càng tăng cao của các doanh nghiệp

để tiếp cận khách hàng và bán hàng trực tuyến Với sự thuận tiện và linh hoạt, website đã trở thành một phương tiện tiếp cận và tăng doanh số bán hàng hiệu quả cho nhiều doanh nghiệp Tuy nhiên, việc xây dựng một website thời trang bán quần áo không phải là dễ dàng và đòi hỏi sự nghiên cứu và kỹ năng chuyên môn

Trong báo cáo này, chúng em sẽ tìm hiểu về quá trình xây dựng website thời trang bán quần áo từ khâu nghiên cứu, lựa chọn công nghệ cho đến thiết kế, phát triển và đưa website vào hoạt động Bạn sẽ được giới thiệu các công nghệ

và công cụ để xây dựng website, cùng với các yêu cầu và thử nghiệm cần thiết

để đảm bảo tính năng và sự ổn định của website Qua đó, báo cáo này sẽ giúp cho mọi người hiểu rõ hơn về quá trình xây dựng website thời tràng bán quần áo

và cung cấp những kiến thức cần thiết để có thể thực hiện thành công một dự ánxây dựng website thương mại điện tử

1.2: M c tiêu và ý nghĩa c a website ụ ủ

- Mục tiêu: Tạo ra một nền tảng trực tuyến để kết nối người bán và người mua trực tiếp, cho phép họ mua bán các sản phẩm và dịch vụ từ nhau mà không cần thông qua một nhà bán lẻ trung gian

- Các mục tiêu cụ thể có thể bao gồm:

+ Tạo ra một giao diện dễ sử dụng và thuận tiện cho người dùng, cho phép

họ tìm kiếm, đặt hàng, thanh toán và giao hàng một cách nhanh chóng

Trang 3

CHƯƠNG 2: GIỚI THIỆU NGÔN NGỮ VÀ CÔNG CỤ SỬ

DỤNG

2.1: Framework Lavarel đ d ng backend ể ụ

- Laravel là một framework web mã nguồn mở được viết bằng ngôn ngữ PHP

Nó được thiết kế để phát triển các ứng dụng web theo kiến trúc MVC view-controller) và cung cấp nhiều tính năng và công cụ hỗ trợ cho việc xây dựng các ứng dụng web hiện đại, tối ưu hóa hiệu suất và bảo mật Laravel được xây dựng trên nền tảng của các thư viện PHP khác như Symfony và được phát triển bởi Taylor Otwell

- Ưu điểm khi học Lavarel: Dễ dàng bắt đầu và thư viện hướng dẫn Laracasts

là một nguồn tài nguyên khổng lồ, đầy đủ các video bao gồm mọi thứ từ PHP đến các công nghệ frontend khác tương thích với Laravel Laravel

cũngđikèmvớihỗtrợ API

2.2: ReactJS đ d ng front-end ể ự

- ReactJs là một thư viện Javascript mã nguồn mở được phát triển bởi Facebook cho phép xây dựng các ứng dụng web động và tương tác Nó cho phép lập trình viên tạo các giao diện người dùng (User Interface - UI) độc lập với logic ứng dụng và có khả năng tái sử dụng

2.3: C s d li u MySQL ơ ở ữ ệ

MySQL được biết đến như một loại hệ thống quản trị CSDL mã nguồn mở(còn được gọi là phần mềm RDBMS) tốc độ cao, được vận hành theo mô hình máy khách – máy chủ (client-server) Phần mềm này được sử dụng trong tạo lập, quản lý các database dựa trên việc quản lý tất cả các liên hệ giữa chúng

Hệ thống quản trị này được tích hợp với apache và PHP, tương thích với rất nhiều trình duyệt, hệ điều hành như Ubuntu, Linux, macOS, Microsoft Windows,…

Hiện phần mềm này được dùng trong các trang web lớn như Google, Facebook, Twitter, Yahoo và YouTube

Ưu điểm của SQL:

- Nhanh chóng: Việc đưa ra một số tiêu chuẩn cho phép MySQL để làm việc tiết kiệm chi phí và hiệu quả, từ đây làm tăng tốc độ thực thi

- Khả năng mở rộng và mạnh mẽ: khả năng xử lý dữ liệu nhanh chóng và có thể

mở rộng nếu cần

- Đa tính năng: MySQL hỗ trợ rất nhiều chức năng cần thiết của một hệ quản trị

cơ sở dữ liệu quan hệ cả gián tiếp lẫn trực tiếp

Trang 4

- Độ an toàn cao: sở hữu nhiều tính năng bảo mật ở cấp cao MySQL đặt tiêu chuẩn bảo mật cao, mã hoá thông tin đăng nhập và chứng thực từ host đều khảdụng

- Linh hoạt và sử dụng dễ dàng: một hệ thống lớn các hàm tiện ích mạnh mẽ, MySQL là cơ sở dữ liệu dễ sử dụng, tốc độ cao, ổn định và hoạt động trên nhiều hệ thống điều hành Bạn cũng có thể sửa source code mà không cần phải thanh toán thêm chi phí, quá trình cài đặt cũng đơn giản tiết kiệm thời gian

- Hiệu năng cao: MySQL cho phép người dùng lưu trữ dữ liệu lớn của những hoạt động kinh doanh hoặc thương mại điện tử MySQL có thể đáp ứng được với tốc độ cao và mượt mà

- Tiện ích: MySQL cực kì phù hợp cho các ứng dụng có truy cập cơ sở dữ liệu trên Internet MySQL hiện nay cho ra nhiều phiên bản cho các hệ điều hành

đa dạng

- Sử dụng miễn phí: Là một mã nguồn mở, GNU General Public License được MySQL dùng nên hoàn toàn miễn phí Tuy nhiên, bạn vẫn phải trả phí trong trường hợp bạn cần được MySQL hỗ trợ

Nhược điểm của SQL:

- Dung lượng hạn chế: Việc truy xuất dữ liệu sẽ gặp khó khăn khi số lượng bản ghi lớn dần lên Những hệ thống lớn cần quản lý lượng dữ liệu khổng lồ gặp khó khăn vì MySQL không được tích hợp

- Độ tin cậy: Các chức năng cụ thể được xử lý như kiểm toán, các giao dịch, tài liệu tham khảo gây ra việc kém tin cậy hơn những hệ quản trị khác

- Giới hạn: hạn chế các chức năng mà một ứng dụng có thể cần Ngoài ra, MySQL bị khai thác để chiếm quyền điều khiển

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

3.1: Kh o sát website th i trang qu n áo ả ờ ầ

Sau khi khảo sát hiện trạng thì em có được những thông tin sau:

- Quản lý khách hàng: Mỗi khách hàng được quản lý các thông tin như sau: Họ tên, Tuổi, SĐT, địa chỉ, email…

- Quản lý hàng hóa: Mỗi một hàng hóa thì sẽ được quản lý các thông tin sau:Mãhàng, Tên hàng, Nhà sản xuất, Hình ảnh, Số lượng, Đơn giá, Mã loại hàng, Tên loại hàng…

- Quản lý nhà sản xuất: Tên nhà sản xuất, Mã nhà sản xuất, Địa chỉ, SĐT, Email,

- Quản lý tin tức: mã tin tức, tên tin tức, mục tin,

- Bên cạnh đó thì hệ thống còn xử lý đơn hàng và thống kê.Về khách hàng: khácvới việc mua sắm ở của hàng ở đây khách hàng sẽ tự thao tác thông qua websitetừng bước cụ thể để có thể mua sắm

Trang 5

- Hiển thị sản phẩm: Hiển thị danh sách sản phẩm và các thông tin liên quan như

giá, mô tả, ảnh.Cho phép người dùng tìm kiếm, lọc và sắp xếp sản phẩm theo các tiêu chí khác nhau

- Giỏ hàng: Cho phép người dùng thêm sản phẩm vào giỏ hàng Hiển thị thông tin tổng quan về giỏ hàng bao gồm tổng số lượng sản phẩm và tổng giá trị Cho phép người dùng chỉnh sửa số lượng sản phẩm và xóa sản phẩm khỏi giỏhàng

- Thanh toán: Cung cấp các phương thức thanh toán an toàn và thuận tiện như thẻ tín dụng, chuyển khoản ngân hàng, ví điện tử Xác nhận và xử lý đơn hàng sau khi thanh toán thành công

- Quản lý đơn hàng: Cung cấp cho người dùng một trang quản lý đơn hàng đểxem trạng thái và chi tiết của các đơn hàng đã đặt Gửi thông báo đến khách hàng về tình trạng đơn hàng, thông tin vận chuyển và cập nhật

- Đánh giá và nhận xét: Cho phép người dùng đánh giá và viết nhận xét về sản phẩm mà họ đã mua Hiển thị đánh giá và nhận xét của khách hàng để giúp người dùng khác có quyết định mua hàng tốt hơn

- Quản lý nội dung: Cho phép người bán quản lý thông tin sản phẩm, bao gồm thêm, sửa, xóa sản phẩm Cập nhật các thông tin khác như giá cả, khuyến mãi,

số lượng hàng tồn kho

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

- Giao diện web phải rõ ràng, tiện lợi, dễ dàng sử dụng

- Đảm bào cho nhiều ngườicóthể truy cập vào cùng một thời điểm mà khônggây sự suy giảm về hiệu suất

3.3: Phân tích thi t k ế ế

Hệ thống có 2 tác nhân chính: Người dùng(User) và người quản trị(Admin)

- User: gồm có đã đăng nhập và chưa đăng nhập

+ Chưa đăng nhập: có thể xem sản phẩm, tìm kiếm sản phẩm, đăng nhập

và đăng ký tài khoản

+ Đã đăng nhập: có thêm chức năng thêm sản phẩm vào giỏ, tim sản phẩm yêu thích, đặt hàng, sửa xóa thông tin cá nhân, đăng xuất

Trang 6

- Admin: quản lý thông tin sản phẩm như thêm, sửa xóa thông tin sản phẩm, quản lý xác nhận các đơn đặt hàng

3.3.1: Use Case t ng quátổ

3.3.2: Đ c t use caseặ ả

- Use case Đăng nhập

Tên use case Đăng nhập

Tác nhân User , Admin

Tiền điều kiện Tài khoản đã được đăng ký: Người dùng đã có tài khoản đăng

ký trên trang web

Luồng sự kiện

chính

1 User chọn chức năng đăng nhập tại trang chủ

2 Hệ thống hiện giao diện đăng nhập

3.User nhập tài khoản và mật khẩu

4.User gửi yêu cầu đăng nhập

5.Hệ thống kiểm tra xem user đã nhập các trường bắt buộc nhập hay chưa

6.Hệ thống kiểm tra tài khoản và mật khẩu có hợp lệ do khách nhập trong hệ thống hay không

Trang 7

7.Hệ thống chuyển đến giao diện của trang chủ

7b1:Nếu quên mật khẩu người dùng có thể chọn chức năng

“Quên mật khẩu” để lấy lại mật khẩu

7b2.Quay lại bước 3 của luồng sự kiện chính

7c Hệ thống chuyển đến giao diện của trang chủ

Hậu điều kiện Không

- Use case Đăng ký tài khoản

Tên use case Đăng ký tài khoản

Tác nhân User

Tiền điều kiện Tài khoản chưa được đăng ký: Người dùng chưa có tài khoản

trên trang web

Luồng sự kiện

chính

1.User chọn chức năng đăng ký tài khoản tại trang chủ 2.Hệ thống hiện giao diện đăng ký

3.Hệ thống yêu cầu cung cấp các thông tin cá nhân

4 Người dùng nhập các thông tin trên như tên người dùng, địa chỉ email và mật khẩu muốn đăng ký

5.Hệ thống kiểm tra tính hợp lệ của các thông tin

6.Hệ thống tạo tài khoản mới

7.Hệ thống quay trở về trang chủ

Luồng sự kiện

thay thế

6a.Hệ thống thông báo: Có thông tin không hợp lệ

6b.Người dùng quay lại bước 4 trong luồng sự kiện chính 7a Hệ thống tạo tài khoản mới

7b Hệ thống quay trở về trang chủ

Hậu điều Đăng ký thành công: Người dùng đã có một tài khoản mới

trong hệ thống

- Use case Xem thông tin sản phẩm

Tên use case Xem thông tin sản phẩm

Tác nhân User

Tiền điều kiện Sản phẩm có sẵn: Các sản phẩm quần áo đã được thêm vào cơ

sở dữ liệu của trang web

Trang 8

Hậu điều Không có

- Use case Tìm kiếm sản phẩm

Tên use case Tìm kiếm sản phẩm

Tác nhân User

Tiền điều kiện Sản phẩm có sẵn: Các sản phẩm quần áo đã được thêm vào cơ

sở dữ liệu của trang web

3a.Hệ thống thông báo: Không tìm thấy sản phẩm

4a.Quay lại bước 1 của luồng sự kiện chính

5 Hệ thống hiển thị kết quả tìm kiếm liên quan

Hậu điều Kết quả tìm kiếm được hiển thị cho người dùng

- Use case Thêm vào giỏ hàng

Tên use case Thêm vào giỏ hàng

Tác nhân User

Tiền điều kiện Sản phẩm có sẵn: Các sản phẩm quần áo đã được thêm vào

cơ sở dữ liệu của trang web

User xem được thông tin sản phẩm

Luồng sự kiện

chính

1 User chọn chức năng Thêm vào giỏ hàng

2 Hệ thống hiện giao diện Thêm vào giỏ hàng

3 Hệ thống yêu cầu user nhập số lượng sản phẩm muốn

4 User nhập số lượng cần

5 User nhấn nút “Thêm vào giỏ hàng”

6 Hệ thống cập nhật giỏ hàng của user

Trang 9

Hậu điều Đơn hàng đã được tạo và ghi nhận trong hệ thống

- Use case Thanh toán

Tên use case Thanh toán

Tác nhân User

Tiền điều kiện User đã chuyển đến trang thanh toán

Luồng sự kiện

chính

1.Hệ thống hiển thị các phương thức thanh toán

2.User chọn 1 trong các phương thức thanh toán

3.Hệ thống bắt user cung cấp thông tin thanh toán

4 User cung cấp thông tin thanh toán

5.User xác nhận thanh toán

6.Hệ thống gửi yêu cầu thanh toán đến hệ thống thanh toán bên thứ ba

7.Hệ thống thanh toán xử lý thanh toán

8.Hệ thống thanh toán gửi kết quả thanh toán cho hệ thống của trang web

Trang 10

- Use case Xem giỏ hàng

Tên use case Xem giỏ hàng

1.User nhấn vào mục "Xem giỏ hàng"

2.Hệ thống hiển thị danh sách sản phẩm trong giỏ hàng và tổng số tiền

Luồng sự kiện thay

thế

Không có Hậu điều User có thể xem danh sách sản phẩm trong giỏ hàng và

tổng số tiền

- Use case Liên hệ

Tên use case Liên hệ

Tác nhân User

Tiền điều kiện Người dùng cần đăng nhập vào hệ thống

Luồng sự kiện

chính

1 Tại trang chủ khách hàng chọn chức năng “Liên hệ”

2 Sau đó hệ thống sẽ xuất ra form và yêu cầu khách hàng nhâp thông tin cần liên hệ như đặt câu hỏi, góp ý, tư vấn, khiếu nại

3 Sau đó nhấp chọn “Gửi”

4 Hệ thống kiểm tra thông tin vừa nhập

5 Nếu đúng thì hệ thống sẽ hiển thị thông báo “Gửi thành công ”

6 Use case kết thúcLuồng sự kiện thay

thế

Thứ nhất

1 Thông tin khách hàng nhập vào không hợp lệ

2 Hệ thống hiển thị thông báo lỗi

3 Hệ thống quay trở về bước 2 của sự kiên chính và yêu cầu nhập lại

4 Kết thúc Use case

Thứ hai

1 Khách hàng hủy bỏ việc liên hệ

2 Hệ thống bỏ qua form liên hệ và trở về trang chủ

Trang 11

Hậu điều Sau khi hoàn thành hệ thống quay trở về màn hình cá nhân

của hệ thống

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

Tên use case Quản lý sản phẩm

3 Hệ thống kiểm tra tín hợp lệ thông tin vừa cập nhập

4 Nếu thành công, hệ thống sẽ thông báo “Cập nhật thànhcông” và quay trở về trang chủ

5 Use case kết thúc

thế

Thứ nhất

1 Thông tin người quản trị cập nhật không hợp lệ

2 Hệ thống hiển thị thông báo bị lỗi

3 Hệ thống quay trở lại bước 2 của sự kiện chính và yêu cầu nhập lại

Thứ hai

1 Người quản trị hủy bỏ việc cập nhật

2 Hệ thống bỏ qua form quản lý sản phẩm và trở về trang chủ

của hệ thống

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

Tên use case Quản lý đơn hàng

Trang 12

2 Tại đây người quản trị có thể xem, cập nhật và xóa thông tin của các hóa đơn bán được trong ngày, tuần hoặc tháng.

thế

Thứ nhất

3 Hệ thống quay trở lại bước 2 của sự kiện chính và yêu cầu nhập lại

Thứ hai

2 Hệ thống bỏ qua form quản lý hóa đơn và trở về trang chủ

của hệ thống

- Use case Quản lý thông tin người dùng

Tên use case Quản lý thông tin người dùng

thế

Thứ nhất

Trang 13

3 Hệ thống quay trở lại bước 2 của sự kiện chính và yêu cầu nhập lại.

Thứ hai

2 Hệ thống bỏ qua form quản lý KH và trở về trang chủ

của hệ thống

3.2.3: Bi u đ trình tể ồ ự

- Biểu đồ trình tự cho use case đăng nhập

- Biểu đồ trình tự cho use case đăng ký

Định dạng
Số trang	22
Dung lượng	2,72 MB