Khóa luận tốt nghiệp Hệ thống thông tin: Phát triển nền tảng gamification marketing cho thị trường Việt Nam

TÓM TẮT KHÓA LUẬNNgày nay, với sự phát triển mạnh mẽ của công nghệ thông tin, sự thành công của các doanh nghiệp, tổ chức phụ thuộc vào rất nhiều vào marketing cụ thé ở đây là digital ma

ĐẠI HỌC QUOC GIA TP HO CHÍ MINH

TRUONG DAI HOC CONG NGHE THONG TIN

KHOA HE THONG THONG TIN

NGUYEN HOANG NHẬT TÂN - 16521076

DO DUC THANG - 16521094

KHOA LUAN TOT NGHIEP

PHAT TRIEN NEN TANG GAMIFICATION MARKETING CHO THI TRUONG VIET NAM

DEVELOPING GAMIFICATION MARKETING PLATFORM

FOR VIETNAM MARKET

KY SU NGANH HE THONG THONG TIN

GIANG VIEN HUONG DAN THS TRINH TRONG TIN

THS VU MINH SANG

TP HO CHi MINH, 2021

ĐẠI HỌC QUOC GIA TP HO CHÍ MINH

TRUONG DAI HOC CONG NGHE THONG TIN

KHOA HE THONG THONG TIN

NGUYEN HOANG NHẬT TÂN - 16521076

DO ĐỨC THANG - 16521094

KHÓA LUẬN TÓT NGHIỆP

PHÁT TRIÊN NÈN TẢNG GAMIFICATION

MARKETING CHO THỊ TRƯỜNG VIỆT NAM

DEVELOPING GAMIFICATION MARKETING PLATFORM

FOR VIETNAM MARKET

KY SU NGANH HE THONG THONG TIN

GIANG VIEN HUONG DAN THS TRINH TRONG TIN

THS VU MINH SANG

TP HO CHÍ MINH, 2021

DANH SÁCH HOI DONG BẢO VE KHÓA LUẬN

Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số

NAY của Hiệu trưởng Trường Đại học Công nghệ Thông tin.

ĐẠI HỌC QUOC GIA TP HO CHÍMINH CONG HÒA XÃ HOI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

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

NHẬN XÉT KHÓA LUẬN TÓT NGHIỆP

CUA CÁN BỘ HƯỚNG DAN

Tên khóa luận:

PHAT TRIEN NEN TANG GAMIFICATION MARKETING CHO

THI TRUONG VIET NAM

Nhom SV thuc hién: Cán bộ hướng dẫn:

Nguyễn Hoàng Nhật Tân 16521076 ThS Trình Trọng Tín

Đỗ Đức Thắng 16521094 ThS Vũ Minh Sang

Đánh giá Khóa luân

1 Về cuốn báo cáo:

Số trang a Số chương

Số bảng số liệu " Số hình vẽ

Số tài liệu tham khảo Sản phẩm

Một số nhận xét về hình thức cuốn báo cáo:

3 Về chương trình ứng dụng:

Điểm từng sinh viên:

Nguyễn Hoàng Nhật Tân: /10

Đỗ Đức Thắng: /10

Người nhận xét

ĐẠI HỌC QUOC GIA TP HO CHÍMINH CONG HÒA XÃ HOI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

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

NHẬN XÉT KHÓA LUẬN TÓT NGHIỆP

CUA CÁN BO PHAN BIEN

Tên khóa luận:

PHAT TRIEN NEN TANG GAMIFICATION MARKETING CHO

THI TRUONG VIET NAM

Nhom SV thuc hién: Cán bộ hướng dẫn:

Nguyễn Hoàng Nhật Tân 16521076 ThS Trình Trọng Tín

Đỗ Đức Thắng 16521094 ThS Vũ Minh Sang

Đánh giá Khóa luân

1 Về cuốn báo cáo:

Số trang a Số chương

Số bảng số liệu " Số hình vẽ

Số tài liệu tham khảo Sản phẩm

Một số nhận xét về hình thức cuốn báo cáo:

3 Về chương trình ứng dụng:

Điểm từng sinh viên:

Nguyễn Hoàng Nhật Tân: /10

Đỗ Đức Thắng: /10

Người nhận xét

LOI CAM ON

Bằng sự biết ơn và kính trong, nhóm xin gửi lời cảm ơn chân thành đến quý thay cô

trường Đại học Công Nghệ Thông Tin — Dai học Quốc Gia thành phó Hồ Chí Minh đã

nhiệt tình hướng dẫn, giảng dạy và tạo mọi điều kiện thuận lợi giúp đỡ nhóm trong suốt

quá trình học tập, nghiên cứu và hoàn thiện khóa luận tốt nghiệp này.

Đặc biệt, em xin cám ơn các quý thầy Trình Trọng Tín thuộc ngành Thương Mại

Điện Tử, thay Vũ Minh Sang thuộc ngành Hệ Thống Thông Tin — Trường Đại học Công Nghệ Thông Tin — Đại học Quốc Gia thành phó Hồ Chí Minh Thay đã tan tình trực tiếp

chỉ bảo, hướng dẫn, sửa chữa và cho em nhiều lời khuyên hữu ích trong suốt quá trình

làm luận văn.

Bên cạnh đó, em xin cảm ơn gia đình cùng bạn bè đã động viên, hỗ trợ để hoàn thành

đề tài khóa luận này.

Xin chân thành cảm ơn!

Nhóm tác giả Nguyễn Hoàng Nhật Tân, Đỗ Đức Thắng

ĐẠI HỌC QUOC GIA TP HO CHÍMINH CONG HÒA XÃ HOI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

ĐÈ CƯƠNG CHI TIẾT

TEN DE TÀI: Phát trién nền tảng gamification marketing cho thị trường Việt Nam.

TEN DE TÀI (TIENG ANH): Developing gamification marketing platform for

Vietnam market.

Cán bộ hướng dẫn:

ThS Trình Trọng Tín

ThS Vũ Minh Sang

Thời gian thực hiện: Từ ngày 07/09/2020 đến ngày 10/01/2021

Sinh viên thực hiện:

Nguyễn Hoàng Nhật Tân — 16521076

Đỗ Đức Thắng — 16521094

Nội dung đề tài:(Mô ta chỉ tiết mục tiêu, phạm vi, đối tượng, phương pháp thực hiện, kết quả mong đợi của đề tai)

Mục tiêu:

- Phat triển được nên tang tạo game hỗ trợ cho các chiến dich marketing.

- Gitip tối ưu lượt tương tác và tăng ty lệ chuyển đổi cho website của đối tác.

- C6 khả năng chuyền đồi sale cho các sản phẩm của đối tác bằng phần thưởng.

- _ Website tạo game gồm các chức năng cơ bản sau:

o Tạo game từ kho giao diện.

o_ Chức năng tự sinh mã thưởng.

o Tạo phan thưởng, thay đồi giao diện của game.

o Quản lý dữ liệu thu thập từ khách hàng.

o Quản lý hình ảnh, nội dung marketing.

o Quản lý thông tin trúng thưởng, tao báo cáo theo lọc.

