Ứng dụng QR code và smartphone để xây dựng hệ thống thuyết minh đa ngữ

ĐẠI HỌC ĐÀ NẴNG TRƢỜNG ĐẠI HỌC SƢ PHẠM - NGUYỄN THÁI NHẬT DUY ỨNG DỤNG QR CODE VÀ SMARTPHONE ĐỂ XÂY DỰNG HỆ THỐNG THUYẾT MINH ĐA NGỮ LUẬN VĂN THẠC SĨ NGÀNH HỆ THỐNG THÔNG TIN Đà Nẵng - Năm 2018 ĐẠI HỌC ĐÀ NẴNG TRƢỜNG ĐẠI HỌC SƢ PHẠM - NGUYỄN THÁI NHẬT DUY ỨNG DỤNG QR CODE VÀ SMARTPHONE ĐỂ XÂY DỰNG HỆ THỐNG THUYẾT MINH ĐA NGỮ Chuyên ngành : Hệ thống thông tin Mã số : 8480104 LUẬN VĂN THẠC SĨ NGƢỜI HƢỚNG DẪN KHOA HỌC: PGS TS Võ Trung Hùng Đà Nẵng - Năm 2018 I LỜI CAM ĐOAN Tôi xin cam đoan: - Những nội dung luận văn thực hướng dẫn trực tiếp PGS.TS Võ Trung Hùng - Mọi tham khảo dùng luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố - Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tơi xin chịu hồn tồn trách nhiệm Tác giả Nguyễn Thái Nhật Duy II MỤC LỤC LỜI CAM ĐOAN I MỤC LỤC II DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT V DANH MỤC CÁC BẢNG BIỂU VII DANH MỤC CÁC HÌNH ẢNH VIII MỞ ĐẦU 1 Lý chọn đề tài Mục tiêu nhiệm vụ 3 Đối tƣợng phạm vi nghiên cứu Ý nghĩa khoa học thực tiễn đề tài .3 Cấu trúc luận văn CHƢƠNG 1: NGHIÊN CỨU TỔNG QUAN 1.1 Hệ thống thông tin 1.2 Vai trò cơng nghệ bảo tàng 1.2.1 Giới thiệu 1.2.2 Xu hƣớng phát triển 1.3 Một số kiểu ứng dụng công nghệ bảo tàng 1.3.1 Quản trị .9 1.3.2 Bộ sƣu tập quản lý sƣu tập 11 1.3.3 Những dịch vụ cho ngƣời tham quan .14 1.4 Công nghệ mã vạch thiết bị di động .15 1.4.1 Khái niệm 15 1.4.2 Những ứng dụng QR Code 16 1.4.3 Những lƣu ý ứng dụng QR Code 16 1.4.4 Phƣơng pháp xây dụng QR Code 17 1.5 Đa ngữ hóa 20 1.5.1 Giới thiệu Website đa ngữ 20 1.5.2 Xây dựng Website đa ngữ 22 III 1.6 Thuyết minh tự động 22 1.7 Bảo tàng Đà Nẵng 23 CHƢƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 25 2.1 Mô tả trạng 25 2.1.1 Tổ chức hiển thị liệu .26 2.1.2 Công tác thuyết minh bảo tàng 27 2.2 Mô tả ứng dụng 32 2.2.1 Mục đích hệ thống 32 2.2.2 Các đối tƣợng sử dụng 32 2.3 Mơ hình tổng qt 33 2.4 Phân tích thiết kế hệ thống 34 2.4.1 Biểu đồ Use Case 34 2.4.2 Biểu đồ lớp .36 2.4.3 Biểu đồ hoạt động 37 2.4.4 Biểu đồ triển khai 39 CHƢƠNG 3: TRIỂN KHAI ỨNG DỤNG 40 3.1 Mơ hình triển khai .40 3.2 Phát triển ứng dụng 41 3.3 Các công nghệ sử dụng 43 3.3.1 Các ngơn ngữ lập trình 43 3.3.2 Cấu trúc 45 3.4 Cơ sở liệu 47 3.5 Phát triển mã nguồn .48 3.5.1 Source Code để đọc mã QR Code 48 3.5.2 Một số chức 50 3.5.3 Giao diện dành cho ngƣời dùng trang web 52 3.5.4 Giao diện thiết bị di động 54 3.6 Hình ảnh thực tế 54 3.7 Thử nghiệm đánh giá 56 KẾT LUẬN 57 TÀI LIỆU THAM KHẢO 58 IV ỨNG DỤNG QR CODE VÀ SMARTPHONE ĐỂ XÂY DỰNG HỆ THỐNG THUYẾT MINH ĐA NGỮ Ngành: Hệ Thống Thông Tin Ngƣời hƣớng dẫn khoa học: PGS TS Võ Trung Hùng Họ tên học viên: Nguyễn Thái Nhật Duy Cơ sở: Trƣờng Đại Học Sƣ Phạm Đà Nẵng Tóm tắt: Việc ứng dụng QR Code Smartphone để xây dựng hệ thống thuyết minh đa ngữ góp phần giảm áp lực công tác hƣớng dẫn thuyết minh, cung cấp thông tin đến khách tham quan hiệu Mặt khác, việc xây dựng hệ thống thuyết minh đa ngữ để ứng dụng vào công tác bảo tàng xu hƣớng tất yếu giới góp phần nâng cao hình ảnh Bảo tàng Đà Nẵng Đề tài có ý nghĩa khoa học vơ to lớn, đóng góp thêm phƣơng pháp ứng dụng QR Code Smartphone để xây dựng hệ thống thuyết minh đa ngữ, giúp tiếp cận với công nghệ, nghiên cứu đề xuất nhằm lựa giải pháp phù hợp để áp dụng vào thực tế, tạo tiền đề phát triển Website đa ngữ tƣơng lai Về ý nghĩa thực tiễn, đề tài ứng dụng đƣợc QR Code Smartphone để xây dựng đề tài hệ thống thuyết minh đa ngữ, thuyết minh tự động cho vật góp phần xây dựng hệ thống thông tin ứng dụng CNTT hỗ trợ tối đa cho khách tham quan không Bảo tàng Đà Nẵng mà cho bảo tàng khác; phục vụ nhu cầu sử dụng tất ngƣời giới cách sinh động không gian chân thật nhất, không giới hạn vùng miền, ngôn ngữ bảo tàng; xây dựng thêm đa ngôn ngữ để khách tham quan quốc tế có thơng tin xác không cần hỗ trợ hƣớng dẫn viên; áp dụng tỉnh thành nƣớc để tăng lƣợt khách tham quan vào bảo tàng Từ khóa: qr code; smartphone; hệ thống thông tin; thuyết minh đa ngữ; bảo tàng đà nẵng Xác nhận giáo viên hƣớng dẫn Ngƣời thực đề tài QR CODE AND SMARTPHONE APPLICATIONS TO BUILD MULTILINGUAL PRONUNCIATION SYSTEM Major: Information Systems Full name of Master student: Nguyen Thai Nhat Duy Supervisors: ASS Prof., Dr Vo Trung Hung Training institution: Da Nang University of Education Abstract: The application of QR Code and Smartphone to build a multi-language interpretation system will contribute to reduce the pressure on the guidance and interpretation, providing information to visitors more effectively On the other hand, the construction of a multi-language interpretation system in museums is an indispensable trend in the world and improves the images of Da Nang Museum This is actually the significant scientific topic, contributing more methods of application QR Code and Smartphone to build a multilingual speech system Besides, it helps us to access technology, to research to propose the suitable solutions to apply in real life creating a chance to develop multilingual Websites in the future It is true that the application of QR code and Smartphone to build the theme of a multi-language demonstration system and automatic narrative systems build a system of information application of IT for visitors in Museum Danang, even for other museums It meets the needs of whole people in the world with unlimited languages and regions It is essential to set more languages so that visitors can get detail and exact information without tour guides In short, it is the best way to apply this system in other provinces in the country to increase visitors coming to museums Key words: qr code; smartphone; system information; multilingual pronunciation; danang museum Supervior’s confirmation Student V DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT Ký hiệu, chữ viết tắt Giải thích API API viết tắt Application Programming Interface (giao diện lập trình ứng dụng) phƣơng thức kết nối với thƣ viện ứng dụng khác ASP.NET Là tảng ứng dụng web (web application framework) đƣợc phát triển cung cấp Microsoft, cho phép ngƣời lập trình tạo trang web động, ứng dụng web dịch vụ web ASP.NET CORE Là open-source framework đa tảng (cross-platform) cho việc xây dựng ứng dụng dựa kết nối đám mây BACKEND Gồm có thành phần để xử lý thông tin từ Frontend CNTT Công nghệ thơng tin CLOUD Còn gọi điện tốn máy chủ ảo, mơ hình điện tốn sử dụng cơng nghệ máy tính phát triển dựa vào mạng Internet CSS Viết tắt Cascading Style Sheets đƣợc dùng để miêu tả cách trình bày tài liệu viết ngôn ngữ HTML XHTML FRONTEND Là phần hệ thống phần mềm, tƣơng tác trực tiếp với ngƣời sử dụng HDV HTML Hƣớng dẫn viên HTTP HyperText Transfer Protocol - Giao thức truyền tải siêu văn bản) năm giao thức chuẩn mạng Internet, đƣợc dùng để liên hệ thông tin Máy cung cấp dịch vụ (Web server) Máy sử dụng dịch vụ (Web client) mơ hình Client/Server dùng cho World Wide Web-WWW, HTTP giao thức Viết tắt HyperText Markup Language, "Ngôn ngữ Đánh dấu Siêu văn bản" ngôn ngữ đánh dấu đƣợc thiết kế để tạo nên trang web với mẫu thơng tin đƣợc trình bày World Wide Web VI ứng dụng giao thức TCP/IP (các giao thức tảng cho Internet) JAVASCRIPT Ngơn ngữ lập trình JavaScriptMS Sql Server MVC Viết tắt Model-View-Controller mẫu kiến trúc phần mềm để tạo lập giao diện ngƣời dùng máy tính NET FRAMEWORK Là thƣ viện mã lệnh đƣợc xây dựng sẵn để sử dụng QR Code Viết tắt Quick Response Code (tạm dịch "Mã phản hồi nhanh") hay gọi mã vạch ma trận (matrixbarCode) dạng mã vạch hai chiều (2D) đƣợc đọc máy đọc mã vạch hay smartphone (điện thoại thơng minh) có chức chụp ảnh (camera) với ứng dụng chuyên biệt để quét mã vạch SEO Viết tắt Search Engine Optimization trình tối ƣu để Website trở nên thân thiện với cơng cụ tìm kiếm SMARTPHONE Là khái niệm để loại điện thoại thích hợp tảng hệ điều hành di động với nhiều tính hỗ trợ tiên tiến điện toán kết nối dựa tảng điện thoại di động thông thƣờng SERVER Server (máy chủ) hệ thống (phần mềm phần cứng máy tính phù hợp) đáp ứng yêu cầu mạng máy tính để cung cấp, hỗ trợ cung cấp dịch vụ mạng SQL Server Structured Query Language hay ngôn ngữ truy vấn mang tính cấu trúc, loại ngơn ngữ máy tính phổ biến để tạo, sửa, lấy liệu từ hệ quản trị sở liệu quan hệ UI User Interface khái niệm để nói tới nơi mà ngƣời máy móc làm việc với URL Viết tắt Uniform Resource Locator (Định vị Tài nguyên thống nhất), đƣợc dùng để tham chiếu tới tài nguyên Internet VII DANH MỤC CÁC BẢNG BIỂU Số hiệu bảng Tên bảng Trang Thống kê lƣợt khách tham quan đến Bảo tàng Đà Nẵng 1.1 Sơ đồ Bảo tàng Đà Nẵng 27 2.2 Quản lý tài khoản 34 2.3 Đăng nhập/đăng xuất 35 2.4 Cập nhật liêu 35 2.5 Xem thơng tin 36 VIII DANH MỤC CÁC HÌNH ẢNH Số hiệu hình ảnh Tên hình ảnh Trang 1.1 Ví dụ Bar Code 15 1.2 Ví dụ QR Code 15 1.3 Mô tả chức QR Code 17 1.4 Mô tả tạo mã vạch QR Code plugin QR Code 17 1.5 Mơ hình sử dụng mã vạch QR Code bảo tàng 18 1.6 Mơ hình sử dụng thuyết minh tự động video 18 1.7 Quét mã QR Code 19 1.8 Tải QR Code 19 1.9 Cài đặt QR Code 20 1.10 Mơ hình tách biệt nội dung đa ngữ 22 1.11 Khách tham quan quốc tế sử dụng thiết bị thuyết minh tự động 23 1.12 Bảo tàng Đà Nẵng 24 2.1 Website Bảo tàng Đà Nẵng 25 2.2 Hiện vật Bảo tàng Đà Nẵng 26 2.3 Chi tiết vật 26 2.4 Tầng Bảo tàng Đà Nẵng 28 2.5 Tầng Bảo tàng Đà Nẵng 29 2.6 Tầng Bảo tàng Đà Nẵng 29 2.7 Hình ảnh trƣng bày 31 2.8 Hình ảnh trƣng bày 31 53 Trên giao diện ngƣời dùng có thể: 1) Nhập trực tiếp tên vật cần xem thông tin click vào nút tìm kiếm để xem thơng tin vật 2) Chọn vào Download on the App Store để download phần mềm cài đặt điện thoại máy tính bảng Apple 3) Chọn vào GET IT ON Google Play để download phần mềm cài đặt lên hệ điện thoại chạy hệ điều hành Android Thông tin hiển thị liên quan đến vật bao gồm: Nội dung văn thuyết minh vật Chọn Audio đển nghe nội dung thuyết minh âm Chọn Video để xem thuyết minh liên quan đến vật Hình 3.23: Giao diện xem thông tin vật Hình 3.24: Giao diện đăng nhập vào admin 54 3.5.4 Giao diện thiết bị di động Hình 3.25: Giao diện quét mã vạch 3.6 Hình ảnh thực tế Hình 3.26: Quét mã vạch QR Code thiết bị di động 55 Hình 3.27: Mã QR Code gắn vật 56 3.7 Thử nghiệm đánh giá Để đám ứng nhu cầu ngƣời sử dụng xem vật khách tham quan không cần cài ứng dụng bảo tàng mà cần cài phần mềm có quét mã vạch QR Code có đƣợc thông tin từ vật Hệ thống quét mã vạch đƣợc chạy mạng Lan nên có tốc độ quét nhanh, đáp ứng đƣợc số lƣợng khách tham quan lớn đến với bảo tàng Chúng tiến hành cập nhật liệu cho ngôn ngữ Việt, Anh Pháp Mỗi loại ngôn ngữ, cập nhật liệu cho 600 vật Đã tiến hành thử nghiệm môi trƣờng web thiết bị di động hệ thống chạy ổn định, cho kết với yêu cầu Nhìn chung, hệ thống đáp ứng yêu cầu đặt theo mục tiêu đề tài với nội dung đăng ký thuyết minh 57 KẾT LUẬN  Sau thời gian tìm hiểu, nghiên cứu, phân tích xây dựng chƣơng trình cho đề tài: ”Ứng dụng QR Code Smartphone để xây dựng hệ thống thuyết minh đa ngữ”, đề tài đáp ứng đƣợc số yêu cầu với kết đạt đƣợc nhƣ sau: - Phục vụ công tác bảo tàng đƣợc tốt đáp ứng nhu cầu khách tham quan - Tìm hiểu phân tích ứng dụng QR Code có Internet cơng cụ phần mềm nhằm đƣa bảng tổng hợp so sánh, đánh giá Qua chọn lựa số ƣu điểm ý tƣởng tốt giúp cho việc xây dựng chƣơng trình đƣợc hiệu - Sau lựa chọn số giải pháp, lựa chọn công cụ thích hợp để giải giải pháp ứng dụng QR Code Smartphone nhằm xây dựng hệ thống thuyết minh đa ngữ; đơi với việc phân tích sở liệu tối ƣu đáp ứng yêu cầu đề tài đặt  Ứng dụng đƣợc viết Net, với ngơn ngữ ASP.NET Core từ phát triển thành hệ thống, nhìn chung đạt đƣợc số kết định Có thể phát triển để đáp ứng đƣợc nhu cầu thực tế Bảo tàng Đà Nẵng Hỗ trợ khách tham quan hiểu vật đến với bảo tàng Bên cạnh đề tài số hạn chế sau: - Ngơn ngữ hạn chế: ứng dụng có ngơn ngữ Việt, Anh Pháp - Hình ảnh QR Code nhỏ khách tham quan đơng khó quét  Một số hƣớng phát triển luận văn: - Nghiên cứu thêm hình ảnh video 3D tăng độ phong phú chân thật khách tham quan đến với bảo tàng - Xây dựng thêm đa ngôn ngữ để khách tham quan quốc tế có thơng tin xác khơng cần hỗ trợ HDV - Áp dụng tỉnh thành nƣớc để tăng lƣợt khách tham quan vào bảo tàng nhƣ cung cấp thơng tin xác cho khách tham quan nƣớc Trong đề tài xây dựng đƣợc ứng dụng QR Code Smartphone để xây dựng hệ thống thuyết minh đa ngữ Kết đề tài bƣớc đầu giải đƣợc vấn đề khó khăn nhằm hỗ trợ hoạt động quảng bá bảo tàng đến du khách giới đƣợc dễ dàng 58 TÀI LIỆU THAM KHẢO Võ Trung Hùng, Nghiên cứu giải pháp phát triển cơng cụ hỗ trợ đa ngữ hố trang web, 2008 [2] Võ Trung Hùng, Trịnh Công Duy (2009), Xây dựng từ điển đa ngữ dành cho điện thoại di động dựa Android Framework, Tạp chí Khoa học Công nghệ ĐHĐN, Số 2(31), trang: 8-14 [3] Võ Trung Hùng, Nghiên cứu ứng dụng ngôn ngữ UNL để phát triển hệ thống dịch tự động cho tiếng Việt, 2011 [4] Võ Trung Hùng - Phương pháp công cụ đánh giá tự động hệ thống dịch tự động mạng, Tạp chí Khoa học Cơng nghệ, Đại học Đà Nẵng Số: (số 18) Trang: 37-42 Năm 2007 [5] Lê Thị Thúy Hoàn (2015), Quản lý bảo tàng - Kinh nghiệm từ số bảo tàng Queensland, Úc, Tạp chí Di sản Văn hóa, SỐ (52) – 2015 [6] Nguyễn Thị Trinh, Dƣơng Thị Hà (2015), Đa dạng hóa hoạt động cơng chúng Bảo tàng Đà Nẵng nỗ lực chặng đƣờng năm, Kỷ yếu 25 năm thành lập Bảo tàng Đà Nẵng [7] Dƣơng Thị Hằng (2015), Bảo tàng Phụ nữ Việt Nam - Một thập niên đổi mới, Tạp chí Di sản Văn hóa, SỐ (51) – 2015 [8] Jonathan P Bowen, Jim Bennett, and James Johnson (1998), Virtual Visits to Virtual Museums, Proc Museums and the Web 1998, Toronto, Canada, 22–25 April 1998 [9] Mann, Laura and Grace Tung (2015), A new look at an old friend: Reevaluating the Met’s audio-guide service, MW2015: Museums and the Web 2015 Published February 1, 2015 [10] Polaine, A., L Løvlie, & B Reason (2013), Service Design: From Insightto Implementation, Rosenfeld Media, New York, Mỹ [11] G’abor Hojtsy, Multilingual Web Applications with Open Source Systems, May 18, 2007 [12] Metropolitan Museum of Art (2014) Audio Guide Evaluation and Usability Testing Frankly, Green + Webb [13] Jonathan P Bowen, Jim Angus, Jim Bennett, Ann Borda, Alpay Beler , Andrew Hodges, and Silvia Filippini-Fantoni (2005), The Development of Science Museum Websites: Case Studies, E-learning and Virtual Science Centers, Idea Group Publishing, Hershey, US pages 366–392, 2005 [14] Bảo tàng Đà Nẵng, “Website bảo tàng Đà Nẵng”, có sẵn tại: http://baotangdanang.vn [15] UK Government Digital Service (2012), Build digital services, not websites, https://www.gov.uk/design-principles#eighth [1] DAI HOC DA NANG TRUONG D�I HQ-C SU PH�M Cc ljp - Tt.r - H;mh phuc BA.N TUONG TRINH BO SUNG, SITA CHUA LU�N VAN HQ va ten h9c vien: N:guy�n Thai Nh�t Duy Chuyen nganh: H� Th6ng Thong Tin Kh6a: K32 Ten dS tai lu�n van: (fog dl)ng QR Code va Smartphone- d� xay dvng h� th6ng thuy�t minh da ngfr Nguai huong dftn khoa h9c: PGS.TS Vo Trung Hung Ngay baov� lu�n van: 18./11/2018 i _ _ _ Sau ti�p thu�y ki�n cua Hoi d6ng-bao ve luan van- hop 18/11/2018, chung toi g�ia trinh m