đồ án môn học lập trình web xây dựng website quản lý cửa hàng điện thoại nt

MÔ TẢ BÀI TOÁNHệ thống cung cấp chức năng cho phép người dùng có thể đăng nhập, đăngký ,đặt hàng điện thoại và phụ kiện điện thoạiKhách hàng có thể truy cập vào trang web qua tên miền,đă

BÌNH DƯƠNG - 11/2022

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

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

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

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

ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB

XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG ĐIỆN THOẠI NT

GVHD: ThS Nguyễn Hữu Vĩnh

SVTH: Trần Minh Tuấn MSSV: 2024802010507 LỚP: D20CNTT02

iii

MỤC LỤC

MỞ ĐẦU 1

CHƯƠNG 1 TỔNG QUAN 2

1 MÔ TẢ BÀI TOÁN 2

2 CHỨC NĂNG HỆ THỐNG 2

CHƯƠNG 2 PHÂN TÍCH HỆ THỐNG 3

1.SƠ ĐỒ USE CASE 3

1.1 Sơ đồ Use Case Tổng Quát 3

1.2 Sơ đồ Use Case Quản lý khách hàng 4

1.3 Sơ đồ Use Case Quản lý sản phẩm 6

1.4 Sơ đồ Usecase Tương tác người dùng 8

1.5 Sơ đồ Use Case Quản lý thanh toán 10

1.6 Sơ đồ Use Case Quản lý kho hàng 12

1.7 Sơ đồ use case quản lý tài khoản khách hàng 14

1.8 Sơ đồ Use Case Quản lý tài khoản nhân viên 15

2 SƠ ĐỒ TRÌNH TỰ 17

2.1 Sơ đồ trình tự đăng nhập 17

2.2 Sơ đồ trình tự quản lý khách hàng 17

3 SƠ ĐỒ HOẠT ĐỘNG 19

3.1 Sơ đồ hoạt động đăng nhập 19

3.2 Sơ đồ hoạt động quản lý đổi mật khẩu 20

CHƯƠNG 3 THIẾT KẾ CƠ SỞ DỮ LIỆU 21

1 SƠ ĐỒ QUAN HỆ TRONG CSDL 21

2 MÔ TẢ BẢNG DỮ LIỆU 22

CHƯƠNG 4 XÂY DỰNG WEBSITE BÁN PHỤ KIỆN ĐIỆN THOẠI CHO CỬA HÀNG ĐIÊN THOẠI NT 45

1 GIAO DIỆN TRANG CHỦ 45

2 GIAO DIỆN ĐĂNG KÝ 45

3 GIAO DIỆN ĐĂNG NHẬP 46

4 GIAO DIỆN TRANG ĐIỆN THOẠI 47

5 GIAO DIỆN TRANG PHỤ KIỆN 48

6 GIAO DIỆN TRANG QUẢN TRỊ 48

7 GIAO DIỆN TRANG QUẢN LÝ SẢN PHẨM 49

8 GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM 50

9 GIAO DIỆN TRANG GIỎ HÀNG 51

KẾT LUẬN 53

1 Kết quả đạt được 53

2 Đánh giá kết quả 53

3 Hướng phát triển 53

TÀI LIỆU THAM KHẢO 54

DANH MỤC CÁC HÌN

Hình 2 1 Sơ đồ Usecase Tổng Quát 3

Hình 2 2 Sơ đồ Usecase Quản lý khách hàng 4

Hình 2 3 Sơ đồ Use Case Quản lý sản phẩm 6

Hình 2 4 Sơ đồ Use Case Tương tác người dùng 8

Hình 2 5 Sơ đồ Use Case Quản lý Thanh toán 10

Hình 2 6 Sơ đồ use case Quản lý kho hàng 12

Hình 2 7 Sơ đồ use case quản lý tài khoản khách hàng 14

Hình 2 8 Sơ đồ use case quản lý nhân viên 15

Hình 2 9 Sơ đồ trình tự đăng nhập 17

Hình 2 10 Sơ đồ trình tự quản lý khách hàng 18

Hình 2 11 Sơ đồ hoạt động đăng nhập 19

Hình 2 12 Sơ đồ hoạt động đổi mật khẩu 20

Y Hình 3 1 Sơ đồ quan hệ trong CSDL 21

Hình 4 1 Giao diện trang chủ 45

Hình 4 2 Giao diện trang đăng ký 45

