Đề tài lập trình website shop bán game online

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT
KHOA KĨ THUẬT CÔNG NGHỆ

TIỂU LUẬN MƠN HỌC
LẬP TRÌNH WEB

XÂY DỰNG WEBSITE BÁN GAME ONLINE
CHO CÔNG TY VINAGAME

GVHD: TH.S NGUYỄN HỮU VĨNH
SVTH: LÊ ĐỨC VIỆT
MSSV: 1924801030303
SVTH: PHẠM NGỌC TÀI
MSSV: 1924801030252
LỚP: D19PM02

BÌNH DƯƠNG – 7/2021

0

0


Website bán game online

0

0


Website bán game online

VIỆN KỸ THUẬT – CÔNG NGHỆ

NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN

Họ và tên giảng viên: Nguyễn Hữu Vĩnh
Tên đề tài: LẬP TRÌNH WEBSITE SHOP BÁN GAME ONLINE

Nội dung nhận xét:
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
Điểm:
Bằng số: ..................................................
Bằng chữ: ................................................

GIẢNG VIÊN CHẤM
(Ký, ghi rõ họ tên)

NGUYỄN HỮU VĨNH

0

0


Website bán game online

PHIẾU ĐÁNH GIÁ PROJECT
(Đánh giá quá trình thực hiện, báo cáo văn bản và sản phẩm)
Học phần: LẬP TRÌNH WEB
Họ và tên sinh viên (MSSV):
1. Lê Đức Việt – 1924801030303
2. Phạm Ngọc Tài – 1924801030252
...................................................................................................................
Tiêu chí

Trọng

Tốt

Khá

Trung bình

Kém

số %

100%

75%

50%

0%

Tích cực
tìm kiếm
Nêu
ý

Tìm kiếm

và chủ
05

tưởng

và đưa ra

động đưa

được ý

ra ý

tưởng khá

tưởng

tốt

mang

Thái độ

Chọn ý
tưởng trong
số được đề
nghị

Khơng
quan
tâm lựa
chọn ý
tưởng

tính mới

tham gia

Khơng

tích cực
Lập

Hồn

kế

tồn hợp

hoạch

05

lý, khơng

thực

cần điều

hiện

chỉnh

hợp lý
Khá hợp lý,
điều chỉnh
chút ít theo
góp ý

Chưa hợp lý,
có điều chỉnh
theo góp ý

và
khơng
điều
chỉnh
theo
góp ý

Chuẩn bị

Chuẩn bị

tốt mọi

được đa số

Quá trình

Giai

điều kiện

điều kiện

thực hiện

đoạn

cho việc

cho việc

project

chuẩn

thực hiện

thực hiện,

project,

có thể khởi

có thể

động và bổ

khởi

sung sau

nghiêm túc

bị

10

0

0

Chuẩn bị
được một số

Không

điều kiện cho chuẩn bị
việc thực

được

hiện nhưng

điều

cần bổ sung

kiện nào

thêm mới có


Website bán game online
động

thể khởi

ngay

động
Thực

10

Thực

Thực hiện

hiện hồn

khá đúng

tồn

phương

đúng

pháp, sai

phương

sót nhỏ và

pháp

có sửa chữa

Giai

Thực hiện
tương đối
đúng phương
pháp, sai sót
quan trọng
và có sửa

chữa

hiện
khơng
đúng
phương
pháp,
sai sót
khơng
sửa

đoạn

chữa

thực

Triển

hiện

Triển khai
khá đúng

Triển
10

khai
đúng kế
hoạch

kế hoạch,
có chậm trễ
nhưng
khơng gây
ảnh hưởng

Triển khai

khai

tương đối

chậm

đúng kế

trễ, gây

hoạch, có

ảnh

chậm trễ gây

hưởng

ảnh hưởng

khơng

nhưng khắc

khắc

phục được

phục
được

Mức

Ghi rõ từng mục tiêu thành phần (ở mỗi giai

độ

đoạn của project) và thang điểm cụ thể

đạt
được
mục

20

tiêu
thành
phần

0

0


Website bán game online
Nội
dung
Báo cáo

báo

kết quả

cáo

bằng văn
bản rõ ràng

10

-

Báo cáo tiến trình thực hiện

-

Thuyết minh sản phẩm

-

Bài học rút ra

-

Format nhất quán

-

Văn phong phù hợp

-

Xây dựng đầy đủ chức năng

Trình
bày

10

báo
cáo
Chất lượng
sản phẩm
20

đáp ứng
các tiêu chí
đề ra

ĐIỂM CỦA NHĨM:
GĨP Ý LĨNH VỰC CẦN CẢI TIẾN:

- Về phương pháp học tập, suy nghĩ, xử lý vấn đề:
ĐIỂM

- Về kiến thức, k ỹ năng, thái độ:

PROJECT - Khác:
NHÓM

- Phương pháp cải tiến:
- Nơi có thể cung cấp s ự hỗ trợ:
TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu
Vĩnh
Phần 2: Đánh giá cá nhân làm việc nhóm

