Báo cáo kết thúc học phần lập trình web tên đề tài xây dựng website bán sách

Để không phụ sự mong đợi của người dùng thì chúng ta cần phải liên tục cập nhật các loại sản phẩm của cửa hàng lên website, luôn sử dụng các loại hình ảnh rõ ràng và sát nét để khách hàn

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT

VIỆN KỸ THUẬT - CÔNG NGHỆ

Sinh viên: Nguyễn Trọng Hiệp - 1824801030162

Trần Văn Dương - 1824801030178

Bình Dương, năm 2020-2021

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT

VIỆN KỸ THUẬT - CÔNG NGHỆ

Sinh viên: Nguyễn Trọng Hiệp - 1824801030162

Trần Văn Dương - 1824801030178

Bình Dương, năm 2020-2021

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN HƯỚNG DẪN

Họ và tên giảng viên: Ths Nguyễn Hữu Vĩnh

Tên đề tài: Xây dựng website bán sách

Nội dung nhận xét:

Điểm:

Bằng số:

Bằng chữ:

GIẢNG VIÊN

(Ký, ghi rõ họ tên)

Nguyễn Hữu Vĩnh

LỜI GIỚI THIỆU

Ngày nay với xu hướng công nghiệp 4.0 trên thế giới nói chung, ở Việt Nam nóiriêng đang trên đà phát triển mạnh mẽ và không ngừng nâng cao chất lượng về mọimặt, Xu hướng phát triển trên toàn thế giới, đặt biệt ngành công nghệ thông tin làngành dẫn dầu của xu hướng công nghệ này đang trên đà phát triển mạnh Đi đôi với

xu hướng nhu cầu của con người ngày càng được nâng cao

Về mặt kiến thức là rất quang trọng đối với mọi người, và sách là một trongnhững nhu cầu rất lớn đối với mọi người, đặt biệt là học sinh, cái lứa tuổi cần trang bịnhiều kiến thức nhất chứ không phải là chiếc điện thoại SmartPhone

Để có được những cuốn sách hay trước kia chúng ta cần phải lặng lội đi xe đạphàng chục kilomet để có thể mua được một vài cuốn sách Nó gây lãng phí nhiều vềtiền bạc và thời gian, chưa kể khi di chuyển đi lại gặp nhiều rủi ro, Để cho mọi việcđược thuận lợi hơn chúng ta cần phải có nơi mua bán hàng hóa chất lượng và uy tín,giao hàng đến tận nhà để tránh phát sinh các sự cố

Nhà sách bình minh là một nhà sách khá nổi tiếng ở địa bàn tỉnh bình dương vàmột số khu vực lân cận Nhu cầu về sách ở đây cũng khá là nhiều, nhiều người thậmchí có thể bỏ thời gian và tiền bạc ra để có được những cuốn sách mới hoặc tạp chímới phát sóng, như vậy nhu cầu rất là cần

Nhận thức được nhu cầu đấy Chúng em đã xây dựng một website thương mạiđiện tử cho nhà sách bình minh ở bình dương, để tiện nhất cho khách hàng có thể ngồi

ở nhà và mua hàng, lựa chọn, xem và đọc những cuốn sách hay hoặc cuốn tạp chí mới

Và điều đặt biệt nhất là có thể mua hàng dù bất cứ nơi đâu trên mọi miền đất nước vớivài thao tác nhấp chuột

Đồng thời, em cũng cám ơn sự giúp đỡ, hỗ trợ và tạo điều kiện của thầy

Nguyễn Hữu Vĩnh để cho em hoàn thành môn học này Một lần nữa, em xin chânthành cám ơn sự giúp đỡ và hỗ trợ từ Thầy và cũng như các bạn của em!

Em chân thành cám ơn!

Mục lục

Chương 1 : Giới Thiệu 3

1.1 Giới thiệu đề tài 3

1.2 Phạm vi của đề tài 3

1.3 Chức năng chính của đề tài 4

1.4 Công nghệ trong dự án 4

1.4.1 Về ngôn ngữ lập trình: 4

1.4.2 Về nền tảng ứng dụng: 4

1.4.3 Về phần cứng: 4

Chương 2 : Phân tích và thiết kế hệ thống 5

2.1 Biểu đồ Class 5

2.1.1 Sơ đồ Class tổng quan 5

2.1.2 Mô tả từng Class 5

2.2 Biểu đồ Use-Case 10

2.2.1 Sơ đồ tổng quan 10

2.2.2 Đặc tả các use-case 10

