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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.72 MB, 22 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

MỤC LỤC

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

<small>1.1: Giới thiệu website...1</small>

<small>1.2: Mục tiêu và ý nghĩa của website...1</small>

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

<small>2.1: Framework Lavarel để dụng backend...2</small>

<small>2.2: ReactJS để dựng front-end...2</small>

<small>2.3: Cơ sở dữ liệu MySQL...2</small>

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

<small>3.1: Khảo sát website thời trang quần áo...3</small>

<small>3.2: Yêu cầu hệ thống...4</small>

<small>3.3: Phân tích thiết kế...4</small>

<small>3.2.3: Biểu đồ trình tự...12</small>

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

<small>4.1: Chức năng hoàn thiện...16</small>

<small>4.2: Giao diện đã hoàn thành...16</small>

KẾT LUẬN...20

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

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

<i><b>1.1: Gi i thi u websiteớệ</b></i>

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 á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ây dựng website thương mại điện tử.

<i><b>1.2: M c tiêu và ý nghĩa c a websiteụủ</b></i>

- 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éphọ tìm kiếm, đặt hàng, thanh tốn và giao hàng một cách nhanh chóng và dễ dàng.

+ Đảm bảo tính bảo mật cho các giao dịch trực tuyến, bằng cách sử dụng các giải pháp an ninh và mã hóa dữ liệu.

+ Tạo ra một hệ thống quản lý đơn hàng, cho phép người bán và người mua theo dõi và quản lý các đơn hàng của mình một cách hiệu quả.

- Ý nghĩa: Hiện nay, khi nhu cầu đặt hàng online trở nên thịnh hành, website cung cấp cho người dùng một phương tiện để mua sắm quần áo một cách thuận tiện và dễ dàng trực tuyến, thay vì phải đến các cửa hàng truyền thống.

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

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

<i><b>2.1: Framework Lavarel đ d ng backendể ụ</b></i>

- 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 (model-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.

<i><b>2.2: ReactJS đ d ng front-endể ự</b></i>

-

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.

<i><b>2.3: C s d li u MySQLơ ở ữ ệ</b></i>

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.

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="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ã hố 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 tốn thêm chi phí, q 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.

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

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

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.

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="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 tốn: Cung cấp các phương thức thanh tốn an tồ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 tố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.

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="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ậpTê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

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

7.Hệ thống chuyển đến giao diện của trang chủ Luồng sự kiện

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ảnTê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ảntrê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.

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.

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

Luồng sự kiện chính

1.Người dùng chọn một sản phẩm trong danh sách kết quả tìm kiếm.

2.Hệ thống hiển thị trang thông tin chi tiết về sản phẩm. Luồng sự kiện

thay thế

Khơng có Hậu điều Khơng có - Use case Tìm kiếm sản phẩmTê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.

Luồng sự kiện chính

1.User nhập từ khóa sản phẩm vào ơ tìm kiếm sản phẩm 2.User chọn tìm kiếm

3.Hệ thống kiểm tra xem sản phẩm có tồn tại trong cơ sở dữ liệu khơng

4.Hệ thống hiển thị kết quả tìm kiếm liên quan Luồng sự kiện

thay thế

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

thay thế

Khơng có

Hậu điều Giỏ hàng của user được cập nhật

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

- Use case Đặt hàngTên use case Đặt hàng Tác nhân User

Tiền điều kiện Giỏ hàng không trống: Giỏ hàng của người dùng chứa ít nhất một sản phẩm.

Luồng sự kiện chính

1.User xem giỏ hàng để kiểm tra thông tin sản phẩm và tổng số tiề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.

Luồng sự kiện thay thế

Khơng có

Hậu điều Đơn hàng đã được thanh toán thành công và được ghi nhận trong hệ thống.

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

- Use case Xem giỏ hàngTên use case Xem giỏ hàng Tác nhân User

Tiền điều kiện Giỏ hàng không trống: Giỏ hàng của user chứa ít nhất một sản phẩm.

Luồng sự kiện chính

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ế

Tiền điều kiện Người dùng cần đăng nhập vào hệ thốngLuồ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

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ủ.3. Kết thúc Use case.

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="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ẩmTên use case Quản lý sản phẩmTác nhân Admin

Tiền điều kiện Người quản trị cần phải đăng nhập vào hệ thốngLuồng sự kiện

5. Use case kết thúc.Luồng sự kiện thay

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ủ.

Tiền điều kiện Người quản trị cần phải đăng nhập vào hệ thốngLuồng sự kiện

chính

1. Tại trang chủ người quản trị chọn chức năng “Quản lý hóa đơn”.

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="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.

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.Luồng sự kiện thay

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ý hóa đơn và trở về trang chủ.

Tiền điều kiện Người quản trị cần phải đăng nhập vào hệ thốngLuồng sự kiện

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.Luồng sự kiện thay

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.

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="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.

4. Kết thúc Use case.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ý KH và trở về trang chủ.3. Kết thúc Use case.

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.

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ý

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

- Biểu đồ trình tự cho use case Đặt hàng

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

- Biểu đồ trình tự cho use case Quản lý sản phẩm

- Biểu đồ trình tự cho use case Quản lý đơn hàng

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

- Biểu đồ trình tự cho use case Quản lý thông tin người dùng

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

<b>CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC</b>

- Chức năng đăng nhập, đăng ký và đăng xuất tài khoản

<i><b>4.2: Giao di n đã hoàn thànhệ</b></i>

Giao diện đăng nhập

Giao diện đăng ký

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

Giao diện trang chủ

</div><span class="text_page_counter">Trang 20</span><div class="page_container" data-page="20">

Giao diện chi tiết sản phẩm

</div><span class="text_page_counter">Trang 21</span><div class="page_container" data-page="21">

Trong báo cáo xây dựng website thời trang bán quần áo, chúng em đãtrình bày tổng quan về dự án, ý nghĩa của đề tài và mục tiêu của nó. Chúng emđã đặc tả các yêu cầu chức năng cần thiết cho một website và cũng đã mô tả cácchức năng quan trọng trong hệ thống.

Qua quá trình dù vất vả khi chúng em vừa học mới vừa hoàn thiện sảnphẩm, chúng em đã cố gắng làm được nhiều nhất có thể. Chúng em đã cố gắngthiết kế giao diện người dùng trựa quan, dễ tiếp cận hơn và xây dựng được chứcnăng đăng ký, đăng nhập, đăng xuất cho người dùng.

Tuy nhiên, website của chúng em chưa hồn thiện và cịn thiếu sót nhiều,cần được tiếp tục phát triển và cải thiện trong Học phần Nghiên cứu đồ án tốtnghiệp 2 và 3.

</div>