Làm việc nhóm
Hướng dẫn: Nhóm họp thảo luận đánh giá lẫn nhau. Kết quả này sẽ được sử
dụng để qui đổi từ điểm của nhóm thành điểm của mỗi cá nhân, tuỳ theo % mỗi
cá nhân đạt được
1) Thành viên có tham gia họp đầy đủ: 40%
Đầy đủ: 40%
Vắng họp dưới 2 lần: 20%
Vắng họp hơn 2 lần: 0%
2) Thành viên nộp sản phẩm được giao đúng hạn: 40%
Đúng hạn: 40%

0

0

Website bán game online
Trễ dưới 2 ngày: 20%
Trễ trên 2 ngày: 0%
3) Thành viên có tham gia giải quyết vấn đề, đóng góp ý kiến cải tiến: 20%
Đóng góp đạt hiệu quả: 20%
Có quan tâm đóng góp: 10%
Khơng quan tâm: 0%
Danh sách thành viên của Nhóm:
1. (Lê Đức Việt):
Điểm làm việc nhóm (%): 90%
2. (Phạm Ngọc Tài ):
ĐIỂM THÀNH VIÊN
NHĨM TÀI – VIỆT
(do nhóm ghi)

Điểm làm việc nhóm (%): 90%
TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA CÁC
THÀNH VIÊN TRONG NHĨM:
SV1

SV2

Lê Đức Việt

Phạm Ngọc Tài

Việt

Tài

Danh sách thành viên của Nhóm:
1. (Lê Đức Việt):
Điểm cá nhân:

ĐIỂM CỦA CÁ NHÂN

2. (Phạm Ngọc Tài):
Điểm cá nhân:

(do GV ghi)

TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV:
Nguyễn Hữu Vĩnh

Ghi nhận của GV

GÓP Ý CẢI TIẾN CHO CÁ NHÂN:

(phần này do GV ghi và lưu

1) Tên SV:

riêng để theo dõi, tư vấn cho

GÓP Ý LĨNH VỰC CẦN CẢI TIẾN:

cá nhân SV, không phổ biến

- Về phương pháp học tập, suy nghĩ, xử lý vấn

cho lớp, nhóm)

đề:

0

0


Website bán game online
- Về kiến thức, k ỹ năng, thái độ:
- Khác:
- Phương pháp cải tiến:
- Nơi có thể cung cấp s ự hỗ trợ:
2) Tên SV:
GÓP Ý LĨNH VỰC CẦN CẢI TIẾN:
- Về phương pháp học tập, suy nghĩ, xử lý vấn
đề:
- Về kiến thức, k ỹ năng, thái độ:
- Khác:
- Phương pháp cải tiến:
- Nơi có thể cung cấp s ự hỗ trợ:

0

0


Website bán game online

MỤC LỤC

LỜI NÓI ĐẦU ........................................................................ 12
CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI.............................. 13
1/ Tên đề tài: .................................................................................................................. 13
2/ Mục tiêu của đề tài: ................................................................................................... 13
3/ Ý nghĩa của đề tài: ..................................................................................................... 13
4/ Đối tượng và phạm vi của đề tài: .............................................................................. 13
4.1/ Đối tượng của đề tài: .......................................................................................... 13
4.2/ Phạm vi của đề tài: ............................................................................................. 13
5/ Một số trang chính của website: ................................................................................ 14
5.1/ Phần WEBSITE: ................................................................................................. 14
5.2/ Phần quản trị: ...................................................................................................... 14

CHƯƠNG II: GIỚI THIỆU CÁC CÔNG NGHỆ ............... 15
1/ Giới Thiệu Về HTML................................................................................................ 15
1.1/ HTML là gì? ....................................................................................................... 15
1.2/ Cơng dụng của HTML. ...................................................................................... 15
1.3/ Định dạng của HTML. ....................................................................................... 15
2/ Giới thiệu về Bootstrap: ............................................................................................ 15
3/ Ngôn ngữ CSS. .......................................................................................................... 16
4/ Ngôn ngữ Javascript. ................................................................................................. 16
5/ Giới thiệu cơ bản về ngôn ngữ ASP.NET: ................................................................ 16
6/ ASP.NET WEBFORM: ............................................................................................. 17

Chương III: Phân Tích Thiết Kế Hệ Thống ......................... 18
1/ Danh sách các Actor: ................................................................................................. 18
2/ Danh sách các use – case: .......................................................................................... 18
3/ Sơ đồ USE-CASE:..................................................................................................... 19
3.1/ Sơ đồ use-case tổng quan: .................................................................................. 19

4/ Đặc tả USE – CASE: ................................................................................................. 19
4.1/ Use-Case Đăng nhập(đăng kí): ........................................................................... 19

0

0


