Tài liệu Xây dựng website thương mại điện tử ,điện máy

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỂN MÃ NGUỒN MỞ XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ, ĐIỆN MÁY GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: LÊ TRUNG LONG MSSV: 1724801030072 LỚP: D17PM02 Bình Dương – 12/2020 i TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỂN MÃ NGUỒN MỞ XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ, ĐIỆN MÁY GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: LÊ TRUNG LONG MSSV: 1724801030072 LỚP: D17PM02 Bình Dương – 12/2020 ii 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ọ và tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ, ĐIỆN MÁY Nội dung nhận xét: ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... Điểm: Bằng số: .................................................. Bằng chữ: ................................................ GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) ThS. Nguyễn Hữu Vĩnh 3 MỤC LỤC I. Giới thiệu ............................................................................................................8 1. Khách hàng có thể ............................................................................................8 II. Kiến trúc hệ thống ..........................................................................................9 III. Sơ đồ Use Case ................................................................................................9 3. Danh sách use case..........................................................................................9 2. Use case của hệ thống .....................................................................................10 3. Biểu đồ Use Case trang giỏ hàng ...................................................................11 4. Biểu đồ quản lý đơn hàng ............................................................................11 5. Use case quản lí sản phẩm ...........................................................................11 6. Use case quản lý danh mục ..........................................................................12 7. Đặc tả Use Case ...............................................................................................13 7.1 Đăng nhập ...................................................................................................13 7.2. Đặc tả Use Case quản lí giỏ hàng ...............................................................13 7.3 Đặc tả Use Case quản lí sản phẩm...............................................................15 7.4 Đặc tả Use Case xác nhận đơn hàng............................................................17 7.5 Đặc tả Use Case thanh toán: ........................................................................18 7.6 Đặc tả Use Case xem lịch sử đơn hàng .......................................................19 8. Phân quyền ....................................................................................................19 IV. Class Diagram ...............................................................................................21 V. Biểu đồ tuần tự các chức năng của hệ thống .............................................22 1. Đăng nhập ........................................................................................................22 2. Biểu đồ tuần tự quản lí giỏ hàng ................................................................23 2.1 Xem giỏ hàng ..............................................................................................23 2.2 Xóa giỏ hàng ...............................................................................................24 3. Biểu đồ tuần tự quản lí sản phẩm 3.1 Xem sản phẩm .............................25 3.2 Cập nhật sản phẩm ....................................................................................26 4 3.3 Thêm sản phẩm ..........................................................................................27 VI. Thiết Kế cơ sở dữ liệu...................................................................................27 1. Sơ đồ quan hệ ................................................................................................27 2. Lược đồ của hệ thống ...................................................................................28 2.1 Bảng NguoiDung ....................................................................................28 2.2 Bảng kiểu người dùng ............................................................................29 2.3 Bảng SanPham........................................................................................29 2.4 Bảng DanhMucSanPham ......................................................................30 2.5 Bảng GioHang ........................................................................................31 2.6 Bảng DonHang........................................................................................31 2.7 Bảng ChiTietDonHang ..........................................................................32 2.8 Bảng ThongKeTruyCap ........................................................................32 2.9 Bảng TinhTrangDonHang.....................................................................33 2.10 Bảng HinhSanPham ...............................................................................33 VII. Thiết kế giao diện..........................................................................................33 1. Giao diện trang chủ ......................................................................................33 2. Giao diện trang đăng nhập ..........................................................................34 3. Giao diện trang đăng ký...............................................................................35 4. Giao diện trang sản phẩm............................................................................36 5. Giao diện trang đơn hàng ............................................................................36 6. Giao diện trang giỏ hàng ..............................................................................36 7. Giao diện đăng nhập của trang quản trị ....................................................37 8. Giao diện trang sản phẩm của trang quản trị ...........................................38 9. Giao diện trang thêm mới sản phẩm của trang quản trị ..........................38 10. Giao diện trang sửa sản phẩm của trang quản trị .................................39 11. Giao diện trang danh mục ........................................................................40 5 DANH SÁCH HÌNH ẢNH Hình 2: Use case của hệ thống Hình 3: Use case Giỏ hàng Hình 4: Use case quản lí đơn hàng Hình 5: Use case Quản lí sản phẩm Hình 6: Use Case Quản lí danh mục Hình 7: Class Diagram Hình 8: Sơ đồ tuần tự đăng nhập Hình 9: Sơ đồ tuần tự trang xem giỏ hàng Hình 10: Biểu đồ tuần tự trang xóa giỏ hàng Hình 11: Biểu đồ tuần tự trang xem sản phẩm Hình 12: Biểu đồ tuần tự trang cập nhật sản phẩm Hình 13: Sơ đồ tuần tự trang thêm sản phẩm mới Hình 14: Sơ đồ quan hệ Hình 15: Giao diện trang chủ Hình 16: Giao dện trang đăng nhập Hình 17: Giao diện trang đăng kí Hình 18: Giao diện trang sản phẩm Hình 19 : Giao diện trang đơn hàng Hình 20: Giao diện trang giỏ hàng Hình 21: Giao diện trang quản trị Hình 22: Giao diện trang sản phẩm trang quản trị Hình 23: Giao diện trang thêm sản phẩm mới Hình 24: Giao diện trang sửa sản phẩm Hình 25: Giao diện trang danh mục Hình 26: Giao diện sửa danh mục 6 10 11 11 12 12 21 22 23 24 25 26 27 28 34 35 35 36 36 37 38 38 39 40 41 41 DANH MỤC BẢNG Bảng 1:Mô tả Use Case............................................................................................10 Bảng 2: Phân quyền của hệ thống ............................................................................20 Bảng 3: Bảng Người Dùng ......................................................................................29 Bảng 4: Kiểu người dùng .........................................................................................29 Bảng 5: Bảng sản phẩm ...........................................................................................30 Bảng 6: Danh mục sản phẩm ...................................................................................30 Bảng 7: Bảng giỏ hàng .............................................................................................31 Bảng 8: Bảng đơn hàng ............................................................................................32 Bảng 9: Bảng chi tiết đơn hàng ................................................................................32 Bảng 10: Thống kê truy cập .....................................................................................33 Bảng 11: Tình trạng đơn hàng .................................................................................33 Bảng 12: Hình sản phẩm ..........................................................................................33 7 I. Giới thiệu Tiêu đề của trang web Long Center – Luxury and Technology Tóm tắt đồ án Long Center Đồ án này nhằm tạo một website thương mại điện tử, điện máy để bán các thiết bị điện tử. Là một trang web có thể tìm kiếm được sản phẩm mình muốn mua theo nhu cầu và sở thích cuả từng khách hàng hoặc lọc danh sách sản phẩm theo danh mục ngoài ra website còn có tính năng xem chi tiết sản phẩm để khách hàng có thể dễ dàng biết được thông tin của món hàng mình muốn mua,.. Nhưng để đặt hàng khách hàng phải tạo một tài khoản gồm các thông tin cá nhân của khách hàng để có thể đặt hàng và chọn vào giỏ hàng để kiểm tra các sản phẩm đã chọn trước khi xuất đơn hàng, hình thức thanh toán bằng tiền mặt hay qua thẻ tín dụng, sau khi đặt hàng khách hàng khách hàng sẽ nhận được thông tin xác nhận đơn hàng qua email. Người quản trị sẽ có quyền quản lí thông tin các sản phẩm như chỉnh sửa sản phầm hay thêm sản phẩm mới hay sản phẩm cửa hàng đang khuyến mãi. Chức năng của dự án Đối với các thành viên đã đăng kí ( người dùng khách hàng, người quản trị) . Mỗi loại người dùng sẽ có mỗi tính năng riêng và có quyền hạn khác nhau như người quản trị có thể làm chức năng mà người dùng không thể . 1. Khách hàng có thể + Đăng ký tài khoản + Đăng nhập vào website + Xem danh mục sản phẩm + Xem danh sách sản phẩm + Xem chi tiết sản phẩm + Chọn sản phẩm để thêm vào giỏ hàng + Chọn sản phẩm để xóa khỏi giỏ hàng + Thanh toán ( từ giỏ hành chuyển thành hóa đơn) + Hiển thị đơn hàng 8 2. Người quản trị có thể + Đăng nhập vào trang quản trị website + Thêm sản phẩm mới theo danh mục + Sửa sản phẩm + Cập nhật thông tin sản phẩm + Xóa sản phẩm II. Kiến trúc hệ thống Xây dựng website bằng ngôn ngữ lập trình mã nguồn mở PHP ( Hypertext Preprocessor ) Thường được viết tắt thành PHP là một ngôn ngữ lập trình ngôn ngữ kịch bản đặc biệt phù hợp để lập trình web. Ban đầu nó được tạo ra bởi lập trình viên người Canada gốc Đan Mạch Rasmus Lerdorf năm 1994. The PHP reference implementation is now produced by The PHP Group. III. Sơ đồ Use Case 3. Danh sách use case STT Usecase Mô tả Actor 1 Đăng ký Tạo một tài khoản mới Khách hàng 2 Đăng nhập Đăng nhập vào hệ thống Khách hàng, Admin 3 Xem sản phẩm Xem chi tiết sản phẩm Khách hàng, Admin 4 Tìm sản phẩm Tìm kiếm sản phẩm Khách hàng, Admin 5 Đặt hàng Đặt hàng Khách hàng 6 Thanh Toán Thanh toán bằng Khách hàng tiền mặt khi nhận hàng 7 Đổi mật khẩu Đổi mật khẩu 9 Khách hàng 8 Xem lịch sử đơn Xem chi tiết lịch Khách hàng sử đơn hàng hàng,Admin 9 Manage Product + Create Admin + Edit + Delete + Search 10 Manage Order + View Details + Chuyển hàng Bảng 1:Mô tả Use Case 3 2. Use case của hệ thống Hình 1: Use case của hệ thống 10 Admin 3. Biểu đồ Use Case trang giỏ hàng Hình 2: Use case Giỏ hàng 4. Biểu đồ quản lý đơn hàng Hình 3: Use case quản lí đơn hàng 5. Use case quản lí sản phẩm 11 Hình 4: Use case Quản lí sản phẩm 6. Use case quản lý danh mục Hình 5: Use Case Quản lí danh mục 12 7. Đặc tả Use Case 7.1 Đăng nhập Tóm tắt: Mô tả chức năng đăng nhập của hệ thống Actor: Khách hàng, Admin Dòng sự kiện chính: ✓ Dòng sự kiện chính: use case này bắt đầu khi người dùng muốn đăng nhập vào hệ thống. (1) Người dùng nhập tài khoản và mật khẩu (2) Hệ thống kiểm chứng thông tin đăng nhập, nếu trùng khớp với dữ liệu đã lưu thì cho phép người dùng đăng nhập vào hệ thống vói giao diện người dùng tương ứng (Giao diện dành cho Admin và Khách hàng) ✓ Dòng sự kiện khác: nếu trong dòng sự kiện chính, người dùng nhập sai tên đăng nhập, mật khẩu, hệ thống sẽ hiển thị thông báo lỗi. Người dùng có thể chọn trở về đầu dòng sự kiện chính hoặc hủy bỏ việc đăng nhập, lúc này use case kết thúc. Các yêu cầu đặc biệt: không có. Trạng thái hệ thống trước khi thực hiện use case: Đứng ở màn hình đăng nhập, các chức năng không được hiển thị. Trạng thái hệ thống sau khi thực hiện use case: nếu use case thành công actor có thể sử dụng các chức năng được phân quyền. 7.2. Đặc tả Use Case quản lí giỏ hàng Tóm tắt: use case này mô tả cách người dùng quản lý Giỏ hàng. Actor: Khách hàng Dòng sự kiện chính: 13 ✓ Dòng sự kiện chính: use case này bắt đầu khi một người dùng muốn quản lý Giỏ hàng sau khi chọn mua sản phẩm. (1) Người dùng chọn mua sản phẩm thông qua việc click button Mua hàng. (2) Hệ thống sẽ chuyển những sản phẩm được chọn vào Giỏ hàng để giúp người dùng có thể cập nhật lại số lượng sản phẩm hoặc xóa sản phẩm. ✓ Dòng sự kiện khác: nếu trong dòng sự kiện chính, người dùng không chọn mua sản phẩm bằng cách click vào button Mua hàng , người dùng sẽ không mở được Giỏ hàng vì lúc này trong Giỏ hàng chưa có sản phẩm nào được chọn . Website sẽ tự chuyển về đăng nhập ban đầu, lúc này use case kết thúc. Các yêu cầu đặc biệt: không có. Trạng thái hệ thống trước khi thực hiện use case: Phải có ít nhất một sản phẩm được người dùng chọn mua bằng cách click vào button Mua hàng. Trạng thái hệ thống sau khi thực hiện use case: Mở được trang Giỏ hàng để tiến hành quản lý sản phẩm trong Giỏ hàng (cập nhật số lượng hoặc xóa sản phẩm). 7.2.1 Xóa giỏ hàng Tóm tắt: use case này mô tả cách người dùng xóa một sản phẩm trong giỏ hàng Actor: Admin Dòng sự kiện chính: ✓ Dòng sự kiện chính: use case này bắt đầu khi người dùng muốn xóa 1 sản phẩm trong giỏ hàng (1) Người dùng chọn vào checkbox “Xóa” . (2) Bấm nút cập nhật giỏ hàng. (3) Hệ thống hiển thị giỏ hàng sau khi cập nhật. 14 Các yêu cầu đặc biệt: Không có. Trạng thái hệ thống trước khi thực hiện use case: Hiển thị giỏ hàng sau khi cập nhật lại dữ liệu Trạng thái hệ thống sau khi thực hiện use case: Giỏ hàng được hiển thị. 7.3 Đặc tả Use Case quản lí sản phẩm 7.3.1. Thêm mới Tóm tắt: Use case này mô tả cách người dùng Admin thêm một sản phẩm vào hệ thống. Actor: Admin Dòng sự kiện chính: ✓ Dòng sự kiện chính: Use case này bắt đầu khi người dùng muốn thêm một sản phẩm vào hệ thống. (1) Admin bấm vào nút thêm sản phẩm mới (2) Người dùng nhập Mã sản phầm, Tên sản phẩm…. Sau đó click chọn button Thêm. (3) Hệ thống kiểm tra thông tin, nếu dữ liệu hợp lệ sẽ được lưu vào Cơ sở dữ liệu. ✓ Dòng sự kiện khác: nếu trong dòng sự kiện chính, người dùng để trống những field bắt buộc nhập, thì hệ thống thông báo lỗi. Người dùng có thể chọn trở về đầu dòng sự kiện chính hoặc hủy bỏ việc thêm, lúc này use case kết thúc. Các yêu cầu đặc biệt: không có. Trạng thái hệ thống trước khi thực hiện use case: đang ở hiển thị tất cả sản phẩm 15 Trạng thái hệ thống sau khi thực hiện use case: sản phẩm mới được thêm vào hệ thống. 7.3.2 Chỉnh sửa sản phẩm Tóm tắt: Use case này mô tả cách người dùng Admin sửa một sản phẩm trong hệ thống Actor: Admin Dòng sự kiện chính: ✓ Dòng sự kiện chính: Use case này bắt đầu khi Admin muốn chỉnh sửa thông tin của sản phẩm (4) Admin bấm vào nút chỉnh sửa sản phẩm (5) Người dùng nhập Mã sản phầm, Tên sản phẩm…. Sau đó click chọn button cập nhật. (6) Hệ thống kiểm tra thông tin, nếu dữ liệu hợp lệ sẽ được lưu vào Cơ sở dữ liệu. ✓ Dòng sự kiện khác: nếu trong dòng sự kiện chính, người dùng để trống những field bắt buộc nhập, thì hệ thống thông báo lỗi. Người dùng có thể chọn trở về đầu dòng sự kiện chính hoặc hủy bỏ việc thêm, lúc này use case kết thúc. Các yêu cầu đặc biệt: Admin đăng nhập vào trang quản trị website. Trạng thái hệ thống trước khi thực hiện use case: đang ở hiển thị tất cả sản phẩm Trạng thái hệ thống sau khi thực hiện use case: Sản phẩm được chỉnh sửa thông tin. 16 7.3.3 Xóa sản phẩm Tóm tắt: Use case này mô tả cách người dùng Admin Xóa một sản phẩm trong hệ thống Actor: Admin Dòng sự kiện chính: ✓ Dòng sự kiện chính: Use case này bắt đầu khi Admin muốn xóa sản phẩm trong hệ thống (7) Admin bấm vào nút xóa sản phẩm (8) Hệ thống kiểm tra thông tin, nếu dữ liệu hợp lệ sẽ được lưu vào Cơ sở dữ liệu. ✓ Dòng sự kiện khác: Không có. Các yêu cầu đặc biệt: Admin đăng nhập vào trang quản trị website. Trạng thái hệ thống trước khi thực hiện use case: đang ở hiển thị tất cả sản phẩm Trạng thái hệ thống sau khi thực hiện use case: Hiển thị tất cả sản phẩm còn lại sau khi xóa 1 sản phẩm trong hệ thống. 7.4 Đặc tả Use Case xác nhận đơn hàng Tóm tắt: use case này mô tả cách người dùng xác nhận đơn hàng khi đã gọi điện xác nhận. Actor: Admin Dòng sự kiện chính: ✓ Dòng sự kiện chính: use case này bắt đầu khi người dùng xác nhận một đơn hàng. (1) Người dùng chọn để xác nhận đơn hàng khi click vào nút xac nhận đơn hàng. 17 (2) Hệ thống sẽ chuyển đơn hàng sang cho người quản trị và chờ xử lí. Các yêu cầu đặc biệt: không có. Trạng thái hệ thống trước khi thực hiện use case: đang ở hiển thị tất cả đơn hàng. Trạng thái hệ thống sau khi thực hiện use case: xác nhận đơn hàng thành công. 7.5 Đặc tả Use Case thanh toán: Tóm tắt: Use case này mô tả cách người dùng thanh toán những đơn hàng đã chọn. Actor: Khách hàng Dòng sự kiện chính: ✓ Dòng sự kiện chính: Use case này bắt đầu khi người dùng muốn thanh toán các đơn hàng đã chọn. (1) Người dùng nhập thông tin giao hàng .. sau đó click button Thanh toán. (2) Hệ thống sẽ trả về thông báo. ✓ Dòng sự kiện khác: nếu trong dòng sự kiện chính, người dùng để trống những field bắt buộc nhập, thì hệ thống thông báo lỗi. Nếu người dùng chưa đăng nhập hệ thống sẽ chuyển về trang đăng nhập. Các yêu cầu đặc biệt: không có. Trạng thái hệ thống trước khi thực hiện use case: Đang ở trang giỏ hàng. Trạng thái hệ thốsng sau khi thực hiện use case: tùy vào dòng sự kiện. Nếu thanh toán thành công sẽ ở tại trang thanh toán, ngược lại sẽ báo lỗi hoặc chuyển đến trang đăng nhập. 18 7.6 Đặc tả Use Case xem lịch sử đơn hàng Tóm tắt: Use case này mô tả cách người dùngxem danh sách lịch sử đơn hàng. Actor: Khách hàng Dòng sự kiện chính: ✓ Dòng sự kiện chính: Use case này bắt đầu khi người dùng muốn xem lịch sử đơn hàng. (1) Người dùng chọn button cá nhân .. sau đó click button xem lịch sử đơn hàng (2) Hệ thống sẽ hiển thị danh sách đơn hàng. Các yêu cầu đặc biệt: không có. Trạng thái hệ thống trước khi thực hiện use case: đang ở trang đơn hàng. Trạng thái hệ thốsng sau khi thực hiện use case: chuyển đến trang xem lịch sử đơn hàng. 8. Phân quyền UC Users Admin DangKy x DangNhap x x XemSanPham x x TimSanPham x x ThanhToan x x 19 DoiMatKhau x XemLichSuDonHang x x QuanlySanPham x QuanlyDanhMucSanPha x m QuanlyDonHang x Bảng 2: Phân quyền của hệ thống 20