Pham vi thực hiện:

- TAp trung xây dựng nền tảng gamification marketing trên nền tang website.

- _ Xây dựng các game 2D bằng các thư viện của Javascript.

Công cụ:

- _ Ngôn ngữ lập trình: Javascript.

- Thu viện: Các thư viện của Javascript hỗ trợ tạo game: StageJS, Vanilla]S,

- _ Hệ quản trị CSDL: MongoDB

Đối tượng nghiên cứu:

- _ Cá nhân, tổ chức có nhu cầu tạo game để hỗ trợ các chiến dịch marketing cho sản

phẩm, dịch vụ.

- _ Cá nhân, tổ chức có nhu cau tạo game để tăng lượt view, traffic cho website.

Phương pháp thực hiện:

- Khao sát:

o Tham khảo các website có cùng ý tưởng đã được triển khai.

o Đọc tìm hiểu các bài báo khoa học với keyword: gamification marketing.

- — Nghiên cứu:

o Tìm hiểu về việc xây dựng game dựa trên các thư viện Javascript.

o Tìm hiểu xây dựng UI bang Javascript.

o Tìm hiểu cách lưu trữ data thu thập khi chơi game.

o_ Tìm hiểu cách quản lí tất cả source, thư viện.

o Nghiên cứu công nghệ liên quan.

- — Đánh giá:

- _ Kết quả mong đợi:

o_ Xây dựng được nền tảng tạo game với day đủ chức năng đề ra.

Kế hoạch thực hién:(M6 ta kế hoạch làm việc và phân công công việc cho từng sinh

viên tham gia)

STT | Công việc Sinh viên Thời gian

1 Xác định thực trạng và khảo sát các vấn đề cần | Tân, Thắng 2 tuần

3 Phân tích và thiết kế hệ thống cho phan mềm | Tân Thang | 5tuần

3.1 Vẽ sơ đồ UML, diagram Tan, Thắng | 1 tuan

3.2 Xây dựng hệ thống Tân, Thắng | 4tuần

4 Thiết kế, thực hiện giao diện Tân, Thắng | 2 tuần

5 Kiểm thử, hoàn chỉnh website Tân, Thắng 1 tuần

6 Chạy dự án thực tế, ghi nhận kết quả Tân, Thắng 2 tuần

Đề xuất cải tiến trong tương lai.

7 Hoàn thành báo cáo luận văn Tân, Thắng 1 tuần

1.3 Phạm vi và đối tượng nghiên cứu - : -:©2++z+2v+zztczvsccee 2

1.3.1 Phạm vi nghiên cứu: Thị trường Việt Nam - ¿5+ 2 1.3.2 Đối tượng nghiên cứu: -¿¿-©v+++222++evtvvvvvrerrrserrrrrs 3

1.4 Kết quả dự kiến -: -22222 222222222213 t EEEEcrrrrrrrrrrrcee 3

1.5 Bố cục báo cáo 222222222ct22222E112 E22 c.ctrrrrrrrrrrree 3

Chương 2 CƠ SỞ LÝ THUYÉT ¿ ©22++22EE+2+t2EEEE2+tEEEEErrrrrrkerrrree 4

2.1 Giới thiệu Gamification ¿+ s St xt St xrvEeerxererrrrrsrrrrrrrrsrrre 4

2.1.1 Gamification là gì?

2.1.2 Một số lĩnh vực Gamification -s¿++s+++£+Ex£tEeEEkerrxerrsreg 4

2.2 Giới thiệu Gamification marketing.

2.2.1 Gamification marketing là gì? -c+s<ccccccsecceee 5