2.3.2 Đăng nhập 19

2.3.3 Xem sản phẩm 20

2.3.4 Tìm kiếm sản phẩm 20

2.3.5 Đặt hàng 21

2.3.6 Kiểm tra tình trạng đơn hàng 21

2.3.7 Quản lý thông tin cá nhân 22

2.4 Biểu đồ hoạt động 22

2.4.1 Đăng ký 22

2.4.2 Đăng nhập 23

2.4.3 Xem sản phẩm 23

2.4.4 Tìm kiếm sản phẩm 24

2.4.5 Đặt hàng 24

2.4.6 Kiểm tra tình trạng đơn hàng 25

2.4.7 Quản lý thông tin cá nhân 25

Chương 3 : Giao diện của phần mềm 26

3.1 Giao diện người dùng 26

3.1.1 Giao diện trang đăng nhập 26

3.1.2 Giao diện trang chủ 27

3.1.3 Giao diện trang sách 28

3.1.4 Giao diện trang sách theo nhà sản xuất 28

3.1.5 Giao diện sách theo chủ đề 29

3.1.6 Giao diện trang liên hệ 30

3.1.7 Giao diện tìm kiếm sản phẩm sách 31

3.1.8 Giao diện giỏ hàng 32

3.1.9 Giao diện chi tiết sách 33

3.1.10 Giao diện đặt sách 34

3.1.11 Giao diện chi tiết đặt hàng 35

3.2 Giao diện Admin 36

3.2.1 Giao diện trang admin 36

3.2.2 Giao diện đăng nhập 36

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

3.2.4 Giao diện quản lý sách 37

3.2.5 Quản lý doanh thu 38

3.2.6 Quản lý khách hàng 38

Chương 4 : KẾT LUẬN 39

4.1 Kết quả đạt được 39

4.2 Những điểm chưa làm được 39

Chương 5 : TÀI LIỆU THAM KHẢO 40

Danh Mục Hình

Hình 1: Sơ đồ class tổng quát 7

Hình 2: Table Sach 8

Hình 3:Table NhaXuatBan 8

Hình 4: TableThamGia 9

Hình 5: Table KhachHang 9

Hình 6: Table ChuDe 10

Hình 7: Table TacGia 10

Hình 8: Table ChiTietDonHang 11

Hình 9: Table DonHang 11

Hình 10: Use-case tổng quan 12

Hình 11: Use-case đăng nhập 13

Hình 12: Use-case Đăng xuất 14

Hình 13:Use-case Xem sản phẩm 15

Hình 14:Use-case Xem giỏ hàng 15

Hình 15: Use-case Cập nhật giỏ hàng 16

Hình 16:Use-case Mua Hàng 17

Hình 17: Use-case Thanh Toán 18

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

Hình 19: Use-case cập nhật sản phẩm 20

Hình 20: Xem tình trạng đơn hàng 21

Hình 21: Sơ đồ Đăng ký 21

Hình 22: Sơ đồ Đăng Nhập 22

Hình 23: Sơ đồ Xem sản phẩm 22

Hình 24: Sơ đồ Tìm kiếm sản phẩm 23

Hình 25: Sơ đồ Đặt hàng 23

Hình 26: Sơ đồ Kiểm tra tình trạng đơn hàng 24

Hình 27:Sơ đồ Quản lý thông tin cá nhân 24

Hình 28:Sơ đồ hoạt động Đăng ký 25

Hình 29:Sơ đồ hoạt động Đăng nhập 25

Hình 30: Sơ đồ hoạt động xem sản phẩm 26

Hình 31: Sơ đồ hoạt động Tìm kiếm sản phẩm 26

Hình 32: Sơ đồ hoạt động Đặt hàng 26

Hình 33: Sơ đồ hoạt động Tình trạng đơn hàng 27

Hình 34:Sơ đồ hoạt động quản lý thông tin cá nhân 27

Hình 35: Trang chủ 28

Hình 36: Trang đăng ký 29

Hình 37: Trang đăng nhập 30

Hình 38: Trang chi tiết sản phẩm 31

Hình 38: Trang tìm kiếm sản phẩm 32

Hình 39:Trang sách theo danh mục chủ đề 33

Hình 40:Trang quản trị sản phẩm 34

Hình 40:Trang quản trị thêm mới sản phẩm 35

Hình 40:Trang quản trị xoá sản phẩm 35

Hình 41:Trang giỏ hàng 36

Hình 39:Trang chỉnh sửa giỏ hàng 37

Hình 41:Trang đặt hàng 38

