Báo Cáo: Xây Dựng Website Bán Giày

- Sản phẩm được sắp xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm 1.2.2.Yêu cầu Có 2 đối tượng sử dụng cơ bản là người dùng và nhà quản trị: * Người dùng: Qua Website, khách hàng

2.6.5 Biểu đồ hoạt động xem chi tiết sản phẩm 26

3.2.12 Kiểm thử xóa người dùng 57

DANH MC HÌNH ẢNH

Hình 2.1.2 Biểu đồ usecase tổng quan 14

Hình 2.2.1.1 Biểu đồ usecase đăng nhập 15

Hình 2.2.1.2 Biểu đồ hoặt động đăng nhập 16

Hình 2.2.1.3 Biểu đồ trình tự đăng nhập 18

Hình 2.2.2.1 Biểu đồ usecase đăng ký 18

Hình 2.2.2.2 Biểu đồ hoạt động đăng ký 19

Hình 2.2.2 3 Biểu đồ trình tự đăng ký 20

Hình 2.2.3.1 Biểu đồ usecase tìm kiếm 21

Hình 2.2.3.2 Biểu đồ hoạt động tìm kiếm 22

Hình 2.2.4.1 Biểu đồ usecase quản lý sản phẩm 23

Hình 2.2.4.2 Biểu đồ hoạt động quản lý sản phẩm 24

Hình 2.2.4.3 Biểu đồ trình tự quản lý sản phẩm 25

Hình 2.2.5.1 Biểu đồ usecase quản lý danhmục sản phẩm 26

Hình 2.2.5.2 Biểu đồ hoạt động quản lý danh mục sản phẩm 27

Hình 2.2.5.3 Biểu đồ trình tự quản lý danh mục sản phẩm 28

Hình 2.2.6.1 Biểu đồ usecase quản lý xác nhận đơn hàng 28

Hình 2.2.6.2 Biểu đồ hoạt động xác nhận đơn hàng 30

Hình 2.2.7.1 Biểu đồ usecase hủy đơn hàng 31

Hình 2.2.7.2 Biểu đồ hoạt động hủy đơn hàng 32

Hình 2.2.7.3 Biểu đồ trình tự hủy đơn hàng 33

Hình 2.2.8.1 Biểu đồ usecase quản lý khách hàng 33

Hình 2.2.8.2 Biểu đồ hoạt động quản lý khách hàng 35

Hình 2.2.8.3 Biểu đồ trình tự quản lý khách hàng 36

Hình 2.2.9.3 Biểu đồ trình tự đặt hàng 38

Hình 2.2.10.1 Biểu đồ usecase thanh toán online 38

Hình 2.2.10.2 Biểu đồ hoạt động thanh toán online 39

Hình 2.2.10.3 Biểu đồ trình tự thanh toán online 40

Hình 2.2.11.1 Biểu đồ usecase thống kê 41

Hình 2.2.12.1 Biểu đồ usercase đánh giá sản phẩm 43

Hình 2.2.12.3 Biểu đồ trình tự đánh giá sản phẩm 45

Hình 2.3.1 Cơ sở dữ liệu hệ thống website bán thiết bị điện tử 46

Hình 3.2.1 Giao diện trang chủ web 50

Hình 3.2.2 Giao diện thanh toán sản phẩm 51

Hình 3.2.3 Giao diện chi tiết sản phẩm 52

Hình 3.2 5 Giao diện đăng nhập web 54

Hình 3.2.9 Giao diện quản lý chi tiết đơn hàng 57

DANH MC BẢNG BIỂU Bảng 2.2.1.1 Đặc tả usecase đăng nhập 17

Bảng 2.2.1.2 Kiểm tra dữ liệu đăng nhập 19

Bảng 2.2.2.1 Đặc tả usecase đăng ký 20

Bảng 2.2.3.1 Đặc tả usecase tìm kiếm 23

Bảng 2.2.4.1 Đặc tả usecase quản lý sản phẩm 25

Bảng 2.2.5.1 Đặc tả usecase quản lý danh mục sản phẩm 28

Bảng 2.2.6.1 Đặc tả usecase quản lý xác nhận đơn hàng 32

Bảng 2.2.7.1 Đặc tả usecase hủy đơn hàng 34

