BÁO cáo kết THÚC học PHẦN lập TRÌNH WEB đề 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

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

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

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

Trang 3

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

Trang 5

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ể

Trang 7

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

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à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 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

Trang 15Downloaded by heo ninh (ninhheo7@gmail.com)

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

Actor 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-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ì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 case

Luồ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

Trang 17Downloaded by heo ninh (ninhheo7@gmail.com)

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

Use-Case

Nội dung

Tên Use case Mua hàng

Mô tả Use case cho phép người dùng mua hàng từ website

Điều kiện kích hoạt Khi người dùng chọn chức năng mua hàng trong chi tiết

sản phẩm hoặc từ nút mua hàng ngoài khi xem sản phẩmTiền điệu kiện Có sẩn phẩm trong giỏ hàng

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

Luồng sự kiện chính

Người dùng chọn nút mua sản phẩm

Hệ thống lấy thống tin hàng hóa cho vào giỏ hàng

Hệ thống thông báo đã thêm vào giỏ hàngKết thúc use case

Luồng sự kiện phụ Không có

Bảng 2.2.2.5.1 UC mua hàng+ Use-case Thanh toán

Hình 2.2.2.6 Use-case Thanh Toán

Tên Use case Thanh toán

Mô tả Use case cho phép người dùng thanh toán sau khi mua

hàngActors Khách hàng, Ngân hàng (nếu thanh toán qua mạng)

Điều kiện kích hoạt Khi người dụng chọn nút thanh toán trong giỏ hàng

Tiền điệu kiện Người dùng đã có sản phẩm trong giỏ hàng (đã chọn nútmua hàng)Hậu điều kiên Thanh toán thành công

Luồng sự kiện chính Người dùng chọn nút giỏ hàng

Người dùng xác nhận hàng trong giỏNgười dùng chọn nút thanh toánNgười dùng chọn chức năng thanh toánNgười dùng chọn thanh toán khi nhận hàng

Trang 19Downloaded by heo ninh (ninhheo7@gmail.com)

Tiến hành bước 5Người dùng chọn thanh toán qua mạngKhách hàng chọn Ngân hàng muốn thanh toán

Hệ thống mở chức năng thanh toán của ngân hàngKhách hàng thực hiện theo các yêu cầu của ngân hàng Nếu không hợp lệ thì thực hiện luồng sự kiện A1

Hệ thống lưu thông tin thanh toán

Hệ thống thông báo thành côngKết thúc use case

Bảng 2.2.2.6.1 UC Thanh Toán

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

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

Use-case Nội dung

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

Mô tả Use case cho phép admin quản lý đơn hàng được đặt bởikhách hàng

Điều kiện kích hoạt Admin chọn chức năng Đơn hàng trên hệ thống

Tiền điệu kiện Admin đã đăng nhập vào hệ thống

Hậu điều kiên

Luồng sự kiện chính

Admin chọn chức năng Đơn hàng

Hệ thống lấy thông tin các đơn hàng

Hệ thống hiển thị thông tin các đơn hàngKết thúc Use case

Tên Use case Cập nhật sản phẩm

Mô tả Use case cho phép admin cập nhật sản phẩm

Điều kiện kích hoạt admin chọn chức năng cập nhật sản phẩm

Tiền điệu kiện admin đã đăng nhập vào hệ thống

Hậu điều kiên

Luồng sự kiện chính

Admin chọn chức năng cập nhật sản phẩm

Hệ thống lấy thông tin các sản phẩm

Hệ thống hiển thị thông tin các sản phẩmAdmin tiến hành cập nhật

Tên Use case

Xem Tình Trạng Đơn Hàng

Mô tả Use case cho phép Khách Hàng theo dõi tình trạng đơn hàng của mình

Khách hành tim kiếm và mua sách

Hệ thống lấy thông tin sách và lưu trữKhách hàng tiến hành thanh toán và Kết thúc Use case

Luồng sự kiện phụ

Bảng 2.2.2.9.1 UC tình trạng đơn hàng