Hình 4 3 Giao diện trang đăng nhập 46

Hình 4 4 Giao diện trang điện thoại 47

Hình 4 5 Giao diện trang phụ kiện 48

Hình 4 6 Giao diện trang quản trị 48

Hình 4 7 Giao diện trang quản lý sản phẩm 49

Hình 4 8 Giao diện trang thông tin sản phẩm 50

Hình 4 9 Giao diện trang chỉnh sửa sản phẩm 50

Hình 4 10 Giao diện trang chi tiết sản phẩm 51

Hình 4 11 Giao diện phần đánh giá sản phẩm 51

Hình 4 12 Giao diện trang giỏ hàng 52

Hình 4 13 Giao diện trang thanh toán 52

DANH MỤC CÁC BẢNG

Bảng 3 1: Bảng Account 22

Bảng 3 2: Bảng Account Address 23

Bảng 3 3: Bảng Product 24

Bảng 3 4: Bảng Genre 25

Bảng 3 5: Bảng Brand 26

Bảng 3 6: Bảng Banner 27

Bảng 3 7: Bảng Order 28

Bảng 3 8: Bảng Discount 29

Bảng 3 9: Bảng Feedback 30

Bảng 3 10: Bảng Product 31

Bảng 3 11: Bảng Payment 32

Bảng 3 12: Bảng Delivery 33

Bảng 3 13: Bảng Contact 34

Bảng 3 14: Bảng Banner Detail 35

Bảng 3 15: Bảng Child Category 36

Bảng 3 16: Bảng News 37

Bảng 3 17: Bảng Comment Likes 38

Bảng 3 18: Bảng Districts 38

Bảng 3 19: Bảng New Comments 39

Bảng 3 20: Bảng News Tags 39

Bảng 3 21: Bảng OrderAddress 40

Bảng 3 22: Bảng ParentCategory 40

Bảng 3 23: Bảng ParentGenres 41

Bảng 3 24: Bảng ProductImage 42

Bảng 3 25: Bảng Provinces 42

Bảng 3 26: Bảng ReplyComment 43

Bảng 3 27: Bảng StickyPost 43

Bảng 3 28: Bảng Tags 44

Bảng 3 29: Bảng Wards 44

MỞ ĐẦU

Trong xã hội hiện nay chúng ta đang bước vào thời kỳ công nghệ số được ápdụng vào mọi mặt của đời sống xã hội.Chúng ta có thể bước vào thời kỳ đó bằngnhiều loại phương tiện khác nhau nhưng phương tiện phổ biến nhất đó chính là mộtchiếc điện thoại.Một chiếc điện thoại như là một chiếc cổng kết nối đến tất cả mọimặt của xã hội như là kinh doanh,giải trí,học tập Nó là một vật tuy nhỏ nhưng cósức mạnh vô cùng to lớn ảnh hưởng đến mọi ngóc nghách của đời sống.Vì vậy mọingười nên có một chiếc điện thoại để theo kịp được sự phát triển của đời sống để có

cơ hội để tham gia vào một xã hội số cực lớn nơi mọi người có thể làm được mọi thứ.Chúng em chọn đề tài “Xây dựng website quản lý cửa hàng phụ kiện điện thoạicho công ty NT” đề giúp cho người dùng có thể tiếp cận những mẫu điện thoại tốtnhất có những chức năng và nghiệp vụ được phát triển bởi những nhà phát hành lớntrên thế giới để mọi người có một công cụ tốt nhất để mọi người có thể làm việc,họctập,giải trí một cách mượt mà và thoải mái nhất

Cấu trúc của đồ án:

- Phần mở đầu

- Chương 1: Tổng quan

- Chương 2: Phân tích hệ thống

- Chương 3: Thiết kế cơ sở dữ liệu

- Chương 4: Xây dựng website bán phụ kiện điện thoại cho cửa hàng điện thoại NT

- Kết luận và hướng phát triển

CHƯƠNG 1 TỔNG QUAN

1 MÔ TẢ BÀI TOÁN

Hệ thống cung cấp chức năng cho phép người dùng có thể đăng nhập, đăng

ký ,đặt hàng điện thoại và phụ kiện điện thoại