Bảng 2.2.8.1 Đặc tả usecase quản lý khách hàng 37

Bảng 2.2.9.1 Đặc tả usecase đặt hàng 39

Bảng 2.2.10.1 Đặc tả usecase thanh toán 41

Bảng 2.2.11.1 Đặc tả usecase quản lý thống kê 44

Bảng 2.2.12.1 Đặc tả usecase đánh giá 46

DANH MC CÁC KÝ HIỆU PHẦN TỬ MÔ

Biểu đồ USE CASE

Tác nhân

(Actor)

Một người / nhóm người hoặc một thiết bị hoặc hệ thống tác động hoặc thao tác đến chương trình.

từ use case kia

LỜI NÓI ĐẦU

Ngày nay, công nghệ thông tin đã có những bước phát triểnmạnh mẽ theo cả chiều rộng và sâu Máy tính điện tử không còn là mộtthứ phương tiện quý hiếm mà đang ngày càng trở thành một công cụlàm việc và giải trí thông dụng của con người, không chỉ ở công sở màcòn ngay cả trong gia đình

Đứng trước vai trò của thông tin hoạt động cạnh tranh gay gắt,các tổ chức và các doanh nghiệp đều tìm mọi biện pháp để xây dựnghoàn thiện hệ thống thông tin của mình nhằm tin học hóa các hoạt độngtác nghiệp của đơn vị

Hiện nay các công ty tin học hàng đầu thế giới không ngừng đầu

tư và cải thiện các giải pháp cũng như các sản phẩm nhằm cho phéptiến hành thương mại hóa trên Internet Thông qua các sản phẩm vàcông nghệ này, chúng ta dễ dàng nhận ra tầm quan trọng và tính tất yếucủa thương mại điện tử Với những thao tác đơn giản trên máy có nốimạng Internet bạn sẽ có tận tay những gì mình cần mà không phải mấtnhiều thời gian

Để tiếp cận và góp phần đẩy mạnh sự phổ biến ở Việt Nam,nhóm em đã quyết định thực hiện đề tài “Xây dựng Website bán giàyshoes”

Với sự hướng dẫn tận tình của thầy Đặng Trần Đức, nhóm em đãhoàn thành đề tài này Tuy đã cố gắng hết mình nhưng do thời gian cóhạn, năng lực bản thân còn nhiều hạn chế nên chắc rằng không tránh

khỏi những thiếu sót Em rất mong nhận được sự thông cảm và đónggóp của quí thầy cô.

Em xin chân thành cảm ơn

CHƯƠNG 1 KHẢO SÁT HIỆN TRẠNG VÀ XÁC LẬP DỰ ÁN 1.1.Khảo sát hiện trạng

Website được xây dựng do nhu cầu muốn mua hàng trực tuyến một cách

dễ dàng, người thân ở xa cũng có thể ở xa cũng có thể mua hàng trực tuyến một cách dẽ dàng mà không quan ngại đến sản phẩm, giá cả

Chúng ta xây dựng hệ thống mới nhằm mục đích giúp người dùng có thể tiếp cận tốt hơn Việc khảo sát nhằm để:

- Tiếp cận với khách hàng tốt hơn

- Tìm hiểu thêm các chức năng, nhiệm vụ và cùng cách hoạt động của hệ

- Cơ hội quảng bá không giới hạn, mở cửa trao đổi thông tin 24h/ngày

- Tạo ra hình ảnh của sản phẩm bán hàng được tổ chức khoa học và hiệu quả

- Phương tiện tốt nhất để bạn tiếp thị sản phẩm dịch vụ và hình ảnh của mình theo

Dự án “Xây dựng website quản lý và bán giày shoes” tạo ra website kinhdoanh mặt hàng, chi phí thiết kế thấp, giao diện khách hàng đẹp mắt, việc quản lýtrở nên dễ dàng, tối ưu hóa cơ sở dữ liệu.

1.2.Xác lập dự án

1.2.1.Mục đích

- Đáp ứng nhu cầu mua bán ngày càng phát triển của xã hội, xây dựng nên mộtmôi trường làm việc hiệu quả

- Thúc đẩy phát triển buôn bán trực tuyến