Website bán game online
4.2/ Use – Case Tính tiền sản phẩm. ......................................................................... 20
4.3/ Use – Case Tìm kiếm sản phẩm: ........................................................................ 21
4.4. Use – Case Xem chi tiết sản phẩm: .................................................................... 22
4.5.Use – Case Thêm giỏ hàng: ................................................................................. 23
4.6.Use – Case Thêm sản phẩm: .............................................................................. 24
4.7.Use – Case Bình Luận: ........................................................................................ 25
5/ Biểu đồ hoạt động:..................................................................................................... 26
5.1/ Biểu đồ hoạt động: Use – Case Đăng nhập(đăng kí): ........................................ 26
5.2/ Biểu đồ hoạt động Use – Case tính tiền sản phẩm: ............................................ 27
5.3/ Biểu đồ hoạt động: Use – Case Tìm kiếm sản phẩm: ........................................ 28
5.4/ Biểu đồ hoạt động: Use – Case Xem chi tiết sản phẩm: .................................... 28
5.5/ Biểu đồ hoạt động: Use – Case thêm sản phẩm: ................................................ 29
5.6/ Biểu đồ hoạt động Use-Case tính tiền: ............................................................... 30
6/Sơ đồ tổng quan csdl: ................................................................................................. 31
7/ Thiết kế cơ sở dữ liệu: ............................................................................................... 32
7.1/ Cấu trúc dữ liệu bẳng giỏ hàng: ......................................................................... 32
7.2/ Cấu trúc dữ liệu bảng Bình Luận: ...................................................................... 32
7.3/ Cấu trúc dữ liệu bảng thông tin cá nhân:............................................................ 33
7.4/ Cấu trúc dữ liệu bảng Hóa đơn: ......................................................................... 33
7.5/ Cấu trúc dữ liệu bảng AspNetUser: ................................................................... 34
7.6/ Cấu trúc dữ liệu bảng Login: .............................................................................. 34

7.7/ Cấu trúc dữ liệu bảng History: ........................................................................... 35
7.8/ Cấu trúc dữ liệu bảng Claims: ............................................................................ 35
7.9/ Cấu trúc dữ liệu bảng LienHe: ........................................................................... 35

CHƯƠNG IV: WEBSITE BÁN GAME ONLINE ............... 36
1/ Giao diện Trang Chủ: ................................................................................................ 36
2/ Giao diện Danh Mục Sản Phẩm: ............................................................................... 37
3/ Giao diện Đăng nhập: ................................................................................................ 38
4/ Giao diện thể loại sản phẩm: ..................................................................................... 38
5/ Giao diện Chi Tiết Sản Phẩm: ................................................................................... 39

0

0


Website bán game online
6/ Giao diện Giỏ Hàng: .................................................................................................. 40
7/ Giao diện Bình Luận: ................................................................................................ 41
8/ .................................................................................................................................... 42

CHƯƠNG V: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ..... 43
1/ Kết quả đạt được: ...................................................................................................... 43
2/ Việc chưa làm được: .................................................................................................. 43
3/ Hướng phát triển của đề tài ....................................................................................... 43

TÀI LIỆU KHAM KHẢO ..................................................... 44
DANH SÁCH CÁC BẢNG
Bảng
Bảng

Bảng
Bảng
Bảng
Bảng
Bảng
Bảng
Bảng

1 Danh sách các Actor ............................................................................................ 18
2 Danh sách các user – case ................................................................................... 16
3 Đặc tả Use-Case Đăng nhập ................................................................................. 20
4 Đặt tả Use – Case Tính tiền ................................................................................. 21
5 Đặc tả Use – Case Tìm kiếm sản phẩm ............................................................... 22
6 Đặc tả Use – Case chi tiết sản phẩm .................................................................... 23
7 Đặc tả Use – Case giỏ hàng ................................................................................. 24
8 Đặc tả Use – Case Thêm sản phẩm ..................................................................... 24
9 Đặc tả Use – Case Bình luận ................................................................................ 25

DANH SÁCH CÁC HÌNH
Hình 1: Sơ đồ use-case tổng quan ..................................................................................... 19
Hình 2: Sơ đồ Use – Case Đăng nhập(đăng kí)................................................................. 17
Hình 3: Sơ đồ Use – Case tính tiền sản phẩm ................................................................... 20
Hình 4 Biểu đồ hoạt động: Use – Case tìm kiếm sản phẩm .............................................. 26
Hình 5 Biểu đồ hoạt động Use – Case chi tiết sản phẩm .................................................. 27
Hình 6 Biểu đồ hoạt động: Use – Case Thêm sản phẩm ................................................... 28
Hình 7 Biểu đồ hoạt động: Use – Case tổng tiền .............................................................. 28
Hình 8 Sơ đồ tổng quát csdl .............................................................................................. 29
Hình 9 Cấu trúc dữ liệu bảng giỏ hàng .............................................................................. 30
Hình 10 Cấu trúc dữ liệu bảng bình luận .......................................................................... 31
Hình 11 Cấu trúc dữ liệu bảng Thông tin cá nhân ............................................................ 32

Hình 12 Cấu trúc dữ liệu bảng Hóa đơn ............................................................................ 32
Hình 13 Cấu trúc dữ liệu bảng AspNetUser ...................................................................... 33
Hình 14 Cấu trúc dữ liệu bảng Login ................................................................................ 33

