Tiểu luận tên Đề tài website giới thiệu, bán Điện thoại trực tuyến

Mã Use case UC02 Tên Use case Đăng ký1 Người dùng Truy cập vào trang web 2 Phần mềm Hiển thị giao diện chính 3 Người dùng Chọn chức năng đăng ký 4 Phần mềm Phần mềm chuyển hướng sang tra

Trang 1

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIA ĐỊNH KHOA: CÔNG NGHỆ THÔNG TIN

TIỂU LUẬN TÊN ĐỀ TÀI: WEBSITE GIỚI THIỆU, BÁN ĐIỆN

THOẠI TRỰC TUYẾN

Thầy hướng dẫn : LÊ HUỲNH PHƯỚC

Em thực hiện : PHAN QUỐC HÙNG

Thành phố Hồ Chí Minh, tháng 12, năm 2023

Trang 2

Khoa Công Nghệ Thông Tin

NHẬN XÉT VÀ CHẤM ĐIỂM CỦA THẦY

TIỂU LUẬN MÔN: THIẾT KẾ VÀ XÂY DỰNG PHẦN MỀM

1 Họ và tên em: Phan Quốc Hùng

2 Tên đề tài: Website giới thiệu, bán điện thoại trực tuyển

3 Nhận xét: a) Những kết quả đạt được:

b) Những hạn chế:

4 Điểm đánh giá (theo thang điểm 10, làm tròn đến 0.5): Em:………

Điểm số: ……….…… Điểm chữ: ………

TP HCM, ngày … tháng … năm 20……

Thầy chấm thi

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

Trang 3

MỤC LỤC

MỤC LỤC 1

LỜI MỞ ĐẦU 3

BẢNG PHÂN CÔNG VIỆC 4

1 Hiện trạng và Yêu cầu 5

1.1 Hiện trạng: 5

1.2 Yêu Cầu: 5

2 Mô hình hóa yêu cầu 6

2.1 Xác định Actor 6

2.2 Sơ đồ Use Case 7

3 Phân tích 40

3.1 Sơ đồ lớp (Class Diagram) 40

3.2 Sơ đồ tuần tự (Sequency Diagram) 42

3.3 Sơ đồ trạng thái (StateChart Diagram) 60

3.4 Sơ đồ dữ liệu (ERD) 64

4 Thiết kế 65

4.1 Sơ đồ Component Diagram 65

4.2 Sơ đồ Class Component Diagram 66

5 Thiết kế dữ liệu 67

6 Thiết kế giao diện 70

6.1 Màn hình "Thanh Menu" 70

6.2 Màn hình Register/Login 70

6.3 Màn hình "Cropdown Menu" 71

Trang 4

6.6 Màn hình Product List 73

6.7 Màn hình ProductDetail 74

6.8 Màn hình "Cart" 78

6.9 Màn hình "Check-Out" 79

6.10 Màn hình "News" 80

6.11 Màn hình "ERRO" 82

7 Cài đặt thử nghiệm 83

7.1 Thử nghiệm Login 83

7.2 Thử nghiệm Register 84

7.3 Thử nghiệm LogOut 85

7.4 Thử nghiệm ReviewCart 85

7.5 Thử nghiệm ProductDetail 86

LỜI CÁM ƠN 87

Trang 5

LỜI MỞ ĐẦU

Công nghệ đang đóng một vai trò ngày càng quan trọng trong cuộc sống hàng ngày,tác động sâu rộng vào nhiều khía cạnh khác nhau của đời sống cá nhân và xã hội, vì thế emluôn không ngừng học hỏi, là sinh viên ở trường Đại học Gia Định, được trau dồi đẩy đủ cáckiến thức chuyên môn về phần mềm, dưới sự hướng dẫn của giảng viên ThS Lê HuỳnhPhước với môn học "Thiết kế và Xây dựng Phần mềm"