- Rút ngắn khoảng cách giữa người mua và người bán, tạo ra một Website trựctuyến có thể đưa nhanh thông tin cũng như việc trao đổi mua bán các loạiđiện thoại qua mạng

- Việc quản lý hàng trở nên dễ dàng

- Sản phẩm được sắp xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm

1.2.2.Yêu cầu

Có 2 đối tượng sử dụng cơ bản là người dùng và nhà quản trị:

* Người dùng: Qua Website, khách hàng có thể xem thông tin, lựa chọnnhững sản phẩm ưa thích ở mọi nơi thậm chí ngay trong phòng làm việc của mình

* Nhà quản trị: Nhà quản trị có toàn quyền sử dụng và cập nhật sản phẩm,hoá đơn, quản lý khách hàng, đảm bảo tính an toàn cho Website

1.2.3.Xác định phạm vi(chức năng chính)

- Đáp ứng nhu cầu thị trường, thông tin sản phẩm luôn được cập nhật đáp ứng nhu cầu của người mua

- Hỗ trợ tư vấn người mua sản phẩm, tiết kiệm được chi phí và thời gian

- Màu sắc bắt mắt phù hợp với lĩnh vực quảng cáo giới thiệu marketing

- Dễ sử dụng cho khách hàng

- Hỗ trợ quản trị viên quản lý tốt website

1.2.4.Kế hoạch triển khai

- Người dùng truy cập vào Website có thể xem, tìm kiếm, mua các sảnphẩm,hoặc đặt hàng sản phẩm

- Các sản phẩm được sắp xếp hợp lý Vì vậy người dùng sẽ có cái nhìn tổngquan về tất cả các sản phẩm hiện có.

- Người dùng có thể xem chi tiết từng sản (có hình ảnh minh hoạ sản phẩm)

- Khi đã chọn được món hàng vừa ý thì người dùng click vào nút cho vào giỏhàng hoặc chọn biểu tượng giỏ hàng để sản phẩm được cập nhật trong giỏhàng

- Người dùng vẫn có thể quay trở lại trang sản phẩm để xem và chọn tiếp, cácsản phẩm đã chọn sẽ được lưu vào trong giỏ hàng

- Khách hàng cũng có thể bỏ đi những sản phẩm không vừa ý đã có trong giỏhàng

- Nếu đã quyết định mua các sản phẩm trong giỏ hàng thì người dùng clickvào mục thanh toán để hoàn tất việc mua hàng, hoặc cũng có thể huỷ muahàng

- Đơn giá của các món hàng sẽ có trong giỏ hàng

- Người dùng sẽ chọn các hình thức vận chuyển, thanh toán hàng do hệ thống

đã định

CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

2.1 Yêu cầu chức năng

Quản trị viên (Admin)

- Đăng nhập, đăng xuất

- Quản trị viên (Admin): Quản lý trực tiếp trang web, chịu trách nhiệm

vận hành và bảo trì trang web Quản trị viên chịu trách nhiệm quản lý thông tin sản phẩm, bảo mật thông tin trên website

- Khách hàng (Customer): Có các chức năng cơ bản của người xem

(Viewer) Thực hiện chức năng thanh toán và xem thông tin cá nhân tài khoản của mình

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

- Hệ thống chạy đúng, ổn định

10

- Giao diện thân thiện, dễ sử dụng.

- Đáp ứng hầu hết các yêu cầu của người dù

2.4 Mô hình Use Case

Description Tóm gọn sự tương tác được thể hiện trong Use Case

Actor Những đối tượng thực hiện sự tương tác Use Case

Pre-condition Điều kiện

Post-condition Những thứ sẽ xuất hiện sau khi Use Case được thưc

hiện

Trigger Điều kiện kích hoạt Use Case xảy ra

Basic flow Luồng tương tác chính giữa Actor và System để Use

Case được thực hiện thành công

Alternative flow Luồng tương tác thay thế giữa các Actor và System để

Use Case thực hiện thành công

Exception flow Luồng tương tác ngoại lệ giữa Actor và System mà Use

Case thực hiện thất bại

2.4.2 Xác định các Use Case

Quản trị viên Đăng nhập, quản lý thông tin sản phẩm, quản lý loại sản

phẩm, quản lý khách hàng, quản lý đơn hàng, quản lý