0

0


Website bán game online
Hình 15 Cấu trúc dữ liệu bảng History ............................................................................. 34
Hình 16 Cấu trúc dữ liệu bảng Claims .............................................................................. 34
Hình 17 Cấu trúc dữ liệu bảng Roles ................................................................................ 35
Hình 18 Giao diện trang chủ ............................................................................................. 35
Hình 19 Giao diện Danh mục sản phẩm ............................................................................ 35
Hình 20 Giao diện Đăng nhập ........................................................................................... 37
Hình 21 Giao diện Thể loại sản phẩm ............................................................................... 37
Hình 22 Giao diện Chi tiết ................................................................................................. 38
Hình 23 Giao diện Giỏ hàng .............................................................................................. 39
Hình 24 Giao diện Bình luận ............................................................................................. 39
Hình 25 Giao diện quản lý sản phẩm ................................................................................ 40

0

0


Website bán game online

LỜI NĨI ĐẦU

Cơng nghệ phát triển, dẫn đến thương mại điện tử củng phát triển theo, ngày nay
việc thế giới ứng dụng việc mua bán online đã quá quen thuộc với con người. Đây chính
là điều kiện thuận lợi cho việc trao đổi mua bán qua các website ngày càng phát triển
hơn. Hiện nay, việc trao đổi và mua bán trực tuyến qua website đã phát triển thành một
lĩnh vực lớn, lĩnh vực đó chính là Thương mại điện tử. Ở lĩnh vực này, thương mại kết
hợp dịch vụ mua bán online tạo ra mơ hình kinh doanh tr ực tuyến – kinh doanh online và
sự dụng website để tạo ra doanh thu. Thương mại điện tử đã trở thành một phương tiện
giao dịch quen thuộc của các cơng ty thương mại trên tồn cầu. Thương mại điện tử có
khả năng giúp ích rất nhiều cho những doanh nghiệp cả l ớn lẫn nhỏ và người hưởng lợi
nhất thường là khách hàng. Khách hàng sẽ mua được sản phẩm rẻ hơn, nhanh hơn, hiệu
quả hơn và thuận lợi hơn, cịn doanh nghiệp có thể đưa sản phẩm của mình đến với thị
trường một cách nhanh nhất, bán hàng thuận l ợi hơn.
Ngày nay thế giới ngày càng bùng nổ về công nghệ, việc tiếp xúc với công nghệ nào đó
đều có thể gọi là hồn tồn mới đối với con người. Nó ln ln biến đổi, đổi mới qua từng
ngày và ngày càng phát triển. Ngay cả những lĩnh vực khác củng bị cuốn theo, và phải có
phần cơng nghệ thơng tin đan xen vào thì mớ i ngày càng phát triển. Điển hình đó là việc
mua bán đồ, nếu lúc trước bạn phải ra chợ hay là một shop nào đó, đi mua thì mới có thứ
mình cần. Thì ngày nay việc mua đồ đã quá dễ dàng khi có các website bán hàng online
dành cho các khách hàng muốn mua những món đồ ưng ý. Và để kể từ đó cơng nghệ thơng
tin ứng dụng website ngày càng phổ biến cho người dùng, ngày càng có nhiều trang website
ra đời, hay những phần mềm ứng dụng tiên tiến khác khiến người dùng thích thú và mua
đồ càng nhiều. Điều đó cho ta thấy lĩnh vực website trong công nghệ thông tin rất là quan
trọng đối với xã hội ngày nay. Chính vì vậy em đã chọn đề tài: “XÂY DỰNG WEBSITE
BÁN GAME ONLINE CHO CÔNG TY VINAGAME”.
Đề tài tiểu luận gồm các phần được phân chương như sau:
Chương 1: TỔNG QUAN VỀ ĐỀ TÀI
Chương 2: GIỚI THIỆU CƠNG NGHỆ
Chương 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Chương 4: WEBSITE BÁN GAME ONLINE
Chương 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

0

0


Website bán game online

CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI
1/ Tên đề tài:
Đề tài: “XÂY DỰNG WEBSITE BÁN GAME ONLINE”.

2/ Mục tiêu của đề tài:
Phân tích và thiết kế, lập trình website BÁN GAME ONLINE. Phân tích các quy trình và
nghiệp vụ của khách hàng khi mua, tìm xem các mặt hàng trên các trang web lớn. Trên
cơ sở đó thiết kế website phục vụ cho quá trình tìm kiếm thông tin các sản phẩm tiêu
dùng của khách hàng, xây dựng website cải thiện trải nghiệm mua hàng của khách hàng
và đem đến cho khách hàng một trải nghiệm mua hàng tốt nhất khi mua sản phẩm trên
website của shop. Ngồi ra web cịn cung cấp các chức năng linh hoạt cho việc mua sản
phẩm, cập nhật liên tục các mặt hàng để khách hàng biết mặt hàng nào còn và khơng cịn
thơng qua người quản lý website.