Hình 42:trang thông tin cá nhân 39

Hình 43: NivoSlider 41

Hình 44: Tinymce 41

Danh Mục Bảng

Bảng 1:Sach 8

Bảng 2: NhaXuatBan 9

Bảng 3: ThamGia 9

Bảng 4:KhachHang 10

Bảng 5:ChuDe 10

Bảng 6:TacGia 11

Bảng 7:ChiTietDonHang 11

Bảng 8:DonHang 12

Bảng 9: UC đăng nhập 13

Bảng 10:UC Đăng Xuất 14

Bảng 11: UC xem sản phẩm 15

Bảng 12:UC xem giỏ hàng 16

Bảng 13:UC Cập nhật giỏ hàng 16

Bảng 14:UC mua hàng 17

Bảng 15:UC Thanh Toán 19

Bảng 16:UC QL đơn hàng 19

Bảng 17:UC cập nhật sản phẩm 20

Bảng 18:UC tình trạng đơn hàng 21

Chương 1 Giới thiệu

1.1 Giới thiệu đề tài

Từ nhu cầu sử dụng sách hiện nay của mọi người, việc mua bán sách càng đa dạng thêm với nhiều hình thức Để phục vụ cho mọi người được để dàng hơn trong quá trình mua bán thì chúng ta cần phải tạo ra một loại hình mua bán để tiện với ngườidùng nhất và đồng thời để cho người dùng dể dàng sử dung Do đó chúng tôi đã suy nghĩ và định hướng đến một website về mua bán sách online phục vụ người dùng

Từ việc giới trẻ hiện nay đang nhận thức về việc đọc sách, nhiều Nhà sản xuất

đã đầu tư sản xuất in ấn và tái bản cho người dùng, nhưng vấn đề đầu ra thì cần phải

có những móc nối với những nhà bán lẻ để cho việc tiêu thụ sản phẩm được nhanh chóng cũng như trách sự tồn kho gây hao hụt và tổn thất cho phía nhà sản xuất

Để làm được điều này chúng ta cần phải sử dụng công nghệ mới để cho việc mua bán của chúng ta vừa đi theo xu thế của công nghiệp 4.0 cũng như tiện cho người dùng

Với việc áp dụng công nghệ thì cần tạo ra giao diện thân thiện với người dùng cũng là một điều cần thiết để cho website của chúng ta vừa thu hút khách mà còn giúp chúng ta có thể bán được nhiều sản phẩm hơn nhằm tăng doanh thu cho cửa hàng

Đi đôi với việc mua bán thì chúng ta cũng cần phải có sự hỗ trợ đối với người dùng khi họ gặp khó khăn hoặc có vấn đề thắc mắc cần phải liên hệ với chúng ta, đó làmột cách để khách hàng tin tưởng và tiêu dùng sản phẩm của chúng ta

Để không phụ sự mong đợi của người dùng thì chúng ta cần phải liên tục cập nhật các loại sản phẩm của cửa hàng lên website, luôn sử dụng các loại hình ảnh rõ ràng và sát nét để khách hàng có thể tìm kiếm cũng như có chính xác thông tin cần mua để thuận tiện cho việc mua bán sản phẩm

1.3 Chức năng chính của đề tài

Phía hệ thống website sẽ phải đầu tư định hướng website lên Top từ Kiếm (SEO)

để việc tiếp cận và tiêu thụ sản phẩm được phát triển hơn

Quản trị hệ thống website cần liên tục cập nhật các mẫu giày mới được săn đón, cần cóđội ngũ chuyên nghiệp cho việc mua, bán, giao hàng, được hiệu quả cao nhất

Thông tin sản phẩm của website phải thật chính xác và tin tưởng cho người dùng và đưa thông tin sản phẩm lên website nhanh nhất có thể

Sẽ có bộ phận nhân viên tiếp nhận thông tin sản phẩm, rà soát và chuyển thông tin đến bộ phận giao hàng hóa.

Khách hàng có thể đặt hàng, Mua hàng, xem sản phẩm , chia sẽ sản phẩm cho các người dùng khác cùng truy cập xem và mua sản phẩm

Qua Phân tích yêu cầu chúng ta cần phải xây dựng có quyền và chức năng cho các đối tượng:

Khách hàng : xem sản phẩm, mua sản phẩm, đánh giá sản phẩm, bình luận sản phẩm, tìm sản phẩm, đăng kí tài khoản, đổi được thông tin tài khoản, chia sẻ sản phẩm,

