HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG KHOA ĐA PHƯƠNG TIỆN Dé tài: “NGHIÊN CUU VE GAMIFICATION TRONG THIET KE VA AP DUNG VÀO THIET KE UNG DUNG BAN ĐỎ DU LICH VAN HOA HA NOI” Giảng viên hướng dan: Th.S Nguyễn Thị Kim Ngân Sinh viên: Dinh Hương Giang Lop: DI9TKDPT0I Hệ: Đại học chính quy Hà Nội — 2023 Đồ án tốt nghiệp Đại học Lời cam đoan LOI CAM DOAN Tác giả xin cam đoan rang Đồ án tốt nghiệp “Nghiên cứu về Gamification trong thiết kế và áp dụng vào thiết kế ứng dụng bản đồ du lịch văn hóa Hà Nội” là công trình nghiên cứu của bản thân mình Các thông tin, nội dung và số liệu trong đồ án có nguồn gốc rõ ràng, xuất phát từ những nguồn tài liệu uy tín và được trích dẫn đầy đủ tại phan tài liệu tham khảo Những số liệu hay kết qua trình bày trong đồ án đều mang tính chất trung thực, không sao chép, đạo nhái Tác gia xin cam đoan sẽ hoàn toàn chịu trách nhiệm trước Khoa Công nghệ Đa phương tiện và Học viện Công nghệ Bưu chính Viễn thông nếu có bất kỳ vấn đề gì xảy ra Hà Nội, ngày 18 tháng 12 năm 2023 Tác giả đô án yr Dinh Huong Giang Dinh Hương Giang — Lớp: DI9ØTKDPT0I i Đô án tôt nghiệp Đại học Lời cảm ơn LỜI CẢM ƠN Lời đầu tiên, tác giả xin chân thành cảm on Học viện Công nghệ Bưu chính Viễn thông và Khoa Công nghệ Đa phương tiện đã quan tâm và tạo điều kiện cho tác giả trong quá trình học tập tại Học viện nói chung và trong quá trình triển khai đồ án “Nghién cứu về Gamification trong thiết kế và áp dụng vào thiết kế ứng dụng bản đồ du lịch văn hóa Hà Nội” nói riêng Đặc biệt, tác giả xin được bày tỏ lòng biết ơn chân thành tới giảng viên hướng dẫn - Thạc sĩ Nguyễn Thị Kim Ngân đã tận tình theo sát, đưa ra nhiều nhận xét và lời khuyên hữu ích, giúp tác giả giải quyết các vấn đề phát sinh và hoàn thành đồ án này một cách tốt nhất Tác giả xin được gửi lời cảm ơn tới gia đình, bạn bẻ và người thân đã luôn tạo điều kiện tốt nhất và là chỗ dựa tinh thần vững chắc của tác giả trong suốt quá trình học tập và hoàn thiện đồ án này Bằng sự nỗ lực và cố gang của bản thân, tác giả đã hoàn thành đồ án theo đúng quy chuẩn đề ra Song, do về mặt kiến thức và điều kiện khảo sát thực tế còn hạn chế, nội dung đồ án này không tránh khỏi có những thiếu sót Kính mong quý thầy cô, các chuyên gia và quý độc giả quan tâm đến đề tài đưa ra những ý kiến đóng góp, chỉ dẫn dé tác giả có thé rút kinh nghiệm và phục vụ tốt hơn công tác thực tế sau này Xin chân thành cảm ơn! Dinh Hương Giang — Lớp: DI9ØTKDPT0I i Đồ án tốt nghiệp Đại học Mục lục MỤC LỤC LOT CAM ĐOAN 5 5c 2c 21221 21127122112112112112111112111112112k12g1 i LOT CAM ON ccccccsscsscssesssessessessssssssessssusssessessessssussasssessessessessesseesssessessseeasaess i MỤC LUỤC 2 25-52222121 21127121121121121121121121111112112111111111211.1 i DANH MỤC THUAT NGỮ, TU VIET TẮTT - 2 s+.++.£+.+£.++.£z.zx.ez.xe.rx.ee.s i DANH MỤC BANG VA BIEU ĐÒ .2-5.2 S.S CS E.2.2.1.21.2.11.1.1 Ee.Er-x-ee i DANH MỤC HÌNH VE u ccccccceccccsscsscssesccssssesscsessesuesessessssvsacevssacsvesassvssaeeeeees i NY CO 5) \ 0 -:›Ö:Œ: 1 1 Lý do chọn đề tài 25.c SE E1 E12.112.112.112.112.112.112.112.112.1 1.11.11.11.11.c-te 1 2 Tình hình nghiên cứu liên quan đến đề tải 5.5.5 s.25-z.+5-z2-s2ze-: 2 3 Mục đích, nhiệm vụ nghiên CỨU -.- 5 2.3.+ £*.+E+.eE.vve.ee.eer.re.eee.rr-ss 4 4 Đối tượng và phạm vi nghiên CỨU -.2.2.2.+E.+EE.+E.+E£.E+.EeE.rE.zre.rs-zkr-es 4 5 _ Phương pháp nghiÊn CỨU .- c 1 1 v v.n.v.n r-e4 6 Đóng góp mới của đề tài 5-5c©sSt2EEEEEEEEE2E 212121212121 EErxe 5 7 Ý nghĩa lý luận và thực tiễn 2-.52.s.+E.E+E.ES.EEE.EE.EE.EEE.Ee.EE.erk-er-ke-rke¿rr-ee 5 8 Kết cấu để tài 2c.2.k 2.H 22.2.2.1.2.1.2.11.2.1.2 k.e 6 CHUONG 1: CƠ SỞ LÝ LUẬN VÀ KHÁI NIỆM CHUNG - 7 1.1 Tổng quan về điện thoại di động thông minh .2 2.s 2.+.2.+-27 1.1.1 Các thuật ngữ và khái niệm liên quan 5.5 5.5+.+.++.s.*+.+.+s.e-++-s 7 1.1.2 Điện thoại di động thông minh . 5 + ‡.*+.+£.++.sv.++.se.ee.rs.ze.es.xs-s 8 1.1.3 Các đặc điểm của điện thoại thông minh ảnh hưởng tới việc thiết kế 5:17 9 1.2 Tổng quan về ứng dụng điện thoại di động thông minh . 11 1.2.1 Phan 8n 14 11 1.2.2 Ứng dụng di d6ng ccecceccceccscccssessessessessessesssessesssessesssssescsnssesseeseees 12 1.2.3 Phân loại ứng dụng di động - -. .5.5 +.+ *.ssv.ss.ee.er.see.ee.er.er-es 12 1.3 Tổng quan về thiết kế U2X/UI 2.2 s+E.E+.EE.+EE.+E.££E.+E.Ez.E+E-Ez-Ee-rxr2re-es 14 1.3.1 Thiết kế trải nghiệm người dùng 2 + 2 +.+.x+.Ee.E£.xz.Ee.rx-rx-ez 14 1.3.2 Thiết kế giao điện người dùng .¿+.+.+E.+£.Ee.£E.er-Ee-Ex-zE-er-xr2re-e 15 Dinh Hương Giang — Lớp: DI9ØTKDPT0I Đồ án tốt nghiệp Đại học Mục lục 1.3.3 Phương pháp thiết kế lay người dùng làm trung tâm (User-Centered P2017 31 19 1.4 Tổng quan về du lịch văn hóa .2 2.2.E.+EE.+EE.+E.E2E.E2E.E2.EE2.EEE.EE.erx-rre-es 21 1.4.1 Du lỊCH cccccccssscccccccccccesssssssssceesseccceeesseesseseeececeeeseeseseeeees 21 1.4.2 Du lịch văn hoa ccc cccecccccesssscceesssceeccessseseccesssseeceesssseseeeseeneaes 21 1.5 Tổng quan về gamification trong thiết kế 2 e.es.ee.se.es.ee.se.es.ee-ee-es 22 1.5.1 Định nghĩa øamIfiCafIOT .- c5 2.3.321.13.21.11.3 E.EE.ee.er.sr.re.er.rr-ss 22 1.5.2 Gamification trong thiết kẾ 2-.2 2 2+ E+E.E2E.E+E.E2E.E2E.E2E.Eer.xer.xrr-ee 23 1.5.3 Thiết kế gamification cho lĩnh vực du lịch -¿5csecs2 34 CHƯƠNG 2: UNG DUNG MOT SO PHƯƠNG PHÁP GAMIFICATION TRONG THIET KE UNG DỤNG BẢN DO DU LICH VĂN HÓA HÀ NOI „;:.9)(9)879 0) 1 36 2.1 Tổng quan dự án - 2-.52 Sx9E E*EE.EEEE.EE11.21E1.1511.1111.1111.E111.11-11- 11 -cre.36 2.2 Nghiên cứu đối thủ 2.-2 sSE.+SE.2EE.2EE.SEE.EEE.EE1.2E1.211.212.1171.111.11.1.-1 c-1eC 36 "8ÿ )206001 36 2.2.2 Michelin CU1d€ - - - - 5 111191189119 119111 119011 nh ng 39 2.2.3 Swarm by FOUTSU4TC -.¿.c 1.E.1.33 13.11.91.11.1.1 9 ng.v.e-.41 2.3 Nghiên cứu người Aung ee eeeecceeseeeeceseceeeeeeeaeceeeeeeeseceeeceaeeeeeeseaeeeses 43 2.3.1 Kết quả nghiên cứu .+.2.s +k+.SE+.E£E.£EE.EEE.EEE.EEE.EE.2EE.1EE-E1 -1x-x-rer43 2.3.2 Chân dung người dùng -. -.c.6.+ 1.3x.3 1 v v.n n.g-.56 2.3.3 So đồ hành trình trai nghiệm người ding 60 2.4 Tinh Nang 63 2.4.1 Đánh giá các tính năng đã đề xuat.n.ee ess esseese essessesessesseees 63 2.4.2 Ứng dụng gamification: Thêm các yếu tố trò chơi và cơ chế dé thúc day động lực động lực cốt lõi của con người -.+.s.+s.+.ce.+x.+x-ez-ec¿xe-z 66 2.5 Sơ đồ ứng UNG eececeecc ccs eesesseesessecsecsessssessesssssssssssssesssssesssesesssseseeees 70 I0)208.93009510/9c)0 201050 71 CHUONG 3: THIET KE UNG DUNG BAN DO DU LICH VAN HOA HA )19)0)):7 90908090 100 72 3.1 Phong cách thiết kẾ .2-.2 ©.s+SE.+SE.£EE£.EEE.EEEE.EEE.XE71.717.1 2.171.21-212¿1 -xe,72 Dinh Hương Giang — Lớp: DI9ØTKDPT0I i Đồ án tốt nghiệp Đại học Mục lục BLL 6 1 72 3.1.2 Dai màu sắC .5.2t 2 E.21.21.122.17.112.112.121.11.111.121.1 2-1.1-1 12x-e 74 °:IJJÀ j0 0a ắ 75 3.2 Xây dựng WIT€ÍTaIme -. + c 121.13.211.13.11.191.11.1 1.110.11.18 111.18.11.1 n.g v.n - 76 3.3 Các hình vẽ, biểu tượng và ÌOgO 2 + s+.S+.+E.SEE.eE.E+.Ee.EE.ErE-er-rk-rr¿rr-ee 78 3.4 Kết quả thiết kẾ ¿2.-5.S.E 2EEE.2E1.2112.1121.121.1211.211.2112.112.1121.1111-1.-11 -xe 79 3.4.1 Man onboarding, đăng nhập, đăng ký: .-.-. +5.5.++.+.-