Nhận thức được nhu cầu tìm hiểu thông tin, giải trí của xã hội, là sự ra đời của hàng loạt website cho các mục đích thương mại, giải trí, tin tức...Đề đáp ứng với việc cập nhật thông tin
Trang 1TRUONG ĐẠI HỌC NGUYÊN TẤT THÀNH
NGUYEN TAT THANH
DO AN MON HOC LAP TRINH WEB LAP TRINH WEBSITE DICH VU BAN THE GAME
Giang vién huéng dan: BUI DUY TAN
Sinh viên thực hiện : LÊ MINH DIỆN
MSSV: 2200011115
LỚP: 22DTH2D
Khoá: 2022
Nganh/ chuyén nganh: KY THUAT PHAN MEM
Hoc ki I Nam 2023 — 2024
Trang 2TRUONG ĐẠI HỌC NGUYÊN TẤT THÀNH
KHOA CÔNG NGHỆ THÔNG TIN
NGUYEN TAT THANH
DO AN MON HOC LAP TRINH WEB
LAP TRINH WEBSITE DICH VU BAN THE GAME
Giang vién huéng dan: BUI DUY TAN
Sinh viên thực hiện : LÊ MINH DIỆN
MSSV: 2200011115
LỚP: 22DTH2D
Khoá: 2022
Nganh/ chuyén nganh: KY THUAT PHAN MEM
Hoc ky 1 Nam 2023 — 2024
Trang 3LỜI CẢM ƠN
Đề hoàn thành chuyên đề báo cáo kết thúc môn nảy trước tiên em xin gửi đến quý thầy, cô lời cảm ơn chân thành và sâu sắc nhật
Đặc biệt, em đặt biệt xin gửi đến thầy Bùi Duy Tân người đã tận tỉnh hướng dẫn, ĐIÚP đỡ em hoàn thành chuyên đề báo cáo kết thúc môn này lời cảm ơn sâu sắc nhất đã Ø1Úp đỡ, cung cấp nhiều thông tin quý báu và tạo điều kiện cho em trong quá trình thực hiện chuyên đề này
Em cũng bày tỏ lòng biết ơn đến bạn bè đồng học, vì họ đã cung cấp hỗ trợ tỉnh thần và chia sẻ kiến thức, giúp em vượt qua những khó khăn trong quá trình nghiên cứu và làm báo cáo
Do kiến thức còn hạn hẹp nên không tránh khỏi những thiếu sót trong cách hiều, lỗi trình bày Em rat mong nhận được sự đóng góp ý kiên của quý thây cô dé bao cáo và đồ án kết thúc môn học đạt được kết quả tốt hơn
Em xin chan thanh cam on!
Trang 4LỜI MỞ ĐẦU
Ngành công nghệ thông tin là một ngành khoa học đang trên đà phát triển mạnh và ứng dụng rộng rãi trên nhiều lĩnh vực Cùng với xu hướng phát triển của các phương tiện truyền thông như Báo, Radio thì việc sử đụng Internet ngày càng phổ biến Truy cập Internet, chúng ta
có được một kho thông tin khong 16 phuc vu moi nhu cầu, mục đích của chúng ta chỉ bằng
một cái nhấp chuột Nhận thức được nhu cầu tìm hiểu thông tin, giải trí của xã hội, là sự ra đời của hàng loạt website cho các mục đích thương mại, giải trí, tin tức Đề đáp ứng với việc cập nhật thông tin hang ngày, tình hình xã hội, chính trị, thời sự, và sức khỏe thì website tin
tức ra đời là một nhu cầu tất yếu Do đó, sau khi đã có cơ sở từ môn học Thiết Kế Web,
chúng em đã vận dụng ngôn ngữ HTML, CSS, JavaScripts, C# và công cụ Visual Studio đề xây dựng ứng dụng Website Bán Hàng Hoàn thành xong đề tài, chúng em vô cùng biết ơn thầy, cô và bạn bè đã nhiệt tình giảng dạy, hướng dẫn và đặc biệt là thầy Bùi Duy Tân người trực tiếp hướng dẫn nhiệt tình cho chúng em trong suốt quá trình nghiên cứu và thực hiện đề tài này
Trang 5TRUONG DAI HOC NGUYEN TAT THANH KY THI KET THUC HQC PHAN
TRUNG TAM KHAO THI HOC KY I NAM HOC 2023 - 2024
PHIEU CHAM THI TIEU LUAN/DO AN
"06007 Lop hoe phan ccc
Nhóm sinh viên thực hiện so S22
H 1 n1 1111111111111 111 1H HH HH Hy Tham gia đóng 8Óp: cà ccằcsa,
 LH HH HH HH nh HH HH ru Tham gia đóng 8Óp: cà ccằcsa,
