Đồ án cơ sở 2 Đề tài xây dựng website bán gaming gear

MỞ ĐẦU Ngày nay, ứng dụng công nehệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tô chức, cũng như của các côn

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYÊN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH

Đà nắng, tháng 12 năm 2023

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYEN THONG VIET - HAN KHOA KHOA HQC MAY TINH

XAY DUNG WEB SITE BAN GAMING GEAR

Đà Nẵng, tháng 12 năm 2023

MỞ ĐẦU

Ngày nay, ứng dụng công nehệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tô chức, cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ Cùng với sự phát triển không ngừng

về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chính phục hết đỉnh cao này đến đỉnh cao khác Mạng Internet là một trong những sản phâm có giá trị hết sức lớn lao và ngày cảng trở nên một công cụ không thể thiếu, là nền tảng chính cho

sự truyền tải, trao đôi thông tin trên toàn cầu Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉ cần có một máy tính kết nối internet và một dòng đữ liệu truy tìm thì gần như lập tức cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nêu ban can Bang internet, chúng ta

đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chỉ phí thấp hơn nhiều so với cách thức truyền thông Chính điều này, đã thúc đấy sự khai sinh

và phát triển của thương mại điện tử và chính phủ điện tử trên khắp thế giới,

làm biến đổi đáng kế bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người Trong hoạt động sản xuất, kinh doanh, giờ đây, thương mại điện tử đã khẳng định được vai trò xúc tiễn và thúc đây sự phát triển của doanh nghiệp Đối với một cửa hàng hay shop, việc quảng bá và giới thiệu đến khách hang các sản phẩm mới đáp ứng được nhu cầu của khác hàng sẽ là cần thiết Vậy phải quảng bá thế nào đó là xây dựng được một Website cho cửa hàng của

mình quảng bá tất cả các sản phẩm của mình bán Vì vậy, chúng em đã thực

hién dé an “XAY DUNG WEBSITE BAN GAMING GEAR”

LỜI CẢM ƠN

Đề có thể hoàn thành tốt bài báo cáo, trước tiên chúng em gửi lời cảm ơn chân thành đến TS.Nguyễn Văn Bình đã tận tình giảng dạy và giúp đỡ trong thời gian thực hiện báo cáo

Xin gửi lời cảm ơn đến gia đình, cám ơn các anh chị, bạn bè, những người luôn sát cánh, động viên chúng em trên bước đường học tập cũng như trong cuộc sống Xin chân thành biết ơn sự tận tình dạy dỗ và sự giúp đỡ của tất cả quý thay cô tại trường Đại học CNTT & TT Việt - Hàn, đặc biệt là các thay cô trong khoa Khoa học máy tính Tất cả các kiến thức mà nhà trường và quý thầy cô đã truyền đạt là hành trang to lớn để chúng em mang theo trên con đường học tập, làm việc và nghiên cứu cũng như trong quá trình hoàn thiện nhân cách của mình

Chúng em xin chân thành cảm ơn!

NHẬN XÉT

(Của giảng viên hướng dẫn)

MỤC LỤC

1.4 Tổng quan về ngôn ngữ và công cụ hỗ trợ - - s5 cs¿ 11

Chương2 Phân tích thiết kế hệ thống 11

2.1 Yêu cầu hệ thống và mô hình hóa yêu cầu hệ thống 11 2.1.1 Danh sách các tác nhân - 2 22222221211 12112 2121151151111 xe 11 2.1.2 Yêu cau phi chức năng - 0 2212111211121 121 1212811281111 2 1282 12 2.1.3 Yêu câu chức năng c2 2 0112112211211 12112111 11171181 He 12

2.3.3 Biểu d6 trink ttt csecss nesses neseesseesestesseessneesseeeneeseeen 19

2.3.4 Biéu dO giao tip cccccccccccccessescecseseeseesessesseseesecsesessesenseeseesereses 20 2.4 Hệ thống cơ sở dữ liệu 5- 2 <cs° se cssersersereersseeerseree 20