2.3.2 THhựC (rạngE SH TH HH Hư 8

2.3.3 Mục tiÊu - St 22 T2 21221121121121211211 11k 9

2.3.4 Hạn ché vi.cceccsccccsessesssssessessessssssessessscssessessessussssesessessuessessessessessseesess 92.3.5 K@tUaneeccccccccccccccsessessesssessessessussssssessessussusssessessussuessessessessessseesecses 102.4 Nền tang ocecceccecccccccssesssssecsessessessssscsssssssessessessessessessssssssessessesseeseeseees 10

3.1 Phân tích yêu cầu 2¿©-++©++2E+t2EEtEEEEEEESEkEEEEErkkerkrsrkerrrees 18

3.1.1 Các yêu cầu chức năng - ¿+ ++SE+SE+EE+E2E£Eerkerkerxrrsrrs 183.1.2 Yêu cầu phi chức năng -¿- ¿+ ©++x++zx+zxevrxe+rxezrxees 183.2 Phân tích thiết kế hệ thống -2¿+¿©+++++£x++zx+zx+erxezrxezrxeee 19

3.2.1 Các chức năng của hệ thống - 2-52 2+££+E+zEe£kerxerssrs 193.2.2 Các tác nhân của hệ thống - -¿+++c++2x++rx+zrxesrxees 19

3.5.3 Mô tả chỉ tiết các bảng -¿ 2¿©2++22+c2xSEkSEkrrkrerkrerkrrrrees 83Chương 4 CẢI ĐẶT -¿- 2¿©5£+2E+2EE2EE22E1221122122112211221 21121 crk 86

4.1 Cài đặt và triển khai website c.c.ccccccsccseccscssecessssesececsvssecsesesecseseeeseeeees 86

4.1.1 Môi trường phát triỀn ¿+ ©k+Ek+EE+EE£EE+EEEeEEerkerkerkerkrei 86

4.2 Cài đặt c2 TH TT 12221211 11a 86

4.2.1 Mi truOng 0n 86

4.2.2 Môi trƯỜng S€TV€T - Ăn ng ng ng Hy S6

4.3.1 Danh sách màn hình - - << + + +22 EE +22 Eveeeezzzxeee 87

4.3.2 Mô tả chi tiết các màn HINh ceceeccecescecessseccesesecseseseceseseceeseseeseeeeees 88

Chương 5 KÉT LUẬN VÀ HƯỚNG PHÁT TRIẺN -2 +: 98

5.1 Kết QUA 818i 21177 98

5.1.1 Về mặt lý thUyẾt :-©522S2+EE+EEEEESEEEEEEEEEEEEEEEErrkerkerree 98

5.1.2 Về mặt thực nghiệm 2¿©-+++++£+++Ex++Exzrxerkesrxrrrxees 98

5.2 Ưu điểm của hệ thống -: 2¿22+22+2E+EE£EEEEEEEEEEEEEEEEEErrkrrkerreee 98

5.3 Hạn chế của hệ thống -¿- 2 2+ SE£EESEEEEE2EEEEE2E12152171 21212 xe 98

5.4 Khó khăn ©c<2EE2 E2 12711271211211271211.11 1111 xeee 98

5.5 Hướng phát triÊn -:- 2 2+ £+E+SE£EE#EEEEEEEEEEE2E12171 712121 cre 99

Hình 4.3.2 Màn hình chọn Øaime - - - +6 + E1 E163 931 9111911 1 91v vn 88

Hình 4.3.3 Màn hình kho phần thường - 2 2 + E£E£+E£2£E+£E+zE+zE++rxerxezez 89Hình 4.3.4 Màn hình cấu hình cho game 2 2 +2££+E£+EE+£E++E£zE++rxerxzzez 90

Hình 4.3.5 Màn hình game vOng QUAy - - c 3+ 1333139 ESEEESeereeeeerrerereere 91

Hình 4.3.6 Màn hình kết quả của trò chơi vòng QUAY ccsccsscessessesstessesseesesssesseeseess 92

Hình 4.3.7 Màn hình nhập thông tin khách hàng ¿- «+ +s£+£+s<+s+se+sx+ 93 Hình 4.3.8 Màn hình game lật lì XÌ - 5 5 2+ 1S HH HH ưệt 94

Hình 4.3.9 Màn hình chơi game lật Ïì Xi - 5 5 S1 ng gưkg 95

Hình 4.3.10 Màn hình kết quả của game lật lì xì - 2-2 + x+zE£+£++zxsrxzez 95

Hình 4.3.11 Màn hình game Flappy bird - <5 + SE +*E+eekeeeeeeerereere 96

Hình 4.3.12 Màn hình chơi game của flappy bird . 55s s-ss+++sexsseesssess 97

Hình 4.3.13 Màn hình kết quả của game flappy bird -cc-¿22222vcccrrrrre 97

DANH MỤC BANG

Bang 2.2.1 Bang phân tích mô hình động lực 5 5 + £££+s£+s+sexseeseree 7 Bang 3.2.1 Bang tác nhân quan tri VIÊN - 5 5 + E#EEseEEeeeeerserrerserske 20

Bảng 3.2.2 Bang tác nhân người dùng - - c2 3+ 331v virrirrrerrrrrkrrre 20

Bang 3.4.1 Danh sách USsecase Q Q HH HH TH HH ng ng 25

Bảng 3.4.2 Đặc tả usecase đăng ký - c1 n SH SH H11 1111111 H11 ng ry 26

Bang 3.4.3 Đặc tả usecase đăng nhập - + 111v HH rg 28

Bang 3.4.4 Đặc tả usecase đăng XuẤt ¿ s- 5s c2 22 212211211211 021111 2111k 31

Bang 3.4.7 Đặc tả usecase xóa phần thưởng -2- 2-52 + z+E++EzEerkerxerxersrree 39Bảng 3.4.8 Đặc ta usecase hiển thị danh sách phần thưởng - - 42Bang 3.4.9 Đặc ta usecase cau hình giao diện -¿- 5-2 2+cz+E£xerkerxerxersrree 44Bảng 3.4.10 Đặc tả usecase cập nhật cấu hình Ø1aO điIỆn - cssc<csssscsseeresee 47Bang 3.4.11 Đặc ta usecase hiển thị đanh sách trúng thưởng -25- 50

Bảng 3.4.12 Đặc tả usecase hiển thị danh sách game đã tạO - -+s<cs>+ 52

Bang 3.4.13 Đặc tả usecase xóa game đã {ạO - c SH HH 54 Bang 3.4.14 Đặc ta usecase thêm người dùng c5 scsxcsecsesseeseesee 57 Bang 3.4.15 Đặc tả usecase cập nhật người dùng - + *+seksserssersee 60

Bang 3.4.16 Đặc ta usecase xóa người đùng - «+ scxnnnnnHnnàHnnrưet 63

Bang 3.4.17 Đặc ta usecase hiển thị danh sách người dùng -5 66

Bang 3.4.18 Đặc tả usecase thêm game - . - <1 ng ng ng ng g 68 Bang 3.4.19 Đặc ta usecase cập nhật GaMe ee eeeceesceeneeeseceeeeeeeeeeeaeeeseeeesnessaes 71

Bang 3.4.20 Đặc ta usecase XOa SAME cv 1v HH TH ng ng 74

Bảng 3.4.21 Đặc tả usecase hiển thị danh sách game -¿- 5¿s¿++c++ 77

Bang 3.4.22 Đặc ta usecase chơi Same eceeceesceecesseeseceeeeeeeeseeeseceeeeeeeeeseeeneeeaeens 79

Bang 3.5.1 Danh sách bảng hệ thong ccsccscccssessessesssessessessssssessessessessessesssssesseeseees 82

Bảng 3.5.2 Bảng S€T 2G LH HH TH HH kh 83 Bang 3.5.3 Bang Game 0n 83

Bảng 3.5.4 Bảng GameDataCollect - c6 + 111993199112 1 vn ve 84 Bang 3.5.5 Bang GamelR€WATC c1 111911 HH ng HH 84 Bảng 3.5.6 Bảng GameConfig - - - - + E11 HH nghe 84 Bang 3.5.7 s06) 200017 Ả 85 Bảng 3.5.8 Bảng Createdane - + + 3319119111911 1 1111 1 11 HH ng 85

Bảng 4.3.1 Mô tả danh sách các màn hình eee + + E++E*skEesEeseeeskeeee 88

Bảng 4.3.2 Mô tả màn hình chọn game - <1 11+ viet 88

Bang 4.3.3 Mô tả màn hình kho phần thưởng -2- 2-52 22 x+£E+2E£+E+z£xerxezez 89Bang 4.3.4 Mô tả màn hình cấu hình game -2- 2-2 +2 +£x+2x++£++zxerxezsz 90

Bảng 4.3.5 Mô tả màn hình game vòng QUAY 5 55-5 + +vseeeeeeerereers 92 Bảng 4.3.6 Mô ta màn hình nhập thông tin - 5 + + EskEseesskssrsee 93

Bảng 4.3.7 Mô tả game lật lì XÌ L2 n1 HH TH HH ng Hy 94

Bảng 4.3.8 Mô tả màn hình game Flappy bird - - 55555 + «+ <+++ve+seeseeess 96

DANH MỤC SƠ DO

Sơ đồ 3.4.3 Sơ đồ tuần tự đăng ký -:- 5c e2 E1 1121121121121 21 111111 c0 27

Sơ đồ 3.4.4 Sơ đồ lớp đăng KY ececececscccscssessessessessessssssessessessessessesssssseeseesesseeesseas 27

Sơ đồ 3.4.5 Sơ đồ hoạt động đăng mhap ccccceseeseesessessesseseseseeseeseesesseeeeseens 29

Sơ đồ 3.4.6 Sơ đồ tuần tự Gang OhAp 0111 30

Sơ đồ 3.4.7 Sơ đồ lớp đăng hap o c.ccceccecsesssesssesssessssssecsseesusssecssecsuscsesssessseesueeseessess 30

Sơ đồ 3.4.9 Sơ đồ tuần tự đăng XUat eee ecceseseseeseesessessessessessesteseeseeseseessens 32

Sơ đồ 3.4.10 Sơ đồ lớp đăng XuẤt ¿-¿- 2-52 2S22SE‡EEEE2EEEEEEEEEEEEErrkrrkerreee 32

Sơ đồ 3.4.11 Sơ đồ hoạt động thêm phần thưởng -2- 2 2 2+2 £s+£++£s+£+z£s 34

Sơ đồ 3.4.12 Sơ đồ tuần tự thêm phần thưởng . ¿2 5+++++++zx++zx++zxze2 35

Sơ đồ 3.4.15 Sơ đồ tuần tự cập nhật phần thưởng esses 38

Sơ đồ 3.4.16 Sơ đồ lớp cập nhật phan thưởng :-2- ¿+¿+++2x++zx++zxzez 38

Sơ đồ 3.4.17 Sơ đồ hoạt động xóa phần thưởng - + 2 2 s++s£+£++zs+zxezxeee 40

Sơ đồ 3.4.18 Sơ đồ tuần tự xóa phần thưởng - ¿+ 5++c+++x++zx+zzxzrxeee 41

Sơ đồ 3.4.19 Sơ đồ lớp xóa phan thing c ceceecescessecsesseessessessesseessessessessessesseesees 41

Sơ đồ 3.4.20 Sơ đồ hoạt động lấy danh sách phần thưởng 2-2: 42

Sơ đồ 3.4.21 Sơ đồ tuần tự lay danh sách phần thưởng ¿- ¿2 s=s+s+ss 43

Sơ đồ 3.4.22 Sơ đồ lớp lay danh sách phần thưởng - 2 sz+s+£s+£sz£+zss 43

Sơ đồ 3.4.23 Sơ đồ hoạt động cấu hình giao diện -. ¿ s¿©c++cs++zxccxees 45

Sơ đồ 3.4.25 Sơ đồ lớp cấu hình giao diện ¿- 2: ©2¿+c+++zx+xxvrxesrxrsrxeee 46

Sơ đồ 3.4.26 Sơ đồ hoạt động cập nhật cấu hình giao diện -5 -+: 48

Sơ đồ 3.4.27 Sơ đồ tuần tự cập nhật cấu hình - 2 22 z+£££xezxerxerxrresrs 49

Sơ đồ 3.4.28 Sơ đồ lớp cập nhật cấu hình - 2-2 2+ £+2+EE+ExetEzEx+Exerxerreee 49

Sơ đồ 3.4.29 Sơ đồ hoạt động lay danh sách trúng thưởng -. - 2s 50

Sơ đồ 3.4.31 So đồ lớp lay danh sách trúng thưởng - 2 ¿2z s+cs+cs+zszss 51

Sơ đồ 3.4.32 Sơ đồ hoạt động lay danh sách game đã tạo - 2c ++s+ 52

Sơ đồ 3.4.34 Sơ đồ lớp lấy danh sách game ceccescescessesseessessessesseessessessessesesseesees 53

Sơ đồ 3.4.36 So đồ tuần tự xóa Bae AA td 56

Sơ đồ 3.4.37 Sơ đồ lớp xóa game đã ta0 ceeceecesecsesessessessessessessesesseseeseeseesessesessens 56

Sơ đồ 3.4.38 So đồ hoạt động thêm người dùng -2- 2-2 2 £Ee£x+£xe£zrxzex 58

Sơ đồ 3.4.39 Sơ đồ tuần tự thêm người đùng -2 2¿©2+¿©ccvcxescxerseee 59

Sơ đồ 3.4.42 So đồ tuần tự cập nhật người dùng 2-2 2+se+xe£xszxersrrszes 62

Sơ đồ 3.4.43 Sơ đồ lớp cập nhật người đùng 2: ©22©5+2cx2xxerxezrxsrxeee 62

Sơ đồ 3.4.44 Sơ đồ hoạt động xóa người dùng - 2-2 2 z+e£kerxerxersrrxzrs 64

Sơ đồ 3.4.45 Sơ đồ tuần tự xóa người dùng -2¿2s¿©2++2x+2zxczrxerkrsrxrerxees 65

Sơ đồ 3.4.46 Sơ đồ lớp xóa người đùng - 2: 2¿©2x+2xt2x++EESExerkxerkesrkrerxees 65

Sơ đồ 3.4.48 Sơ đồ tuần tự danh sách người dùng - 2 2c +xecxerxerxrrezes 67

Sơ đồ 3.4.49 So đồ lớp danh sách người dùng eecceccecessesseessessesseessessessessessseeseeses 67

Sơ đồ 3.4.50 Sơ đồ hoạt động thêm game c.ccccscsssesssesssesssesseessesssecsessecssecstesseessecs 69

Sơ đồ 3.4.54 Sơ đồ hoạt động cập nhật øame - 2-2 2 2 2+E+Ee£Ee£xerxrrxzrs 73

Sơ đồ 3.4.55 Sơ đồ lớp cập nhật game - 2 2¿+++2++2E++EE+2EEzExerkesrrrrrrees 73

Sơ đồ 3.4.56 Sơ đồ hoạt §0i5e®.{7:83 1117 o- 75

Sơ đồ 3.4.57 Sơ đồ tuần tự xóa game -:-:¿ ¿++z+EE+EE2E2EEEEEEEEEEEErrkrrkerkeee 76

Sơ đồ 3.4.58 Sơ đồ lớp xóa Øame - 2 2 2+ +E£EEEEEEEEEEE2E12112112171 71211 0 76

Sơ đồ 3.4.60 So đồ tuần tự lay danh sách game 2-2 2 +x+£x+zx+rrrszxs 78

Sơ đồ 3.4.61 Sơ đồ lớp lay danh sách game 2- 2 2 2 ++Ee£Ee£Eerxerxrrszrs 78

Sơ đồ 3.4.63 Sơ đồ tuần tự chơi game :- + 2+ z+Ek+EE£E2EEEEEeEErrEkrrkrrkerreee 81

Sơ đồ 3.4.64 Sơ đồ lớp chơi game o.cceccceccsceessesseeseessessessesssessessessessessessessesssessesseesees 81

DANH MỤC TỪ VIET TAT

STT Chữ viết tắt | Ý nghĩa

1 API Application Programming Interface — Giao dién lap trinh

ứng dụng

2 CSDL Cơ Sở Dữ Liệu

3 DOM Document Object Model — Mô hình đối tượng tài liệu

4 HTML Hypertext Markup Language - Ngôn ngữ đánh dấu siêu

7 UI User Interface — Giao diện người dùng

8 UML Unified Modeling Language - Ngôn ngữ mô hình hóa

thống nhất

TÓM TẮT KHÓA LUẬN

Ngày nay, với sự phát triển mạnh mẽ của công nghệ thông tin, sự thành công

của các doanh nghiệp, tổ chức phụ thuộc vào rất nhiều vào marketing cụ thé ở đây

là digital marketing Hoạt động digital marketing có nhiều hình thức khác nhau, tùy

theo mục đích ma các doanh nghiệp sẽ lựa chọn hình thức phù hop.

Nhìn thấy được tiềm năng và cơ hội của Gamification Marketing, nhóm đãquyết định xây dựng một mô hình dé giúp các doanh nghiệp, tô chức về các chiến

dịch marketing cho sản phẩm, dịch vụ Giải quyết được bài toán của các doanh

nghiệp — làm sao dé khách hang của chúng ta có thé gan kết được với 1 thương

hiệu, website, ứng dụng như cái cách mà họ “đam mê game” Đồng thời nhóm

cũng tập trung tìm hiểu cách tối ưu lượt tương tác và tăng ty lệ chuyển đổi chowebsite của đối tác, xây dựng sự tin cậy đối với doanh nghiệp để áp dụng vào mô

hình.

Từ những van đề trên, nhóm chúng em đã quyết định thực hiện đề tài “Phát

triển nền tảng gamification marketing cho thị trường Việt Nam”

Chương 1 TONG QUAN DE TÀI

1.1 Hiện trang và đặt van dé

1.1.1 Hiện trạng

Marketing là một chiến lược quan trọng của doanh nghiệp và được xem như làcốt lõi để điều phối hoạt động, điều phối chiến lược kinh doanh của một doanhnghiệp Một chiến lược marketing đúng đắn sẽ giúp cho doanh nghiệp trở nên vữngvàng hơn trên thị trường cũng như quảng bá rộng rãi tên tuổi, sản phẩm của mìnhđến với khách hàng và người tiêu dùng

Hình 1.1.1 Thị trường Marketing tiêm năng tại Việt Nam năm 2019!

Với sự phát triển mạnh mẽ của kỹ thuật công nghệ và internet, mới nhất đây là

sự phổ biến rộng rãi 5G? là một lợi thế lớn cho các doanh nghiệp nhằm nâng caokhả năng tiếp cận với khách hàng và loại bỏ những rào cản để doanh nghiệp dễdàng giới thiệu, quảng bá và cung cấp thông tin sản phẩm, dịch vụ của mình đến với

khách hàng.

Sử dụng công nghệ và kỹ thuật số để quảng bá sản phẩm và tiếp cận khách hàng

là cách nhanh nhất và tiết kiệm rất nhiều chi phí và nhân sự là chiến lược marketing

đang được sử dụng rộng rãi tại các doanh nghiệp ở Việt Nam Hiện nay người dùng đang có xu hướng tìm kiêm sản phâm, dịch vụ, săn mã giảm giá voucher băng công

1 Xem thêm tại: https://andrews.edu.vn/bao-cao-digital-marketing-viet-nam-2019/

? Xem thêm tại: https://vi.wikipedia.org/wiki/5G

cụ tìm kiếm, website, mạng xã hội thay vì đến rất nhiều cửa hàng dé tham khảo.Nhờ đó mà khách hàng sẽ tiết kiệm được rất nhiều thời gian Điều này đã làm choDigital Marketing? ngày càng trở nên phát triển và là một kênh quảng cáo khá hiệu

quả của các doanh nghiệp.

Gamification có thé được hiểu là ứng dụng một số tinh năng của game dé ápdụng vào một số những lĩnh vực khác bên ngoài Cụ thể ở đây là chiến lượcmarketing với mục đích là đem lại tối đa lợi ích cho doanh nghiệp

1.1.2 Khảo sát

Những website có cùng ý tưởng đã được triển khai:

- - Trong nước: woay.vn

- _ Ngoài nước: brand-gaming.com, gamify.com, drimify.com,

1.1.3 Nhận xét

Thực tế cho thấy thì con người luôn muốn cuộc sống vui vẻ, thú vị Chính vì thế

khi tạo ra gamification phục vu cho công việc kinh doanh, marketing, xây dựng văn

hóa doanh nghiệp có cơ chế khen thưởng, bảng xếp hạng, khuyến khích lôi kéongười tham gia sẽ giúp khách hàng, nhân viên có thể gắn bó lâu dài, dành thời gian

cho doanh nghiệp.

1.2 Mục tiêu đề tài

Phát triển được nền tảng tạo game hỗ trợ cho các chiến dịch marketing

Giúp tối ưu lượt tương tác và tăng ty lệ chuyên đổi cho website của đối tác

Có khả năng chuyền đổi sale cho các sản phâm của đối tác bằng phan thưởng

Tạo sợi dây liên kết giữa doanh nghiệp và khách hàng

1.3 Pham vi và đối tượng nghiên cứu

1.3.1 Phạm vi nghiên cứu: Thị trường Việt Nam

Tập trung xây dựng nén tang gamification marketing trên nền tang websiteXây dựng các game 2D băng các thư viện của Javascript

Có khả năng hoạt động độc lập và tích hợp vào hệ thống có sẵn

3 Xem thêm tại: https://vi.wikipedia.org/wiki/Digital_ marketing

Phát triển được một API service sử dụng cho phát triển ứng dụng

1.3.2 Đối tượng nghiên cứu:

Tổ chức, doanh nghiệp có nhu cầu tạo game để hỗ trợ các chiến dịch marketing

cho sản phẩm, dịch vụ.

Tổ chức, doanh nghiệp có nhu cầu tạo game để tăng lượt view, traffic cho

website.

1.44 Kết qua dự kiến

Xây dựng hoàn chỉnh được nên tảng tạo game với các chức năng đề ra

Thông qua khóa luận biết thêm nhiều công nghệ, kiến thức mới

Phát trién được sản phẩm ra thị trường và có lượng khách hàng sử dụng

1.5 Bố cục báo cáo

Khóa luận gồm 5 chương với các nội dung chính sau:

- _ Chương 1: Tổng quan đề tài

- _ Chương 2: Cơ sở lý thuyết

- _ Chương 3: Phân tích thiết kế hệ thống

- Chương 4: Cài đặt

- _ Chương 5: Kết luận và hướng phát triển

Chương 2 CƠ SỞ LÝ THUYET

2.1 Giới thiệu Gamification

2.1.1 Gamification là gì?

Gamification là việc ứng dụng các thành phần của Game (kỹ thuật, cách thức,

luật chơi và những yếu tố khác ) vào một hoạt động bất kỳ với mục đích tạo động

lực & hứng thú cho người dùng, thay đổi nhận thức và khuyến khích họ chủ độngtham gia tích cực hơn vào các hoạt động tương tự trong tương lai Các chỉ số quan

trọng có thể đo lường được sự thành công của Gamification bao gồm: mức độ tương

tác, sự ảnh hưởng, lòng trung thành với thương hiệu, thời gian dành cho một hoạt

động va khả năng lan truyền của trò chơi Một số hình thức Gamification phô biến

gồm có: hệ thong huy hiệu, bảng xếp hạng, thanh trang thái thăng tiến

2.1.2 Một số lĩnh vực Gamification

Gamification được sử dụng trong nhiều lĩnh vực, chang hạn như trong các ứngdụng di động, trong các nền tảng trực tuyến và cả trong cuộc sống hằng ngày

Gamification có thể giúp người dùng đạt được mục tiêu của họ, chơi thể thao nhiều

hơn, học các kỹ năng mới, năng suất hơn và thậm chí là sống lành mạnh hơn Sauđây là một số ứng dụng và nền tảng sử dụng Gamification trong lĩnh vực giáo dục,sức khỏe và thể thao:

2.1.2.1 Giáo dục

Trong lĩnh vực giáo dục, Duolingo* và CodecademyŠ đang dựa vào các yếu tô

“samification” dé giữ cũng như thúc day người dùng học tập nhiều hơn Duolingo

là một nền tảng dùng để học ngôn ngữ, nơi người dùng có thể học các ngôn ngữ

mới (ví dụ: tiếng Anh, tiếng Pháp, ) Quá trình học được chia nhỏ, dễ quản lý.Trong khi người dùng hoàn thành các bài học và các kỹ năng, họ nhận được điểmkinh nghiệm và điểm thưởng Bằng cách thu thập những thứ này giúp người dùng

có thể truy cập vào các tính năng đặc biệt và có thứ hạng cao hơn trên bảng xếp

hạng Trong Codecademy, người dùng có thé học cách viết code dé tạo trang web

+ Xem thêm tại: https://www.duolingo.com/

Xem thêm tại: https://www.codecademy.com/

hoặc ứng dụng Tại đây có một số ngôn ngữ lập trình và các bài học về những ngôn

ngữ lập trình đó, ví dụ như cách xây dựng một trang web Trong nén tảng này,

người dùng nhận được huy hiệu dé hoàn thành các khóa học và giúp theo dõi tiến

trình học tập của họ trên thanh tiến trình cho từng kỹ năng

2.1.2.2 Thể thao

Trong thé thao, một số công ty dựa trên thiết bị di động và trang web sử dụng

Gamification dé khuyến khích mọi người chơi thé thao Ví dụ như Nike+®, Strava’

Tinh năng chính của những ứng dụng này là tạo phản hồi tức thì cho người dùngbằng cách cung cấp số liệu thống kê và thành tích dựa trên hoạt động của họ Người

dùng có thể cạnh tranh với bạn bè cũng như mọi người sử dụng ứng dụng này dựa

vào thành tích trên bảng xếp hạng

2.1.2.3 Sức khỏe

Trong y tế, Pain SquadŠ va MySugr? là hai ứng dụng nỗi bat Pain Squad nhắmđến trẻ em có độ tuổi từ 8-18 tuổi dé theo dõi những triệu chứng có liên quan đếnung thư Bác sĩ cần phản hồi từ bệnh nhân để biết phương pháp điều trị như thế nào.Các bác sĩ chỉ có thể kết luận nếu triệu chứng của bệnh nhân được báo cáo thườngxuyên Lý do gamification được thực hiện là dé thúc day trẻ em báo cáo triệu chứng

của mình mỗi ngày dé tìm ra những cách tốt hơn dé chữa bệnh ung thu Ứng dụng

MySugr là một dịch vụ chăm sóc toàn diện cho những người mắc bệnh tiểu đường.Ứng dụng giúp người bệnh có thé kiểm soát được quá trình ăn uống của mình Ưu

điểm của ứng dụng này là thúc đây người dùng thay đổi hành vi theo hướng tốt và

5 Xem thêm tại: https://www.nike.com/vn/nrc-app

7 Xem thêm tại: https://www.strava.com/

8 Xem thêm tại: https://www.aiga.org/case-study-pain-squad-app

? Xem thêm tại: https://www.mysugr.com/en/

Đây là lựa chọn hàng đầu giúp cải thiện khả năng thành công cho hoạt động

tương tác và chia sẻ thông tin tốt về thương hiệu/ doanh nghiệp một cách tự nhiên

và liên tục.

2.2.2 Phân loại

Hiện tại có nhiều loại trò chơi bao gồm trò chơi điểm, thử thách, xếp hạng, quytắc và ưu đãi điều này khiến việc chơi trò chơi thêm thú vị

Gamification áp dụng những điều nay dé thúc đây khách hàng đến các mức độ

tương tac cao hơn và có ý nghĩa hơn Con người sẽ có xu hướng tự nhiên là tương

tác sâu và thưởng thức với các hoạt động trong trò chơi.

2.2.3 Phân tích mô hình động lực

Dựa trên mô hình động lực này giúp chúng ta hiểu thêm về tính cách và động

cơ khi tham gia vào các hoạt động trò chơi của con người Nhờ đó chúng ta có thê

ứng dụng một cách hiệu quả hơn để tạo ra những sản phẩm trò chơi thành công như

mong đợi.

8 động cơ cốt lõi bao gồm:

- Nhiệm vụ và lý tưởng cần thực hiện

- Tién triển và thành quả

- _ Được sáng tạo và nhận phản hồi

- Tinh sở hữu.

- Anh hưởng xã hội và khả năng gợi nhớ.

- Su khan hiếm và thiếu kiên nhẫn

- — Yếu tô mới lạ và sự tò mò

- _ Sự mất mát và né tránh

2210

Đây là ví dụ về “Lắc xì momo”!0° — trò chơi làm khuynh dao mỗi dịp tết về:

Nhiệm vu và lý tưởng | Sưu tầm 12 con giáp nhận thưởng 1 triệu hoặc chia 10 tỷcần thực hiện với những người trúng khác

Tiến triển và thành qua | Mỗi ngày (hay thậm chí mỗi giờ) bạn có thê thấy việc sưu

‘© Xem thêm tại: https://momo.vn/lixi

tầm 12 con ngày càng sắp về đích Thông qua việc đập lu

của mình, trộm lu của bạn hay bạn bẻ đồng ý trao đổi 1

con giáp nào đó mà bạn không san có.

Được sáng tạo và nhận | X

phản hôi

Tính sở hữu Mỗi con giáp được sưu tầm, bạn là người sở hữu Và có

quyền trao đôi ngay trong game

Việc sưu tâm những con giáp hiêm là cực kì khó.

Yêu tô mới lạ và sự tò

mo

Game sưu tam không mới Nhung trong dip tết 2019, 2020

có thé xem đây là chương trình duy nhất, giải thưởng

marketing được ra đời với hiệu quả cao hơn.

Ví dụ trò chơi với tựa đề của chiến dịch tên là “Săn sale Iphonel2 với giá 0đồng” khách hàng thấy tên trò chơi như vậy nên bắm vào chơi nên hiệu quả tiếp thịcao hơn, hình ảnh của thương hiệu/ doanh nghiệp mình được nhiều người biết đến.Bản chất của game là giải thưởng đã thu hút lượng lớn khách hàng nên lượt click

vào game sẽ rất cao, traffic!! đỗ về một cách tự nhiên rất cao so với nhưng chiếnlược trên facebook — điền số ngẫu nhiên theo x6 số, chọn ngẫu nhién,

Ý nghĩa: Gamification marketing là thay thé cho khuyến mãi thông thường, tùy

vào mục tiêu sẽ chạy chiến dịch nhằm tăng lượt view vào website hoặc tăng lượng

người đến cửa hàng Như ví dụ trên số lượng khách quy đổi voucher sẽ trở thànhlượt sale, họ có khả năng không trúng Iphone 0 đồng như lời giới thiệu mà trúngđược dây cáp sạc nhưng phải ra cửa hàng dé đôi Ở cửa hàng sẽ có gian hàng cácsản phẩm thu hút và giới thiệu họ có thê mua

2.2.5 Dự đoán và quản trị rủi ro

Chúng ta cần minh bạch trong cơ chế game và cách nhận thưởng

Đơn giản hóa những thao tác, hoạt động chơi game.

Đồng bộ hóa và nhất quán các nội dung truyền thông Online to Offline (O2O)!

2.3 Nghiên cứu

2.3.1 Các thành phần của game trong Gamification

Các thành phần của game trong Gamification có thê có: hình đại điện của người

dùng, cấp độ trò chơi, thanh tiến trình, huy hiệu nhận được từ thành tích khi chơi

game, bảng xếp hạng, nhiệm vụ, hàng hóa ảo

2.3.2 Thực trạng

Đổi mới, sáng tạo thông qua digital marketing rất phổ biến trong tiếp thị.Gamification marketing là một trong những phát triển phổ biến trong lĩnh vực này —

thu hút khách hàng tham gia các hoạt động khác nhau trong các bối cảnh

Gamification marketing đã được sử dụng thành công trong tiếp thị, kinh doanh,

!! Xem thêm tại: https://www.thuatngumarketing.com/traffic/

!? Xem thêm tại: https://en.wikipedia.org/wiki/Online_to_offline

Những tác động tích cực thông qua trò chơi phụ thuộc vào triển khai và tương

Thái độ đối với dich vu trò chơi là yêu tố quyết định mạnh mẽ đến ý định tiếp

tục sử dụng dịch vụ của một người cũng như ý định giới thiệu dịch vụ cho người

khác.

Các tổ chức hiện đang trién khai: Microsoft, Nike, Foursquare, Deloitte,

Treehouse, Nissan, Recyclebank, Kaplan University, Samsung,

Thực hiện gamification marketing ước tinh 938 triệu đô cho phần mềm trò chơihóa và các hoạt động tiếp thị mỗi năm

Nhiệm vụ khó khăn hoặc nhiệm vụ quá dễ dàng có thể khiến người chơi chánnản Vậy nên cân bằng kỹ năng khách hàng và thách thức nhiệm vụ một cách tối ưu.

2.3.5 Kết luận

Thành công của gamification marketing là phụ thuộc vào thiết kế và tính bền

vững.

Gamification marketing về cơ ban được liên kết với động lực Một người có

phần thưởng có thể là động lực mạnh mẽ hơn bởi vì nó dẫn dắt khách hàng hướngtới sự tương tác, hơn thế nữa thiết kế có ý nghĩa và hiệu quả có thể khiến khách

hàng hài lòng và sử dụng lâu dài.

Node.js!° là một mã nguồn mở, được dùng dé xây dựng các ứng dụng mang,

đặc biệt các ứng đòi hỏi real time (thời gian thực) & khối lượng request lớn Chúng

ta có thé lập trình Node.js với ngôn ngữ JavaScript!* Node.js có thể được dùng déxây dựng hoàn chỉnh một trang web, ngoài ra, Node.js còn có thé tích hợp dé xây

dựng các ứng dung real time trên iOS!°, Android'®, Game online với Unity!’, Cocos2dx!8.

!3 Xem thêm tai: https://nodejs.org/en/

! Xem thêm tại: https://www.javascript.com/

'S Xem thêm tại: https://en.wikipedia.org/wiki/IOS

! Xem thêm tại: https://en.wikipedia.org/wiki/Android

! Xem thêm tại: https://unity.com/

!8 Xem thêm tại: https://www.cocos.com/en/

10

Node.Js được tạo bởi Ryan Dahl từ năm 2009, và phát triển đưới sự bảo trợ của

Joyent Node.js được InfoWorld bình chon là "Công nghệ của năm" vào năm 2012.

Hình 2.5.1 Node JS

2.5.1.2 Các đặc điểm của Node JS

Node.Js là một môi trường JavaScript phía server mà sử dụng mô hình lập

trình sự kiện bat đồng bộ (asynchronous) Bản thân cốt lõi Node.Js sử dụng cơ chế

Google V8 dé thực thi code và một tỉ lệ lớn các module được viết băng JavaScript.Node.js chứa một thư viện xây dựng sẵn asynchronous i/o cho file, giao tiếp

socket và HTTP Giao thức HTTP va socket cho phép Node.Js hoạt động như một

webserver mà không cần một software như apache

2.5.1.3 Điểm nỗi bật của Node JS

Real time: Real time ở đây chính là xử lý giao tiếp từ client tới máy chủ theo

thời gian thực Không đồng bộ và phát sinh sự kiện (Event Driven): Tất các cácAPIs của thư viện Node.js đều không đồng bộ, nghĩa là non-blocking Nó rất cầnthiết vì Node.js không bao giờ đợi một API trả về dự liệu Server chuyền sang mộtAPI sau khi gọi nó và có cơ chế thông báo về Sự kiện của Node.js giúp server nhậnđựa phản hồi từ các API gọi trước đó

Chạy rất nhanh: Dựa trên V§ JavaScript Engine của Google Chrome, thư viện

Node.js rất nhanh trong các quá trình thực hiện code Các tiến trình đơn giản nhưnghiệu năng cao: Node.js sử dụng một mô hình luéng đơn (single thread) với các sựkiện lặp Các cơ chế sự kiện giúp Server trả lại các phản hồi với một cách khôngkhóa và tạo cho Server hiệu quả cao ngược lại với các cách truyền thống tạo ra một

số lượng luồng hữu hạn dé quản ly request Node.js sử dụng các chương trình don

11

luồng và các chương trình này cung cấp các dịch vụ cho số lượng request nhiều hơn

so với các Server truyền thống như Apache HTTP Server

Không đệm: Ứng dung Node.js không lưu trữ các dit liệu buffer

© Thread Processing @ Thread Waiting

Hình 2.5.2 Đặc điểm nổi bật cua Node JS?9

2.5.2 Tìm hiểu về React JS

2.5.2.1 Tổng quan về React JS

Non-locking IO

React”? là một thư viện Javascript phát triển bởi Facebook hỗ trợ việc xây dựng

UI có tính tương tac cao, các module có thể sử dụng lại được

React cho phép nhà phát triển dé tạo ra một ứng dụng web lớn sử dụng dữ liệu

và có thê thay đổi theo thời gian nhưng không tải lại trang React nhắm đến tốc độ,tính đơn giản và khả năng mở rộng hệ thống

React sử dụng công nghệ DOM ảo giúp tăng hiệu năng cho ứng dụng Virtual

DOM là một object javascript mỗi object chứa đầy đủ thông tin để tạo ra một DOM,khi dit liệu thay đổi nó sẽ tính toán sự thay đổi giữa object và cây thật, điều nàygiúp tối ưu hóa việc xuất lại cây DOM thật

1 Xem thêm tại: https://viblo.asia/p/nhung-dieu-can-biet-ve-nodejs-6J3Zgx2LImB

? Xem thêm tại: https://reactjs.org/

12

Kp React

Hinh 2.5.3 ReactJS

2.5.2.2 Các đặc điểm của React JS

React sử dụng ngôn ngữ JSX — bạn có thể viết Javascript với những thẻ giốngnhư XML Về bản chất, các thẻ thực sự là những lời gọi hàm, sẽ được chuyền đôi

trong React code, end up dưới dạng HTML và Javascript trong cây DOM.

Component: React được xây dựng xung quanh các component.

Props: Giúp các component tương tác với nhau, component nhận dữ liệu truyền

vào gọi là props và trả thuộc tính mô tả những gì component con sẽ render Props là

Reusable F ` Easy debugging

Components [) & testing

Hình 2.5.4 Đặc điển nổi bật của React JS?!

? Nguồn: https://medium.com /why-reactjs-is-gaining-so-much-popularity-these-days

13

2.5.2.3 Ưu điểm của React JS

Dễ học, cú pháp pháp đơn giản, giống với cú pháp HTML

Mức độ linh hoạt cao và đáp ứng tối đa các chức năng

Kết hợp với ES6/7, có thé làm việc với tải trọng cao một các dé dàng

Liên kết dữ liệu hướng xuống, các phan tử con thay đổi không ảnh hưởng đến

dữ liệu gốc

Thư viện Javascript mã nguồn mở 100%, được cập nhật hàng ngày, theo sự

đóng góp của các nhà phát triển trên toàn thế giới

Nhe, dữ liệu thực hiện ở phía người dùng có thé dé dang được biểu diễn ở phía

máy chủ cùng lúc.

Dễ dàng khi nâng cấp phiên bản

Có thé phát triển sang code React Native từ source code của ReactJS dé phát

triển ứng dúng cho thiết bị đi động.

2.5.3.2 Các đặc điểm của Express JS

Framework giúp cho việc phát triển ứng dụng được rút ngắn đi rất nhiều

2 Xem thêm tại: https://expressjs.com/

?3 Xem thêm tại: https://en.wikipedia.org/wiki/Software_framework

14

Cho phép định nghĩa Middleware hỗ trợ cho việc tổ chức và tái sử dụng code.

Định nghĩa routes và các request method đến server một cách dễ dàng

Hỗ trợ REST API?!.

Express.js

Mongoose

Mongo DB

© Thread Processing Giới Thread Waiting = =

Hình 2.5.6 Đặc điểm noi bật của ExpressJS?

2.5.4 Tìm hiểu về Mongo DB

2.5.4.1 Tổng quan về Mongo DB

MongoDB“ là một database hướng tài liệu (document), một dạng NoSQL

database Vì thế, MongoDB sẽ tránh câu trúc table-based của relational database dé

thích ứng với các tài liệu như JSON?’ có một schema rất linh hoạt gọi là BSON

MongoDB sử dụng lưu trữ dữ liệu dưới dạng Document JSON nên mỗi một

collection sẽ các các kích cỡ va các document khác nhau Các dữ liệu được lưu trữ

trong document kiểu JSON nên truy van sẽ rất nhanh

MongoDB lần đầu ra đời bởi MongoDB Inc., tại thời điểm đó là thế hệ 10, vàotháng Mười năm 2007, nó là một phần của sản phẩm PaaS (Platform as a Service)

? Xem thêm tại: https://en.wikipedia.org/wiki/Representational_state_ transfer

25 Nguồn: https://binariks.com/blog/tools/express-js-mobile-app-development-pros-cons-developers/

? Xem thêm tai: https://www.mongodb.com/

?7 Xem thêm tại: https://en.wikipedia.org/wiki/JSON

15

tương tự như Windows Azure?’ và Google App Engine?° Sau đó đã được chuyên

thành nguồn mở từ năm 2009

Omongo

Hinh 2.5.7 Mongo DB

2.5.4.2 Các đặc điểm của MongoDB

Query: hỗ trợ search bằng field, các phép search thông thường, regular

expression searches, và range queries.

Indexing: bat ki field nao trong BSON document cũng có thé được index

Replication: có ý nghĩa là “nhân bản”, là có một phiên ban giống hệt phiên banđang tồn tai, đang sử dụng Với cơ sở dữ liệu, nhu cầu lưu trữ lớn, đòi hỏi cơ sở dữliệu toàn vẹn, không bị mat mát trước những sự cỗ ngoài dự đoán là rất cao Vì vậy,người ta nghĩ ra khái nệm “nhân bản”, tạo một phiên bản cơ sở dữ liệu giống hệt cơ

sở dtr liệu dang tồn tại, và lưu trữ ở một nơi khác, đề phòng có sự cố

Aggregation: Các Aggregation operation xử lý các bản ghi đữ liệu và trả về kết

quả đã được tính toán Các phép toán tập hợp nhóm các giá trị từ nhiều Documentlại với nhau, và có thê thực hiện nhiều phép toán đa dạng trên dữ liệu đã được nhóm

đó dé trả về một kết quả duy nhất Trong SQL, count(*) và GROUP BY là tương

đương với Aggregation trong MongoDB.

Lưu trữ file: MongoDB được dùng như một hệ thống file tận dụng nhữngfunction trên và hoạt động như một cách phân phối qua sharding

8 Xem thêm tai: https://azure.microsoft.com/en-us/

? Xem thêm tai: https://cloud.google.com/appengine

16

Hình 2.5.8 Đặc điểm nổi bật của MongoDB

2.5.4.3 Ưu điểm của Mongo DB

Dữ liệu lưu trữ phi cấu trúc, không có tính ràng buộc, toàn vẹn nên tính sẵn

sàng cao, hiệu suất lớn và dễ dàng mở rộng lưu trữ

Dữ liệu được caching (ghi đệm) lên RAM, hạn chế truy cập vào 6 cứng nên tốc

độ đọc và ghi cao.

17

Chương 3 PHAN TÍCH THIẾT KE HE THONG

Trong chương này, nhóm tác giả phân tích yêu cầu và phân tích thiết kế hệthống Đồng thời mô tả chức năng thông qua các sơ đồ UML, mô tả cơ sở dữ liệu,

thiết kế các màn hình giao diện xử lý

3.1 Phân tích yêu cầu

3.1.1 Các yêu cầu chức năng

Giao diện quan ly:

- Quan lý danh sách tai khoản người dùng.

- Quan lý danh sách game.

- Quan lý, thống kê danh sách các game mà người dùng đã tạo

Giao diện người dùng:

- _ Hiển thị được danh sách game có thể tạo

- Cho phép người dùng quản lý phần thưởng của game

- Cho phép người dùng cấu hình giao diện của game

- Cho phép người dùng xem thông tin trúng thưởng của người chơi.

- Cho phép người dùng quản lý thông tin cá nhân của họ.

- Cho phép người dùng quản ly game mà họ đã tạo.

3.1.2 Yêu cầu phi chức năng

Yêu cầu về giao diện: Giao diện quản lý và giao diện người dùng thân thiện,

gần gũi và đơn giản

Yêu cầu về các tính năng khác:

- Tinh tiễn hóa: Dé dàng nâng cấp hoặc tăng các module tiện ích

- Tinh tiện dụng: Hệ thong có giao diện trực quan, thân thiện, đầy đủ các nội

dung và xử lý cần thiết

- Tinh hiệu quả: Website thé hiện trực quan các thông tin giúp người dùng dễ

dàng sử dụng và hoạt động ôn định

- Tinh tương thích: Hoạt động tốt trên các hệ điều hành và các trình duyệt web

phô biến hiện nay

18