3/ Ý nghĩa của đề tài:
Đưa các sản phẩm game online đến với nhiều người dùng, quảng bá sản phẩm tốt hơn
thông qua website này.
Xây dựng một website uy tính trong việc cung cấp các thể loại game online mà khách
hàng có thể ưa thích và mua nó.

4/ Đối tượng và phạm vi của đề tài:
4.1/ Đối tượng của đề tài:

Đối tượng nghiên cứu của đề tài chủ yếu là các loại sản phẩm game online thuộc các thể
loại game nước ngoài như của Chinal, JAPAN, hay là của English, các loại game trên
website đem lại trải nghiệm của người dùng trên lĩnh vực giải trí cao. Ngồi ra đề tài tìm
hiểu các cơng nghệ thiết kế, lập trình web, mang lại trải nghiệm về giao diện lập trình thơng
qua các cơ sở dữ liệu SQL.
4.2/ Phạm vi của đề tài:
Không gian: đề tài thiết kế website bán game online được xây dựng dựa trên khảo sát từ
các trang web bán game online khác. Để nắm bắt và thực hiện rõ ràng chiến lược quan
trọng của dự án website game online này, thì nhóm chung em đã lựa chọn mơ hình website
chun bán cho các khách hàng trong t ỉnh thành TP.Thủ Dầù Một, Bình Dương
Thời gian thực hiện đề tài: 15/11/2020 – 10/12/2020.

0

0


Website bán game online

5/ Một số trang chính của website:
5.1/ Phần WEBSITE:
Trang chủ: Đây là trang giới thiệu sơ lược về các sản phẩm mới của cửa hàng, là nơi khách
hàng đặt mắt vào đầu tiên và có thể xem các thể loại game có trong cửa hàng khi chưa đăng
nhập tài khoản.
Trang đăng nhập, đăng kí: Đây là trang giúp cho khách hàng sau khi xem các sản phẩm
trong trang chủ và muốn mua sản phẩm thì phải thực hiện thao tác đăng nhập trở thành
thành viên để mua sản phẩm mình cần.
Trang liên hệ: Đây là trang mà khách hàng có thể liên hệ với shop.
Trang sản phẩm: Đây là trang khách hàng xem hoặc tham khảo các mặt hàng của cửa
hàng có sẵn để lựa chọn.

Trang chi tiết sản phẩm: Đây là trang khách hàng nhấn vào từng sản phẩm để xem chi
tiết.
Trang tin tức: đây là trang khách hàng có thể tìm hiểu các kiến thức, thông tin về sản
phẩm.
Trang giỏ hàng: trang này khách hàng có thể xem các sản phẩm của mình trong giỏ hàng.
Và nhập thông cá nhân để đặt hàng.
5.2/ Phần quản trị:
Trang đăng nhập: quản trị viên cần có tài khoản và mật khẩu để đăng nhập.
Trang đổi mật khẩu: quản trị viên có đổi mật khẩu của tài khoản mình đang sở hữu/
Trang quản trị: quản trị viên thấy được tổng quát các đối tượng cần quản lí. Quản trị viên
có thể đăng xuất để thốt khỏi phiên làm việc của mình.
Trang quản trị sản phẩm: quản trị viên có thể thực hiện thêm,xóa, sửa loại sản phẩm, Sản
Phẩm và cập trạng thái của các sản phẩm.
Trang quản trị tin tức: quản trị viên có thể thực hiện thêm, xóa, s ửa hoặc cập nhật đăng
bài tin tức.
Trang quản trị tài khoản: quản trị viên thực hiện các thao tác thêm user, xóa user, s ửa
thơng tin cá nhân của user.
Trang quản trị liên hệ: quản trị viên có thể xem được các yêu cầu, ý kiến của khách hàng.
Trang quản trị đơn hàng: quản trị viên có thể thấy đươc thông tin đặt hàng của khách
hàng trên hệ thống.

0

0


Website bán game online

CHƯƠNG II: GIỚI THIỆU CÁC CÔNG NGHỆ
1/ Giới Thiệu Về HTML.

1.1/ HTML là gì?
HTML (Hypertext Markup Language-Ngơn ngữ đánh dấu siêu văn bản) là ngôn ngữ
đánh dấu chuẩn dùng soạn thảo các tài liệu World Wide Web, chỉ rõ một trang Web được
hiển thị như thế nào trong trình duyệt.
Ngơn ngữ HTML dùng các tag hoặc các đoạn mã lệnh để chỉ cho các trình duyệt (Web
browsers) cách hiển thị các thành phần của trang như text và graphics.
HTML là ngôn ngữ xác định cấu trúc của thông tin.
HTML sử dụng một loạt các thẻ và thuộc tính và được dùng để hiện thị văn bản và các
thông tin khác, cung cấp siêu liên kết tới các tài liệu khác.
1.2/ Công dụng của HTML.
Thiết kế được nội dung và hình thức của trang web.
Xuất bản được các tài liệu trực tuyến hay truy xuất các thông tin tr ực tuyến bằng cách
dùng các liên kết được chèn vào trang web.
Tạo ra các biểu mẫu tr ực tuyến nhằm thu thập các thông tin người dùng, quản lý giao
dịch….
Thêm vào đối tượng các hình ảnh video, âm thanh…..
1.3/ Định dạng của HTML.
Là một tập tin có phần mở rộng là .htm hoặc .html
Là một tập tin văn bản thuần túy, có chứa các mã đặc biệt gọi là Tag(thẻ), thường được
đặt xung quanh một khối văn bản nào đó.
Có thể viết trên nhiều trình soạn thảo: Microsoft Fontpage, notepad…và được sử dụng
nhiều nhất đó là adobe dreamweaver.