24.1 Mô hình ER cơ sở dữ liệu 0000022251155 1 511111 5x15 rxy 20

2.4.2 Chỉ tiết các bảng cơ sở đữ liệu - 2S S22 2115212111211 mrteg 21

Chương3 Xây dựng hệ thống và kết quả đạt được . s 5- 24

31 Về phía người dùng „24 3.1.1 Chức năng đăng kí/đăng nhập - 2 2c 222 22 22a 24 3.1.2 Chức năng xem sản phâm + 2 1 E221 E121121271 12 118.15 tu 25

3.1.3 Chức năng bình luận sản phâẩm - 2-52 S1 E2 2 215 112.2 26

3.1.4 Chức năng tìm kiếm sản phẩm - 2 S2S2E1E1221271112212E2 c1 27 3.1.5 Chức năng xem tin tỨC - - c1 211211211121 1111 1111122118111 kg 27 3.1.6 Chức năng quản lý p1ỏ hàng - ec 2211221111221 111221 151111111 xe 28 3.1.7 Chức năng quản lý đơn hàng - 0 22212122111 2221 1521111222 xe 28

3.2.1 Chức năng đăng nhập 112112211122 1 15111115811 ngờ 29 3.2.2 Chức năng quản lý danh mục sản phẩm - 2-5222 +zzzzzsze2 29 3.2.3 Chức năng quản lý sản phẩm - 252221 SE2121221511 1111 121 x6 30 3.2.4 Chức năng quản lý danh mục tin tỨc - 5c 222222 222cczsxss2 30 3.2.5 Chức năng quản lý tin tỨC 2 2222112211221 12 11521281111 k cay 31 3.2.6 Chức năng xem lịch sử p1ao dịch - 2 222122122122 ezrrrses 31

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

DANH MỤC CÁC BẢNG

Trang Bảng 2-1 : Danh sách các tác nhân - L2 2221211121 1221 1221112111551 11 1558 11t 12 Bảng 2-2: Yêu cầu chức năng đối với người đùng s- s22 2E 13 Bảng 2-3: Yêu cầu chức năng đối với Admin s2 2S EE1521521 21112 26 13 Bảng 2-5: Xác định các lỚp - 22 20122112 11221 121112111 1121121011 111201111811 kg 16 s00 020i) 0000 .A 21 s0 82/83 8n a 21 Bảng 2-§ : Danh mục sản phẩm 52 S192 EE121121E711121121111211 121511 16 22

008958 11.00 ÍNGHaaađađiiatdẳắÄIẮẮỶẮẮẮÝẢỶẢ 22

Bảng 2-10: GIỏ hàng 0 20121112112 1112111211111 11111111 0112121101 H111 101111111 kg 22 Bảng 2-11: Đơn hàng - 1201121122112 111211111 11111111111 11111051 H1 1110111111111 kg 22 Bảng 2-12: Cao dịch c2: 2212211221121 112111111111 1111 101120111111 011 111111111 E1 kg 23 s0 8216) 23 Bảng 2-14: Danh mục tin tỨC - - 222202211121 12 112 11 2118111111111 1 111111110111 k5 23 Bảng 2-15: T1n tỨC .- 1 2.12212211121121 1111111111110 11021 H1 H1 11111111111 kg 23 Bang 2-16: Birth Wann 23

DANH MỤC HÌNH

Trang

