Tài liệu Xây dựng website bán hàng thời trang nữ

HỌC VIỆN NÔNG NGHIỆP VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN --------------- BÁO CÁO BÀI TẬP LỚN TÊN ĐỀ TÀI XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG NỮ Học phần: Thương Mại Điện Tử Giảng viên hướng dẫn: Cô Đỗ Thị Nhâm Sinh viên thực hiện: Vũ Hồng Nhung Mã sinh viên: 611250 Lớp: K61MMT Hà Nội,Tháng 4/2019 1 MỤC LỤC A. TỔNG QUAN............................................................................................................................3 1. Giới thiệu đề tài......................................................................................................................3 2. Mục đích của website cần thiết kế...........................................................................................3 3. Đối tượng khách hàng............................................................................................................3 4. Mục tiêu của Website.............................................................................................................3 B. PHÂN TÍCH HỆ THỐNG VỚI UML...................................................................................4 1. Các nhóm chức năng của hệ thống.......................................................................................4 2. Xác định các tác nhân............................................................................................................4 I. BIỂU ĐỒ PHÂN RÃ CHỨC NĂNG....................................................................................5 II. BIỂU ĐỒ USE CASE...........................................................................................................5 1) Biểu đồ User Case tổng quát.............................................................................................5 2) Biểu đồ User Case chi tiết..................................................................................................6 III. BIỂU ĐỒ LỚP...................................................................................................................14 IV. BIỂU ĐỒ TRẠNG THÁI CỦA CÁC USE CASE..........................................................14 1) UC Đăng ký....................................................................................................................14 2) UC Đăng nhập................................................................................................................14 3) UC Sửa thông tin cá nhân...............................................................................................15 4) UC Quan lý danh sách các thành viên............................................................................15 5) UC Quản lý danh mục sản phẩm....................................................................................15 6) UC Mua hàng, tiếp nhận và xử lý đơn hàng...................................................................15 7) UC Tìm kiếm..................................................................................................................16 V. BIẾU ĐỒ TUẦN TỰ...........................................................................................................16 1) UC Đăng ký thành viên..................................................................................................16 2) UC Đăng nhập................................................................................................................17 3) UC Sửa thông tin cá nhân...............................................................................................17 4) UC Quản lý danh sách thành viên..................................................................................18 5) UC Quản Lý Danh mục sản phẩm..................................................................................18 6) UC Mua hàng, tiếp nhận và xử lý đơn hàng...................................................................19 7) Tìm kiếm sản phẩm........................................................................................................19 C. THIẾT KẾ HỆ THỐNG........................................................................................................21 1) Trang chủ...............................................................................................................................21 2) Trang Sản Phẩm.....................................................................................................................22 3) Trang giỏ hàng.......................................................................................................................22 4) Trang thanh toán....................................................................................................................23 5) Trang Ưu đãi..........................................................................................................................24 TÀI LIỆU THAM KHẢO..........................................................................................................25 2 A. TỔNG QUAN 1. Giới thiệu đề tài Việc kinh doanh - mua bán là nhu cầu không thể thiểu đối với mỗi chúng ta. Trong thời đại cạnh tranh hiện nay việc giới thiệu sản phẩm kinh doanh đến từng cá nhân với chi phí thấp, hiệu quả cao là một vấn đề nan giải của người kinh doanh cùng với nhu cầu mua sắm với những sản phẩm đa chủng loại, đạt chất lượng, và hợp túi tiền của người tiêu dùng vì vậy thương mại điện tử đã được ra đời và dần dần phát triển trên toàn thế giới. Việc phổ biến các sản phẩm của cửa hàng kinh doanh đến khách hàng thông qua các bảng báo giá tuy nhiên chi phí khá cao vì số lượng sản phẩm ngày một đa dạng và giá cả thay đổi liên tục và tính phổ biến không cao chưa đáp ứng được nhu cầu người dùng. Mặt khác cửa hàng còn gặp nhiều khó khăn như chưa quản lý được người dùng, thông tin nhà sản xuất, cập nhật giá sản phẩm, quản lý sản phẩm… Nắm bắt được tình hình trên em tiến hành thiết kế trang web mua bán hàng online để mong sao giúp cho các cửa hàng phát triển nhanh hơn, giúp cho chủ cửa hàng có thể quản lý cửa hàng của mình một cách tốt hơn. 2. Mục đích của website cần thiết kế Khi đi xây dựng một website đầu tiên chúng ta phải hình dung ra xem chúng ta cần phải thiết kế cái gì cho website của mình. Không có chủ định và mục tiêu rõ ràng thì cả website đó trở nên sai lầm, lan man và cuối cùng đi tới một hướng khó có thể trở lại. Thiết kế cẩn thận và định hướng rõ là chìa khóa hướng tới thành công của việc xây dựng một website. Vận dụng tổng hợp những kiến thức đã học để tiến hành thiết kế website bán hàng online nhằm giải quyết những khó khăn hiện tại của cửa hàng. Tìm hiểu thực trạng thương mại điện tử tại Việt Nam để triển khai hệ thống thương mại điện tử tại của hàng cho phù hợp. Khai phá lợi ích của Internet để hướng đến một môi trường kinh doanh toàn cầu. 3. Đối tượng khách hàng Ở đây website thiết kế là bán hàng “Thời Trang Nữ “ đối tượng khách hàng là phái nữ cho nên thiên về các sản phẩm dành cho các bạn nữ. Bên cạnh đó còn có cả khách hàng là các bạn nam mua sản phẩm của cửa hàng để làm quà tặng bạn gái, người yêu, vợ của mình… 4. Mục tiêu của Website Mục tiêu của website là giới thiệu và quảng bá cửa hàng. Cung cấp các sản phẩm về quần áo thời trang mà hiện nay các bạn trẻ đang ưa thích. Khách hàng có thể biết thông tin chi tiết về sản phẩm như: Tên sản phẩm, giá cả, chất liệu… Ngoài ra website còn có mục đích giới thiệu rộng cho nhiều khách hàng được biết hơn về cửa hàng, thu hẹp được khoảng cách xa gần giải quyết được vấn đề đường xa, việc đi lại khó khăn lại hay tắc nghẽn giao thông… Làm cho việc kinh doanh của cửa hàng được phát triển hơn 3 B. PHÂN TÍCH HỆ THỐNG VỚI UML 1. Các nhóm chức năng của hệ thống Chức năng của hệ thống có thể chia làm các nhóm chức năng chính như sau: - Nhóm chức năng Quản lý người dùng bao gồm:     Đăng nhập thành viên Đăng ký thành viên Quản lý thông tin cá nhân Quản lý danh sách thành viên - Nhóm chức năng Quản lý bán hàng bao gồm:  Mua hàng  Tiếp nhận và xử lý đơn hàng  Quản lý danh mục sản phẩm - Nhóm chức năng Tìm kiếm bao gồm:  Tìm kiếm sản phẩm theo tên  Tìm kiếm sản phẩm theo giá 2. Xác định các tác nhân a. NGƯỜI QUẢN LÝ: là nười điều hành, quản lý và theo dõi mọi hoạt động của hệ thống b. KHÁCH HÀNG: là người giao dịch với hệ thống thông qua các đơn đặt hàng, khách hàng có thể chọn các loại sản phẩm, chọn địa điểm và thời gian giao hàng. Khách hàng có thể đăng ký làm thành viên của hệ thống. c. NHÂN VIÊN: là người tiếp nhận và xử lý các đơn hàng, các yêu cầu bảo hành do người quản lý giao. d. THÀNH VIÊN: bao gồm người quản lý, nhân viên và những khách hàng đã đăng ký. Sau khi đăng nhập để trở thành thành viên, ngoài những chức năng chung của người sử dụng, còn có thêm một số chức năng khác phục vụ cho công việc cụ thể của từng đối tượng. Theo tính chất của các Actor, ta có thể tổng quát hoá chúng như sau: 4 Hình 1: Mối quan hệ giữa các tác nhân I. BIỂU ĐỒ PHÂN RÃ CHỨC NĂNG Hình 2: Biếu đồ phân rã chức năng II. BIỂU ĐỒ USE CASE 1) Biểu đồ User Case tổng quát 5 2) Biểu đồ User Case chi tiết a) UC Đăng ký, đăng nhập Hình 3: Biểu đồ UC của gói UC Đăng ký, đăng nhập. b) UC Quản lý thông tin cá nhân Hình 4: Biểu đồ UC của gói UC Quản lý thông tin cá nhân c) UC Quản lý danh sách các thành viên Hình 5: Biểu đồ UC của gói Quản lý danh sách thành 6 d) UC Quản lý danh mục sản phẩm Hình 5: Biểu đồ UC của gói Quản lý danh sách thành e) UC Mua hàng Hình 7: Biểu đồ UC của gói Mua hàng f) UC Xử lý đơn hàng Hình 8: Biểu đồ UC của gói tiếp nhận và xử lý đơn hàng 7 g) UC Tìm kiếm sản phẩm Hình 9: Biểu đồ UC của gói Tìm kiếm ĐẶC TẢ CÁC USE CASE 1) Hệ thống Đăng ký , Đăng nhập a) Đặc tả UC đăng ký thành viên - Tác nhân: Khách xem - Mô tả: cho phép khách xem đăng ký làm thành viên của hệ thống. - Tiền điều kiện: - Luồng sự kiện chính: 1. Khách xem chọn mục đăng kí thành viên 2. Form đăng kí thành viên hiển thị 3. Khách xem nhập thông tin cá nhân cần thiết vào Form đăng kí 4. Nhấn nút Đăng ký 5. Hệ thống thông báo kết quả quá trình nhập thông tin cá nhân. (Nếu thông tin nhập không chính xác thì thực hiện luồng nhánh A1. Nếu nhập chính xác thì thực hiện bước 6) 6. Hệ thống cập nhật thông tin của khách vào danh sách thành viên 7. UC kết thúc - Luồng sự kiện rẽ nhánh: Luồng nhánh A1: Quá trình nhập thông tin không chính xác 1. Hệ thống thông báo thông tin nhập không chính xác 2. Hệ thống yêu cầu khách xem nhập thông tin lại 3. Nếu khách xem đồng ý thì quay về bước 2 của luồng sự kiện chính, nếu không đồng ý thì UC kết thúc. - Hậu điều kiện: Khách xem trở thành thành viên của hệ thống b) Đặc tả UC đăng nhập - Tác nhân: thành viên - Mô tả: UC cho phép thành viên đăng nhập vào hệ thống. - Tiền điều kiện: Thành viên chưa đăng nhập vào hệ thống - Luồng sự kiện chính: 1. Thành viên chọn chức năng đăng nhập 8 2. Form đăng nhập hiển thị 3. Nhập tên, mật khẩu vào Form đăng nhập 4. Hệ thống kiểm tra tên, mật khẩu của thành viên 5. Nếu đăng nhập thành công thì US kết thúc. Nếu thành viên nhập sai tên và mật khẩu thì thực hiện luồng nhánh A1. - Luồng sự kiện rẽ nhánh: Luồng nhánh A1: Thành viên đăng nhập không thành công 1. Hệ thống thông báo quá trình đăng nhập không thành công 2. Chọn Đăng ký hay Nhập lại Nếu chọn Đăng ký thực hiện như phần a 3. Hệ thống yêu cầu thành viên nhập lại tên và mật khẩu 4. Nếu khách xem đồng ý thì quay về bước 2 của luồng sự kiện chính, nếu không đồng ý thì UC kết thúc - Hậu điều kiện: Thành viên đã đăng nhập thành công và có thể sử dụng chức năng mà hệ thống cung cấp 2) Hệ thống Quản lý thông tin cá nhân a) Đặc tả UC xem thông tin tài khoản - Tác nhân: thành viên của hệ thống, bao gồm: người quản lý, nhân viên, khách hàng đã đăng ký thành viên - Mô tả: UC cho phép thành viên của hệ thống xem các thông tin cá nhân của mình - Tiền điều kiện: thành viên đã đăng nhập vào hệ thống - Luồng sự kiện chính: 1. Thành viên chọn mục Xem thông tin tài khoản trong mục Tài khoản 2. Form xem thông tin thành viên xuất hiện, hệ thống hiển thị thông tin tài khoản của thành viên 3. UC kết thúc - Hậu điều kiện: không có b) Đặc tả UC sửa thông tin tài khoản - Tác nhân: thành viên của hệ thống - Mô tả: UC cho phép thành viên thay đổi các thông tin tài khoản - Tiền điều kiện: thành viên phải đăng nhập vào hệ thống - Luồng sự kiện chính: 1. Thành viên chọn chức năng sửa thông tin cá nhân. 2. Hệ thống hiển thị form sửa thông tin với các thông tin cũ của thành viên hiện tại 3. Thành viên nhập các thông tin mới 4. Nhấn nút lưu thông tin 5. Nếu việc cập nhật thành công thì thực hiện bước 6. Nếu sai thực hiện luồng sự kiện rẽ nhánh A1 6. Lưu thông tin 7. UC kết thúc. - Luồng sự kiện rẽ nhánh A1: thông tin nhập không hợp lệ 1. Hệ thống báo cáo việc nhập thông tin không hợp lệ 2. Thành viên nhập lại thông tin 3. Quay lại bước 4 của luồng sự kiện chính -Hậu điều kiện: thông tin thành viên được lưu vào hệ thống 3) Hệ thống quản lý danh mục sản phẩm - Tác nhân: người quản lý 9 - Mô tả: UC cho phép người quản lý thêm, xoá, thay đổi thông tin của các sản phẩm trong danh mục - Tiền điều kiện: người quản lý phải đăng nhập vào hệ thống - Luồng sự kiện chính: 1. Người quản lý chọn kiểu tác động lên sản phẩm: thêm sản phẩm, thay đổi thông tin sản phẩm, xoá sản phẩm ra khỏi danh mục. 1.1 Thêm sản phẩm a. Hệ thống hiển thị Trang nhập thông tin sản phẩm b. Lưu thông tin c. Nếu sai thực hiện luồng sự kiện rẽ nhánh A1. 1.2 Thay đổi thông tin sản phẩm a. Hệ thống hiển thị Trang nhập thông tin sản phẩm b. Người quản lý nhập các thông tin cần thay đổi c. Lưu thông tin d. Nếu sai thực hiện luồng sự kiện rẽ nhánh A1. 1.3 Xóa sản phẩm a. Người quản lý chọn sản phẩm cần xóa b. Nhấn nút xóa để loại bỏ sản phẩm c. Hệ thống hiển thị thông báo xác nhận loại bỏ d. Chọn đông ý e. Hệ thống hiển thọ danh sách sản phẩm. 2. UC kết thúc. - Luồng sự kiện rẽ nhánh A1: 1. Hệ thống thông báo việc nhập dữ liệu khoomg hợp lệ 2. Người quản lý nhập lại thông tin 3. Lưu thông tin -Hậu điều kiện: các thông tin về sản phẩm được cập nhật vào cơ sở dữ liệu 4) Hệ thống quản lý Danh sách thành viên Tương tự như UC Quản lý danh mục sản phẩm. 5) Hệ thống Mua hàng a) Đặc tả UC chọn sản phẩm cần mua - Tác nhân: khách hàng - Mô tả: UC cho phép khách hàng chọn sản phẩm cần mua để đưa vào giỏ hàng - Tiền điều kiện: sản phẩm cần chọn phải hiển thị trên hệ thống. - Luồng sự kiện chính: 1. Khách hàng chọn vào mục cần mua hàng 2. Hệ thống hiển thị các sản phẩm có trong mục đã chọn 3. Khách hàng xem thông tin về sản phẩm cần mua 4. Nếu hệ thống hiển thị có sản phẩm cần mua, khách hàng chọn vào sản phẩm cụ thể cần mua. Nếu không thì thực hiện luồng sự kiện rẽ nhánh A1. 5. UC kết thúc. - Luồng sự kiện rẽ nhánh A1: 1. Khách hàng chọn mua các sản phẩm ở mục khác. 2. Quay lại bước 4 của luồng sự kiện chính. - Hậu điều kiện: Sản phẩm cần mua được chọn xong. b) Đặc tả UC thêm sản phẩm vào giỏ hàng 10 - Tác nhân: khách hàng - Mô tả: UC cho phép đưa sản phẩm đã chọn vào giỏ hàng. - Tiền điều kiện: sản phẩm đã được chọn. - Luồng sự kiện chính: 1. Chọn chức năng Thêm vào giỏ hàng để đưa sản phẩm đã chọn vào lưu trữ trong giỏ hàng. Nếu chưa chọn sản phẩm mà nhấn nút thêm vào giỏ hàng thì thực hiện luồng sự kiện rẽ nhánh A1. 2. Hệ thống hiển thị thông tin đã chọn trong Giỏ hàng. 3. UC kết thúc - Luồng sự kiện rẽ nhánh A1: chưa chọn sản phẩm cần mua 1. Hệ thống thông báo sản phẩm chưa được chọn. 2. Hiển thị sản phẩm để khách hàng chọn. 3. Quay lại bước 1 của luồng sự kiện chính. - Hậu điều kiện: Thông tin sản phẩm đã đua vào giỏ hàng phải được lưu trữ. c) Đặc tả UC loại sản phẩm đã chọn ra khỏi giỏ hàng - Tác nhân: khách hàng - Mô tả:UC cho phép khách hàng loại bỏ sản phẩm đã đưa vào giỏ hàng - Tiền điều kiện: giỏ hàng đã có sản phẩm - Luồng sự kiện chính: 1. Khách hàng chọn sản phẩm cần loại bỏ ra khỏi giỏ hàng 2. Nhấn loại bỏ 3. Nếu có sản phẩm được chọn, hệ thống hiển thị thông báo để khách hàng xác nhận lại. Ngược lại, thực hiện luồng sự kiện rẽ nhánh A1 4. Nếu chấp nhận thì sản phẩm được chọn sẽ bị loại bỏ. Nếu không thì thực hiện luồng sự kiện rẽ nhánh A2. 5. Hệ thống hiển thị đã loại bỏ thành công. 6. UC kết thúc. - Luồng sự kiện rẽ nhánh A1: Sản phẩm chưa được chọn 1. Hệ thống thông báo chưa chọn sản phẩm cần loại bỏ 2. Quay lại bước 1 của luồng sự kiện chính - Luồng sự kiện rẽ nhánh A2: Quay lại giỏ hàng 1. Hệ thống hiển thị danh sách sản phẩm trong giỏ hàng 2. UC kết thúc. d) Đặc tả UC thanh toán - Tác nhân: khách hàng - Mô tả:UC cho phép khách hàng tạo đơn hàng để tiến hành thanh toán giỏ hàng sản phẩm - Tiền điều kiện: khách hàng đã chọn sản phẩm vào giỏ hàng - Luồng sự kiện chính: 1. Khách hàng nhấn thanh toán để tạo đơn hàng. 2. Form thanh toán xuất hiện, hệ thống hiển thị đơn hàng và một số thông tin mặc định của đơn hàng. 3. Khách hàng nhập tiếp các thông tin: họ tên, số điện thoại, phương thức thanh toán, địa chỉ giao hàng, địa chỉ email đê hoàn thành đơn hàng. 4. Chọn gửi đơn hàng. Nếu đơn hàng đã nhập đúng thì thực hiện bước 5. Nếu sai thì thực hiện luồng sự kiện rẽ nhánh A1. 11 5. Hệ thống kiểm tra tài khoản của khách hàng và phương thức thanh thức thanh toán. Nếu hợp lệ thì thực hiện bước 6. Nếu sai thì thực hiện luồng sự kiện rẽ nhánh A2. 6. Hệ thống thông báo giao dịch thành công. 7. UC kết thúc. - Luồng sự kiện rẽ nhánh A1: đơn hàng nhập sai 1. Hệ thống thông báo việc tạo đơn hàng không thành công 2. Hệ thống hiển thị lại Form thông tin và các trường nhập sai 3. Khách hàng nhập lại thông tin, nếu muốn ngưng giao dịch thì thực hiện luồng rẽ nhánh A3. 4. Quay lại bước 4 của luồng sự kiện chính. - Luồng sự kiện rẽ nhánh A2: Tài khoản không hợp lệ. 1. Hệ thống thông báo phương thức thanh toán và tài khoản của khách hàng không hợp lệ. 2. Khách hàng nhập lại thông tin nếu muốn tiếp tục mua hàng, nếu muốn ngưng giao dịch thì thực hiện luồng sự kiện rẽ nhánh A3. 3. Quay lại bước 4 của luồng sự kiện chính. - Luồng sự kiện rẽ nhánh A1: khách hủy đơn hàng. 1. Khách hàng nhấn huỷ bỏ đơn hàng. 2. Hệ thống hiển thị các sản phẩm để khách hàng thực hiện giao dịch mới 3. UC kết thúc - Hậu điều kiện: Đơn hàng được gửi đi. e) Hệ thống tiếp nhận và xử lý đơn hàng - Tác nhân: người quản lý - Mô tả:UC cho phép người quản lý nhận các thông tin về đơn hàng của khách hàng - Tiền điều kiện: đơn hàng đã được tạo ra - Luồng sự kiện chính: 1. Hệ thống thông báo có đơn hàng mới 2. Người quản lý chọn xem đơn hàng mới 3. Hệ thống hiển thị thông tin về đơn hàng mà người quản lý muốn xem 4. Người quản lý xem các yêu cầu của đơn hàng. 5. UC kết thúc. f) Tìm kiếm sản phẩm - Tác nhân: Khách hàng - Mô tả:UC cho phép khách hàng tìm kiếm sản phẩm theo tên và giá của sản phẩm - Luồng sự kiện chính: 1. Khách hàng chọn thanh tìm kiếm trên phần Menu của Website 2. Nhập tên sản phẩm hoặc giá sản phẩm cần tìm kiếm 3. Hệ thống truy xuất thông tin sản phẩm dựa trên thông tin cần tim kiếm và hiển thị cho người dùng. Nếu không tìm thấy sản phẩm nào, thực hiện luồng sự kiện rẽ nhánh A1. 4. UC kết thúc - Luồng sự kiện rẽ nhánh A1: không tìm thấy sản phẩm 1. Hệ thống xuất ra thông báo “Không tìm thấy sản phẩm” 2. Khách hàng nhập lại thông tin sản phẩm cần tìm kiếm hoặc hủy bỏ 3. UC kết thúc. 12 III. BIỂU ĐỒ LỚP Hình 10: Biểu đồ lớp IV. BIỂU ĐỒ TRẠNG THÁI CỦA CÁC USE CASE 1) UC Đăng ký Hình 11: Biểu đồ trạng thái của UC Đăng ký thành viên 2) UC Đăng nhập 13 Hình 12: Biểu đồ trạng thái của UC Đăng nhập 3) UC Sửa thông tin cá nhân Hình 13: Biểu đồ trạng thái của UC Sửa thông tin cá nhân 4) UC Quan lý danh sách các thành viên Hình 14: Biểu đồ trạng thái của UC Quản lý danh sách thành viên 5) UC Quản lý danh mục sản phẩm Tương tự UC Quản lý danh sách thành viên 6) UC Mua hàng, tiếp nhận và xử lý đơn hàng 14 Hình 15: Biểu đồ trạng thái của UC Mua hàng, tiếp nhận và xử lý đơn hàng 7) UC Tìm kiếm Hình 16: Biểu đồ trạng thái của UC Mua hàng, tiếp nhận và xử lý đơn hàng V. BIẾU ĐỒ TUẦN TỰ 1) UC Đăng ký thành viên 15 Hình 17: Biểu đồ tuần tự của UC Đăng ký thành viên 2) UC Đăng nhập Hình18 : Biểu đồ tuần tự của UC Đăng nhập 3) UC Sửa thông tin cá nhân 16 Hình 19: Biểu đồ tuần tự của UC Sửa thông tin cá nhân 4) UC Quản lý danh sách thành viên Hình 20: Biểu đồ tuần tự của UC Quản lý danh sách thành viên 5) UC Quản Lý Danh mục sản phẩm Tương tự Use case Quản lý danh sách thành viên 6) UC Mua hàng, tiếp nhận và xử lý đơn hàng 17 Hình 21: Biểu đồ tuần tự của UC Mua hàng 7) Tìm kiếm sản phẩm Hình 22: Biểu đồ tuần tự của UC Tìm kiếm sản phẩm 18 19 C. THIẾT KẾ HỆ THỐNG 1) Trang chủ 20