Khách hàng có thể truy cập vào trang web qua tên miền,đăng nhập,đăng ký vàotài khoản của khách hàng,xem sản phẩm ,thông tin sản phẩm, đặt hàng,thanh toán.Nhân viên kiểm soát tài khoản khách hàng,kiểm soát số lượng kho hàng,đăngnhập,đăng ký vào tài khoản của nhân viên, quản lý thanh toán ,quản lý sản phẩm

Nhân viên có thể xem thông tin hàng hóa như là về

số lượng,chất lượng,thanh toán đơn hàng

Thanh toán

Nhân viên có thể xem thông tin thanh toán các sản phẩm,quản lý các phương thức thanh toán,xác nhận đơn hàng

CHƯƠNG 2 PHÂN TÍCH HỆ THỐNG

1 SƠ ĐỒ USE CASE

1.1 Sơ đồ Use Case Tổng Quát

Hình 2 1 Sơ đồ Usecase Tổng Quát

1.2 Sơ đồ Use Case Quản lý khách hàng

Hình 2 2 Sơ đồ Usecase Quản lý khách hàng

Gồm có các trang sau:Trang chủ, Điện thoại, Phụ kiện, Liên hệ, Đăng nhập Người dùng click vào các biểu tượng để chọn các mục muốn thực hiện Người dùng lướt xuống phần cuối trang sẽ xem được phần thông tin của cửa hàng

2 GIAO DIỆN ĐĂNG KÝ

Hình 4 2 Giao diện trang đăng ký

Ý nghĩa của hoạt động: Đăng ký sử dụng hệ thống.

Quy tắc hoạt động: Khách hàng đăng ký tài khoản của khách hàng để có thể có tài khoản đăng nhập vào hệ thống

Các thao tác màn hình: Khách hàng nhập thông tin của khách hàng và bấm đăng ký tài khoản

3 GIAO DIỆN ĐĂNG NHẬP

Hình 4 3 Giao diện trang đăng nhập

Ý nghĩa của hoạt động: Đăng nhập sử dụng hệ thống

Quy tắc hoạt động: Khách hàng đăng nhập tài khoản của khách hàng để có thể sử dụng chức năng của trang web

Các thao tác màn hình: Sau khi nhập xong tài khoản và mật khẩu thì hệ thống sẽ kiểm tra xem thông tin vừa nhập có chính xác hay không nếu không sẽ hiện thông báo nhập lại nếu sai sẽ đăng nhập vào tài khoản

4 GIAO DIỆN TRANG ĐIỆN THOẠI

Hình 4 4 Giao diện trang điện thoại

Ý nghĩa của hoạt động:Hiển thị thông tin của những điện thoại gồm tên của chiếc điện thoại và giá của chúng sẽ có thêm những mục bên trái màn hình để tìm nhanh hơn

Quy tắc hoạt động: Khi khách hàng click vào một sản phẩm trên trang web sẽ hiện thông tin của chiếc điện thoại đó

Các thao tác màn hình: Khách hàng sẽ click sản phẩm bấm vào các mục bên trái để tìm nhanh hơn bấm vào những con số bên dưới để qua trang khác

5 GIAO DIỆN TRANG PHỤ KIỆN

Hình 4 5 Giao diện trang phụ kiện

Ý nghĩa của hoạt động:Hiển thị thông tin của những phụ kiện gồm tên của phụ kiện và giá củachúng sẽ có thêm những mục bên trái màn hình để tìm nhanh hơn

Quy tắc hoạt động: Khi khách hàng click vào một sản phẩm trên trang web sẽ hiện thông tin củacủa phụ kiện đó

Các thao tác màn hình: Khách hàng sẽ click sản phẩm bấm vào các mục bên trái để tìm nhanh hơnbấm vào những con số bên dưới để qua trang khác

6 GIAO DIỆN TRANG QUẢN TRỊ

Hình 4 6 Giao diện trang quản trị

Ý nghĩa của hoạt động:Trang quản trị của trang web

Quy tắc hoạt động: Người dung đăng nhập vào tài khoản để sử dụng trang quản trị của trang webCác thao tác màn hình: Trang sẽ gồm 3 thành phần là quản lý tài khoản,quản lý đặt hàng,quản lý sản phẩm,người dung thao tác để đến các trang,có thêm số người truy cập vào trang web,có thanh công cụ bên trái để người dùng tương tác

7 GIAO DIỆN TRANG QUẢN LÝ SẢN PHẨM

Hình 4 7 Giao diện trang quản lý sản phẩm

Ý nghĩa của hoạt động:Trang quản lý sản phẩm của trang web