Hình 2-1 :Biếu đồ ca sử dụng tổng quát - 5s 2s SE 1111522112121 212 6 14 Hình 2-2 Biểu đồ ca sử dụng đăng nhập 2-5 S1 911 2212115121121 1 6 14 Hình 2-3 Biểu đồ ca sử dụng quản lý đơn hàng của Admin - 55-555: 14 Hinh 2-4 Biểu đồ ca sử dụng quản lý giỏ hàng c2 220112112 1112 211gr rườ 15 Hình 2-5 Biểu đồ ca sử dụng quản lý đơn hàng của người đùng - 15 Hình 2-6 :Biểu đồ lớp, - 2-1 11 S212112112111112111 1112121222111 11 tre 16 Hình 2-7: Biểu đồ hoạt động đăng nhập - S0 1221122211221 12tr rrre 17 Hình 2-8: Biểu đồ hoạt động quản lí danh mục - 2 272222222222 zzxxs2 17 Hình 2-9: Biểu đồ hoạt động quản lí sản phẩm 5-52 2S E221 122122 2 18 Hình 2-10: Biêu đồ hoạt động quản lí đơn hảng 52-522 SE 2E E2 re 18 Hình 2-11:Biêu đồ trạng thái giỏ hảng 2 5 S1 2E SE12118712111121 2121 6 19

Hình 2-12:Biêu đồ trình tự đăng nhập - 2-52 5122121112111 115222121 1212 6 19

Hình 2-13: Biểu đồ trình tự tìm kiếm sản phẩm 2-22 E22 8111121 te 20 Hình 2-14: Biêu đồ giao tiếp đăng MAP TVANNNNggđ111 20 Hình 2-15: Biểu đồ trình tự giao tiếp tìm kiếm 2-52 SE E221 1152 2, e6 20 Hinh 2-16: Mô hình ER cơ sở dữ liệu 0002012201111 key 21 Hình 3-1: Chức năng đăng nhập - - L1 2012212211121 121 1111111511111 1Enyk 24 Hinh 3-2 : Chức năng đăng kí - 22 222122211211 12112111211111 112112811 re 24

Hinh 3-3 Chức năng xem sản phâm 2© 2 +EE£SE2E1221271E71122122127227221 2x2 25

Hinh 3-4 Xem sản phẩm theo danh mục - ceccccesecesesesesettsettttessseseeeass 25 Hình 3-5: Xem chỉ tiết sản phẩm 2-52 1E EE1EE15112212111127110121 1 16 26 Hinh 3-6 Chức năng bình luận san phâm c1 1001111111111 1k1 11111111111 111116 151111511 xx3 26

Hinh 3-7: Chức năng tìm kiếm sản phẩm 2 2 22S22S2£E£E22E2£E222212222222Xe2 27

Hinh 3-§: Chức năng xem tin tỨC c2 22012211221 121 1151112112 11811811111 1111 1x55 27 Hinh 3-9: Chức năng quản lý ø1ỏ hàng - 022202211121 12 1111211515811 18 re 28 Hinh 3-10: Chire nang quan ly don hàng 0 22212111211 11121 1112511218 28 Hinh 3-11: Chức năng đăng nhập admin 5L 22 222112211 113211215211E2E xe 29 Hinh 3-12: Chức năng quản lý danh mục L2 22 222211132313 1251 1222 es2 29

Hình 3-13: Chức năng quản lý sản phẩm 2 219215 121211221271 1 11.6 30

Hình 3-14: Chức năng quản lý danh mục tin tỨc .- 5c 2c S+22 1+2 22czscz2 30

Hinh 3-15: Chức năng quản lý tin tỨC - 22 2211221221221 1 1511211 1511151 11111252 31 Hinh 3-16: Chức năng xem lịch sử giao dịch c2 2 2222211 121122512xxses 31

Hình 3-17: Chi tiết giao dịch + s 221521111211 11211 1111112121 1811212 e re 31

DANH MỤC CỤM TỪ VIẾT TAT

STT Cụm từ Viết tắt

3 Personal Home Page PHP

4 HyperText Markup Language HTML

5 Cascading Style Sheets CSS

6 JavaScript JS

Chương 1 Tổng quan

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

Trong thời đại công nghệ ngày nay, việc mua săm trực tuyến đang trở thành