2.5 Xây dựng biểu đồ Use Case các chức năng

2.5.1 Biểu đồ Use Case tổng quát

Hình 2.5.1: Sơ đồ Use Case tổng quát

12

2.5.2 Biểu đồ Use Case Case đặt hàng

Hình 2.5.2: Sơ đồ Use Case đặt hàng

Post-condition Đơn hàng được xác nhận và sẽ giao hàng

Trigger Nhấn [Thanh toán]

Basic flow 1 Nhấn [Thanh toán].

2 Đơn hàng chuyển vào trạng thái “Đang giao”

Alternative flow N/A

2.5.3 Biểu đồ Use Case Case đánh giá sản phẩm đã mua

Hình 2.5.3: Sơ đồ Use Case đánh giá đã mua

Đặc tả Use Case – đánh giá

Basic flow 1 Nhấn [Đánh giá]

Alternative flow N/A

2.5.4 Biểu đồ Use Case đăng nhập, đăng xuất

Hình 2.5.4: Sơ đồ Use Case đăng nhập, đăng xuất

14

Đặc tả Use Case – Đăng nhập

Description Cho phép actor đăng nhập vào hệ thống

Pre-condition Actor đã có tài khoản tạo sẵn

Post-condition Nếu đăng nhập thành công – truy cập vào Website

Trigger Actor nhấn [Đăng nhập]

Basic flow

1 Nhấn [Đăng nhập]

2 Hiển thị màn hình đăng nhập

3 Actor nhập tên đăng nhập và mật khẩu

4 Nhấn nút [Đăng nhập] hoặc nhấn Enter

Alternative flow N/A

Exception flow Nếu thất bại – thông báo lỗi

Đặc tả Use Case 2 – Đăng Xuất

Description Cho phép actor đăng xuất khỏi tài khoản hệ thống

Pre-condition Đăng nhập vào thành công vào hệ thống

Post-condition Đăng xuất tài khoản – quay lại trang Đăng nhập

Trigger Actor nhấn [Đăng xuất]

Basic flow Nhấn [Đăng xuất]

Alternative folow N/A.

Exception flow N/A

2.5.5 Biểu đồ Use Case Quản lý đăng ký

Hình 2.5.5: Sơ đồ Use Case đăng ký

Đặc tả Use Case 3 – Đăng ký

Description Cho phép actor tạo tài khoản thành viên

Pre-condition Actor phải điền đầy đủ thông tin và đúng định dạng

Post-condition Tài khoản thành viên mới được tạo

Trigger Actor nhấn [Đăng ký]

Basic flow

1 Nhập thông tin tài khoản

2 Nhấn [Đăng ký]

3 Thông báo kết quả đăng ký

Alternative flow N/A

Exception Nhập thông tin không đúng định dạng – thông báo lỗi.

Đăng ký không thành công – thông báo lỗi

16

2.5.6 Biểu đồ Use Case Quản lý sản phẩm

Hình 2.5.6: Sơ đồ Use Case quản lý danh mục sản phẩm

Đặc tả Use Case – Quản lý sản phẩm

Post-condition Hiển thị danh sách thông tin sản phẩm

Trigger Actor chọn [Quản lý]/ [Sản phẩm]

Basic flow

1 Chọn [Quản lý]

2 Chọn [Sản phẩm]

3 Danh sách được load và hiển thị danh sách sản phẩm

Alternative flow N/A

Exception Không có dữ liệu

2.5.7 Biểu đồ Use Case quản lý loại sản phẩm

Hình 2.5.7: Sơ đồ Use Case quản lý loại sản phẩm

Đặc tả Use Case – Quản lý loại sản phẩm

Description Cho phép actor thêm, sửa, xóa loại sản phẩm

Pre-condition Đăng nhập

Post-condition Hiển thị danh sách loại sản phẩm

Trigger Actor chọn [Quản lý]/ [Loại sản phẩm]

Exception Không có dữ liệu.

2.5.8 Biểu đồ Use Case Case tìm kiếm

Hình 2.5.8: Biểu đồ usecase tìm kiếm

Đặc tả Use Case – Tìm kiếm sản phẩm

Description Cho phép actor tìm kiếm sản phẩm

Pre-condition Actor phải nhập thông tin sản phẩm