Ngay tht cece eecteceteteeetecieseseeneneen Phòng tỈH: - S2 He,
Đề tài tiểu luận/báo cáo của sinh viên : s 1 2 2111211 5 111115101111 1n re rs
Phân đánh giá của giảng viên (căn cứ trên thang rubrics của môn học):
Tiêu iu chi (theo chí (th Đánh giá của GV Điểm tối đa g Điểm đạt ,
“*ˆ.ìn anh ảĂọọG Ô
Nội dung | s ìààà chu HH hn
- Các nội đưng | ‹ ìcìc chu HH HH ng
thamh phan | s 5 5 5525 22262562 nhe
"<3
- Irnhbày —— | s ààằì HH HH Hung nà
Giang vién cham thi
(ky, ghi ré ho tén)
Trang 7Chương I: Tổng quan
Mô tả tóm tắt về website
1.1 Mô tả tóm tắt về website:
- Tên website: GameShop
1.1.1 M6 ta website:
* Gidi thiéu so qua cac thé Game đang phô biến nhất hiện nay
° - Đa dạng các loại thẻ game, Trang web Games Shop cung cấp nhiều loại thẻ game
đa dạng khác nhau vê thê loại game card và thẻ game Game offline Người mua
co thé dé dang tim kiếm lựa chọn loại thẻ phủ hợp với nhu cầu của mình
* Một sô mô tả, hình ảnh mình họa Game Shop
* Cac san pham TOP
« Liên hệ
¢ Chi nhanh
1.1.2 Ly do chon thiét ké website:
1.2
- Nhimg san phẩm Games Shop đang nhận được rất nhiều sự quan tâm từ game thủ
- Nơi cung cấp thẻ game uy tín
- _ Chia sẻ những loại thẻ game card và thẻ game offline đang bán tại cửa hàng
- Lay cam hứng từ việc yêu thích chơi game và muốn giúp đỡ những người chơi khác mua thẻ game một cách để dàng và thuận tiện
Bán thân em tin rằng cung cấp một dịch vụ chất lượng sẽ ĐIÚP cho cộng đồng game thủ phát triển ngoài ra số lượng trị trường thẻ game đang phát triên mạnh mẽ Số lượng người chơi game ngày càng tăng, khiến nhu cầu mua thẻ game ngày càng tăng Điều này tạo ra cơ hội kinh doanh cho người muốn bán thẻ game
Cơ sở lý thuyết
Cơ sở lý thuyết thiết kế website là một phần rất quan trọng trong việc xây dựng các trang web hiệu quả và hấp dẫn Dưới đây là một số cơ sở lý thuyết quan trọng trong thiết kế
website:
Giao diện người dùng (UI - User Interface): Giao diện người dùng đóng vai trò quan trọng trong việc thiết kế web Nó bao gồm việc định dạng, bố cục, màu sắc, hình ảnh và các yếu tô giao diện khác đề tạo ra trải nghiệm người dùng thuận lợi và hấp dẫn
._ Trải nghiệm người dùng (UX - User Experience): UX đề cập đến cách người dùng tương tác với trang web Thiết kế web cần đảm bảo rằng người dùng có thé dé dang tìm thông tin, thao tac
và tận hưởng trang web một cách mượt mà
3 Responsive Design: Dé dam bảo trang web hoạt động trên nhiều thiết bị và kích thước màn hình
Trang 8khác nhau, thiết kế đáp ứng (responsive đesign) là quan trọng Điều này đồng nghĩa với việc trang web sẽ hiển thị đẹp trên máy tính, điện thoại di động và máy tính bảng
4 Hướng dẫn sử dụng: Một trang web nên có giao điện dễ sử dụng và hướng dẫn người dùng cách
sử dụng nó Điều này giúp người dùng tìm kiếm thông tin và thực hiện các tác vụ một cách nhanh chong va dé dang
5 Thiết kế thông tin: Đảm bảo trang web trình bày thông tin một cách cấu trúc và đễ đọc là quan trọng Sử dụng tiêu đề, đoạn văn bán ngắn, danh sách và hình ảnh đề tạo trải nghiệm đọc tốt
6 Tương tác: Web cũng đòi hỏi sự tương tác, bao gồm các yêu tô như nút bấm, biêu mẫu, menu thả xuống và nhiều tính năng khác Các yếu tô này cần được thiết kế sao cho đễ sử dụng và tương tác một cách tự nhiền
7 Tối ưu hóa hiệu suất: Tối ưu hóa trang web đề tải nhanh là quan trọng để đảm bảo rằng người dùng không phải chờ đợi quá lâu Các yếu tô như tối ưu hóa hình ảnh, mã nguồn và sử dụng các công nghệ web hiệu quả là một phần quan trọng của lý thuyết thiết kế web
8 Bao mật: Đảm bảo tích hợp các biện pháp bảo mật cần thiết dé bảo vệ thông tin cá nhân của người đùng và ngăn chặn các cuộc tắn công trực tuyên
9 Khả năng tùy chỉnh: Thiết kế web nên cung cấp khả năng tùy chỉnh và mở rộng, cho phép người quản trị thay đổi và cập nhật nội dung một cách dễ đàng
Công nghệ sử dụng
1.3 Công nghệ sử dụng:
1.3.1 Giới thiệu VS :
- Visual Studio (VS) là một trong những trình soạn thảo mã nguồn phổ
biến nhất được sử dụng bởi các lập trình viên Nhanh, nhẹ, hỗ trợ đa
nền tảng, nhiều tính năng và là mã nguồn mở chính là những ưu điểm vượt trội khiến VS Code ngày càng được ứng dụng rộng rãi
Visual
Studio
1.3.1.1 Hinh anh Visual Studio
SV thuc hién: Lé Minh Dién 8
Trang 9quan đến phát triển ứng dụng như trình chính sửa mã, thiết kế, gỡ lỗi, viết code hay chỉnh sửa thiết kế, ứng dụng: một cách để dàng và nhanh chóng Có thê nói đây là một phần mềm hỗ trợ đắc lực đối với đân lập trình trong việc lập trình website Visual Studio cho phép người dùng có khả năng thiết kế và
trải nghiệm giao diện như khi phát triển ứng dụng
sđ File Edit View Project Build Debug Test Anelyze Tools Extensions Window Help Seorch (Ctrl+Q) Pe MVC5-HelloWorld
Ÿ @ + © 3+ ® MR E2 + C © Debug + Any cru + > DS Express Google Chrome) > G > Alli tS TE = =| - (@liveshare # EI
+
FB Search on Explorer (Ctri~;} Pp
1?
2
4 = MVC5-HelloWorld
© > am References
eterence > all App _Start
9 = public class HomeController : Controller 4 | Controllers
cd , Solution Explorer
Addto Source Control = #5
EN „ h 26 AM
a BU BIDE)
1.3.1.2 Giao dién Visual Studio
1.3.2 Lich str VS:
- Visual Studio duoc thiét lập vào năm 1997 và thuộc quyền sở hữu bởi Microsoft
- Ban dau phan mềm này có tên là Project Boston, nhung sau do duge đôi tên lại vì được tích hợp thêm các công cụ phát triên và đóng gói sản phâm duy nhât
1.3.3 Chức năng VS:
- - Biên dịch và gỡ lỗi, IntellSense, Hỗ trợ ngôn ngữ đa dạng, thiết kế dao điện , va dự án quản lý mã nguồn
1.3.4 Ap dung VS:
- Chinh vi cac chic nang cùng với các công cụ hỗ trợ trên Về là một công cụ tuyệt vời giúp cho các lập trình web trên đa nền tảng trở nên để dàng hơn
- Hau hết các lập trình viên thiết kế website đều dùng trình soạn thảo mã nguồn miễn phí này cùng với nền táng ASP.NET MVCS5 đề tạo ra ứng dụng
SW thực hiện: Lê Mĩnh Diện 9
Trang 10chạy ồn định trên windows, dễ quán lý nâng cấp, an toàn, dé tích hợp và đáp ứng được nhiều loại thiệt bị truy cập
Trang 11
MỤC LỤC
Thông tỉn chung ccc ete HH1 011111111 111111 HH HH HH H1 H111 11110 601) 8NYC n6 .A
1.1 Mô tả tóm tắt vé WebSiW€ c2 n1 2111021021111 0121 re
12 n9
Chương 2 Phân tích và hoạch định ng 111110101212 1 nh ca 2.1 Các module chức năng: Trình bày sơ đồ chức năng s2 2 t2 E12 2112122 1.2 2.2 Site map: Trình bày sơ đồ liên kẾt - s21 2122112212120 121 2121222 ra 2.3 Database diagram: M6 ta luoc dé quan hỆ ¿2c 2.121 11111111111111 1111111101101 re 2.4 GUI: Mô tả giao diện các các nhóm trang web cua website ccc he Chương 3 Triển khai ứng dụng web ch 121 2 21212 rya 3.1 Thiết kế giao diện: Trình bày các bước thiết kế, công cụ sử dụng và kết quá
3.2 Thiết kế đữ liệu: Trình bày sơ đồ đữ liệu và chỉ tiết các báng 522cc
3.3 Thiết kế xử lý: Trình bày chỉ tiết các bước cài đặt các module chức năng
3.5 Kiếm tra và xuất bản website - 5 2n 221 21112111211222112211212112211012112 rau 0) ŸNN{‹ị.gddiaaaiaiiadadầddadaảảaaáaaiiyyÝỶ
41 Kết hi Si.1890101200000n0nn8 dd .Ẽ 4.2 Những hạn chế và hướng mở rỘng s- 2222211 1121121122121 re
TÀI LIỆU THAM KHÁO ST 110211 112111 1 101 1h11 1 ng trai
Trang 12
DANH MỤC HÌNH ẢNH
Trang 13
ki HIEU CAC CUM TU VIET TAT
Chữ việt tắt Y nghĩa
CSDL Cơ sở dữ liệu
Ghi chu:
Cụm từ viết viết tắt là các chữ cái và các ký hiệu thay chữ được viết liên nhau, để thay cho một cụm từ có nghĩa
thường được lặp nhiều lần trong văn bản hoặc được mọi người mặc nhiên chấp nhận, xếp theo thự tự ABC