xu hướng phô biến, giúp người tiêu dùng tiết kiệm thời gian vả nâng cao trải

nghiệm mua sắm

Đối với những người đam mê công nghệ, việc tìm kiếm và mua sắm phụ kiện máy tính online trở nên quan trọng hơn bao giờ hết Do đó, quyết định lựa chọn đề tài lập trình trang web bán phụ kiện máy tính là một sự kết hợp hợp lý sIữa sự hiện đại và nhu cầu thị trường

1.2 Khảo sát thực tế

- Hiện tại, có nhiều trang web bán phụ kiện máy tính được phát triển và hoạt động trên thị trường,với nhiều tính năng khác nhau Dưới đây là hai ví dụ về trang web đáng chú ý, mỗi trang web có những tính năng đặc biệt riêng:

+ Anphatpc.com.vn: nỗi tiếng với sự chuyên nghiệp trong việc cung cấp các sản phẩm chất lượng cao, đặc biệt là trong lĩnh vực gaming và công nghệ Họ cung cấp một loạt các sản phẩm từ các thương hiệu uy tín và được người tiêu dùng đánh giá cao Nhưng giao diện người dùng có vẻ khác phức tạp, có thể cần cải thiện tính tương tác và trải nghiệm người dùng để làm cho quá trình mua sắm trở nên dễ dàng hơn

+ Playzone.vn : chủ yếu tập trung vào các sản phẩm và phụ kiện chuyên dành cho game thủ, từ phần cứng đến phụ kiện và đồ trang trí liên quan đến thế giới game

- Quản lý đơn hàng cho khách hàng: Việc dễ dàng theo dõi được đơn hàng của

mình sẽ giúp cho trải nghiệm khi mua sắm của khách hàng được nâng cao đáng

- Quản lí đơn hàng cho quản trị viên: Giúp quản trị viên co thé dé dang quan ly

các đơn hàng của khách hàng gửi đến

1.4 Tổng quan về ngôn ngữ và công cụ hỗ trợ

HTML: HTML là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web trên World Wide Web Cùng với CSS và JavaScript, HTML la mot

trong những ngôn ngữ quan trọng trong lĩnh vực thiết kế website

CSS: CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ

được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML)

JavaScrip: JavaScript là một ngôn ngữ lập trình dựa trên nguyên mẫu với cú

pháp phát triển từ C Giống như C, JavaScript có khái niệm từ khóa, do đó,

JavaScript gần như không thê được mớ rộng Cũng giống như C, JavaScript

không có bộ xử lý xuất/nhập (input/output) riêng

PHP: PHP (viết tắt của cụm từ Personal Home Page) là ngôn ngữ lập trình

kịch bản (scripting language) mã nguồn mở được dùng phô biến để ra tạo các

ứng dụng web chạy trên máy chủ Mã lệnh PHP có thê được nhúng vảo trong trang HTML nho su dung cap thé PHP.(<?php ?>)

Laravel PHP Framework: Laravel la PHP Web Framework mién phi, ma nguồn mở, được tạo bởi Taylor Otwell và dành cho việc phát triển các ứng dụng web theo mô hình kiến trúc mô hình MVC và dựa trên Symfony PHP

Eramework Một số tính năng của Laravel như là sử dụng hệ thống đóng gói

module, quan ly package (Composer), hé tro nhiéu hé quan tri CSDL quan hé (MySQL, MariaDB, SQLite, PostgreSQL, ), cdc tién ich hé trợ triển khai và bảo trì ứng dụng

Visual Studio Code: Visual Studio Code (VS Code) la mét trình soạn thảo

mã nguồn mở và miễn phí được phát triển bởi Microsoft Nó là một ứng dụng

dễ sử dụng, nhẹ nhàng, nhưng mạnh mẽ, được thiết kế đặc biệt để hỗ trợ phát triển ứng dụng và mã nguồn một cách hiệu quả

Chương2 Phân tích thiết kế hệ thống