Post-condition Thông tin sản phẩm sẽ xuất hiện (nếu có)

Trigger Actor nhập thông tin sản phẩm cần tìm vào ô tìm kiếm

2.5.9 Biểu đồ Use Case Case thống kê

Hình 2.5.9: Sơ đồ Use Case thống kê

Đặc tả Use Case – Quản lý thông kế

Description Cho phép actor quản lý thống kê doanh thu: theo loại,

theo khách hàng, theo năm, theo quý, theo tháng

Pre-condition Đăng nhập

Post-condition Hiển thị danh sách thống kê

Trigger Actor chọn [Thống kê]

Basic flow 1 Chọn [Thống kê].

2 Danh sách được load và hiển thị các thống kê

Alternative flow N/A

Exception Không có dữ liệu

20

2.6 Biểu đồ hoạt động

2.6.1 Biểu đồ hoạt động đánh giá sản phẩm

Hình 2.6.1: Biểu đồ hoạt đô Bng chCc đánh giá sản phẩm

❖ Mô tả hoạt động:

Use case cho phép người dùng truy cập vào website để viết bình luận đánh giá về chất lượng sản phẩm

- Dòng sự kiện khác: Không có

- Yêu cầu đặc biệt: Không có

- Tiền điều kiện: không có

- Hậu điều kiện: Nếu use case thành công thì người dùng sẽ có quyền sử dụng

hệ thống để viết bình luận, đánh giá

- Luồng sự kiện:

+ Sau khi truy cập website, hệ thống sẽ hiện ra mục đánh giá của khách hàng, những đánh giá của khách hàng về chất lượng và sản phẩm của web

2.6.2 Biểu đồ hoạt động đăng nhập, đăng xuất

Hình 2.6.2.a: Biểu đồ hoạt đô Bng chCc năng đăng nhâ Bp

Mô tả hoạt đô ¢ng:

Bước 1: Người dùng gửi yêu cầu đăng nhâ ¢p vào hê ¢ thống bằng cách click vào nút

“Đăng nhâ ¢p”

Bước 2: Màn hình hiển thị giao diê ¢n đăng nhâ ¢p

Bước 3: Người dùng nhâ ¢p vào tài khoản và mâ ¢t khẩu

Bước 4: Hê ¢ thống kiểm tra tính hợp lê ¢ của dữ liê ¢u đầu vào:

✔Dữ liệu hợp lệ Chuyển sang Bước 5

✔Dữ liệu không hợp lệ Chuyển sang bước 3

Bảng 3.2 Các trường hợp dữ liệu không hợp lệ

Dữ liệu không hợp lệ Thông báo hệ thống

22

Tài khoản chứa khoảng trắng Tài khoản không được chứa khoảng

trắngMật khẩu chứa khoảng trắng Mật khẩu không được chứa khoảng

trắngTài khoản chứa kí tự đặc biệt Tài khoản không được chứa kí tự đặc

biệt Tài khoản ít hơn 3 kí tự Tài khoản tối thiểu 3 kí tự

Tài khoản nhiều hơn 50 kí tự Tài khoản tối đa 50 kí tự

Mật khẩu ít hơn 6 kí tự Mật khẩu tối thiểu 6 kí tự

Mật khẩu nhiều hơn 30 kí tự Mật khẩu tối đa 30 kí tự

Bước 5: Hệ thống kiểm tra thông tin đăng nhập trong CSDL:

✔Nếu dữ liê ¢ u tồn tại trong CSDL Chuyển sang Bước 6

✔Nếu dữ liê ¢ u không tồn tại trong CSDL thông báo “Sai tên tài khoản hoă ¢c

mâ ¢t khẩu” và trở lại Bước 3

Bước 6: Cấp quyền đăng nhập cho người dùng

Hình 2.6.2.b: Biểu đồ hoạt đô Bng chCc năng đăng xuất

Mô tả hoạt đô ¢ng:

Bước 1: Người dùng gửi yêu cầu đăng xuất khỏi hê ¢ thống bằng cách click vào nút

“Đăng xuất”

Bước 2: Hê ¢ thống yêu cầu người dùng xác nhâ ¢n đăng xuất

Bước 3: Người dùng xác nhận đăng xuất