2/ Giới thiệu về Bootstrap:
Bootstrap là 1 framework HTML, CSS, và JavaScript cho phép người dùng dễ dàng thiết
kế website theo 1 chuẩn nhất định, tạo các website thân thiện với các thiết bị cầm tay như
mobile, ipad, tablet,...
Tại sao lại như vậy?

0

0


Website bán game online
Bootstrap bao gồm những cái cơ bản có sẵn như: typography, forms, buttons, tables,
navigation, modals, image carousels và nhiều thứ khác. Trong bootstrap có thêm nhiều
Component, Javascript hỗ trợ cho việc thiết kế reponsive của bạn dễ dàng, thuận tiện và
nhanh chóng hơn.

3/ Ngơn ngữ CSS.
CSS (Cascading Style Sheets) là một ngơn ngữ quy định cách trình bày cho các tài liệu
viết bằng HTML, XHTML, XML, SVG, hay UML,…
CSS cung cấp nhiều thuộc tính trình bày dành cho các đối tượng với sự sáng tạo trong
việc kết hợp các thuộc tính giúp mang lại hiệu quả cao.
CSS đã được hỗ trợ bởi tất cả các trình duyệt và hiển thị “như nhau” trên mọi hệ điều
hành.
CSS đưa ra phương thức áp dụng từ một file CSS ở ngồi. Có hiệu quả đồng bộ khi tạo
một website có hàng trăm trang hay khi muốn thay đổi một thuộc tính trình bày nào đó.
CSS được cập nhật liên tục mang lại các trình bày phức tạp và tinh vi hơn.

4/ Ngôn ngữ Javascript.
Với HTML chỉ biểu diễn thông tin chứ chưa phải là các trang Web động có khả năng đáp
ứng các sự kiện từ phía người dùng.
Hãng Netscape đã đưa ra ngơn ngữ script có tên là LiveScript để thực hiện chức năng
này. Sau đó đổi tên thành JavaScript để tận dụng tính đại chúng của ngơn ngữ lập trình
Java.
JavaScript là ngơn ngữ dưới dạng script có thể gắn với các file HTML. Được trình duyệt
diễn dịch, trình duyệt đọc JavaScript dưới dạng mã nguồn.
JavaScript là ngôn ngữ dựa trên đối tượng, nghĩa là bao gồm nhiều kiểu đối tượng, ví dụ

đối tượng Math với tất cả các chức năng tốn học. Nhưng JavaScript khơng là ngơn ngữ
hướng đối tượng như C++/Java.

5/ Giới thiệu cơ bản về ngôn ngữ ASP.NET:
ASP.Net cho phép bạn lựa chọn một trong các ngơn ngữ lập trình mà bạn u thích:
Visual Basic.Net, J#, C#,…
Trang ASP.Net được biên dịch trước. Thay vì phải đọc và thông dịch mỗi khi trang web
được yêu cầu, ASP.Net biên dịch những trang web động thành những tập tin DLL mà
Server có thể thi hành nhanh chóng và hiệu quả. Yếu tố này là một bước nhảy vọt đáng
kể so với k ỹ thuật thông dịch của ASP.

0

0


Website bán game online
ASP.Net hỗ trợ mạnh mẽ bộ thư viện phong phú và đa dạng của .Net Framework, làm
việc với XML, Web Service, truy cập cơ sở dữ liệu qua ADO.Net, …
ASPX và ASP có thể cùng hoạt động trong 1 ứng dụng.
ASP.Net sử dụng phong cách lập trình mới: Code behide. Tách code riêng, giao diện
riêng do vậy dễ đọc, dễ quản lý và bảo trì.
Kiến trúc lập trình giống ứng dụng trên Windows.
Hỗ trợ quản lý trạng thái của các control
Tự động phát sinh mã HTML cho các Server control tương ứng với từng loại Browser
Hỗ trợ nhiều cơ chế cache.
Triển khai cài đặt
Không cần lock, không cần đăng ký DLL
Cho phép nhiều hình thức cấu hình ứng dụng
Hỗ trợ quản lý ứng dụng ở mức toàn cục

Global.aspx có nhiều s ự kiện hơn
Quản lý session trên nhiều Server, không cần Cookies.