2.1 Yêu cầu hệ thống và mô hình hóa yêu cầu hệ thống

2.1.1 Danh sách các tác nhân

chức năng mà website xây dựng, điều khiển

và kiểm soát mọi hoạt động của website

Người dùng - Noười dùng ở đây là những người truy cập

vào website, có thê đăng ký làm thành viên hoặc không

- Người dùng chỉ có một số quyền nhất định đối với website do Admin cung cấp

- Hệ thông phải đáp ứng được những nhu cầu sau:

+ Hạn chế tối thiểu việc xử lý thủ công

+ Cho phép cập nhật thông tin kịp thời và nhanh chóng

+ Các yêu cầu được cập nhật và xử lý trong vòng 2 giây

+ Hién thi kết quả tìm kiếm trong vòng 3 giây

+ Lưu giữ được thông tin trong một thời gian dải (1 năm, sau đó có hệ

thông backup)

- Hệ thông phải dam bao tinh bảo mật và an toàn thông tin cho người đùng hệ thống

2.1.3 'Vêu cầu chức năng

*Đối với người dùng ( khách hàng):

SIT Chức năng Mô tả

Đăng kí Tạo tài khoản khách hang bằng cách điền

thông tin cá nhân

Sử dùng tài khoản đã tạo để đăng nhập vào

Đăng nhập hệ thong dé str dung day du các tính năng dành

cho khach hang

Thêm sản phâm vào g1ỏ hàng

-Xem san pham trong gid hàng

-Xóa sản phâm khỏi giỏ hàng

Cập nhật số lượng sản phẩm trong giỏ hàng

6 Đặt hàng -Đặt hàng

7 Quản lí đơn hàng "xem chỉ tie tdon hàng

-Yêu câu hủy đơn hàng

8 Xem thông tin liên hệ | -Xem thông tin liên hệ

9 Xem tin tức -Xem tin tức

- Sử dùng tài khoản để đăng nhập vào hệ thông

để sử dụng đầy đủ các tính năng dành cho quản trỊ viên

Quản lí danh mục sản phâm

- Liệt kê các danh mục

-Liệt kê đơn hàng

-Xem chỉ tiết đơn hàng

Đăng xuất => —” Khách hàng

Hình 2-1 :Biểu đồ ca sử dụng tông quát

*Phân rã chỉ tiết biêu đồ ca sử dụng :

- _ Biêu đô ca sử dụng đăng nhập:

- _ Biểu đồ ca sử dụng quản lý don hang cua Admin:

Xem chỉ tiết đơn hàng

- _ Biểu đồ ca su dung quan ly g10 hang:

A

Khach hang

«extend» **., Chỉnh sửa số lượng sản phẩm

Hình 2-4 Biêu đồ ca sử dụng quản lý giỏ hàng

- Biểu đồ ca sử dụng quản lý đơn hàng của người dùng:

Khách hàng

extend» *s

Hình 2-5 Biểu đồ ca sử dụng quản lý đơn hàng của người dùng

2.2 Mô hình hóa cấu trúc

2.2.1 Xác định các lớp

Lớp Mô tả

Người dùng tin chung như địa chỉ email, mật khâu và quyên truy cập -Lớp đại diện cho người dùng trong hệ thông, chứa thông Admin -Lớp chứa các thông tin của quản trị viên và các chức năng

như quản lí danh mục, sản phâm, đơn hàng

Khách hàng

-Lớp chứa các thông tin của khách hàng như tên, địa chỉ ,

số điện thoại và các chức năng như quản lí giỏ hàng, xem

sản phẩm, tìm kiềm sản phâm, quản lí đơn hàng ,

Gio hang -Lớp chứa các thông tin của p1ỏ hang và các chức năng như

thêm, xóa, chỉ sửa sô lượng sản phâm ,

Sản phẩm -Lớp chứa các thông tin của sản phẩm như tên , ¡d danh

mục