Bước 4: Hê ¢ thống thực hiê ¢n đăng xuất tài khoản người dùng ra khỏi hê ¢ thống và thông báo “Đăng xuất thành công”

2.6.3 Biểu đồ hoạt động tìm kiếm sản phẩm

24

Hình 2.6.3: Biểu đồ hoạt động tìm kiếm sản phẩm

❖ Mô tả hoạt động:

Bước 1: Người dùng nhập từ khóa tìm kiếm

Bước 2: Hệ thống lấy ra danh sách sản phẩm và đối chiếu với từ khóa người dùng nhập vào và đưa ra kết quả

Bước 3: Hiển thị kết quả ra màn hình

2.6.4 Biểu đồ hoạt động quản lý sản phẩm

Hình 2.6.4: Biểu đồ hoạt động quản lý sản phẩm

❖ Mô tả hoạt đô¢ng:

Bước 1: Người dùng gửi yêu chức năng Quản lý sản phẩm bằng cách chọn mục

“Quản lý sản phẩm”

Bước 2: Hê ¢ thống hiển thị giao diê ¢n chức năng quản lý sản phẩm

Bước 3: Người dùng lựa chọn và thao tác với các chức năng có trong giao diê ¢n hiểnthị như thêm, sửa hay xóa thông tin sản phẩm và sau đó lưu lại kết quả

Bước 4: Hê ¢ thống kiểm tra tính hợp lê ¢ của dữ liê ¢u được lưu vào CSDL(Vd: Ngườidùng có điền hết các trường dữ liê ¢u bắt buô ¢c?, Người dùng có điền đúng kiểu dữliê ¢u của các cô ¢t thông tin?, Dữ liê ¢u đã trùng với dữ liê ¢u nào khác trong CSDL hay

ko ?,…)

● Nếu dữ liê ¢u hợp lê ¢ Chuyển sang bước 5

26

● Nếu dữ liê ¢ u không hợp lê ¢ thông báo “Lưu thất bại” đồng thời trở lạiBước 3.

Bước 5: Hệ thống thông báo “Lưu thành công”

2.6.5 Biểu đồ hoạt động xem chi tiết sản phẩm

Hình 2.6.5: Biểu đồ hoạt động xem chi tiết sản phẩm

❖ Mô tả hoạt động:

Bước 1: Người dùng chọn sản phẩm cần xem chi tiết

Bước 2: Hệ thống lấy dữ liệu và trả về kết quả

Bước 3: Hiển thị kết quả lên màn hình

Nếu hợp lệ chuyển sang bước 4

Nếu không hợp lệ chuyển về bước 2 và đưa ra thông báo

28

Dữ liệu không hợp lệ Thông báo hệ thống

Các ô dữ liệu để trống Vui lòng không bỏ trống ô nàyBước 4: Hệ thống tạo đơn hàng và lưu vào cơ sở dữ liệu

Bước 5: Hiển thị lên màn hình kết quả và đưa ra thông báo “Bạn đã đặt hàng thành công Chúng tôi sẽ liên hệ trong 24h để xác nhận đơn hàng”

2.6.7 Biểu đồ hoạt động thông kê

Hình 2.6.7: Biểu đồ hoạt động thống kê

❖ Mô tả hoạt động:

Bước 1: Người dùng gửi yêu chức năng thống kê doanh thu bằng cách chọn mục

“Thống kê doanh thu”

Bước 2: Hê ¢ thống hiển thị giao diê ¢n chức năng thống kê doanh thu

Bước 3: Người dùng nhập vào tháng, năm cần thống kê sau đó ấn nút thống kê trêngiao diện.

Bước 4: Hê ¢ thống kiểm tra tính hợp lê ¢ của dữ liê ¢u được lưu trong CSDL(Vd:Người dùng có điền hết các trường dữ liê ¢u bắt buô ¢c?, Người dùng có điền đúngkiểu dữ liê ¢u của các cô ¢t thông tin?, Dữ liê ¢u đã trùng với dữ liê ¢u nào khác trongCSDL hay ko ?,…)

2.7 Biểu đồ trình tự

2.7.1 Biểu đồ trình tự đánh giá sản phẩm

Hình 2.7.1: Biểu đồ trình tự chCc đánh giá sản phẩm

30