6/ ASP.NET WEBFORM:
ASP.NET Web Form mở rộng mơ hình hướng s ự kiện tương tác với các ứng dụng web.
Trình duyệt gửi trang web lên Web Server, sau đó Web Server trả về các mã HTML đã
được xử lí.
ASP.NET Framwork giúp lưu trữ thơng tin về trạng thái của ứng dụng dưới dạng: Page
state, Session state.
Page state là trạng thái của client, các nội dung nhập vào input fileds trong web form.
Session state là tập hợp các thông tin trong một phiên làm việc.

0

0


Website bán game online

Chương III: Phân Tích Thiết Kế Hệ Thống
1/ Danh sách các Actor:
STT
1

TÊN ACTOR
Khách Hàng

2

Quản Trị Viên

Ý NGHĨA
Là người ghé qua website, xem thông tin sản phẩm
mua hàng.
Là người quản trị website: thực hiện các chức năng thêm,
sửa, xóa đối với các đối tượng: sản phẩm.
Bảng 1 Danh sách các Actor

2/ Danh sách các use – case:
STT

Tên USE-CASE

Ý nghĩa

1

Đăng nhập/ đăng kí

Cho phép khách hàng đăng nhập(đăng kí) tài
khoản

2

Chi tiết sản phẩm

Cho phép khách hàng đọc các thông tin của
sản phẩm

3

Tìm kiếm

Cho phép tìm kiếm các s ản phẩm.

4

Giỏ hàng

Use-Case cho phép người dùng được phép
đưa những sản phẩm muốn mua vào giỏ hàng

5

Thêm sản phẩm

Cho phép thêm các sản phẩm.

6

Bình luận

Cho phép bình luận các ý kiến của khách
hàng.

7

Cho phép tổng tiền

Tính tiền

Bảng 2 Danh sách các user – case

0

0


Website bán game online

3/ Sơ đồ USE-CASE:
3.1/ Sơ đồ use-case tổng quan:

Hình 1: Sơ đồ use-case tổng quan

4/ Đặc tả USE – CASE:
4.1/ Use-Case Đăng nhập(đăng kí):
Use - Case

Nội dung

Tên Use-Case

Đăng nhập

Mô tả

Use-Case cho phép người dùng đăng nhập vào hệ thống để thực
hiện các chức năng của mình. Có phân quyền cho admin có tài
khoản sẵn để đăng nhập vào hệ thống có thể, xóa, s ửa

0

0


Website bán game online
Actor

Người dùng

Sự kiện kích hoạt

Khi người dùng chọn chức năng đăng nhập từ trang chủ hệ
thống

Use-Case liên quan

Đăng kí

Tiền điều kiện

Người dùng phải có tài khoản trên hệ thống (hoặc đăng kí)

Hậu điều kiện

Người dùng đăng nhập thành cơng

Luồng sự kiện chính

1. Hệ thống hiện thị màn hình đăng nhập.
2. Người dùng nhập tên đăng nhập và mật khẩu.
3. Hệ thống hiện thị kiểm tra thông tin đăng nhập.
4. Nếu thành công hệ thống hiện thị màn hình đăng nhập
thành cơng.
5. Kết thúc Use-Case.

Luồng sự kiện phụ

A1 – Đăng kí (rẽ nhánh tại bước 2, khi người dùng chọn chức
năng đăng kí trên màn hình đăng nhập)
1. Hệ thống hiện thị màn hình cho phép người dùng nhập
tên tài khoản, mật khẩu, sdt đăng kí, email .v.v...
2. Hệ thống kiểm tra các thơng tin đăng kí hợp lệ (đúng thì
hiển thị form đăng kí thành cơng).
3. Hệ thống quay lại trang đăng nhập để khách hàng đăng
nhập
4. Kết thúc Use-Case.
Bảng 3 Đặc tả Use-Case Đăng nhập

4.2/ Use – Case Tính ti ền sản phẩm.
Use - Case
Tên Use-Case

Nội dung
Mua sản phẩm

0

0

Website bán game online
Mô tả

Cho phép khách hàng mua sản phẩm và đặt hàng trên trang web.

Actor

Khách hàng

Sự kiện kích hoạt

Khách hàng chọn chức năng mua hàng trên trang web.

Use-Case liên quan
Tiền điều kiện

Khách hàng phải đăng nhập vào hệ thống.

Hậu điều kiện

Khách hàng đặt hàng thành công.

Luồng sự kiện chính

1. Hệ thống hiển thị danh mục sản phẩm.
2. Người dùng chọn nhóm sản phẩm cần mua.
3. Hệ thống hiện thị danh sách các sản phẩm.
4. Người dùng chọn sản phẩm cần mua.

5. Người dùng thêm sản phẩm vào đơn hàng.
6. Người dùng nhập số lượng sản phẩm.
7. Hệ thống kiểm tra số lượng sản phẩm tồn.
8. Hệ thống tính lại thành tiền.
9. Hệ thống tính tổng s ố tiền và đưa ra các hình thức thanh
tốn
10. Kết thúc Use-Case mua hàng.

Luồng sự kiện phụ

