Đồ án project i đề tài website bán dụng cụ thể thao và thực phẩm bổ sung

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘIVIỆN CÔNG NGHỆ THÔNG TIN TRUYỀN THÔNG ĐỒ ÁN PROJECT I Đề tài: Website bán dụng cụ thể thao và thực phẩm bổ sung Sinh viên thực hiện: Phạm Đình Hoàng - 2018

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI

VIỆN CÔNG NGHỆ THÔNG TIN TRUYỀN THÔNG

ĐỒ ÁN

PROJECT I

Đề tài:

Website bán dụng cụ thể thao

và thực phẩm bổ sung

Sinh viên thực hiện: Phạm Đình Hoàng - 20183751 Giảng viên hướng dẫn: Thầy Ngô Tuấn Phong

Hà Nội, December 29, 2022

LỜI NÓI ĐẦU

Dịch bệnh xảy ra khiến Thể dục thể thao được xem là phương pháp rèn luyện sức khỏe có hiệu quả giúp nâng cao sự dẻo dai của cơ bắp và tăng sức đề kháng Hiện nay tập luyện thể thao được thực hiện đa dạng với nhiều hình thức, bài tập khác nhau Những lợi ích của thể dục thể thao đối với bản thân và xã hội chính là nguồn sức mạnh to lớn thúc đẩy người dân rèn luyện mỗi ngày

Cùng với nhu cầu tập luyện ngày càng tăng đó là sự gia tăng nhu cầu về các sản phẩm hỗ trợ việc tập luyện được thuận tiện hơn Vì lý do đó trong Project I lần này em

sẽ xây dựng Website bán dụng cụ thể thao và thực phẩm bổ sung

Em xin cảm ơn thầy Ngô Tuấn Phong đã phụ trách hướng dẫn đồ án này cho em

MỤC LỤC

1.1 Lý do chọn đề tài 1

1.2 Công nghệ sử dụng 1

CHƯƠNG 2 CƠ SỞ LÝ THUYẾT 2 2.1 Đặc điểm công nghệ sử dụng 2

2.2 Mục tiêu đạt được 2

2.2.1 Yêu cầu hệ thống 2

2.3 Chức năng chính 3

2.3.1 Admin 3

2.3.2 User 3

2.3.3 Guess 3

CHƯƠNG 3 MÔ HÌNH HÓA CHỨC NĂNG 4 3.1 Biểu đồ use-case tổng quát 4

3.2 Đặc tả use-case 4

3.2.1 Use-case đăng nhập 4

3.2.2 Use-case đăng ký 5

3.2.3 Use-case quản lý sản phẩm 5

3.2.4 Use-case quản lý tài khoản 6

3.2.5 Use-case Đăng xuất 6

CHƯƠNG 4 Biểu đồ tuần tự 7 4.1 Biểu đồ đăng nhập 7

4.2 Biểu đồ đăng ký 7

4.3 Biểu đồ quản lý sản phẩm 7

4.4 Biểu đồ quản lý tài khoản 8 4.5 Biểu đồ Đăng xuất 9

TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN 11

5.1 TỔNG KẾT 11 5.2 PHƯƠNG HƯỚNG PHÁT TRIỂN 11

DANH MỤC HÌNH VẼ

Hình 3.1 Biểu đồ usecase tổng quát 4

Hình 4.1 Biểu đồ đăng nhập 7

Hình 4.2 Biểu đồ đăng ký 8

Hình 4.3 Biểu đồ quản lý sản phẩm 8

Hình 4.4 Biểu đồ quản lý tài khoản 9

Hình 4.5 Biểu đồ đăng xuất 9

Hình 5.1 Cơ sở dũ liệu hoàn chỉnh 10

7

CHƯƠNG 1 CHƯƠNG MỞ ĐẦU 1.1 Lý do chọn đề tài

Trải qua hơn 3 năm bị ảnh hưởng do dịch Covid-91, mọi người dần ý thức được tầm quan trọng của sức khỏe do đó nảy sinh nhu cầu lớn về việc tập luyện thể dục thể thao hàng ngày Nhưng không phải ai cũng có thời gian và công sức để đến các cửa hàng và chọn lựa sản phẩm, dụng cụ tập luyện phù hợp

Vì vậy em xây dựng Website này tạo điều kiện thuận lợi cho người dùng tìm kiếm

và mua sắm sản phẩm một cách nhanh nhất, hiệu quả nhất