Admin : đưa thông tin lên website, kiểm soát quyền của các admin dưới, kiểm soát trang web, kiểm soát người dùng, đổi thông tin trang web,

Chương 2 : Phân tích và thiết kế hệ thống

2.1 Biểu đồ Class

2.1.1 Sơ đồ Class tổng quan

Hình 2.1.1.1 Sơ đồ class tổng quát

Bảng 2.1.2.1.2 Table Chi tiết đặt hàng

- Bảng Nhân viên: Lưu trữ thông tin nhân viên

Bảng 2.1.2.1.9 Table Nhân viên

- Bảng Nhập sách

Bảng 2.1.2.1.10 Table Nhập sách

- Bảng Nhà xuất bản

Bảng 2.1.2.1.11 Table Nhà xuất bản

- Bảng Sách

Bảng 2.1.2.1.12 Table Sách

- Bảng Tác giả

Bảng 2.1.2.1.13 Table Tác giả

Use-Case Nội dung

Tên Use-Case Đăng Nhập

Mô tả Use-Case cho phép admin đăng nhập hoặc Khách hàng

đăng nhập để mua hàng

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng nhập từ trang chủ

của hệ thốngTiền điều kiện Người dùng phải có tài khoản trên hệ thống

Hậu điều kiện Người dùng đăng nhập thành công

Luồng sự kiện chính 1 Hệ thống hiển thị màn hình đăng nhập

2 Người dùng nhập tên đăng nhập và mật khẩu

3 Hệ thống kiểm tra thông tin đăng nhập

4 Nếu thành công hệ thống hiển thị màn hình đăng nhập thành công

5 Kết thúc Use-CaseLuồng sự kiện phụ A Mật khẩu không hợp lệ: Khi người dùng nhập sai tên

đăng nhập hoặc mật khẩu

1 Hệ thống hiển thị lại màn hình đăng nhập để người dùng nhập lại thông tin kèm theo thông báo tên đăng nhập

và mật khẩu bị sai

2 Quay lại bước 2 trong luồng sự kiện chính

Bảng 2.2.2.1.1 UC đăng nhập

+ Use-case đăng xuất

Hình 2.2.2.2 Use-case Đăng xuất

Tên Use-Case Log Out

Mô tả Use-Case cho phép người dùng đăng xuất khỏi hệ thốngActor Admin, khách hàng

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng xuất từ trang chủ

của hệ thốngTiền điều kiện Người dùng phải đăng nhập trước đó

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

Luồng sự kiện chính 1 Người dùng chọn đăng xuất

2 Kết thúc Use-CaseLuồng sự kiện phụ Không có

Bảng 2.2.2.2.1 UC Đăng Xuất+ Use-case Xem sản phẩm

Hình 2.2.2.3 Use-case Xem sản phẩm

Tên Use case Xem sản phẩm

Mô tả Cho phép khách hàng xem các sản phẩm đang được bán trên website

Điều kiện kích hoạt Khách hàng truy cập vào website (có thể chọn chức

năng xem theo loại hoặc theo nhà sản xuất)Tiền điệu kiện

Hậu điều kiên

Luồng sự kiện chính

Truy cập vào website

Hệ thống lấy thông tin các sản phẩm xuất ra màn hìnhNếu người dùng chọn xem theo loại thì hệ thống hiển thịcác sản phẩm theo loại

Nếu người dùng chọn xem theo nhà sản xuất thì hệ thống hiển thị các sản phẩm theo nhà sản xuấtKết thúc use case

Luồng sự kiện phụ

Bảng 2.2.2.3.1 UC xem sản phẩm

+ Use-case Xem giỏ hàng

Hình 2.2.2.4 Use-case Xem giỏ hàng

Tên Use case Xem giỏ hàng

Mô tả Cho phép khách hàng xem các sản phẩm trong giỏ hàng

Điều kiện kích hoạt Khách hàng chọn nút giỏ hàng trên website

Tiền điệu kiện

Hậu điều kiên

Luồng sự kiện chính

Khách hàng chọn nút giỏ hàng trên website

Hệ thống lấy thông tin các sách được khách hàng chọn

Hệ thống hiện thị các sản phẩm đã được chọnNếu không có sản phẩm thì thực hiện luồng sự kiện phụ A1

Kết thúc use caseLuồng sự kiện phụ

A1: Không có sản phẩm trong giỏ

Hệ thống thông báo không có sản phẩm trong giỏThực hiện bước 4 trong luồng sự kiện chính

Bảng 2.2.2.4.1 UC xem giỏ hàng