A1 – Số lượng sản phẩm không đủ (rẽ nhánh tại bước 7)
1. Hệ thống hiện thị thông báo số lượng s ản phẩm không đủ.
2. Quay lại bước 6 trong luồng sự kiện chính.
Bảng 4 Đặt tả Use – Case Tính tiền sản phẩm.

4.3/ Use – Case Tìm kiếm sản phẩm:
Use - Case

Nội dung

Tên Use-Case

Tìm Kiếm Sản Phẩm

Mơ tả

Cho phép tìm kiếm các s ản phẩm

0

0


Website bán game online
Actor

Khách xem, thành viên.

Sự kiện kích hoạt

Người dùng chọn chức năng tìm kiếm.

Use-Case liên quan

UC-Theo loại sản phẩm, UC-Theo giá sản phẩm, UC-Theo tên
sản phẩm.

Tiền điều kiện
Hậu điều kiện
Luồng sự kiện chính

1 Hệ thống hiển thị form tìm kiếm:
2 Hệ thống hiện thị các loại tìm kiếm.
3 Người dùng chọn: Tìm kiếm theo tên, tìm kiếm theo
giá,…
4 Hệ thống hiện thị from để nhập thơng tin tìm kiếm.
5 Người sử dụng nhập thông tin cần thiết vào form tìm
kiếm
6 Hệ thống báo kết quả tìm kiếm.
7 Kết thúc UC.

Luồng sự kiện phụ
Bảng 5 Đặc tả Use – Case Tìm kiếm sản phẩm

4.4. Use – Case Xem chi tiết sản phẩm:
Use - Case

Nội dung

Tên Use-Case

Xem thông tin sản phẩm

Mô tả

Cho phép người quản lý, khách hàng xem thông tin về các sản
phẩm có trên trang web

Actor

Nhân viên và khách hàng

Sự kiện kích hoạt

Người dùng chọn chức năng xem thông tin sản phẩn trên trang
web

0

0

Website bán game online
Use-Case liên quan
Tiền điều kiện

Người dùng đã tìm thấy được sản phẩm cần xem.

Hậu điều kiện

Người dùng xem được thơng tin sản phẩm

Luồng sự kiện chính

1 Người dùng chọn sản phẩm cần xem
2 Hệ thống hiện thị thông tin về sản phẩm đã chọn
3 Kết thúc UC

Luồng sự kiện phụ
Bảng 6 Đặc tả Use – Case Xem chi tiết sản phẩm

4.5.Use – Case Thêm giỏ hàng:
Use - Case

Nội dung

Tên Use-Case

Thêm vào giỏ hàng

Mô tả

UC cho phép khách hàng đưa thông tin sản phẩm vào giỏ hàng

Actor

Khách hàng

Sự kiện kích hoạt
Use-Case liên quan
Tiền điều kiện

Sản phẩm đã được chọn

Hậu điều kiện

Thêm giỏ hàng thành cơng.

Luồng sự kiện chính

1. Chọn chức năng thêm vào giỏ hàng để đưa sản phẩm đã
chọn vào lưu trữ trong giỏ hàng. Nếu chưa chọn sản
phẩm mà nhấn nút thêm vào giỏ hàng thì thực hiện luồng
rẽ nhánh A1
2. Hệ thống hiển thị thông tin sản phẩm đưa vào giỏ hàng
3. UC kết thúc

Luồng sự kiện phụ

Luồng rẽ nhánh A1:chưa chọn sản phẩm cần mua

0

0


Website bán game online
1. Hệ thống thông báo s ản phẩm chưa được chọn
2. Hiển thị sản phẩm để khách hàng chọn
3. Quay lại bước 1 của luồng sự kiện chính
Bảng 7 Đặc tả Use – Case Thêm giỏ hàng

4.6.Use – Case Thêm sản phẩm:
Use - Case

Nội dung

Tên Use-Case

Thêm sản phẩm.

Mô tả

Cho phép người bán hàng đăng sản phẩm muốn kinh doanh của
mình lên hệ thống.

Actor

Nhân viên hoặc admin

Sự kiện kích hoạt

Nhân viên chọn chức năng đăng sản phẩm trên hệ thống

Use-Case liên quan
Tiền điều kiện

Đăng nhập vào hệ thống(loại tài khoản admin).

Hậu điều kiện

Đăng sản phẩm thành công.

Luồng sự kiện chính

1. Hệ thống hiện thị màn hình đăng sản phẩm.
2. Hệ thống load danh mục sản phẩm.
3. Người dùng nhập sản phẩm cần thêm.
4. Hệ thống kiểm tra sản phẩm nào hết.
5. Người dùng nhập thông tin sản phẩm.
6. Người dùng chọn thêm sản phẩm vào.
7. Kết thúc Use-Case, đăng sản phẩm thành công.

Luồng sự kiện phụ

A1 – sản phẩm thêm đang còn nhiều (rẽ nhánh t ại bước 4)
-Hệ thống hiện thơng báo sản phẩm cịn nhiều.
-Hệ thống quay lại bước 1 trong luồng sự kiện chính.
Bảng 8 Đặc tả Use – Case Đăng sản phẩm

0

0