1.2 Công nghệ sử dụng

BackEnd: Ngôn ngữ PHP

Frontend: HTML, CSS, FrameWork BOOTSTRAP, Javascript

Hệ cơ sở dữ liệu MySQL

XAMPP : Máy chủ web local

1

CHƯƠNG 2 CƠ SỞ LÝ THUYẾT

2.1 Đặc điểm công nghệ sử dụng

1 PHP: PHP là viết tắt của cụm từ Personal Home Page nay đã được chuyển thành Hypertext Preprocessor Hiểu đơn giản thì PHP là một ngôn ngữ lập trình kịch bản (scripting language) đa mục đích PHP được dùng phổ biến cho việc phát triển các ứng dụng web chạy trên máy chủ Dó đó, ngôn ngữ lập trình PHP có thể xử lý các chức năng từ phía server để sinh ra mã HTML trên client như thu thập dữ liệu biểu mẫu, sửa đổi cơ sở dữ liệu, quản lý file trên server hay các hoạt động khác

2 HTML:HTML hay HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn bản, là ngôn ngữ được sử dụng cho các tài liệu web

3 CSS: CSS là viết tắt của cụm từ “Cascading Style Sheets”, tạm dịch: ngôn ngữ tạo phong cách cho trang web Ngôn ngữ lập trình này quy định cách các thành phần HTML của trang web thực sự sẽ xuất hiện trên frontend như thế nào

4 Javascript:JS có tác dụng giúp chuyển website từ trạng thái tĩnh sang động, tạo tương tác để cải thiện hiệu suất máy chủ và nâng cao trải nghiệm người dùng.JavaScript

là ngôn ngữ được sử dụng rộng rãi khi kết hợp với HTML/CSS để thiết kế web động

5 Bootstrap:Bootstrap là một framework bao gồm các HTML, CSS và JavaScript template dùng để phát triển website

2.2 Mục tiêu đạt được

2.2.1 Yêu cầu hệ thống

Nhu cầu nghiệp vụ: Dự án cung cấp môi trường bán các sản phẩm tập luyện và

thực phẩm bổ sung

Các yêu cầu nghiệp vụ:

– Bán các sản phẩm

– Quản lý tài khoản người dùng.

– Quản lý giỏ hàng

– Quản lý tài khoản.

Giá trị nghiệp vụ: Chúng ta mong đợi rằng trang web bán hàng này sẽ mang đến

sự hài lòng cho khách hàng,ẽ làm gia tăng doanh số dựa trên việc gia tăng lưu lượng khác truy cập website

2

2.3 Chức năng chính

2.3.1 Admin

1 Quản lý sản phẩm

• Liệt kê danh sách sản phẩm

• Tạo mới một sản phẩm

• Sửa thông tin một sản phẩm

2 Quản lý người dùng

• Xem thông tin cá nhân của người dùng

• Xóa người dùng

3 Quản lý giỏ hàng

• Xem thông tin mua hàng

• Xóa đơn hàng

2.3.2 User

1 Thay đổi thông tin cá nhân

2 Đăng nhập

3 Đăng xuất

4 Xem giỏ hàng

• Xóa sản phẩm

• Thanh toán

5 Thêm sản phẩm vào giỏ hàng

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

2.3.3 Guess

1 Đăng ký tài khoản

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

3

CHƯƠNG 3 MÔ HÌNH HÓA CHỨC NĂNG

Trong chương này sẽ giới thiệu biểu đồ usecase tổng quát và các đặc tả cho từng usecase (ta sẽ sử dụng biểu đồ hoạt động để đặc tả)

3.1 Biểu đồ use-case tổng quát

Hình 3.1 Biểu đồ usecase tổng quát

Hình 3.1 thể hiện các usecase tổng quát của hệ thống, trong đó có các tác nhân

chính là người dùng (user)quản trị viên (admin)và khácn (guess) Các usecase quan trọng của hệ thống như Quản lý sản phẩm, Quản lý tài khoản, quản lý đơn hàng Mua,

hàng,

3.2 Đặc tả use-case

3.2.1 Use-case đăng nhập

1 Tác nhân: Admin

2 Mô tả: Cán bộ y tế muốn vào hệ thống cần phải đăng nhập

3 Điều kiện tiên trước: Phải chọn chức năng đăng nhập

4 Dòng sự kiện chính:

• Chọn chức năng đăng nhập

• Hệ thống hiển thị ô username và password

