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

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.. Đặ ả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ác

Giới thiệu

Khách hàng có th ể

+ Ch n s n ph ọ ả ẩm để xóa kh ỏi giỏ hàng + Thanh toán ( t gi hành chuy n t ừ ỏ ể hành hóa đơn)+ Hi n th ể ị đơn hàng

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 ả ẩ

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 ) ằ ữ ậ ồ ở (

PHP, viết tắt của "PHP: Hypertext Preprocessor," là một ngôn ngữ lập trình kịch bản phổ biến cho việc phát triển web Được tạo ra bởi lập trình viên Rasmus Lerdorf người Canada gốc Đan Mạch vào năm 1994, PHP hiện nay được phát triển và duy trì bởi The PHP Group.

Sơ đồ Use Case

Danh sách use case

1 Đăng ký Tạo m t tài ộ khoản mới

2 Đăng nhập Đăng nhập vào hệ thống

3 Xem s n ph m ả ẩ Xem chi ti t s ế ản phẩm

4 Tìm s n ph m ả ẩ Tìm ki m s ế ản phẩm

5 Đặt hàng Đặt hàng Khách hàng

6 Thanh Toán Thanh toán b ng ằ tiề n m t khi ặ nhận hàng

7 Đổ i m t kh u ậ ẩ Đổ i m t kh u ậ ẩ Khách hàng

Xem chi ti t l ch ế ị sử đơn hàng

Use case c a h ủ ệ thống

Bi ểu đồ Use Case trang gi hàng ỏ

Hình 2: Use case Giỏ hàng

Biểu đồ qu ản lý đơn hàng

Hình 3: Use case quản lí đơn hàng

Use case quản lí sản phẩm

Hình 4: Use case Qu n lí s n ph ả ả ẩm

Use case quản lý danh mục

Hình 5: Use Case Quản lí danh mục

Đặ ả Use Case .13 c t

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: 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 ậ ả ậ ẩ

Hệ thống kiểm tra thông tin đăng nhập sẽ cho phép người dùng đăng nhập vào hệ thống nếu thông tin trùng khớp với dữ liệu đã lưu, đồng thời cung cấp giao diện người dùng phù hợp cho cả Admin và Khách hàng.

Nếu người dùng nhập sai tên đăng nhập hoặc mật khẩu trong dòng sự kiện chính, hệ thống sẽ hiển thị thông báo lỗi Người dùng có thể lựa chọn quay về đầu dòng sự kiện chính hoặc hủy bỏ việc đăng nhập, và trong trường hợp này, use case sẽ 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:

✓ 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.

Nếu người dùng không chọn mua sản phẩm bằng cách nhấn vào nút "Mua hàng" trong dòng sự kiện chính, họ sẽ không thể mở Giỏ hàng vì chưa có sản phẩm nào được chọn Trang web sẽ chuyển hướng về màn hình đăng nhập ban đầu, và tại thời điểm này, use case sẽ kết thú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 ọ ằ

Sau khi thực hiện use case, trạng thái hệ thống cho phép mở trang Giỏ hàng để quản lý sản phẩm Người dùng có thể cập nhật số lượng hoặc xóa sản phẩm trong Giỏ hàng một cách dễ dà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

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 ả ả ẩ

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.

✓ 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

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 m ẩ ới được thêm vào hệ thống

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

✓ 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

Trong dòng sự kiện chính, nếu người dùng để trống các trường bắt buộc, hệ thống sẽ thông báo lỗi Người dùng có thể lựa chọn quay về đầu dòng sự kiện chính hoặc hủy bỏ việc thêm, dẫn đến việc kết thúc use case.

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 sau khi th c hi n use case: ự ệ Sản phẩm được chỉnh sửa thông tin

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

✓ 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 ấ ả ẩ

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

✓ 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

(2) Hệ thố ng s chuy ẽ ển đơn hàng sang cho người quản trị và chờ xử lí.

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.

✓ 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 ề

Nếu trong dòng sự kiện chính, người dùng bỏ trống các trường bắt buộc, hệ thống sẽ thông báo lỗi Nếu người dùng chưa đăng nhập, hệ thống sẽ chuyển hướng về trang đăng nhập.

Trạng thái h ệ thống trước khi th c hi n use case: ự ệ Đang ở trang gi hàng ỏ

Sau khi thực hiện use case, trạng thái hệ thống phụ thuộc vào dòng sự kiện Nếu thanh toán thành công, người dùng sẽ ở lại trang thanh toán; ngược lại, nếu không thành công, hệ thống sẽ thông báo lỗi và chuyển hướng đến trang đăng nhập.

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.

✓ 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

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.

Phân quyền

Class Diagram

Biểu đồ tuần tự các ch ức năng củ a hệ thống

Đăng nhập

Hình 7: Sơ đồ tuần tự đăng nhập

Bi ểu đồ tuầ n t ự quản lí gi hàng ỏ

Hình 8: Sơ đồ tuầ ự n t trang xem gi hàng ỏ

Hình 9: Biểu đồ tuầ ự n t trang xóa gi hàng ỏ

Bi ểu đồ tuầ n t ự quản lí s n ph m 1 Xem s n ph ả ẩ ả ẩm

Hình 10: Biểu đồ tuầ ự n t trang xem s n ph m ả ẩ

Hình 11: Biểu đồ tuầ ự n t trang c ập nh t s n ph m ậ ả ẩ

Thiết Kế cơ sở d ữ liệu

Sơ đồ quan hệ

Hình 13: Sơ đồ quan hệ

Lược đồ của hệ thống

Field name Type Max length Description

1 idNguoiDung Int Lưu trự mã Khách hàng

Int Lưu trữ mã ki ểu ngườ i dùng(2:admin,1:user)

3 HoTen Nvarchar 50 Lưu trữ tên Khách hàng

4 TenDangNhap Nvarchar 50 Lưu trữ tên đăng nhậ p của khách hàng

5 MatKhau Nvarchar 50 Lưu trữ mật kh u c ẩ ủa

6 DiaChi Nvarchar 50 Lưu trữ địa chỉ KH

7 SoDienThoai Nvarchar 50 Lưu trữ số điện thoại

8 SoFax Nvarchar 50 Lưu trữ số mã điện thư của khách hàng

9 Email Nvarchar 50 Lưu ữ tr Email người dùng

10 MaDienThoai Nvarchar 50 Lưu trữ mã điệ n tho i ạ

2.2 Bảng ki ểu ngườ i dùng

Int Lưu trự mã loại

Nvarchar 50 Lưu ữ tr tên kiểu người dùng

1 IdSanPham Int Lưu trự mã sản phẩm

Int Lưu trữ mã danh m ục sản ph m ẩ

Int Lưu trữ mã hình sản phẩm

4 TenSanPham Nvarchar 50 Lưu trữ tên sản ph m ẩ

5 MoTaSanPham Nvarchar 50 Lưu trữ về chi tiết sản phẩm

6 GiaSanPham Int Lưu giá của sản ph m ẩ

Int Lưu trự mã danh m ục

Nvarchar 50 Lưu ữ tr tên danh mục sản ph m ẩ

1 IdGioHang Int Lưu trự mã giỏ hàng

2 CartGuid Nvarchar 50 Lưu ữ tr hướ ng d n giỏ ẫ hàng

3 IdSanPham Int Lưu ữ tr mã s n ph m ả ẩ

4 SoLuong Int Lưu ữ tr số lượng trong giỏ hàng

Smalldate Lưu ữ tr ngày t o gi ạ ỏ hàng

1 IdDonHang Int Lưu trự mã đơn hàng

2 idNguoiDung Int Lưu ữ tr mã người dùng

Int Lưu mã tình trạng đơn hàng

4 idGiaodich Int Lưu mã giao d ch ị

Smalldate Lưu ữ tr ngày tạo đơn hàng

Smalldate Lưu ngày x lý đơn ử hàng

Nvarchar 50 Lưu số để theo dõi đơn hàng

1 IdSanPham Int Lưu trự mã s ản ph m ẩ

Int Lưu chi tiết đơn hàng

3 IdDonHang Int Lưu mã đơn hàng

Smalldate Lưu ữ tr ngày t o gi ạ ỏ hàng

Bảng 9: Bảng chi tiết đơn hàng

Int Lưu số lượng truy cập của trang web

Bảng 10: Thống kê truy cập

2.9 B ảng TinhTrangDonHang Field name Type Max length Description

Int Lưu trữ mã tình tr ng ạ đơn hàng

Nvarchar 50 Lưu ữ tr tên c a tình ủ trạng đơn hàng

Bảng 11: Tình trạng đơn hàng

Int Lưu mã hình sản ph m ẩ

Thiết k giao di ế ện

Giao diệ n trang ch ủ

Hình 14: Giao di n trang ch ệ ủ

Giao diện trang đăng nhập

Hình 15: Giao d n ệ trang đăng nhập

Giao diện trang đăng ký

Hình 16: Giao diện trang đăng kí

Giao diệ n trang s n ph ả ẩm

Hình 17: Giao diệ n trang s n ph ả ẩm

Giao diện trang đơn hàng

Hình 18 : Giao di n ệ trang đơn hàng

Giao di n trang gi hàng ệ ỏ

Hình 19: Giao di n trang gi hàng ệ ỏ

Giao diện đăng nhậ p c a trang qu n tr ủ ả ị

Hình 20: Giao di n trang qu n tr ệ ả ị

Giao diệ n trang s n ph m c a trang qu ả ẩ ủ ả n tr ị

Hình 21: Giao diệ n trang s n ph m trang qu n tr ả ẩ ả ị

9 Giao di n trang thêm m ệ ới sản phẩm c a trang qu n tr ủ ả ị

Hình 22 : Giao di n trang thêm s n ph m m ệ ả ẩ ới

10 Giao di n trang s a s n ph m c ệ ử ả ẩ ủa trang qu n tr ả ị

Hình 23: Giao di ện trang s a s n ph ử ả ẩm

11 Giao di n trang danh m ệ ục

Hình 24: Giao di n trang danh m ệ ục

Hình 25: Giao di n s ệ ửa danh m ục

Hoàn thành xong Website thương mại điện t ử, điệ n máy

Có kinh nghiệm về PHP khi thưc hiệ n xong project Nắm được luồng s ki ự ện cũng như cấ u trúc PHP

2 Hướ ng phát tri ển của đề tài

Mở rộng thêm ch ức năng như đánh giá sả n ph m ẩ cũng như bình luậ n c ủa trang web

Mở r ng thêm các hình th ộ ức thanh toán khác như Visa,master card, Payal, th ATM ẻ hay QR code,

Giao di n trang s a s n ph m c ệ ử ả ẩ ủa trang qu n tr ả ị