Quy tắc hoạt động: Người dung đăng nhập vào tài khoản để sử dụng trang quản trị của trang webCác thao tác màn hình: Người dùng thao tác thao tác vào hành động sẽ hiện ra ba chức năng là xem,sửa,xóa sản phẩm,ở trên cùng là nút thêm mới sản phẩm

Hình 4 8 Giao diện trang thông tin sản phẩm

Hình 4 9 Giao diện trang chỉnh sửa sản phẩm

8 GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM

Hình 4 10 Giao diện trang chi tiết sản phẩm

Ý nghĩa của hoạt động:Trang xem chi tiết sản phẩm

Quy tắc hoạt động: Người dùng xem chi tiết sản phẩm của điện thoại và xem các thông số kỹ thuậtCác thao tác màn hình: Người dùng thao tác vào màn hình nếu muốn mua hàng sẽ bấm vào mụcmua ngay và thêm vào giỏ thì sản phẩm sẽ được thêm vào giỏ hàng,khách hàng còn có thể đánh giásản phẩm

Hình 4 11 Giao diện phần đánh giá sản phẩm

9 GIAO DIỆN TRANG GIỎ HÀNG

Hình 4 12 Giao diện trang giỏ hàng

Ý nghĩa của hoạt động:Trang giỏ hàng sản phẩm

Quy tắc hoạt động: Người dùng sau khi ấn vào mua ngay hay giỏ hàng sản phẩm sẽ xuất hiện trêngiỏ hàng với những thông tin đơn hàng như tên,giá và số lượng sản phẩm

Các thao tác màn hình: Người dùng thao tác vào màn hình nếu muốn tăng số lượng sản phẩm mìnhmuốn mua,ấn vào hoàn tất thanh toán để đến với trang thanh toán

10.Giao diện trang thanh toán

Hình 4 13 Giao diện trang thanh toán

Ý nghĩa của hoạt động:Trang thanh toán sản phẩm

Quy tắc hoạt động: Người dùng sau khi ấn vào hoàn tất thanh toán ở bên trang giỏ hàng sẽ hiệngiao diện trang thanh toán

Các thao tác màn hình: Người dùng nhập vào những thông tin cần thiết là thông tin nhận hàngkiểm tra các thông tin khi ấn đặt hàng ngay sẽ hiện thông báo bạn đã đặt hàng thành công

KẾT LUẬN

1 Kết quả đạt được

Nắm vững kiến thức của môn học để có thể hoàn thành một trang web hoàn chỉnh Hoàn thiện một số chức năng cơ bản của đề tài Có được những chức năng cơ bảnnhư thêm, sửa, xóa, tìm kiếm thông tin sản phẩm,xem thông tin sản phẩm, đặt hàng,thanh toán sản phẩm, đăng nhập, đăng ký sản phẩm,có được website tương đối hoànthành về các chức năng cần có của một cửa hàng điện thoại và phụ kiện

Giao diện website thân thiện, dễ sử dụng, trực quan và linh hoạt

2 Đánh giá kết quả

Khó khăn: Trong quá trình thực hiện đề tài khó khăn lớn nhất là nghiên cứu nhữngchức năng nghiệp vụ của đề tài,thực hiện những chức năng nghiệp vụ của đề tài,thểhiện đầy đủ chức năng của hệ thống quản lý cửa hàng điện thoại và phụ kiện Hạn chế: Thời gian thực hiện có hạn nên chúng em chỉ hoàn thành một số chức năngcủa đề tài còn một số chức năng còn sơ sài và chưa được hoàn thiện một cách hoànchỉnh như trang thanh toán,chưa hiển thị đầy đủ việc mô tả sản phẩm…

3 Hướng phát triển

Hệ thống cần phát triển thêm vài chức năng còn thiếu như là:

- Hệ thống cần cải thiện về tốc độ truy cập và chức năng thanh toán cầnđược hoàn thiện

- Hệ thống cần đa dạng giao diện về việc mô tả sản phẩm một cách tốthơn,hoàn thiện tốt hơn các chức năng như là mô tả sản phẩm,hoàn thiệnchờ web đẹp hơn về giao diện…

TÀI LIỆU THAM KHẢO

Tiếng Việt:

[1] Nguyễn Tất Bảo Thiện,Phạm Quang Hiển(2012),NXB Thanh niên,Lập trình