Thầy Lê Huỳnh Phước mang đến cho em không chỉ kiến thức chuyên sâu mà cònnhững giá trị lớn về cách tiếp cận và ứng dụng trong thực tế Môn học này không chỉ là sựchuyển giao kiến thức mà còn là hành trình tìm hiểu và phát triển khả năng sáng tạo và giảiquyết vấn đề của em Thầy còn có vai trò quan trọng trong việc hướng dẫn em xây dựng nềntảng kiến thức và kỹ năng cần thiết để trở nên tốt hơn trong quá trình học tập, không những

là người truyền đạt kiến thức mà còn là người tạo điều kiện để em phát triển tư duy logic, kỹnăng làm việc nhóm và tinh thần sáng tạo

Môn học "Thiết kế và Xây dựng Phần mềm" đóng vai trò quan trọng trong cuộc sống

vì ngày nay, ứng dụng phần mềm trở thành một phần không thể thiếu trong mọi lĩnh vực

Em thông qua môn học này sẽ học cách phát triển và duy trì các ứng dụng, giải quyết vấn đề

và hiểu rõ hơn về quá trình phát triển phần mềm từ ý tưởng đến thực tế Từ các bước cơ bảnđầu tiên như phân tích yêu cầu đến thiết kế và cài đặt

Đối với em, môn học này giúp chúng em trang bị được những kỹ năng cần thiết đểđáp ứng yêu cầu ngày càng cao của thị trường lao động trong lĩnh vực công nghệ thông tin.Các dự án thực tế và bài tập thực hành giúp em tự tin hơn khi bước vào môi trường làmviệc

Trang 6

BẢNG PHÂN CÔNG VIỆC

1 Thiết kế dữ liệu Phan Quốc Hùng

2 Thiết kế giao diện Vũ Minh Quân

5 Viết báo cáo Lại Minh Nhựt

6 Kiểm thử trang web Vũ Minh Quân

Lại Minh Nhựt

7 Quản lý dự án Võ Nguyễn Bảo Long

8 Cài đặt Phan Quốc Hùng

Võ Nguyễn Bảo Long

Trang 7

1 Hiện trạng và Yêu cầu

1.1 Hiện trạng:

- Một trang website có thể quản lý được sản phẩm ví dụ như thêm, sửa, xóa, cập nhật sảnphẩm, thêm sản phẩm vào giỏ hàng, etc Kiểm tra xem trang web hiện tại có đáp ứng và thân thiệnvới người dùng không Đánh giá trải nghiệm người dùng và xem xét phản hồi từ người dùng

1 Website có 3 loại người dùng:

- Người dùng không có tài khoản (guest), người dùng có tài khoản (customer), người quản trị

- Mô tả chi tiết về các sản phẩm, bao gồm thông số kỹ thuật, giá tiền và đánh giá của người dùng

4 Tính Năng Thanh Toán:

- Kiểm tra tính năng thanh toán hiện có và đảm bảo nó an toàn và thuận tiện cho người dùng

1 Tìm Kiếm và Bộ Lọc Hiệu Quả:

- Cung cấp hệ thống tìm kiếm mạnh mẽ và bộ lọc để người dùng dễ dàng tìm kiếm sản phẩm

2 Giỏ Hàng và Thanh Toán:

- Cung cấp quy trình thanh toán đơn giản và an toàn, kèm theo tính năng theo dõi giỏ hànglinh hoạt, chi tiết Kèm theo việc thay đổi, điều chỉnh về sản phẩm (Màu, Số lượng, Dung

Trang 8

3 Thông Tin Sản Phẩm Chi Tiết:

- Mô tả chi tiết về sản phẩm, cung cấp hình ảnh chất lượng cao và đánh giá của người dùng

4 Quản Lý:

- Admin có thể quản lý hóa đơn, sản phẩm và người dùng để bảo mật cũng như theo dõi tình trạngsản phẩm

5 Khuyến Mãi và Ưu Đãi:

- Tích hợp chương trình khuyến mãi, giảm giá, và ưu đãi để khuyến khích mua sắm

6 Tùy Chọn Đăng Ký và Đăng Nhập và Đăng xuất:

- Cung cấp tùy chọn cho người dùng để đăng ký tài khoản và đăng nhập để theo dõi đơn hàng vàlợi ích khác, và đăng xuất để chuyển sang loại tài khoản khác

2 Mô hình hóa yêu cầu

2.1 Xác định Actor

- Actor Admin đóng vai trò quan trọng trong việc quản lý website, vớinhững chức năng cơ bản như, thêm, sửa, xóa, cập nhật sản phẩm

- Actor Customer có vai trò là người dùng khách hàng, đã có tài khoản

"Customer", có thể thực hiện các chức năng như, mua hàng, thanh toán,thêm sản phẩm vào giỏ hàng, xem chi tiết sản phẩm,… Nếu muốn mua sảnphẩm buộc phải có tài khoản "Customer"

- Actor Guest cũng có vai trò là người dùng khách hàng, nhưng không có tàikhoản, chỉ thực hiện được các chức năng như là xem sản phẩm, xem danhsách sản phẩm, không thể mua sản phẩm được vì chưa có tài khoản

- Actor Database có vai trò là một phần của hệ thống tương tác với cơ sở dữliệu

Trang 9

2.2 Sơ đồ Use Case

Trang 11

2.2.1 Xác định Use Case

Mã Use case UC01 Tên Use case Đăng nhập

Tác nhân Customer, Admin, Guest

Mối quan hệ Usecase Đăng Nhập

Mô tả Cho phép người dùng đăng nhập vào trang web

Tiền điều kiện Phần mềm phải có chức năng và cơ chế xử lý đăng nhập

Luồng sự kiện chính

(Thành công)

STT Thực hiện bởi Hành động

1 Người dùng Truy cập vào trang web

2 Phần mềm Hiển thị giao diện chính

3 Người dùng Chọn chức năng đăng nhập

4 Phần mềm Chuyển hướng sang trang đăng nhập

5 Người dùng Nhập thông tin đăng nhập

6 Phần mềm Kiểm tra thông tin đăng nhập7a Phần mềm Thông báo đăng nhập thành công và trả về

thông tin người dùng8a Phần mềm Hiển thị giao diện chính kèm thông tin

Hậu điều kiện Người dùng sẽ có thể truy cập vào phần mềm và thực hiện những chức năng màngười dùng mong muốn

Trang 12

Mã Use case UC02 Tên Use case Đăng ký

3 Người dùng Chọn chức năng đăng ký

4 Phần mềm Phần mềm chuyển hướng sang trang đăng

ký

5 Người dùng Nhập thông tin đăng ký

6 Phần mềm Kiểm tra thông tin đăng ký7a Phần mềm Thông báo đăng ký thành công và trả về

thông tin người dùng8a Phần mềm Hiển thị giao diện chính kèm thông tin

Hậu điều kiện Người dùng sẽ tạo được tài khoản và thông tin của người dùng phải được lưuvào

Mã Use case UC03 Tên Use case Đăng xuất

Tác nhân Customer, Admin

Mối quan hệ

Mô tả Cho phép người dùng đăng xuất

Tiền điều kiện Người dùng đã thực hiện đăng nhập vào phần mềm

(Thành công)

1 Người dùng Người dùng nhấn nút đăng xuất

2 Người dùng Xác nhận đăng xuất tài khoản

3 Phần mềm Hiển thị giao diện cho Guest

Luồng sự kiện thay

thế

2b Phần mềm Người dùng hủy hành động đăng xuất3b Phần mềm Hiển thị giao diện cho Customer

Hậu điều kiện

Người dùng có thể thêm được sản phẩm mà mình mong muốnvào giỏ hàng, giỏ hàng phải luôn cập nhật sản phẩm mà ngườidùng thêm

Trang 13

Mã Use case UC04 Tên Use case Thêm giỏ hàng

Mối quan hệ Usecase xem danh sách sản phẩm,Usecase xem chi tiết sản phẩm

Mô tả Cho phép người dùng thêm đc sản phẩm vào giỏ hàng

Tiền điều kiện Người dùng đã thực hiện chức năng xem danh sách sản phẩmhoặc chức năng xem chi tiết sản phẩm

2 Phần mềm Phần mềm thêm sản phẩm vào giỏ

hàng và thông báo thành công

thế

2b Phần mềm Phần mềm thông báo thêm thất bại vìhết hàng

Hậu điều kiện Người dùng có thể thêm được sản phẩm mà mình mong muốnvào giỏ hàng, giỏ hàng phải luôn cập nhật sản phẩm mà người

dùng thêm

Trang 14

Mã Use case UC05 Tên Use case Xem danh sách sản phẩm

Mối quan hệ Usecase Tìm kiếm

Mô tả Cho phép người dùng có thể xem được danh sách sản phẩm

Tiền điều kiện Phần mềm có chức năng xem danh sách sản phẩm

(Thành công)

3 Người dùng Chọn chức năng xem danh sách sản

phẩm4a Phần mềm Phần mềm hiển thị danh sách các

Trang 15

Mã Use case UC06 Tên Use case Xem giỏ hàng

Mối quan hệ

Mô tả Cho phép người dùng thêm đc sản phẩm vào giỏ hàng

Tiền điều kiện Người dùng đã thực hiện chức năng xem danh sách sản phẩmhoặc chức năng xem chi tiết sản phẩm

2b Phần mềm Phần mềm hiển thị giỏ hàng rỗng

Hậu điều kiện Sản phẩm trong giỏ hàng phải được cập nhật mới

Trang 16

Mã Use case UC07 Tên Use case Xem chi tiết sản phẩm

Mối quan hệ Usecase xem danh sách sản phẩm

Mô tả Cho phép người dùng có thể xem chi tiết thông tin của sản phẩmcần muaTiền điều kiện Thực hiện chức năng xem danh sách sản phẩm

2b Phần mềm Lỗi không tìm thấy sản phẩm

Hậu điều kiện Sản phẩm phải được hiển thị chính xác dựa trên sản phẩm màngười dùng chọn

Trang 17

Mã Use case UC08 Tên Use case Danh sách hóa đơn

Tác nhân Admin

Mối quan hệ Usecase xem danh sách

Mô tả Cho phép admin xem được danh sách các hóa đơn của người dùng

Tiền điều kiện Người dùng có tài khoản admin đã đăng nhập vào

(Thành công)

1 Admin Vào page quản lý

2 Phần mềm Yêu cầu đăng nhập

3 Admin Admin đăng nhập

4 Phần mềm Hiển thị giao diện chính của page quản

lý

5 Admin Chọn mục Orders

6 Phần mềm Phần mềm hiển thị danh sách hóa đơn

Luồng sự kiện thay thế STT Thực hiện bởi Hành động

6b Phần mềm Phần mềm hiển thị danh sách rỗng

Hậu điều kiện Hiển thị danh sách hóa đơn của người dùng

Trang 18

Mã Use case UC09 Tên Use case Thanh toán

Mối quan hệ Usecase xem chi tiết giỏ hàng

Mô tả Cho phép người dùng có thể thanh toán sản phẩm

Tiền điều kiện Thực hiện chức năng xem chi tiết giỏ hàng

(Thành công)

1 Người dùng Người dùng chọn thanh toán

2 Phần mềm Chuyển hướng người dùng đến

trang thanh toán

3 Phần mềm Hiển thị trang nhập thông tin thanh

toán

4 Người dùng Nhập thông tin thanh toán

5 Người dùng Chọn xác nhận6a Phần mềm Lưu thông tin vào csdl7a Phần mềm Thông báo thành công và hiển thị

hóa đơn điện tử cho khách hàng

Trang 19

Mã Use case UC10 Tên Use case Thêm sản phẩm mới

Mối quan hệ Usecase đăng nhập

Mô tả Cho phép quản trị viên có thể thêm một sản phẩm mới lên trang web bánhàngTiền điều kiện Thực hiện chức năng đăng nhập

Luồng sự kiện

chính (Thành

công)

1 Người dùng Người dùng chọn mục product

2 Phần mềm Hiển thị giao diện quản lý sản

giao diện quản lý product

Luồng sự kiện

thay thế

7b Phần mềm Thông báo thất bại và yêu cầu thử lại

Hậu điều kiện Các sản phẩm vừa được tạo phải được cập nhật vào danh sách sản phẩmtrong csdl và hiển thị ra giao diện web

Trang 20

Mô tả Cho phép quản trị viên có thể sửa sản phẩm trên trang web bánhàngTiền điều kiện Thực hiện chức năng đăng nhập

(Thành công)

2 Phần mềm Hiển thị giao diện quản lý sản phẩm

7 Phần mềm Hiển thị giao diện sửa thông tin

8 Người dùng Nhập thông tin muốn sửa

9 Người dùng Chọn nút save change

10 Phần mềm Thông báo thành công và trở về giao

diện quản lý product

thế

Hậu điều kiện Các sản phẩm vừa được sửa phải được cập nhật trong danh sách sảnphẩm trong csdl và hiển thị ra giao diện web

Trang 21

Mã Use case UC12 Tên Use case Xóa sản phẩm

Mô tả Cho phép quản trị viên có thể xóa sản phẩm trên trang web bán hàng

Tiền điều kiện Thực hiện chức năng đăng nhập

(Thành công)

2 Phần mềm Hiển thị giao diện quản lý sản phẩm

3 Người dùng Tìm một sản phẩm cần sửa

4 Người dùng Chọn menu hành động trong sản phẩm

5 Phần mềm Hiển thị một menu bao gồm update

delete6a Người dùng Chọn nút delete

7 Phần mềm Hiển thị modal yêu cầu xác nhận

8 Người dùng Chọn xác nhận

diện quản lý product

Luồng sự kiện thay thế

6b Người dùng Chọn nút update6c Phầm mềm Hiển thị giao diện sửa thông tin6d Người dùng Chọn biểu tượng xóa

Hậu điều kiện Các sản phẩm vừa được xóa phải được cập nhật trong danh sách sảnphẩm trong csdl

Trang 22

Mã Use case UC13 Tên Use case Xóa người dùng

Mô tả Cho phép quản trị viên có thể xóa người dùng trong hệ thống trang web

(Thành công)

1 Người dùng Người dùng chọn mục user

2 Phần mềm Hiển thị giao diện quản lý người dùng

3 Người dùng Tìm người dùng cần xóa

diện quản lý người dùng

Luồng sự kiện thay thế

6b Người dùng Chọn nút update6c Phầm mềm Hiển thị giao diện sửa thông tin6d Người dùng Chọn biểu tượng xóa

Hậu điều kiện Người dùng vừa được xóa phải được cập nhật trong csdl

Trang 23

Mã Use case UC14 Tên Use case Xóa hóa đơn

Mô tả Cho phép quản trị viên có thể xóa hóa đơn trong hệ thống

(Thành công)

1 Người dùng Người dùng chọn mục hóa đơn

2 Phần mềm Hiển thị giao diện quản lý hóa đơn

3 Người dùng Tìm hóa đơn cần xóa

diện quản lý hóa đơn

Hậu điều kiện Hóa đơn vừa được xóa phải được cập nhật trong csdl

Mã Use case UC15 Tên Use case Tìm kiếm

Trang 24

Mối quan hệ Usecase Tìm kiếm

Mô tả Cho phép người dùng có thể xem được danh sách sản phẩm

Tiền điều kiện Phần mềm có chức năng xem danh sách sản phẩm

(Thành công)

3 Người dùng Chọn chức năng xem danh sách sản

phẩm4a Phần mềm Phần mềm hiển thị danh sách các

Trang 25

Mã Use case UC16 Tên Use case Sửa thông tin người dùng

Mô tả Cho phép quản trị viên có thể sửa thông tin của người dùng trên hệthống trang web bán hàngTiền điều kiện Thực hiện chức năng đăng nhập

(Thành công)

1 Người dùng Người dùng chọn mục user

2 Phần mềm Hiển thị giao diện quản lý người dùng

3 Người dùng Tìm người dùng cần sửa thông tin

4 Người dùng Chọn menu hành động

5 Phần mềm Hiển thị một menu bao gồm update

delete

6 Người dùng Chọn nút update

7 Phần mềm Hiển thị giao diện sửa thông tin

8 Người dùng Nhập thông tin muốn sửa

9 Người dùng Chọn nút save change

diện quản lý người dùng

Luồng sự kiện thay thế STT

Thực hiện bởi Hành động

Hậu điều kiện Thông tin người dùng vừa được sửa phải được cập nhật trong csdl

Trang 26

Mã Use case UC17 Tên Use case Chi tiết hóa đơn

Mối quan hệ Usecase xem chi tiết hóa đơn

Mô tả Cho phép admin xem được danh sách chi tiết hóa đơn của người dùng

(Thành công)

lý

5 Admin Chọn mục Orders

6 Phần mềm Phần mềm hiển thị danh sách hóa đơn

7 Admin Chọn hóa đơn muốn xem chi tiết

8 Phần mềm Hiển thị thông tin chi tiết hóa đơn

Hậu điều kiện Hiển thị thông tin chi tiết hóa đơn

Trang 27

Mã Use case UC18 Tên Use case Xem danh sách người dùng

Mối quan hệ Usecase xem danh sách

Mô tả Cho phép admin xem được danh sách các hóa đơn của người dùng

(Thành công)

lý

5 Admin Chọn mục Users

6 Phần mềm Phần mềm hiển thị danh sách người

dùng

Hậu điều kiện Hiển thị danh sách người dùng

Trang 28

2.2.2 Mô tả UseCase

2.2.2.1 Yêu cầu Đăng nhập

Trang 29

2.2.2.2 Yêu cầu Đăng ký

2.2.2.3 Yêu cầu Đăng xuất

Trang 30

2.2.2.4 Yêu cầu "Xem danh sách sản phẩm".

2.2.2.5 Yêu cầu "Thêm giỏ hàng".

Trang 31

2.2.2.6 Yêu cầu "Xem giỏ hàng".

2.2.2.7 Yêu cầu "Xem chi tiết sản phẩm".

Trang 32

2.2.2.8 Yêu cầu "Tìm kiếm".

2.2.2.9 Yêu cầu "Xem chi tiết Orders"

Trang 33

2.2.2.10 Yêu cầu "Thêm sản phẩm mới"

Trang 34

2.2.2.11 Yêu cầu "Sửa sản phẩm"

Trang 35

2.2.2.12 Yêu cầu "Xóa sản phẩm"

Trang 36

2.2.2.13 Yêu cầu "Sửa thông tin User"

Trang 37

2.2.2.14 Yêu cầu "Xóa User"

Trang 38

2.2.2.15 Yêu cầu "Xem danh sách User"

2.2.2.16 Yêu cầu "Danh sách hóa đơn"

Trang 39

2.2.2.17 Yêu cầu "Xóa hóa đơn"

Trang 40

2.2.2.18 Yêu cầu "Thanh toán"

Tiêu đề	Website giới thiệu, bán điện thoại trực tuyến
Tác giả	Phan Quốc Hùng
Người hướng dẫn	ThS. Lê Huỳnh Phước
Trường học	Trường Đại học Gia Định
Chuyên ngành	Kỹ thuật Phần mềm
Thể loại	Tiểu luận
Năm xuất bản	2023
Thành phố	Thành phố Hồ Chí Minh

Định dạng
Số trang	88
Dung lượng	34,97 MB