+ Use-case cập nhật giỏ hàng

Bảng 2.2.2.4.2 Use-case Cập nhật giỏ hàng

Use-Case Nội dung

Tên Use case Cập nhật giỏ hàng

Mô tả Cho phép khách hàng chỉnh sửa số lượng sách, xóa hànghóa khỏi giỏ hàng

Điều kiện kích hoạt Khách hàng chọn nút giỏ hàng trên website

Tiền điệu kiện Khách hàng đã có sản phẩm trong giỏ hàng

Hậu điều kiên Cập nhật thành công

Luồng sự kiện chính

Khách hàng chọn nút giỏ hàng trên website

Hệ thống hiển thị các công cụ thay đổi số lượng, xóa hàng hóa cho từng mặt hàng trong giỏ

Khách hàng thao tác với công cụ theo nhu cầuNếu thay đổi số lượng thì hệ thống sẽ cập nhật số lượng mới Nếu số lượng không đủ trong kho thì thực hiện luồng sự kiện phụ A1

Nếu xóa thì hệ thống sẽ xóa sản phẩm khỏi giỏ hàngKết thúc use case

Luồng sự kiện phụ

A1: Số lượng sản phẩm không đủ

Hệ thống thông báo số lượng không đủThực hiện bước 3.1 tổng luồng sự kiện chínhBảng 2.2.2.4.3 :UC Cập nhật giỏ hàng+ Use-case Mua Hàng

Hình 2.2.2.5 Use-case Mua Hàng

- Bảng Đặt hàng:

Bảng 2.1.2.1.6 Table Đặt hàng

Bảng 2.1.2.1.7 Table Khách hàng

- Bảng khách hàng khiếu nại:

Bảng 2.1.2.1.8 Table Khách hàng khiếu nại

Trang 11

- Bảng Nhân viên: Lưu trữ thông tin nhân viên

Bảng 2.1.2.1.9 Table Nhân viên

- Bảng Nhập sách

Bảng 2.1.2.1.10 Table Nhập sách

Bảng 2.1.2.1.11 Table Nhà xuất bản

Trang 12

Bảng 2.1.2.1.12 Table Sách

- Bảng Tác giả

Bảng 2.1.2.1.13 Table Tác giả

2.2 Biểu đồ Use-Case

2.2.1 Sơ đồ tổng quan

Use-Case Nội dung

Tên Use-Case Đăng Nhập

Mô tả Use-Case cho phép admin đăng nhập hoặc Khách hàng

đăng nhập để mua hàng

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng nhập từ trang chủ

của hệ thống Tiền điều kiện Người dùng phải có tài khoản trên hệ thống

Hậu điều kiện Người dùng đăng nhập thành công

Luồng sự kiện chính 1 Hệ thống hiển thị màn hình đăng nhập

2 Người dùng nhập tên đăng nhập và mật khẩu

3 Hệ thống kiểm tra thông tin đăng nhập

4 Nếu thành công hệ thống hiển thị màn hình đăng nhập thành công

5 Kết thúc Use-Case Luồng sự kiện phụ A Mật khẩu không hợp lệ: Khi người dùng nhập sai tên

đăng nhập hoặc mật khẩu

1 Hệ thống hiển thị lại màn hình đăng nhập để người dùng nhập lại thông tin kèm theo thông báo tên đăng nhập

Hình 2.2.2.2 Use-case Đăng xuất

Trang 15

Tên Use-Case Log Out

Mô tả Use-Case cho phép người dùng đăng xuất khỏi hệ thống

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng xuất từ trang chủ

của hệ thống Tiền điều kiện Người dùng phải đăng nhập trước đó

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

Luồng sự kiện chính 1 Người dùng chọn đăng xuất

2 Kết thúc Use-Case Luồng sự kiện phụ Không có

Bảng 2.2.2.2.1 UC Đăng Xuất

+ Use-case Xem sản phẩm

Hình 2.2.2.3 Use-case Xem sản phẩm

Tên Use case Xem sản phẩm

Mô tả Cho phép khách hàng xem các sản phẩm đang được bán trên website

Điều kiện kích hoạt Khách hàng truy cập vào website (có thể chọn chức

năng xem theo loại hoặc theo nhà sản xuất) Tiền điệu kiện

Hậu điều kiên

Luồng sự kiện chính

Truy cập vào website

Hệ thống lấy thông tin các sản phẩm xuất ra màn hình Nếu người dùng chọn xem theo loại thì hệ thống hiển thị các sản phẩm theo loại