4

admin hoặc user.

• hệ thống, nếu sai thì thực hiện dòng rẽ nhánh

• Use case kết thúc

5 Dòng rẽ nhánh: Nếu username hoặc password không đúng hệ thống sẽ báo lỗi và nhập lại

6 Kết quả: user và admin đăng nhập được vào hệ thống

3.2.2 Use-case đăng ký

1 Tác nhân: Guess

2 Mô tả: Khách muốn tạo tài khoản để mua hàng

3 Điều kiện tiên trước: Phải chọn chức năng đăng ký

4 Dòng sự kiện chính:

• Chọn chức năng Đăng ký

• Hệ thống hiển thị form tạo tài khoản

• Khách nhập thông tin

• Hệ thống kiểm tra thông tin, nếu thành công đưa ra thông báo nếu không thực hiện dòng rẽ nhánh

• Use case kết thúc

5 Dòng rẽ nhánh: Nếu thông tin không đúng hệ thống sẽ báo lỗi và yêu cầu nhập lại

6 Kết quả:Tạo tài khoản thành công

3.2.3 Use-case quản lý sản phẩm

1 Tác nhân: Admin

2 Mô tả: Admin muốn thêm sửa xóa sản phẩm

3 Điều kiện tiên trước: Phải đăng nhập

4 Dòng sự kiện chính:

• Chọn chức năng quản lý sản phẩm

• Hệ thống hiển thị thông tin danh mục sản phẩm

• chọn biểu tượng thêm sửa xóa sản phẩm tùy theo yêu cầu

5

• Hệ thống kiểm tra thông tin, nếu thành công đưa ra thông báo nếu không thực hiện dòng rẽ nhánh

• Use case kết thúc

5 Dòng rẽ nhánh: Nếu thông tin không hợp lệ hệ thống sẽ báo lỗi và yêu cầu nhập lại

6 Kết quả:Thêm, sửa , xóa thành công

3.2.4 Use-case quản lý tài khoản

1 Tác nhân: Admin

2 Mô tả: Admin xem thông tin tài khoản hoặc khóa tài khoản

3 Điều kiện tiên trước: Phải đăng nhập admin

4 Dòng sự kiện chính:

• Chọn chức năng quản lý tài khoản

• Hệ thống hiển thị danh sách tài khoản

• chọn tài khoản muốn xóa

• Xác nhận xóa

• Use case kết thúc

5 Dòng rẽ nhánh: không

6 Kết quả:Thêm, sửa , xóa thành công

3.2.5 Use-case Đăng xuất

1 Tác nhân: Admin , User

2 Mô tả: Người dùng muốn thoát khỏi hệ thống

3 Điều kiện tiên trước: Phải đăng nhập

4 Dòng sự kiện chính:

• Chọn đăng xuất

• Use case kết thúc

5 Dòng rẽ nhánh: không

6 Kết quả:Đăng xuất thành công

6

CHƯƠNG 4 Biểu đồ tuần tự 4.1 Biểu đồ đăng nhập

Hình 4.1 Biểu đồ đăng nhậph

4.2 Biểu đồ đăng ký

4.3 Biểu đồ quản lý sản phẩm

7

Hình 4.2 Biểu đồ đăng ký

Hình 4.3 Biểu đồ quản lý sản phẩmh

4.4 Biểu đồ quản lý tài khoản

8

Hình 4.4 Biểu đồ quản lý tài khoản

4.5 Biểu đồ Đăng xuất

Hình 4.5 Biểu đồ đăng xuấ

9

CHƯƠNG 5 Cơ sở dữ liệu

Hình 5.1 Cơ sở dữ liệu hoàn chỉnh

10

CHƯƠNG 6:TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN

5.1 TỔNG KẾT

Qua quá trình thực hiện Project này, em đã trau dồi kỹ năng phân tích, giải quyết vấn đề lập trình, biết quản lý source code biết viết báo cáo khoa học Trong quá trình làm việc em còn gặp phải một số vướng mắc và đã tìm ra cách giải quyết Tuy nhiên do thời gian có hạn nên một số chức năng còn chưa hoàn thành

5.2 PHƯƠNG HƯỚNG PHÁT TRIỂN

Tiếp tục hoàn thành phần việc chưa hoàn thành Bổ sung thêm chức năng theo dõi đơn hàng, xem lịch sử giao dịch

11

PHỤ LỤC

Xem mã nguồn trang web tại đây.

12